/**************************************************/ /* -- Reset CSS vom YUI | Yahoo User Interface -- */ /*reset.css*/body{color:#000;background:#FFFFF1;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;} body { font: 12px Verdana, Arial, sans serif; line-height: 18px; color: #545454; background: #FFFFF1 url(/graphics/misc/bg_content.gif) repeat-y 192px 0; } /** -- Wrapper: damit der Footer immer ganz unten bleibt /** -- enthaelt auch den Background für den Footer über die ganze Seitenbreite **/ div#wrapper { position: absolute; left: 0; top: 0; width: 100%; min-height: 100%; background: url(/graphics/misc/bg_body_bottom.gif) repeat-x left bottom; z-index: 10; } /* s.a. IE 6 Css */ /** -- Logo -- **/ h1#logo { width: 100%; height: 90px; background: #8A0D12 url(/graphics/misc/logo.gif) no-repeat 192px 25px; z-index: 1000; } h1#logo a { display: block; width: 351px; height: 45px; z-index: 1000; } h1#logo a span { display: none; } /** -- Header-Bilder -- **/ div#headerImages { position: absolute; left: 193px; top: 90px; width: 668px; height: 246px; background: #8A0D12; } div#headerImages img#img_01 { position: absolute; display: block; left: 0; top: 0; width: 222px; height: 245px; } div#headerImages img#img_02 { position: absolute; display: block; left: 223px; top: 0; width: 222px; height: 245px; } div#headerImages img#img_03 { position: absolute; display: block; right: 0; top: 0; width: 222px; height: 245px; } /** -- Fixe Breite für Navigation und Content -- **/ div#wrapperSmall { width: 640px; padding: 0 0 0 0; } /** -- Umgibt die Hauptnavigation -- **/ div#navWrapper { float: left; width: 192px; padding: 30px 0 80px 0; } /** -- Hauptnavigation -- **/ ul#hauptNav { line-height: 16px; padding: 0 0 0 15px; } ul#hauptNav li { padding: 0 0 9px 0; } ul#hauptNav li a { display: block; color: #8A0D12; text-decoration: none; } /** -- Subnavigation -- **/ ul#subNav { line-height: 16px; margin: 0 0 -5px 0; padding: 5px 0 0 10px; } ul#subNav li { background: url(/graphics/misc/subNav_icon_off.gif) no-repeat 0 5px; padding: 0 0 4px 10px; } /* s.a. IE Css */ ul#subNav li a { display: block; font-size: 11px; text-decoration: none; } /** -- Small-Navigation -- **/ ul#smallNav { padding: 57px 0 0 15px; } ul#smallNav li{margin:7px 0; } *+html ul#smallNav li, *html ul#smallNav li{margin:2px 0; } ul#smallNav li a { display: block; text-decoration: none; height:11px;width:150px; } ul#smallNav #pano { height:11px;width:150px;} /* s.a. IE Css */ ul#smallNav li#shortlist a{height:10px; background: url(/graphics/misc/deutsch/auswahl.gif) no-repeat 0 0; } /* s.a. IE Css */ ul#smallNav li#shortlist_en a{height:10px; background: url(/graphics/misc/english/shortlist.gif) no-repeat 0 0; } /* s.a. IE Css */ ul#smallNav li#telefon a{ background: url(/graphics/misc/deutsch/click2call.gif) no-repeat 0 0;} /* s.a. IE Css */ ul#smallNav li#englisch a{ background: url(/graphics/misc/deutsch/english.gif) no-repeat 0 0; } /* s.a. IE Css */ ul#smallNav li#deutsch a{ background: url(/graphics/misc/english/deutsch.gif) no-repeat 0 0; } /* s.a. IE Css */ ul#smallNav li a span { display:none } /** -- CONTENT /** -- dem Content KEIN padding-left und padding-right geben, /** -- sonst funktioniert das Layout im IE 6 nicht gscheit... **/ #content { width: 433px; margin: 0 0 0 192px; padding: 265px 0 0 0; z-index: 10; } /* s.a. IE 6 Css */ #content h2 { font-weight: bold; color: #8A0D12; padding: 12px 10px 5px 16px; } #content h3 { font-weight: bold; padding: 0 20px 5px 16px; } #content p { padding: 0 20px 14px 16px; } #content ul { list-style-type: disc; margin: 0 20px 14px 32px; padding: 0; } #content ul li { list-style-type: disc; margin: 0; padding: 0 0 2px 0; } #content a, #content * a { color: #545454; /*color: #8A0D12; font-style: italic;*/ text-decoration: none; } #content a:hover, #content * a:hover { text-decoration: none; } /** -- Lagerbestand nach Zufallsgenerator -- **/ #content ul.datenbestand { list-style: none; margin: 0 20px 7px 36px !important; padding: 0; } #content ul.datenbestand li { list-style: none; margin: 0; padding: 0 !important; } #content ul.datenbestand li a { color: #8A0D12; font-style: italic; text-decoration: none; } #content ul.datenbestand li a:hover { text-decoration: underline; } /** -- TEASER AUF DER RECHTEN SEITE **/ div#wrapperTeaser { position: absolute; left: 640px; top: 0; width: 221px; height: 100%; } div#wrapperTeaser h2 { font-size: 11px; font-weight: bold; text-align: center; color: #862F11; margin: 355px 10px 0 10px; padding: 0 0 10px 0; } /* s.a. IE 6 Css */ div#wrapperTeaser img { display: block; text-align: center !important; margin: 0 auto !important; } div#wrapperTeaser p { font-size: 11px; padding: 10px 15px 0 15px; } div#wrapperTeaser a { font-size: 11px; color: #8A0D12; font-style: italic; text-decoration: none; } div#wrapperTeaser a:hover { text-decoration: underline; } div#wrapperTeaser h2 a { font-size: 11px; font-weight: bold; font-style: normal !important; text-align: center; color: #862F11; padding: 0 0 10px 0; } div#wrapperTeaser h2 a:hover { text-decoration: none !important; } /** -- FOOTER **/ div#footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 54px; background: #8A0D12 url(/graphics/footer/logos.gif) no-repeat 15px 11px; } div#footer p { font-size: 11px; font-style: italic; color: #DCA3A4; margin: 11px 0 0 211px; } div#footer p a { font-size: 11px; font-style: italic; text-decoration: none; color: #DCA3A4; } div#footer p a:hover { font-size: 11px; font-style: italic; text-decoration: none; color: #DCA3A4; } /** -- Allgemeine Formatierungen /** -- stehen hier am Ende, damit sie von nichts kaskadiert werden knnen -- **/ p#clearLeft { clear: left; line-height: 1px; height: 80px; margin: 0 !important; padding: 0 !important; } p.clearer { clear: both; line-height: 1px; height: 1px; margin: -1px 0 0 0; padding: 0; } strong, b { font-weight: bold; } u { text-decoration: underline; } em { font-style: italic; } .red { color: red; } .small { font-size: 11px; } .invisible { display: none; }