/* RESET */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

table {border-collapse:separate;border-spacing:0;}

caption, th, td {text-align:left;font-weight:normal;}

table, td, th {vertical-align:middle;}

a img, :link img, :visited img { border: 0; }

a { outline: none; }


/* HTML ELEMENTS */

html, body { height: auto; width: 100%; }

html { background: url(bilder/bg-html.jpg) repeat left top; }

body { color:  #730202; font:62.5%/2.1em georgia, serif; line-height:2.1em; background: url(bilder/bg-body.jpg) repeat-x left top; }


/* PAGE STRUCTURE */

#wrapper { min-height: 893px; height: auto; background: transparent url(bilder/bg-wrapper.jpg) no-repeat center top; }

body#home #wrapper { background: transparent url(bilder/bg-wrapper-home.jpg) no-repeat center top; }

body#hautnah #wrapper { background: #000; }

#content, #footer, #footer-content { margin: 0 auto; position: relative; height: auto; }

#content, #footer-content { width: 96em; }

body#home #content .section h1 { padding-top: 378px; }

#footer { padding: 30px 0 21px 0; background-color: rgba(255,255,255,0.3); border-top: #cbbda5 1px solid; border-bottom: #cbbda5 1px solid; }

#aside { position: absolute; top: 0; left: 0; width: 240px; height: auto; background: url(bilder/bg-aside.png) no-repeat center top; margin-bottom: 42px; z-index: 999; }

.section { width:  700px; margin: 0 auto; position: relative; }

#content .section { padding: 48px 0 48px 260px; min-height: 840px; }

#footer .section { padding: 0; padding-left: 260px; }

.col-news, .col-video, .col3 { float: left; position: relative; display: inline-block; }

.col-news { width:  360px; padding-right: 20px; }

#footer .col-news { width:  445px; text-align: center; }

#footer .col-video { width: 214px; text-align: center; }

.col-video { width: 280px; padding-left: 20px; }

.col3 { width: 28%; padding: 11px 2% 10px 3%; }

body#home #content .col-news, .col3-trenner { background: url(bilder/bg-strich-vertikal.gif) repeat-y right top; }

#footer .col-video { border-left: #cbbda5 1px solid; }

#cse-search-results iframe { width: 700px!important; padding: 0 10px; }



/* NAVIGATION */

body#uebermich .nav-uebermich a,
body#hautnah .nav-uebermich a,
body#modelathlet .nav-uebermich a,
body#interview .nav-uebermich a, 
li.nav-tour a,
body#news .nav-news a,
body#blog .nav-blog a,
body#filme .nav-filme a,
body#kontakt .nav-kontakt a   { color: #eead00!important; }

#nav { margin: 0; font-size: 2.1em; font-family: 'TeXGyreAdventorRegular', helvetica, sans-serif; padding: 0 30px 105px; }

#nav li { list-style: none; border-top: #8c0303 1px solid; height: 41px; }

#nav li a { text-decoration: none; color: #f2e2c4; line-height: 42px; }

#nav li a:hover { color: #eead00; }


/* TYPROGRAPHY */

b, strong { font-weight: bold; }

em { font-style: italic; letter-spacing: 1px; }

h1 { font-size:6em; line-height: 1.05em; color: #d96704; letter-spacing: -4px; margin: 21px 0; }

h2 { font-size:3.5em; line-height:  1.2em; padding: 6px 0; color: #008c86; }

h3 { font-size:3.5em; line-height: 1.2em; color: #b60303; padding: 6px 0; text-decoration: none; }

h4 { font-size:2.1em; letter-spacing: -1px; margin: 0.5em 0; color: #b60303; }

h5 { font-size:1.8em; margin: 0.5em 0 0.6666em; line-height: 1.1666em; letter-spacing: -1px; }

h6 { font-size:1.8em; line-height: 1.1666em; }

h3 a, h3 a:hover, h3 a:visited { text-decoration:  none!important; }

h6 a { color: #b60303; }

h6 a:hover { color: #d96704; }

h1, h2, h3, h4, h5, h6 { position: relative; font-weight: normal; }

h1, h2 { font-family: 'TeXGyreAdventorBold', helvetica, sans-serif; }

i { font-style: italic; letter-spacing: 1px; }

p { font-size:1.4em; line-height:1.5em; margin-bottom: 1.5em; }

p a { color: #b60303; }

p a:hover { color: #d96704; }

#aside h2 { font-size: 2.1em; padding-top: 10px; padding-bottom: 11px; }

.news { background: url(bilder/ico-news.png) no-repeat left 20px; padding-left: 40px; }

.film { background: url(bilder/ico-film.png) no-repeat left 20px; padding-left: 35px; }

.suche h2 { background: url(bilder/ico-suche.png) no-repeat left center; padding-left: 35px; }

.newsletter h2 { background: url(bilder/ico-newsletter.png) no-repeat left center; padding-left: 35px; }

.bestof h4 { margin-bottom:  1em; }

#footer h1 { margin-top: 0; line-height: 1em; }

#footer p { margin-bottom:  0; }

#footer h6 { background-color: #410101; color: #fafafa; padding: 3px 10px; margin-bottom: 17px; font-size: 12px; }


/* OTHER CLASSES  */

.amp { font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-style:italic; line-height:inherit; }

.aside-footer { background: url(bilder/bg-strich-vertikal.gif) repeat-y right top; padding: 0 20px; }

#back-top { width: 112px; height: 102px; background: url(bilder/bg-backtop.png) no-repeat center center; position: absolute; right: -20px; bottom: 21px; cursor: pointer; margin-top: 42px; bottom: 0; }

body#best-of .aside-footer { background: none; }

blockquote { font: italic 200%/1.5em georgia, serif;  padding: 2.1em; width: 30%; float: right; border-left: 5px solid; margin-left: 3%; }

.box { background: url(bilder/bg-box.png) repeat top left; }

.box p, .box h3, .box h6 { margin: 0 20px; }

.box p { margin-bottom: 1.5em; }

.blog-movie { float: right; padding: 0 0 21px 21px; }

.clear { clear:  both; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clickable:hover { background: url(bilder/bg-box.png) repeat top left; -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.2);}

.fussnote { font-size: 1em; line-height: 2.1em; color: #410101; letter-spacing: 1px; text-transform: uppercase; top: -5px; margin-top: -10px; margin-bottom: 10px; }

.hautnah { background: url(bilder/img-hautnah.jpg) no-repeat right top; height: 1000px; display:block; }

.ico-first-small { width: 45px; height: 45px; background: url(bilder/ico-first-small.png) no-repeat center center; position: absolute; top: 0; left: 0; }

.ico-first { width: 80px; height: 80px; background: url(bilder/ico-first.png) no-repeat center center; position: absolute; top: -20px; right: 20px; z-index: 99; }

.lasttour, .nexttour { position: absolute; top: 0; z-index: 999; }

.lasttour { left:  260px; }

.nexttour { right: 0; }

.logo { height: 21em; background: url(bilder/logo.png) no-repeat center center; text-indent: -999em; cursor: pointer; } 

.minimum-height { min-height: 30em; height:auto !important; height: 30em; }

.selection { position: absolute; top: 0; right: 0; }

.small { font: normal 95%/2.1em arial, sans-serif; letter-spacing: 1px; }

.suche { padding-bottom: 21px; }

.transparent { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }

.trenner { width: 100%; margin-top: 2.1em; padding-top: 4.2em; background: url(bilder/bg-strich-horizontal.png) no-repeat top right; display: block; }

body#kontakt .trenner { margin: 4.2em 0 6.3em 0; }

.trenner-links { background: url(bilder/bg-strich-vertikal.gif) repeat-y left top; }


/* IMAGES  */

img { max-width: 100%; }

img.img-left, img.img-right { margin-bottom: 2.1em; position: relative; top: 0.5em; }

img.img-left { float: left; margin-right: 2.1em; }

img.img-right { float: right; margin-left: 2.1em; }

ul.col2 img { -moz-box-shadow: 0 1px 10px #999; -webkit-box-shadow: 0 1px 10px #999; -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.5); } 
 
.blog-img { padding: 21px; background: url(bilder/bg-box.png) repeat top left; float: right; margin-left: 21px; } 

.footer-img { position: absolute; left: -10px; top: -180px; }


/* LISTS */

ul.fakten { margin: 21px 0; list-style-position: outside; list-style-type:  none; font-size: 14px; line-height: 1.5em; font-weight: bold; }

ul.fakten li { }

ul.col2 { margin: 21px 0; list-style-position: outside; list-style-type:  none; }

ul.col2 li { float: left; width: 48%; padding: 0 1%; margin: 21px 0 42px; }

ul.socialmedia { list-style-position: outside; list-style-type:  none; }

ul.socialmedia li { float: left; width: 31%; padding: 0 1%; text-align: center; border-top: #e5d4b8 1px solid; border-right: #e5d4b8 1px solid; padding-top: 10px; }

ul.socialmedia li:last-child { border-right: 0!important; }

ul#filter { list-style: none; width: 100%; height: 4.2em; font-size: 1.5em; }

ul#filter li { float: left; margin-right: 1em; }

ul#filter li:last-child { border-right: none; margin-right: 0; padding-right: 0; }

ul#filter a { color: #b60303; text-decoration: none; padding: 2px 5px; }

ul#filter a:hover { text-decoration: underline; }

ul#filter li.current a { background-color: #d96704; color: #fafafa; }

ul#portfolio { float: left; list-style: none; margin: 0 0 10em 0; display: block; width: 100%; border-left: #ac8c66 1px dotted; border-top: #ac8c66 1px dotted; }

ul#portfolio li { float: left; width: 30%; padding: 2% 1.5%; height: 340px; position: relative; text-align: center; border-bottom: #ac8c66 1px dotted; border-right: #ac8c66 1px dotted; }

ul#portfolio h3 { font-size: 25px!important; line-height: 0.84em; }

ul#portfolio h6 { color: #fafafa; font-size: 14px!important; background-color: #410101; padding: 3px 0; margin-bottom: 10px; }

ul#portfolio p { margin-bottom: 0!important; }

ul#portfolio a { width: 100%; }

ul#portfolio a:hover { text-decoration: none; }

ul#portfolio img { display: block; margin-bottom: 18px; -moz-box-shadow: 0 1px 10px #999; -webkit-box-shadow: 0 1px 10px #999; -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.5); border: #fafafa 5px solid;}


/* TABLES */

table#fakten { color: #70583d; border-collapse:collapse; width: 100%; }

table#fakten thead { }

table#fakten thead td { color:  #fafafa; background-color: #730202;text-align: center; height: 32px; font: normal 21px/1em georgia, serif; padding: 5px; }

table#fakten tbody td { padding: 10px 5px; border-top: solid 1px #b89d7c; font-size: 1.4em; height: 11px; }

table#fakten tbody td:first-child { padding-left: 20px; font-size: 90%; text-transform: uppercase; letter-spacing: 1px; color: #70583d; font-family: arial, sans-serif; }

table#fakten td p { font-size: inherit; margin-bottom: 0!important; }

table#blog-table { border-collapse:collapse; width: 100%; margin-bottom: 63px; position: relative; }

table#blog-table tbody tr { background: url(bilder/bg-strich-horizontal.png) no-repeat top right; padding: 63px 0 21px 0; position: relative; }

table#blog-table tbody td { vertical-align: top; padding: 63px 0 21px 100px; position: relative; }

table#blog-table tbody td .blog-date { width: 75px; text-align: center; position: absolute; right:625px; }

table#blog-table .blog-date h1 { margin: 0!important; }

table#blog-table .small a { text-decoration: none; cursor: default; }

table#blog-table .small a:hover { color: #b60303; }

.paginator { font: normal 14px/1em arial, sans-serif; margin: 10px 0 10px 100px; }

.paginator .active { color:#fafafa; background-color: #b60303; border: solid 1px #730202; padding: 3px 6px; margin:1px; text-decoration:none; }

.paginator .active:hover { background-color: #d96704; }

.paginator .inactive { color:#fafafa; cursor:default; text-decoration:none; border: solid 1px #730202;
padding: 3px 6px; margin:1px; }

table#sorttable { border-collapse:collapse; width: 100%; font-family: arial, sans-serif; border: solid 1px #b89d7c; margin-bottom: 100px; }

table#sorttable tbody td { border-top: solid 1px #b89d7c; border-left: solid 1px #b89d7c; font-size: 12px; line-height: 1em; padding: 0 5px; height: 30px; }

table#sorttable .category { font-size: 9px!important; text-transform: uppercase; }

table#sorttable .titel { color: #b60303; font-family: georgia, serif; font-weight: bold; width: 160px; }

table#sorttable thead th:first-child { padding-left: 3px; }

table#sorttable thead a { color: #fafafa; text-decoration: none; border-bottom: 1px dotted; }

table#sorttable thead a:hover { color: #d96704; }

table#sorttable thead { background-color: #730202; }

table#sorttable tfoot { background-color: #730202; }


/* FORM ELEMENTS */

.schnellsuche { background: url(bilder/bg-box.png) repeat top left; padding: 10px; position: relative; }

.schnellsuche form label { float: left; width: 20%; font-size: 21px; padding-top: 7px; }

.schnellsuche form input { color: #d0d0d0; }

.schnellsuche form input:focus { color: #b60303; }

#searchtable { width: 75%; padding: 5px 10px; font-size: 16px; float: right; }

.suche form { position: relative; }

.loading { position: absolute; right: 50px; top: 20px; font: bold 14px/1em arial, sans-serif; color: #eead00; }

body#kontakt form { padding: 0; margin: 0; font-size: 14px; width: 100%; }

body#kontakt form ol { list-style-type: none; width: 100%; }

body#kontakt form ol li { min-height: 29px; padding: 10px 0 2px 0; overflow: hidden; position: relative; }

body#kontakt form .felder { padding: 6px 4px 2px 4px; margin: 0; font-family: arial, sans-serif; border: solid 1px #d1d1d1; font-size: 14px; background-color: #ededed; width: 100%; } 

body#kontakt form textarea { height: 84px; }

body#kontakt form label { margin-right: 5%; font-size:12px; line-height: 1.75em; display: block; }

body#kontakt form input:focus, form textarea:focus { background-color: #d96704; color: #fafafa; }

div.error { color: #cc0033; font: bold 14px/1.5em arial, sans-serif; display: block; padding: 6px 0 4px 0; }

.google-suche { background-color:  #fafafa!important; width: 180px; font-size: 14px; color: #b60303; border: none!important; font-family: arial, sans-serif; padding: 5px; }


/* BUTTONS */

.button, .button:visited { background-color: #9e0101; 
	display: inline-block;
	font: bold 15px/1.4em arial, sans-serif;	
	padding: 2px 35px 2px 20px;
	margin-top: 14px; 
	color: #fff!important; 
	text-decoration: none;
	-moz-border-radius: 20px; 
	-webkit-border-radius: 20px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25)!important;
	position: relative;
	cursor: pointer }
 
button:hover, .button:hover { background-color: #d96704; color: #fff; }

button { border: 0; position: relative; }

button:active, .button:active { top: 1px; }

.button span { width: 10px; height: 10px; background: url(bilder/btn-arrow.png) no-repeat center center; position: absolute; right: 10px; top: 8px; }


/* EXPOSE */

#expose-movie { margin: 21px 0; }

#exposeMask { background-color: #000!important; }


/* ACCORDION */

#accordion { width: 300px; float: right; background-color: rgba(0,0,0,0.7); background-color: transparent\9; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C4000000,endColorstr=#C4000000); zoom:1; }

#accordion h3 { border-top: rgba(255,255,255,0.4) 1px solid; border-top: #696969 1px solid; margin:0; padding: 10px; cursor:pointer; color: #999; font-size: 2.1em; }

#accordion h3.current { cursor:default; color: #d96704; }

#accordion h3:hover { color: #d96704; }

#accordion .pane { display:none; padding: 0 10px; color:#e9e9e9; font-size:12px; }

#accordion .pane p { font-size: 14px; }

#accordion .pane b { color: #a2a2a2; text-transform: uppercase; letter-spacing: 1px; font-size: 85%; }

#accordion .pane i { color:  #999; }


/* SCROLLABLE */

#diashow { position: relative; width: 625px; height: 400px; background-color: white; padding: 10px; margin: 21px 0 42px 20px; -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.6);}

* html #diashow { z-index: 9999; }

.scrollable { position:relative; overflow:hidden; width: 625px; height:400px; background-color: black; }

.scrollable .items { width:20000em; position:absolute; clear:both; }

.items div { float:left; width:625px; text-align: center; }

.scrollable p { background-color: rgba(0,0,0,0.7); z-index: 55; position: absolute; width: 605px; bottom: 0; padding: 10px 10px 15px; font:  normal 1.3em/1.5em georgia, serif; color: #fafafa; margin-bottom: 0!important; background-color: transparent\9; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C4000000,endColorstr=#C4000000); zoom:1; }

.scrollable img { z-index: 44; margin: 0 auto; }

.scrollable { float:left; }

.scrollable a { color: #d96704; }

.scrollable a:hover { color: #b60303; }

.legend { z-index: 55; position: absolute; }

.legend-intro { z-index: 55; position: absolute; width: 220px!important; text-align: left!important; margin: 3em; background-color: rgba(0,0,0,0.4); padding: 10px; background-color: transparent\9; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000,endColorstr=#90000000); zoom:1; }

.legend-intro h1 { line-height: 0.7em; }

.legend-intro h6 { color: #fafafa; }

a.browse { display:block; width:45px; height:58px; float:left; cursor:pointer; font-size:1px; z-index: 99; }

a.right { background: url(bilder/btn-rightarrow.png) no-repeat center center; clear:right; margin-right: 0px; position: absolute; right:-35px; top: 45%;}

a.left { background: url(bilder/btn-leftarrow.png) no-repeat center center; margin-left: 0px; position: absolute; left:-35px; top: 45%;} 

a.disabled { visibility:hidden !important; }

/* OVERLAY  */

.simple_overlay { display:none; background-color:#000; }

.simple_overlay .close { background-image:url(biler/close.png); position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; }