/* Main-Style-Sheet; 2007 Rudolf Wohland */ /********************************************************************************** **************** Einstellen, bzw. Zuruecksetzten der Basiswerte ******************* **********************************************************************************/ * { margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1.0em; color: #000; } option { padding-left: 0.4em; } div { overflow: hidden; } ul, ol { margin: 0 0 0 2em; list-style-type: square; } strong { font-weight: bold; } /* Fuer FCKEditor */ html { height: 100% } /* Vertikalen Scrollbalken im Firefox wg. zentriertem Layout erzwingen */ body { /*width: 914px;*/ text-align: center; background: #fff; text-align: left; min-height: 101%; font-size: 100.01%; /* Beseitigung des Rundungsfehlers bei Schriftgroeßen in Opera */ position: relative; /* FIX: Verhindert, dass positionierte Elemente bei aenderung Fenstergroesse nicht verschoben werden */ /*margin: 0 auto 0 auto;*/ } body#b1 { background: url(../pics/shared/bg-body1c.png) repeat-x left top #fff; } body#b2 { background: url(../pics/shared/bg-body2.jpg) repeat-x left top #fff; } body#b3 { background: url(../pics/shared/bg-body3b.png) repeat-x left top #fff; } body#b4 { background: url(../pics/shared/bg-body4b.png) repeat-x left top #fff; } html>body li a { /* HACK: Exclude IE6 */ display: block; } h1, h1 a { font-family: Georgia, Garamond, serif; font-size: 1.8em; color: #666; margin: 0 0 0.5em 0; line-height: 1.4em; } h2, h2 a { font-family: Georgia, Garamond, serif; font-size: 1.8em; color: #666; margin: 0 0 0.5em 0; line-height: 1.4em; } h3, h3 a { font-size: 1.1em; color: #000; margin: 0 0 0.25em 0; font-weight: bold; } h3 a { padding-left: 0.75em; text-decoration: none; background: url(../pics/shared/arrow-right1.gif) no-repeat left 0.3em transparent; } h3 a:hover, .element1 h3 a:hover { text-decoration: underline; } h4, h4 a { font-size: 1.0em; color: #000; margin: 0 0 0.30em 0; font-weight: bold; display: block; } h4 a { padding-left: 0.75em; text-decoration: none; background: url(../pics/shared/arrow-right1.gif) no-repeat left 0.3em transparent; } h4 a:hover, .element1 h4 a:hover { text-decoration: underline; } h5, h5 a { font-size: 1.0em; font-weight: bold; color: #fff; background: #40556e; padding: 0.25em 1em 0.25em 1em; margin-bottom: 1em; } h6, h6 a { font-size: 1.0em; color: #cc6633; margin: 0 0 0.30em 0; font-weight: bold; } h6 a { font-weight: normal; text-decoration: none; padding-left: 0.75em; background: url(../pics/shared/arrow-right1.gif) no-repeat left 0.3em transparent; } h6 a.active { font-weight: bold; color: #555; } h6 a:hover, .element1 h6 a:hover { text-decoration: underline; } a { color: #40556e; } hr { border-top: 1px solid #c5c5c5; height: 1px; margin: 1em 0 1em 0; clear: both; } b { font-weight: bold; } sup { font-size: 0.6em; } /********************************************************************************** ***************************** Zentrale Klassen/IDs ************************************ **********************************************************************************/ .default { clear: both; margin: 0 0 2em 0;} /********************************************************************************** ****************************** Hauptcontainer ************************************* **********************************************************************************/ #cnt-main { width: 914px; position: relative; background: transparent; text-align: left; margin-right: auto; margin-left: auto; } #cnt-top { position: relative; height: 510px; background: transparent;} body#b2 #cnt-top { height: 166px; } #cnt-logo { position: absolute; width: 300px; height: 63px; left: 0px; top: 11px; background: url(../pics/shared/bg-line-logo.gif) no-repeat 112px center transparent; } #cnt-logo h3 { position: absolute; left: 126px; top: 15px; font-size: 0.8em; color: #47535f; } #cnt-content { background: transparent; } #cnt-footer { clear: both; width: 914px; background: url(../pics/shared/bg-footer.gif) no-repeat left top transparent; } #cnt-footer span { float: left; padding: 1.75em 0 0 0; color: #bbb; font-size: 0.70em; } #cnt-footer * { color: #bbb; } #nav-tools { position: absolute; right: 0px; top: 20px; background: transparent; } #nav-main { width: auto; height: 42px; position: absolute; left: 240px; top: 91px; background: transparent; } #nav-sub { background: #fff; } #cnt-col1 { width: 179px; float: left; margin-bottom: 2em; background: transparent; } body#b1 #cnt-col1 { width: 539px; } body#b2 #cnt-col1 { width: 0px; } #cnt-col2 { width: 344px; float: right; margin-bottom: 2em; background: transparent; } body#b2 #cnt-col2 { width: 914px; } body#b3 #cnt-col2, body#b4 #cnt-col2 { width: 704px; } #promobox { position: absolute; left: 0px; top: 135px; width: 914px; height: 330px; background: transparent; } #promobox * { color: #fff; } body#b1 #promobox * { color: #47535f; } #promobox a span { position: absolute; right: 0px; bottom: 60px; width: 70px; height: 38px; cursor: pointer; text-decoration: none; display: block; background: url(../pics/shared/bg-button1.png) no-repeat left top transparent; color: #000; padding: 2px 0 0 30px; } #promobox a span:hover { color: #a51c2c; } #promobox a { text-decoration: none; } #promobox h1 { font-size: 1.6666em; margin: 0; } #promobox h2 { font-size: 1.0em; font-weight: bold; margin: 0; } /********************************************************************************** ****************************** Navigation ***************************************** *********************************************************************************** **************************** Hauptnavigation ************************************** **********************************************************************************/ #nav-main ul { margin: 0; } #nav-main li { display: inline; list-style-type: none; background: transparent; } #nav-main li a { height: 30px; display: inline; float: left; background: transparent; color: #fff; font-weight: bold; font-size: 0.8em; letter-spacing: 0.025em; text-decoration: none; text-align: center; padding: 1em 2em 0 2em; } #nav-main li a:hover { background: url(../pics/shared/bg-nav-button.jpg) repeat-x left top transparent; color: #47535f; border-left: 1px solid #dee0e2; border-right: 1px solid #2a2f35; margin: 0 -1px 0 -1px; } #nav-main li a.active, #nav-main li a:hover.active { background: url(../pics/shared/bg-nav-button.jpg) repeat-x left top transparent; color: #47535f; border-left: 1px solid #dee0e2; border-right: 1px solid #2a2f35; margin: 0 -1px 0 -1px; } /*********************************************************************************** ******************************* Subnavigation ************************************** ***********************************************************************************/ #nav-sub ul { margin: 0; } #nav-sub ul ul { margin-left: -1.0em; } #nav-sub ul ul ul { margin-left: -2.0em; } #nav-sub ul ul ul ul { margin-left: -3.0em; } #nav-sub ul ul ul ul ul { margin-left: -4.0em; } #nav-sub ul ul ul ul ul ul { margin-left: -5.0em; } #nav-sub ul ul ul ul ul ul ul { margin-left: -6.0em; } #nav-sub li a { font-weight: normal; font-size: 0.8em; text-decoration: none; padding-right: 1.0em; } #nav-sub ul li { border-top: 1px solid #ccc; padding-left: 1.0em; background-color: transparent; width: auto; list-style-type: none; } #nav-sub ul ul li { padding-left: 2.0em; background-color: #fff; width: auto; } #nav-sub ul ul ul li { padding-left: 3.0em; background-color: #f2f4f4; width: auto; } #nav-sub ul ul ul ul li { padding-left: 4.0em; background-color: #e3e4e5; width: auto; } #nav-sub ul ul ul ul ul li { padding-left: 5.0em; background-color: #d5d6d7; width: auto; } #nav-sub ul ul ul ul ul ul li { padding-left: 6.0em; background-color: #c8c9ca; width: auto; } #nav-sub ul li a { color: #999; font-weight: bold; } #nav-sub ul ul li a { color: #999; font-weight: normal; } #nav-sub ul ul ul li a { color: #999; font-weight: normal; } #nav-sub ul ul ul ul li a, #nav-sub ul ul ul ul ul li a, #nav-sub ul ul ul ul ul ul li a { color: #999; font-weight: normal; } #nav-sub li div { padding: 0.4em 0em 0.4em 0em; } #nav-sub li.active { } /* Aktivierter Button */ #nav-sub li a.active { background: url(../pics/shared/arrow-right1.gif) no-repeat left 0.33em transparent; padding-left: 0.75em; color: #000; } /* Aktivierter Link */ #nav-sub li a:hover { color: #000; } /*********************************************************************************** ****************************** Toolnavigation ************************************** ************************************************************************************ ************************************************************************************/ #nav-tools ul { margin: 0; float: right; } #nav-tools li { list-style-type: none; display: inline; } #nav-tools li a { margin: 1px 6px 1px 6px; float: left; display: inline; text-decoration: none; font-size: 0.7em; font-weight: bold; padding: 0.2em 0.7em 0.2em 0.7em; color: #47535f; } #nav-tools li a.active, #nav-tools li a:hover { border: 1px solid #757e87; margin: 0 5px 0 5px; } /********************************************************************************** ******************************** Subtemplates ************************************* **********************************************************************************/ .cnt-subcols { width: 100%; padding: 0 1px 0 1px; margin: 0 -1px 0 -1px; overflow:hidden; } .col50l, .col25l, .col33l, .col38l, .col66l, .col75l, .col62l, .col100l {float: left; overflow: hidden;} .col50r, .col25r, .col33r, .col38r, .col66r, .col75r, .col62r {float: right; overflow: hidden;} .col25l, .col25r { width: 24.999%; background: transparent; } .col33l, .col33r { width: 33.333%; background: transparent; } .col50l, .col50r { width: 49.999%; background: transparent; } .col66l, .col66r { width: 66.666%; background: transparent; } .col75l, .col75r { width: 74.999%; background: transparent; } .col38l, .col38r { width: 38.196%; background: transparent; } /* Goldener Schnitt */ .col62l, .col62r { width: 61.803%; background: transparent; } /* Goldener Schnitt */ .col100l { width: 100%; background: transparent; } #promobox .col66l, #b4 #promobox .col66l { width: 539px; } #promobox .col33r, #b4 #promobox .col33r { width: 344px; padding: 26px 0 0 0; } #promobox .subcol, #promobox .subcoll, #promobox .subcolr { padding: 0; } #promobox .col100l .subcoll { text-align: center; } /* Zentrierung des Bildes/ser Animation fuer Hauptseiten ohne Text im Promoblock */ #b2 .col33l, #b2 .col33r { width: 294px; } #b2 .col33l { margin-right: 16px; } #b3 .col66l, #b4 .col66l { width: 390px; } #b3 .col33r, #b4 .col33r { width: 294px; } .subcol { padding: 0 0.5em 0 0.5em; overflow: hidden; font-size: 0.8em; line-height: 1.6em; } .subcoll { padding: 0 0.5em 0 0; overflow: hidden; font-size: 0.8em; line-height: 1.6em; } .subcolr { padding: 0 0 0 0.5em; overflow: hidden; font-size: 0.8em; line-height: 1.6em; } .element1 { background: url(../pics/shared/bg-element1-body-repeat.gif) repeat-y left top transparent; } .element1 div { background: url(../pics/shared/bg-element1-body.jpg) no-repeat left top transparent; } .element1 .bottom { width: 100%; height: 5px; background: url(../pics/shared/bg-element1-bottom.gif) no-repeat left top transparent; padding: 0; } .element1 div { padding: 12px; line-height: 1.3em; font-size: 0.75em; color: #666; } .element1 div span { float: right; width: 59px; height: 28px; cursor: pointer; text-decoration: none; display: block; background: url(../pics/shared/bg-button2.png) no-repeat left top transparent; color: #000; padding: 0 0 0 20px; font-size: 0.9em; } .element1 div a span:hover { color: #a51c2c; } .element1 h4 { padding: 0 0 0.3em 0; font-size: 1.1em; background: url(../pics/shared/bg-line-h4.gif) repeat-x left bottom transparent; } .element1 a { color: #000; } .element1 h3 a { font-size: 1.0em; } .element1 a { text-decoration: none; } .element1 a:hover { } #b2 .element1, #b3 .element1, #b4 .element1 { background-image: url(../pics/shared/bg-element1b-body-repeat.gif); } #b2 .element1 div, #b3 .element1 div, #b4 .element1 div { background-image: url(../pics/shared/bg-element1b-body.jpg); } #b2 .element1 div, #b3 .element1 div, #b4 .element1 div { padding: 16px; } #b2 .element1 div div, #b3 .element1 div div, #b4 .element1 div div { background: transparent; padding: 0; font-size: 1em; } #b2 .element1 .bottom, #b3 .element1 .bottom, #b4 .element1 .bottom { padding: 0; background-image: url(../pics/shared/bg-element1b-bottom.gif); } /*****************************Imageflow/Noscript*******************************/ #noScript { overflow: auto; width: 914px; height: 284px; background: transparent; } #noScript img { } #noScript div { float: left; padding: 1em 1em 1em 0; } /*********************************************************************************** ***************************** Formulare & Tabellen ********************************* ************************************************************************************/ form { overflow:hidden; } input, select, textarea { width: 100%; border-bottom: 1px solid #bbb; border-left: 1px solid #bbb; background: #ededed; padding: 0.3em 0.2em 0.3em 0.2em; color: #555; } label { font-size: 0.9em; color: #666; border-top: none; padding: 0 0 0 0; margin-bottom: 1em; display: block; } select { border: 1px #bcc8cf solid; } textarea { height: 12em; padding: 3px; width: 98.666%; } input[type=text]:focus, textarea:focus { background: #fff; } input[type=submit], input[type=reset], input[type=button] { background: #47535f; border: 1px solid #47535f; } input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover { color: #47535f; background: #ededed; } input.button { background: #47535f; color: #fff; font-weight: bold; font-size: 0.9em; border: 1px solid #47535f; } .checkit { border: none; width: 14px; height: 14px; } form h1 { font-size: 1.6em; color: #666; margin: 0 0 1em 0; } form h2 { font-size: 1.4em; color: #666; margin: 0 0 0.5em 0; } form h3 { font-size: 1.2em; color: #666; margin: 0 0 1.0em 0; font-weight: bold; } form .col33l, #b2 form .col33l { width: 32%; float: left; border: none; padding: 0; margin: 0; font-size: 1em; } form .col66r { width: 64%; float: right; border: none; padding: 0; margin: 0; font-size: 1em; } form .col50l { width: 48%; float: left; border: none; padding: 0; margin: 0; font-size: 1em; } form .col50r { width: 48%; float: right; border: none; padding: 0; margin: 0; font-size: 1em; } form .col100l { width: 100%; float: none; } .alert, input:focus.alert { background: #b3000d; color: white; } p.alert, span.alert, div.alert { margin: 0.5em 0 0.5em 0; padding: 0.5em; font-weight: bold; } label.alert { color: #b3000d; background: transparent; font-weight: bold; } input[type=text].alert { padding: 0.3em 0.2em 0.3em 0.2em; } /********************************************************************************** ******************************* Gallery Generator ********************************** **********************************************************************************/ #showcase, .showcase { position: absolute; left: 211px; top: 25px; } #control-gallery { position: absolute; left: 620px; top: 230px; width: 294px; height: 45px; } #control-gallery div { width: 279px; height: 42px; float: left; } #control-gallery a { padding-top: 4px; } #control-gallery table { margin: 0 auto 0 auto; width: auto; } #control-gallery td { text-align: center; padding-left: 0.4em; } #control-gallery td a { margin-right: 0.4em; background: url(../pics/shared/button-item-off.jpg) left top no-repeat; display: block; float: left; width: 15px; height: 40px; color: #000; text-decoration: none; font-weight: bold; padding-top: 0; } #control-gallery td a.active { color: #fff; background: transparent; } /********************************************************************************** ******************************* Sonstige Klassen ********************************** **********************************************************************************/ /*********************************************************************************** ********************************* Animationen ************************************** ************************************************************************************/ #an_pic1a { z-index: 2; } #an_pic1b { z-index: 1; } #an_pic1a, #an_pic1b { position: absolute; top: 0px; left: 0px; margin: 0; padding: 0; } .col100l #an_pic1a, .col100l #an_pic1b { top: 0px; left: 150px; } .float-left { float: left; } .float-right { float: right; } img.float-right { float: right; margin: 0 0 1em 1em; } img.float-left { float: left; margin: 0 1em 1em 0; } .marg-b { margin-bottom: 1em; } .inln { display: inline; } .underline, #promobox .underline, .element1 .underline { text-decoration: underline; } .download-pdf { background: url(../pics/shared/icon-pdf.gif) no-repeat 0em 0.2em; padding: 0 0 0.25em 1.65em; } .download-doc { background: url(../pics/shared/icon-doc.gif) no-repeat 0em 0.2em; padding: 0 0 0.25em 1.65em; } .download-avi { background: url(../pics/shared/icon-avi.gif) no-repeat 0em 0.2em; padding: 0 0 0.25em 1.65em; } .download-mpg { background: url(../pics/shared/icon-mpg.gif) no-repeat 0em 0.2em; padding: 0 0 0.25em 1.65em; } .download-mov { background: url(../pics/shared/icon-mov.gif) no-repeat 0em 0.2em; padding: 0 0 0.25em 1.95em; } .download-rtf { background: url(../pics/shared/icon-rtf.gif) no-repeat 0em 0.2em; padding: 0 0 0.25em 1.65em; } .download-txt { background: url(../pics/shared/icon-txt.gif) no-repeat 0em 0.2em; padding: 0 0 0.25em 1.65em; } .download-jpg { background: url(../pics/shared/icon-jpg.gif) no-repeat 0em 0.2em; padding: 0 0 0.25em 1.65em; } .download-gif { background: url(../pics/shared/icon-gif.gif) no-repeat 0em 0.2em; padding: 0 0 0.25em 1.65em; } .download-eps { background: url(../pics/shared/icon-eps.gif) no-repeat 0em 0.2em; padding: 0 0 0.25em 1.65em; } .download-dxf { background: url(../pics/shared/icon-dxf.gif) no-repeat 0em 0.2em; padding: 0 0 0.25em 1.65em; } .download-mp3 { background: url(../pics/shared/icon-mp3.gif) no-repeat 0em 0.2em; padding: 0 0 0.25em 1.65em; } .download-psd { background: url(../pics/shared/icon-psd.gif) no-repeat 0em 0.2em; padding: 0 0 0.25em 1.65em; } .download-zip { background: url(../pics/shared/icon-zip.gif) no-repeat 0em 0.2em; padding: 0 0 0.25em 1.65em; } .download-file, .download- { background: url(../pics/shared/icon-file.gif) no-repeat 0em 0.2em; padding: 0 0 0.25em 1.7em; }