/**************************************************/ /* -- Reset CSS vom YUI | Yahoo User Interface -- */ /*reset.css*/body{color:#000;background:#FFF;}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;} /** -- ACHTUNG: -- alle.png Grafiken die eingebunden werden sind transparent, -- und somit fuer den IE 6 in einem eigenen Stylesheet nochmal definiert !!! **/ /** -- Eigene Styleangaben ab hier eingeben: -- **/ body { font: 13px Arial, sans serif; color: #FFF; line-height: 18px; background: url(/graphics/misc/bg_body.gif); } /* Positioniert alles mittig */ div#center { width: 938px; height: 600px; /*background: #FFF;*/ /*margin: auto auto; padding: 20px 0 0 0;*/ } div#center { position: absolute; left: 50%; top: 50%; margin: -300px 0 0 -469px; } /** -- Logo -- **/ h1 { width: 221px; height: 59px; background: url(/graphics/misc/logo.gif); margin: 0 auto; } h1 a { display: block; width: 221px; height: 59px; } h1 a span { display: none; } /** -- HelperNav: Sprachwechsel, Musik -- **/ div#helperNav { position: absolute; left: 50%; /*top: 78px;*/ top: 58px; width: 938px; height: 16px; margin: 0 0 0 -469px; } /* Sprachwechsel */ div#helperNav ul#sprachwechsel { float: left; width: 35px; height: 9px; padding: 3px 4px 0 4px; } div#helperNav ul#sprachwechsel li { float: left; height: 13px; } div#helperNav ul#sprachwechsel li a { float: left; height: 9px; background: url(/graphics/misc/sprachwahl.gif) no-repeat;} div#helperNav ul#sprachwechsel li a#deutsch { width: 18px; background-position: left 0; } div#helperNav ul#sprachwechsel li a#deutsch:hover { background-position: left -9px; } div#helperNav ul#sprachwechsel li a#english { width: 17px; background-position: right 0; } div#helperNav ul#sprachwechsel li a#english:hover { background-position: right -9px; } div#helperNav ul#sprachwechsel li a span { display: none; } /* Musik: An, Aus */ div#helperNav div#musik { float: right; width: 77px; height: 13px; margin: 4px 4px 0 4px; } /** -- Weisse Flche mit Schatten -- **/ div#schattenFlaeche { width: 938px; height: 488px; background: transparent url(/graphics/misc/schatten.png); margin: 16px 0 6px 0; } div#bgImage { float: left; width: 910px; height: 460px; /* DynCss */ margin: 14px !important; margin: 14px 7px 7px 7px; } /** -- Navigation -- **/ div#navSpacer { float: left; width: 236px; height: 460px; } a#menuBalken { display: block; float: left; width: 41px; height: 460px; background: transparent url(/graphics/nav/menuBalken.png); } ul#hauptNav { float: left; width: 175px; height: 460px; background: transparent url(/graphics/nav/bgNav.png); } ul#hauptNav li { display: block; float: left; } ul#hauptNav li a { display: block; width: 170px; height: 14px; text-decoration: none; margin-bottom: 6px; } /* siehe dynCss */ /* Over-Status */ ul#hauptNav li a:hover { background-position: 0 -14px !important; } ul#hauptNav li a span { display: none; } /* Sub-Navigation */ ul#subNav { float: left; width: 157px; padding: 2px 0 0 0; } ul#subNav li { display: block; float: left; margin-left: 7px; } ul#subNav li a { display: block; width: 157px; height: 12px; text-decoration: none; margin-bottom: 8px; } /* siehe dynCss */ /* Over-Status */ ul#subNav li a:hover { background-position: 0 -12px !important; } ul#subNav li a span { display: none; } /** -- Content -- **/ div#contentBg { float: right; width: 382px !important; width: 365px; height: 460px; background: transparent url(/graphics/misc/bg_content.png) no-repeat; overflow: hidden; z-index: 1; } #content { /*text-align: justify;*/ height: 413px; overflow: hidden; overflow-y: auto; padding: 27px 40px 20px 20px; z-index: 2; } /* Scrollbalken für IE einfärben */ #content { scrollbar-base-color: none; /* Basisfarbe der Scroll-Leiste */ scrollbar-3dlight-color: #050505; /* Farbe für den 3D-Effekte */ scrollbar-arrow-color: #FCD98A; /* Farbe für den Verschiebepfeile */ scrollbar-darkshadow-color: #050505; /* Farbe für den Schatten */ scrollbar-face-color: #050505; /* Farbe für die Oberfläche */ scrollbar-highlight-color: #FCD98A; /* Farbe für den oberen und linken Rand */ scrollbar-shadow-color: #050505; /* Farbe für den unteren und rechten Rand */ scrollbar-track-color: #1D1D1D; /* Farbe für den freibleibenden Verschiebeweg */ } #content h2 { font-size: 16px; font-weight: bold; text-transform: uppercase; margin: 0 0 8px 0; padding: 0 0 4px 0; } #content h3 { font-size: 13px; font-weight: bold; padding: 0 0 8px 0; } #content h4 { font-size: 13px; font-weight: bold; padding: 0 0 8px 0; } #content p { padding: 0 0 16px 0; } #content p img { } #content ul { padding: 0 0 8px 23px; } #content ul li { background: url(/graphics/misc/listItem.png) no-repeat left 5px; padding: 0 0 2px 9px; } #content ol { list-style-type: decimal; margin: 0 0 8px 51px; } #content ol li { list-style-type: decimal; margin: 0; padding: 0 0 2px 0 !important; } #content table { margin: 0 0 16px 0; } #content table th { vertical-align: top; font-weight: bold; padding: 0 15px 0 0; } #content table td { vertical-align: top; padding: 0 15px 2px 0; } /* Tabelle mit Preisen */ #content table.preise { width: 310px; margin: 0 0 16px 0; } #content table.preise th { vertical-align: top; font-weight: bold; padding: 2px 10px 2px 0; } #content table.preise th.preisCol { text-align: right; width: 50px; } #content table.preise td { vertical-align: top; padding: 1px 10px 1px 0; } #content table.preise td.preisCol { text-align: right; width: 50px; } /* Tabelle mit Kontaktdaten */ #content table.kontaktdaten { margin: -16px 0 16px 0; } #content table.kontaktdaten td { vertical-align: top; padding: 0 10px 0 0 !important; } #content a { color: #FFE3A4; text-decoration: none; } #content a:hover { color: #FFE3A4; text-decoration: underline; } /*Content Pano */ #content .pan_wrapper{margin:0 0 16px 0} #content .pan_left{float:left;margin:0 10px 0 0;} /** -- Text ausblenden -- **/ a#changeView { float: right; width: 17px; height: 460px; background: transparent url(/graphics/misc/text_ausblenden.png) no-repeat; } a#changeView span { display: none; } /************************************************************************************************************************/ /********************** -- Styles ab hier müssen nicht für den Content Editor übernommen werden -- **********************/ /** -- Formulare im Content /** -- Unverbindliche Anfrage */ form.standard { width: 305px; } form.standard * { text-align: left !important; } form.standard h3 { font-size: 14px; font-weight: bold; margin: 0 0 15px 0; padding: 20px 0 3px 0 !important; border-bottom: 1px solid white; } form.standard h3.first { padding-top: 5px !important; } form.standard p.line { clear: both; line-height: 1px; height: 1px; background: white; margin: 15px 0 10px 0; padding: 0 !important; } /* Fieldsets und Labels */ form.standard fieldset { clear: left; margin: 0 0 5px 0; } form.standard fieldset label { display: block; float: left; width: 130px; } form.standard fieldset input { float: right; width: 168px; height: 16px; border: 1px solid #000; padding: 0 0 0 2px; } form.standard fieldset select { float: right; width: 172px; height: 16px; border: 1px solid #000; padding: 0 0 0 2px; } /* CheckBox Single */ form.standard fieldset.checkboxS { } form.standard fieldset.checkboxS label { display: block; float: right; width: 156px; } form.standard fieldset.checkboxS input { float: left; width: 16px; height: 16px; border: 1px solid #000; margin: 1px 0 0 132px; } /* Submit-Button */ form.standard button { color: #FFF; font-weight: bold; font-size: 11px; border: none; background: none; margin: 0 0 20px 130px; padding: 0; cursor: pointer; cursor: hand; } /* Errormeldung */ form.standard p.errorMeldung { font-size: 10px; font-weight: bold !important; color: #FFE3A4; padding: 0 0 10px 134px !important; } /******************/ /** -- Footer -- **/ ul#footer { clear: left; width: 938px; height: 10px; background: url(/graphics/misc/footer.gif) no-repeat 4px 0; } ul#footer li { font-size: 10px; float: left; padding: 0 43px 0 0; } ul#footer li.mail { padding: 0 !important; } ul#footer li.mail a { text-decoration: none !important; padding: 0 25px; } ul#footer li span { visibility: hidden; } /** -- Allgemeine Definitionen /** -- stehen ganz am Ende, damit sie von nichts kaskadiert werden */ strong, b { font-weight: bold; } u { text-decoration: underline; } em { font-style: italic; } blockquote{ padding: 0 20px; } .invisible { display: none; } .clear { clear: both; line-height: 1px !important; height: 1px; margin: 0 !important; padding: 0 !important; } /** -- sIFR /** -- These are standard sIFR styles... DO NOT MODIFY !!! */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /** -- Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. -- **/ .sIFR-flash + div[adblocktab=true] { display: none !important; } /** -- These "decoy" styles are used to hide the browser text before it is replaced... -- The negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text -- in this example is so much narrower... -- Your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles -- **/ #content .sIFR-hasFlash h2 { visibility: hidden; }