/*=============================================== Description : Main-Style-Sheet Version : 1.00 Author : Rudolf Wohland Last changed: 09.05.11 ===============================================*/ /* import core styles ===============================================*/ @import url(base.css); /* Resetting/adjusting of basic values ===============================================*/ html { height: 100% } /* Vertikalen Scrollbalken im Firefox wg. zentriertem Layout erzwingen */ body { background: url(../pics/shared/bg-body.gif) repeat-x left top #fbfbfb; } a { color: #318bb5; } hr { border-color: #95b7d7; } h1 { line-height: 1.0em; } h2 { line-height: 1.1em; } h4 { color: #95b7d7; font-weight: bold; font-size: 1.1em; } h5 { background: #485d89; } /* Fundamental Classes and IDs ===============================================*/ body#b1 { background: url(../pics/shared/bg-body-b1.gif) repeat-x left top #fbfbfb; } /* Startseite */ body#b2 { background-image: url(../pics/shared/bg-body-b2.gif); } /* Hauptseite */ #cnt-main { width: 983px; margin: 0 auto 0 auto; background: url(../pics/shared/bg-cnt-main.png) repeat-y left top #fff; } body#b1 #cnt-main { background: url(../pics/shared/bg-cnt-main.png) no-repeat left top transparent; } body#b2 #cnt-main { background: url(../pics/shared/bg-cnt-main.png) no-repeat 0px -120px transparent; } #cnt-top { height: 150px; position: relative; background: url(../pics/shared/bg-cnt-top.png) no-repeat left top transparent; } #cnt-top .cnt-subcols { position: absolute; top: 150px; left: 12px; width: 961px; } #cnt-top .col33l { width: 225px; margin: 0; } #cnt-top .col33l #element1 { width: 224px; padding: 0 0 0 1px; border-top: 1px solid #fff; } #cnt-top .col33l #element2 { padding: 32px 27px 0 28px; height: 87px; font-weight: bold; font-size: 1em; color: #95b7d7; } body#b2 #cnt-top .col33l #element2 { height: 132px; } #cnt-top .col33l #element2 * { font-weight: bold; font-size: 1em; color: #95b7d7; } #cnt-top .col66r { width: 735px; margin: 1px 0 0 0; } #cnt-top #cnt-search { font-size: 0.9em; } body#b1 #cnt-top { height: 480px; } body#b2 #cnt-top { height: 360px; } #cnt-content { } #cnt-footer { height: 76px; background: url(../pics/shared/bg-footer.gif) repeat-x left top transparent; } #cnt-footer * { text-decoration: none; } #cnt-footer div { background: url(../pics/shared/bg-footer-div.gif) no-repeat left top transparent; float: none; width: 983px; height: 76px; margin: 0 auto 0 auto; } #cnt-footer div div { float: right; width: 100px; height: auto; background: transparent; text-align: center; padding: 2em 1em 0 0; font-size: 0.6em; } #cnt-footer span { display: block; padding: 2em 0 0 1em; font-size: 0.6em; color: #666; } body#b1 #cnt-footer div, body#b2 #cnt-footer div { background-image: url(../pics/shared/bg-footer-div-b1.gif); } body#b1 #cnt-footer div div, body#b2 #cnt-footer div div { background: transparent; } #nav-main { position: absolute; left: 240px; top: 81px; background: transparent; } #nav-sub { width: 224px; background: #95b7d7; border-right: 1px solid #fff; border-left: 1px solid #fff; } #nav-sub2 { background: #dbdde0; width: 224px; margin-bottom: 0.5em; } #nav-tools { position: absolute; left: 254px; top: 17px; } #nav-tools2 { position: absolute; right: 10px; top: 17px; background: transparent; } #cnt-col1 { width: 226px; padding: 0 0 0 12px; } #cnt-col1 .cnt-subcols { padding: 1px 1px 50px 1px; margin: 0; background: url(../pics/shared/bg-col1-subcols.jpg) no-repeat 1px bottom transparent; } #cnt-col1 .cnt-subcols img { margin: 0 0 1px 0; } body#b2 #cnt-col1 { padding-top: 31px; background: url(../pics/shared/bg-b2-cnt-col1.gif) no-repeat 13px 0px transparent; } #cnt-col2 { width: 704px; padding: 2em 11px 0 0; } body#b1 #cnt-col2 { width: 734px; padding: 3em 11px 0 0; } body#b2 #cnt-col2 { padding-top: 3em; } #cnt-logo { position: absolute; left: 12px; top: 45px; width: 226px; height: 106px; } #cnt-search { position: relative; font-size: 0.75em; background: url(../pics/shared/bg-search.gif) no-repeat left top #485d89; width: 226px; height: 45px; } #cnt-search #search-field { width: 158px; height: auto; position: absolute; left: 18px; top: 12px; border: none; background: transparent; } #cnt-search #search-button { position: absolute; right: 14px; top: 12px; background: transparent; width: 26px; height: 16px; border: none; } #cnt-search input { padding: 0.3em 0.2em 0.3em 0.2em; } /* Main navigation ===============================================*/ #nav-main li a { height: 30px; color: #fff; font-weight: bold; font-size: 0.9em; text-decoration: none; text-align: center; padding: 10px 1em 0 1em; } #nav-main li a:hover { background: url(../pics/shared/bg-nav-main-active.png) no-repeat bottom center transparent; color: #fff; } #nav-main li a.active, #nav-main li a:hover.active { background: url(../pics/shared/bg-nav-main-active.png) no-repeat bottom center transparent; color: #2a4374; } /* Context navigation 1 ===============================================*/ #nav-sub li a { font-weight: normal; font-size: 0.75em; display: block; } #nav-sub ul li { border-top: 1px solid #fff; } #nav-sub ul ul li { background-color: #95b7d7; } #nav-sub ul li a { color: #fff; font-weight: bold; } #nav-sub ul ul li a { color: #fff; font-weight: bold; } #nav-sub ul ul ul li a { color: #fff; font-weight: bold; } #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: #fff; font-weight: bold; } #nav-sub li.active, #nav-sub li.open { background: #318bb5; } /* Aktivierter Button */ /* Context navigation 2 ===============================================*/ #nav-sub2 li a { font-weight: normal; font-size: 1.0em; display: block; } #nav-sub2 ul li { border-top: 1px solid #fff; } #nav-sub2 ul ul li { background-color: #ced0d3; } #nav-sub2 ul ul ul li { background-color: #c2c4c7; } #nav-sub2 ul ul ul ul li { background-color: #b7b8bb; } #nav-sub2 ul li a { color: #585b5d; font-weight: bold; } #nav-sub2 ul ul li a { color: #585b5d; font-weight: bold; } #nav-sub2 ul ul ul li a { color: #585b5d; font-weight: bold; } #nav-sub2 ul ul ul ul li a, #nav-sub2 ul ul ul ul ul li a, #nav-sub2 ul ul ul ul ul ul li a { color: #585b5d; font-weight: bold; } #nav-sub2 li.open { background: #72777b; } /* Aktivierter Button */ #nav-sub2 li.active { background: #318bb5; } /* Aktivierter Button */ #nav-sub2 li a.active { color: #fff; } /* Aktivierter Button */ #nav-sub2 a.open { color: #fff; } /* Aktivierter Button */ /* Tool navigation ===============================================*/ #nav-tools ul { margin: 0; float: left; } #nav-tools li a { font-size: 0.6em; color: #527da5; font-weight: bold; padding: 0 1.5em 0 0; } #nav-tools li a.active { color: #fff; } #nav-tools2 ul { margin: 0; float: right; } #nav-tools2 li { list-style-type: none; display: inline; } #nav-tools2 li a { font-size: 0.6em; float: left; display: inline; color: #527da5; font-weight: bold; text-decoration: none; padding: 0 2.25em 0 1.75em; } #nav-tools2 li a.sitemap { background: url(../pics/shared/icon-sitemap.gif) no-repeat left center transparent; } #nav-tools2 li a.print { background: url(../pics/shared/icon-print.gif) no-repeat left center transparent; } #nav-tools2 li a.active { color: #fff; } /* Subtemplates ===============================================*/ .cnt-subcols { padding: 0; margin: 0 0 1em 0; } .subcol, .subcoll, .subcolr { padding: 0; font-size: 0.8em; line-height: 1.4em; } .subcol div, .subcoll div, .subcolr div { font-size: 1.0em; } .col50l, .col50r { width: 344px; } .col66l { width: 464px; } .col33l, .col33r { width: 224px; } .col33l { margin-right: 16px; } .element1 { } .element1 a { display: block; background: url(../pics/shared/icon-outlink.gif) no-repeat 1em 0.8em #d4dee8; color: #318bb5; font-weight: bold; padding: 0.5em 1em 0.5em 2.5em; margin-bottom: 1em; } .element2 { } /* Subtemplates z.B. für Produktdetails */ .element2 div div { font-size: 0.9em; color: #585b5d; } .element2 div div h1, .element2 div div h2, .element2 div div h3, .element2 div div h6 { color: #585b5d; } .element2 .col33l, .element2 .col33r { width: 144px; } .element2 .col33l img, .element2 .col33r img { margin-bottom: 1em; } .element3, .element4 { background:#c5c9cc; padding: 0 0 1em 0; } .element3 div div { padding: 1em 1em 0 1em; color: #fff; } .element3 div div * { color: #fff; } .element3 hr { border-color: #fff; } .cnt-subcols .element3, .cnt-subcols .element4 {margin: 0 0 0 0; } .element4 { background:#e5e7e8; } .element4 div div { padding: 1em 1em 0 1em; color: #85898c; } .element4 div div * { color: #85898c; } .element4 hr { border-color: #85898c; } /* Newslist ********************************************************************************************************/ .newsbloc { width: 100%; } .newsbloc div.newspicbloc { float: right; width: 314px; margin: 0 0 1em 1em; font-size: 0.8em; line-height: 1.3em; } .newsbloc div img { margin: 1em 0 0 0; } body#b1 .newsbloc span { color: #585b5d; font-weight: bold; display: block; } body#b1 .newsbloc img { float: right; margin: 0 0 1em 1em; } body#b1 .newsbloc a { color: #585b5d; text-decoration: none; } body#b1 .newsbloc a:hover, body#b1 .newsbloc a:hover span { text-decoration: underline; } /* Tables ===============================================*/ .f-table { padding: 0.5em 0.5em 0 0.5em; background: #95b7d7; } .f-table table { border-collapse: separate; border-spacing: 2px; margin-bottom: 0.5em; } .f-table th { background: #cadbeb; color: #485d89; font-weight: bold; border: 1px solid #fff; font-size: 0.8666em; } .f-table td { background: #eaf1f7; border: 1px solid #fff; font-size: 0.8666em; color: #485d89; } .f-table tr:hover td { background-color: #bacffb; color: #000; } .f-table tr:hover th { background-color: #7489b5; color: #fff; } /* Forms ===============================================*/ input, select, textarea { border: 1px solid #c8d1da; background: #e3eaf4; color: #555; padding: 2px 2px 2px 2px; } label { color: #666; } select { border: 1px #bcc8cf solid; } input[type=submit], input[type=reset], input[type=button] { } input.button { background: url(../pics/shared/bg-submit.gif) repeat-x left top #fff; color: #318bb5; font-weight: bold; font-size: 0.9em; border: 1px solid #8cafd1; } .col50l input, .col50r input { width: 331px; } .col50l textarea, .col50r textarea { width: 331px; } .col50r .col50l input, .col50r .col50r input { width: 100%; } .col50l input.checkit, .col50r input.checkit { width: 14px; height: 14px; } .col50l .col33l input { width: 100px; } .col50l .col66r input { width: 210px; } input[type=text].alert { padding: 2px 2px 2px 2px; background: #f5f5f5; border-color: #cc3333; color: #cc3333; } /* Miscellaneous ===============================================*/ .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; } /* Sitemap ===============================================*/ .struct-list { background: transparent; width: 100%; background-image: url(../pics/shared/bg-white-80pro.png); } .struct-list ul { margin: -1px 0 0 0; padding: 0; } .struct-list li div { background-position: -10px -10px; background-repeat: no-repeat; } .struct-list li { list-style-type: none; border-top: 1px solid #fff; background: #f3f4f4; } .struct-list li li { background: #e7e8e9; } .struct-list li li li { background: #ced0d3; } .struct-list li li li li { background: #bec0c2; } .struct-list a { color: #666; text-decoration: none; padding: 0.25em 0 0.25em 1.0em; display: block; } .struct-list a:hover { text-decoration: none; color: #fff; background: transparent; } .struct-list li li a { margin-left: 2em; } .struct-list li li li a { margin-left: 4em; } .struct-list li li li li a { margin-left: 6em; } .struct-list li li li li li a { margin-left: 8em; } .struct-list li li li li li li a { margin-left: 10em; } /* suche ===============================================*/ .search-list { display: block; padding: 0 2em 1em 0; list-style-type: none; } .search-list span { font-style: italic; font-weight: bold; } .search-list li { display: block; margin: 0 0 1em 0; } /* OMS-Buttons */ .btn-css { /* Box-Schatten */ -moz-box-shadow:inset 0px 1px 0px 0px #ffffff; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff; box-shadow:inset 0px 1px 0px 0px #ffffff; /* Textformatierung und Abstände */ display:inline-block; font-family:arial; font-size:16px; font-weight:normal; padding:12px 12px 16px 12px; } .link { text-decoration:none; /* IE 6 */ cursor:pointer; } /* Druck-Effekt bei Klick */ .btn-css:active { position:relative; top:1px; } /* Pfeil */ .arrow { font-size:20px; } /* Abgerundete Ecken und Umrandung (kein IE) */ .rounded { -moz-border-radius:8px; -webkit-border-radius:8px; border:1px solid #ddd; } /* Farben */ .darkgrey { /* Verlauf Start */ background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #989898), color-stop(1, #676767) ); background:-moz-linear-gradient( center top, #BDD3E7 5%, #5D89B8 100% ); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#989898', endColorstr='#676767'); /* Hintergrundfarbe (alternativ für ältere Browser) */ background-color:#676767; /* Textfarbe und Text-Schatten */ color:#ffffff; text-shadow:1px 1px 0px #454545; } /* Verlauf bei Hover */ .darkgrey:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #676767), color-stop(1, #989898) ); background:-moz-linear-gradient( center top, #5D89B8 5%, #BDD3E7 100% ); filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#676767', endColorstr='#989898'); /* Wechsel der Hintergrundfarbe (alternativ für ältere Browser) */ background-color:#989898; } /* LP-Styles */ .lptext { padding-right:30px; } ul.vorteile { background: none repeat scroll 0 0 #EEEEEE; font-size: 13px; font-weight: normal; list-style-image: url("/pics/shared/pfeil2.gif"); margin: 0 auto 10px; padding: 15px 25px; width: 180px; text-align: justify; padding-left: 40px; } p.centered { text-align: center !important; padding-bottom: 20px; }