/* filename: /css/screen-core.css version: 1.0 - 2008-08-07 - fz author: frank (dot) zoeller (at) gpm (dot) de validated by W3C CSS Validator // jigsaw.w3.org */ /* =core -------------------------------------------------------------------------*/ html { font-size: 100%; /* for IE*/ } html > body { font-size: 16px; /* for everyone else*/ } /* that's it. default: 1em = 16px */ /* elements keeping their parents font size */ input, select, th, td, li li, li p, td p, q p, textarea { font-size: 1em; } table td * { font-size: 1em ! important; } /* reset margin, padding */ * { margin:0; padding:0; } body { font-family: Verdana, Geneva, sans-serif; background: #F6F6F6; color: #231f20; } body#start div#teaserBox-1, body#start div#teaserBox-2, body#start div#teaserBox-3 { display: none; } #rechteBox1 .box { display: none; } #rechteBox2 .box { display: none; } #rechteBox3 .box { display: none; } ul { list-style: none; } small { font-size: .95em; color: #5c5c5c; } small a { font-size: .95em!important; color: #5c5c5c !important; } .error { color: red !important; } #stage { position: relative; width: 992px; margin: auto; background: #F6F6F6; /* padding: 0 40px; */ border: none; } #mainLayer { padding: 12px 16px 16px 16px; background: #fff; border: 1px solid #ccc; min-height: 580px; } /* --------------------------------------- */ /* --- Logo - Schrift +/- - Breadcrumb --- */ /* --------------------------------------- */ #headLayer { font-size: 0.89em; position: relative; height: 39px; padding: 10px 0 10px 0; margin-bottom: 10px; } .logo { width: 123px; float: left; } .metaNavigation { position: absolute; top: 7px; right: 0px; } .metaNavigation li { font-size: 0.6875em; list-style: none; color: #005492; float: left; } .metaNavigation li a{ text-decoration: none; color: #005492; } #toolbox { width: 800px; margin-top: 25px; float: right; } #toolbox #pictogramme { float: right; } #toolbox #pictogramme img { margin-left: 3px; float: left; } #toolbox p { position: absolute; right: 0; bottom: 10px; font-size: 0.6725em; text-align: right; color: #808284; margin-top: 3px; } #toolbox p a { color: #808284; text-decoration: underline; } #toolbox p.breadcrumbLayer { position: relative; margin-right: 10px; margin-top: 11px; float: right; } /* -------------------------------- */ /* --- hauptnavigation - inhalt --- */ /* -------------------------------- */ #bodyLayer { position: relative; padding: 12px 22px 24px 24px; } div#start div#mainLayer { height: 992px !important; } /* --- hintergründe --- */ /* .bgHome { height: 475px; background: transparent url(/media/layout/img/bg_content_home.jpg) no-repeat; } .bgUeberuns { height: 475px; background: transparent url(/media/layout/img/bg_content_ueber-uns.jpg) no-repeat; } .bgProdukte { height: 475px; background: transparent url(/media/layout/img/bg_content_produkte.jpg) no-repeat; } */ .bgDefault { background: transparent url(/media/layout/img/bg_content_default.jpg) repeat-x 0 0; } /* --- hauptnavigation - inhalt --- */ #navsearchLayer { height: 27px; margin-bottom: 16px; } #mainnav { float: left; display: inline; } /* --- 1. Ebene --- */ #mainnav ul { float: left; } #mainnav ul li { list-style: none; background: transparent url(/media/layout/img/bg_mainnav_li.jpg) no-repeat; float: left; } #mainnav ul li.firstLi { background: transparent url(/media/layout/img/bg_mainnav_li-first.jpg) no-repeat; } #mainnav ul li.firstLi a { width: 96px; } #mainnav ul li.firstLi a img { margin-left: -10px; } #mainnav ul li a span { display: none; } #mainnav ul li a { font-size: 0.875em; line-height: 25px; text-decoration: none; color: #005492; background: transparent url(/media/layout/img/bg_mainnav_a.jpg) 100% 0%; width: 116px; height: 27px; padding-left: 0px; padding-right: 0px; margin-left: 1px; display: block; } #mainnav ul li a.activeSeite, #mainnav ul li a.overFirst { color: #fff; background: transparent url(/media/layout/img/bg_mainnav_a-active.gif) no-repeat; height: 27px; padding-left: 0px; padding-right: 1px; margin-left: 0px; } #mainnav ul li a #nav_toplevel0, #mainnav ul li a #nav_toplevel1, #mainnav ul li a #nav_toplevel2, #mainnav ul li a #nav_toplevel3, #mainnav ul li a #nav_toplevel4, #mainnav ul li a #nav_toplevel5, #mainnav ul li a #nav_toplevel6, #mainnav ul li a #nav_toplevel7 { display: block; } #mainnav ul li a.overFirst #nav_toplevel0, #mainnav ul li a.activeSeite #nav_toplevel0, #mainnav ul li a.overFirst #nav_toplevel1, #mainnav ul li a.activeSeite #nav_toplevel1, #mainnav ul li a.overFirst #nav_toplevel2, #mainnav ul li a.activeSeite #nav_toplevel2, #mainnav ul li a.overFirst #nav_toplevel3, #mainnav ul li a.activeSeite #nav_toplevel3, #mainnav ul li a.overFirst #nav_toplevel4, #mainnav ul li a.activeSeite #nav_toplevel4, #mainnav ul li a.overFirst #nav_toplevel5, #mainnav ul li a.activeSeite #nav_toplevel5, #mainnav ul li a.overFirst #nav_toplevel6, #mainnav ul li a.activeSeite #nav_toplevel6, #mainnav ul li a.overFirst #nav_toplevel7, #mainnav ul li a.activeSeite #nav_toplevel7, #mainnav ul li a:hover #nav_toplevel0, #mainnav ul li a:hover #nav_toplevel1, #mainnav ul li a:hover #nav_toplevel2, #mainnav ul li a:hover #nav_toplevel3, #mainnav ul li a:hover #nav_toplevel4, #mainnav ul li a:hover #nav_toplevel5, #mainnav ul li a:hover #nav_toplevel6, #mainnav ul li a:hover #nav_toplevel7 { display: none; } #mainnav ul li a #nav_toplevel0over, #mainnav ul li a #nav_toplevel1over, #mainnav ul li a #nav_toplevel2over, #mainnav ul li a #nav_toplevel3over, #mainnav ul li a #nav_toplevel4over, #mainnav ul li a #nav_toplevel5over, #mainnav ul li a #nav_toplevel6over, #mainnav ul li a #nav_toplevel7over { display: none; } #mainnav ul li a.overFirst #nav_toplevel0over, #mainnav ul li a.activeSeite #nav_toplevel0over, #mainnav ul li a.overFirst #nav_toplevel1over, #mainnav ul li a.activeSeite #nav_toplevel1over, #mainnav ul li a.overFirst #nav_toplevel2over, #mainnav ul li a.activeSeite #nav_toplevel2over, #mainnav ul li a.overFirst #nav_toplevel3over, #mainnav ul li a.activeSeite #nav_toplevel3over, #mainnav ul li a.overFirst #nav_toplevel4over, #mainnav ul li a.activeSeite #nav_toplevel4over, #mainnav ul li a.overFirst #nav_toplevel5over, #mainnav ul li a.activeSeite #nav_toplevel5over, #mainnav ul li a.overFirst #nav_toplevel6over, #mainnav ul li a.activeSeite #nav_toplevel6over, #mainnav ul li a.overFirst #nav_toplevel7over, #mainnav ul li a.activeSeite #nav_toplevel7over, #mainnav ul li a:hover #nav_toplevel0over, #mainnav ul li a:hover #nav_toplevel1over, #mainnav ul li a:hover #nav_toplevel2over, #mainnav ul li a:hover #nav_toplevel3over, #mainnav ul li a:hover #nav_toplevel4over, #mainnav ul li a:hover #nav_toplevel5over, #mainnav ul li a:hover #nav_toplevel6over, #mainnav ul li a:hover #nav_toplevel7over { display: block; } /* --- 2. Ebene --- */ #mainnav ul li ul { position: absolute; top: auto; left: auto; z-index: 1000; padding-bottom: 6px; background-color: #009EE0; display: none; } #mainnav ul li ul li { background: transparent; float: none; } #mainnav ul li ul li a { font-size: .6875em; font-weight: bold; line-height: 23px; color: #00376c; background: #009EE0 url(/media/layout/img/subnav-bullet.gif) no-repeat 100% -1px; width: 180px !important; height: 23px; padding-top: 1px; padding-left: 12px; padding-right: 25px; margin-left: 0; float: none; } #mainnav ul li ul li a:hover, #mainnav ul li ul li a.overSecond { color: #009ee0; background: #fff url(/media/layout/img/subnav-bullet-over.gif) no-repeat 100% -1px; float: none; } #mainnav ul li ul li a.noChild { /*background: #009EE0 url(/media/layout/img/subnav_bullet_nochild.gif) no-repeat 100% -1px;*/ background: #009EE0 none !important; } #mainnav ul li ul li a.noChild:hover { /*background: #fff url(/media/layout/img/subnav_bullet_nochild_over.gif) no-repeat 100% -1px;*/ background: #fff none !important; } #mainnav ul li ul li a.last { padding-bottom: 6px; } /* --- 3. Ebene --- */ #mainnav ul li ul li ul { position: absolute; top: auto; left: 217px; padding-bottom: 6px; background: transparent url(/media/layout/img/nav_bg_ul_level4.gif) repeat-y; display: none; margin-top: -24px; } #mainnav ul li ul li ul li ul { display: block; } #mainnav ul li ul li ul li a { font-size: .6875em; font-weight: bold; line-height: 16px; color: #00376C; background: transparent url(/media/layout/img/nav_bg_ul_level4.gif) repeat-y; width: 200px; height: 1%; padding-top: 4px; padding-bottom: 2px; padding-left: 12px; padding-right: 15px; margin-left: 0; float: none; } #mainnav ul li ul li ul li a:hover { color: #009ee0; background: transparent url(/media/layout/img/nav_bg_ul_level4over.gif) repeat-y; float: none; } #mainnav ul li ul li ul li.level4 a { line-height: 18px; /* height: 18px; */ padding-bottom:0 !important; padding-top:0 !important; } .sixpix { font-size: 1px; line-height: 6px; height: 6px; background: #009EE0; width: 210px; } #mainnav .mainnavEnd { float: left; font-size: 1px; line-height: 25px; background: #fff url(/media/layout/img/bg_mainnav_end.jpg) no-repeat; width: 1px; height: 27px; } #mainnavMega { float: left; display: inline; } /* --- 1. Ebene --- */ #mainnavMega ul { float: left; } #mainnavMega ul li { position: relative; list-style: none; background: transparent url(/media/layout/img/bg_mainnav_li.jpg) no-repeat; float: left; } #mainnavMega ul li.firstLi { background: transparent url(/media/layout/img/bg_mainnav_li-first.jpg) no-repeat; } #mainnavMega ul li.firstLi a.aLevel1 { width: 96px !important; } #mainnavMega ul li.firstLi a.aLevel1 img { margin-left: -10px !important; } #mainnavMega ul li.liLevel1 a.aLevel1 span { display: none; } #mainnavMega ul li.liLevel1 a.aLevel1 { font-size: 0.875em; line-height: 25px; text-decoration: none; color: #005492; background: transparent url(/media/layout/img/bg_mainnav_a.jpg) 100% 0%; width: 116px; height: 27px; padding-left: 0px; padding-right: 0px; margin-left: 1px; display: block; } #mainnavMega ul li.liLevel1 a.activeSeite, #mainnavMega ul li.liLevel1 a.overFirst { color: #fff; background: transparent url(/media/layout/img/bg_mainnav_a-active.gif) no-repeat; height: 27px; padding-left: 0px; padding-right: 1px; margin-left: 0px; } #mainnavMega ul li.liLevel1 a.aLevel1 #nav_toplevel0, #mainnavMega ul li.liLevel1 a.aLevel1 #nav_toplevel1, #mainnavMega ul li.liLevel1 a.aLevel1 #nav_toplevel2, #mainnavMega ul li.liLevel1 a.aLevel1 #nav_toplevel3, #mainnavMega ul li.liLevel1 a.aLevel1 #nav_toplevel4, #mainnavMega ul li.liLevel1 a.aLevel1 #nav_toplevel5, #mainnavMega ul li.liLevel1 a.aLevel1 #nav_toplevel6, #mainnavMega ul li.liLevel1 a.aLevel1 #nav_toplevel7 { display: block; } #mainnavMega ul li.liLevel1 a.overFirst #nav_toplevel0, #mainnavMega ul li.liLevel1 a.activeSeite #nav_toplevel0, #mainnavMega ul li.liLevel1 a.overFirst #nav_toplevel1, #mainnavMega ul li.liLevel1 a.activeSeite #nav_toplevel1, #mainnavMega ul li.liLevel1 a.overFirst #nav_toplevel2, #mainnavMega ul li.liLevel1 a.activeSeite #nav_toplevel2, #mainnavMega ul li.liLevel1 a.overFirst #nav_toplevel3, #mainnavMega ul li.liLevel1 a.activeSeite #nav_toplevel3, #mainnavMega ul li.liLevel1 a.overFirst #nav_toplevel4, #mainnavMega ul li.liLevel1 a.activeSeite #nav_toplevel4, #mainnavMega ul li.liLevel1 a.overFirst #nav_toplevel5, #mainnavMega ul li.liLevel1 a.activeSeite #nav_toplevel5, #mainnavMega ul li.liLevel1 a.overFirst #nav_toplevel6, #mainnavMega ul li.liLevel1 a.activeSeite #nav_toplevel6, #mainnavMega ul li.liLevel1 a.overFirst #nav_toplevel7, #mainnavMega ul li.liLevel1 a.activeSeite #nav_toplevel7, #mainnavMega ul li.liLevel1 a.aLevel1:hover #nav_toplevel0, #mainnavMega ul li.liLevel1 a.aLevel1:hover #nav_toplevel1, #mainnavMega ul li.liLevel1 a.aLevel1:hover #nav_toplevel2, #mainnavMega ul li.liLevel1 a.aLevel1:hover #nav_toplevel3, #mainnavMega ul li.liLevel1 a.aLevel1:hover #nav_toplevel4, #mainnavMega ul li.liLevel1 a.aLevel1:hover #nav_toplevel5, #mainnavMega ul li.liLevel1 a.aLevel1:hover #nav_toplevel6, #mainnavMega ul li.liLevel1 a.aLevel1:hover #nav_toplevel7 { display: none; } #mainnavMega ul li.liLevel1 a.aLevel1 #nav_toplevel0over, #mainnavMega ul li.liLevel1 a.aLevel1 #nav_toplevel1over, #mainnavMega ul li.liLevel1 a.aLevel1 #nav_toplevel2over, #mainnavMega ul li.liLevel1 a.aLevel1 #nav_toplevel3over, #mainnavMega ul li.liLevel1 a.aLevel1 #nav_toplevel4over, #mainnavMega ul li.liLevel1 a.aLevel1 #nav_toplevel5over, #mainnavMega ul li.liLevel1 a.aLevel1 #nav_toplevel6over, #mainnavMega ul li.liLevel1 a.aLevel1 #nav_toplevel7over { display: none; } #mainnavMega ul li.liLevel1 a.overFirst #nav_toplevel0over, #mainnavMega ul li.liLevel1 a.activeSeite #nav_toplevel0over, #mainnavMega ul li.liLevel1 a.overFirst #nav_toplevel1over, #mainnavMega ul li.liLevel1 a.activeSeite #nav_toplevel1over, #mainnavMega ul li.liLevel1 a.overFirst #nav_toplevel2over, #mainnavMega ul li.liLevel1 a.activeSeite #nav_toplevel2over, #mainnavMega ul li.liLevel1 a.overFirst #nav_toplevel3over, #mainnavMega ul li.liLevel1 a.activeSeite #nav_toplevel3over, #mainnavMega ul li.liLevel1 a.overFirst #nav_toplevel4over, #mainnavMega ul li.liLevel1 a.activeSeite #nav_toplevel4over, #mainnavMega ul li.liLevel1 a.overFirst #nav_toplevel5over, #mainnavMega ul li.liLevel1 a.activeSeite #nav_toplevel5over, #mainnavMega ul li.liLevel1 a.overFirst #nav_toplevel6over, #mainnavMega ul li.liLevel1 a.activeSeite #nav_toplevel6over, #mainnavMega ul li.liLevel1 a.overFirst #nav_toplevel7over, #mainnavMega ul li.liLevel1 a.activeSeite #nav_toplevel7over, #mainnavMega ul li.liLevel1 a.aLevel1:hover #nav_toplevel0over, #mainnavMega ul li.liLevel1 a.aLevel1:hover #nav_toplevel1over, #mainnavMega ul li.liLevel1 a.aLevel1:hover #nav_toplevel2over, #mainnavMega ul li.liLevel1 a.aLevel1:hover #nav_toplevel3over, #mainnavMega ul li.liLevel1 a.aLevel1:hover #nav_toplevel4over, #mainnavMega ul li.liLevel1 a.aLevel1:hover #nav_toplevel5over, #mainnavMega ul li.liLevel1 a.aLevel1:hover #nav_toplevel6over, #mainnavMega ul li.liLevel1 a.aLevel1:hover #nav_toplevel7over { display: block; } #mainnavMega div.mgp { position: absolute; top: 26px; left: 0px; background: #fff url(/media/layout/img/bg_mdd.jpg) repeat-x 0 100%; border-top: 4px solid #009EE0; padding-top: 25px; padding-left: 25px; padding-bottom: 0px; z-index: 1000; display: none; } #mainnavMega div.mpgBreite1 { width: 225px; } #mainnavMega div.mpgBreite2 { width: 450px; } #mainnavMega div.mpgBreite3 { width: 665px; } #mainnavMega div.mpgBreite4 { width: 885px; } #mainnavMega .mgpSpalte { width: 195px; float: left; margin-right: 20px; } #mainnavMega div.mgp ul, #mainnavMega div.mgp ul li { background: none !important; display: block; float: none; height: 1%; } #mainnavMega div.mgp ul { margin-bottom: 29px; } #mainnavMega div.mpgBreite1, #mainnavMega div.mpgBreite2 { padding-bottom: 12px; } #mainnavMega div.mpgBreite1 ul, #mainnavMega div.mpgBreite2 ul { margin-bottom: 15px; } #mainnavMega div.mgp ul ul{ margin-bottom: 3px; } #mainnavMega div.mgp ul li a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-decoration: none; line-height: 20px; width: auto; height: auto; color: #005492; background: none !important; border-bottom: 1px solid #BCD0DB; padding-left: 2px !important; margin-bottom: 6px; display: block; } #mainnavMega div.mgp ul li a.activeL2 { color: #009EE0; } #mainnavMega div.mgp ul li a:hover { color: #009EE0; } #mainnavMega div.mgp ul li ul li a { font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-weight: bold; line-height: 15px; color: #008ED2; padding-top: 3px !important; padding-bottom: 3px !important; padding-left: 20px !important; background: transparent url(/media/layout/img/arrow-next-theme.gif) no-repeat 4px 6px !important; border-bottom: none; margin-bottom: 1px; } #mainnavMega div.mgp ul li ul li a.activeL3 { text-decoration: none; color: #fff; background: #009de0 url(/media/layout/img/arrow-box-blue-hover.gif) no-repeat 4px -1px !important; } #mainnavMega div.mgp ul li ul li a:hover { text-decoration: underline; } #mainnavMega div.mgp ul li ul li ul li a { font-size: 11px; font-weight: normal; color: #008ED2; padding-left: 35px !important; background: none !important; margin-bottom: 0px; } #mainnavMega div.mgp ul li ul li ul li a.activeL4 , #mainnavMega div.mgp ul li ul li ul li a:hover { text-decoration: none; color: #fff; background: #009de0 !important; } #mainnavMega .mgpSpalteBox { width: 210px; float: left; } #mainnavMega .mainnavEnd { float: left; font-size: 1px; line-height: 25px; background: #fff url(/media/layout/img/bg_mainnav_end.jpg) no-repeat; width: 1px; height: 27px; } .mgpSpalteBox div.infobox p { margin-bottom: 15px; } .mgpSpalteBox div.box h3 { font-size: .9em; color: #5c5c5c; } .mgpSpalteBox div.box img.headline { margin-bottom: 0; } .mgpSpalteBox div.box a { font-weight: normal !important; } .mgpSpalteBox div.box p.nextThemeLink a { font-weight: bold !important; } .mgpSpalteBox div.box div.body a { background-color: transparent !important; line-height: 1.2em; } .mgpSpalteBox div.linkbox { height: auto !important; font-family: Arial, sans-serif; } .mgpSpalteBox div.linkbox img.headline { margin-bottom: 0; } .mgpSpalteBox div.linkbox ul { margin: 0; padding: 0; width: 210px; margin-left: 0px; padding-bottom: 10px; } .mgpSpalteBox div.linkbox ul li { margin: 0; padding: 0; } .mgpSpalteBox div.linkbox ul li a { display: block; font-weight: normal; line-height: 16px; padding: 5px 20px 5px 10px; /* background: transparent url(/media/layout/img/arrow-box-blue.gif) no-repeat 195px 2px; */ } .mgpSpalteBox div.linkbox ul li a:hover { color: white; /* background: transparent url(/media/layout/img/arrow-box-blue-hover.gif) no-repeat 195px 2px; */ } .mgpSpalteBox div.box-quad { position: relative; height: 210px; width: 210px; } .mgpSpalteBox div.box-quad img.prodDetail { padding: 12px 0px 0px 12px; } /*.mgpSpalteBox div.box-prod-detail img.detail { margin: 12px 0 0 12px; }*/ .mgpSpalteBox div.box-quad div.stoerer { position: absolute; top: 173px; right: 0px !important; } .mgpSpalteBox div.box-colored, .mgpSpalteBox div.box-darkblue, .mgpSpalteBox div.box-blue { height: 210px; } .mgpSpalteBox div.box-lightblue { color: #ddf2fb; background-color: #33B1E6; } .mgpSpalteBox div.box-lightblue a { color: #ddf2fb; border-top: 1px solid #66C4EC; border-bottom: 1px solid #19A7E3; background: #4CBAE9 url(/media/layout/img/arrow-box-blue.gif) no-repeat 195px 1px !important; } .mgpSpalteBox div.box-blue { color: #ddf2fb; background-color: #009de0; } .mgpSpalteBox div.box-blue a { color: #ddf2fb; border-top: 1px solid #3db3e5; border-bottom: 1px solid #0094d1; background: #26ACE5 url(/media/layout/img/arrow-box-blue.gif) no-repeat 195px 1px !important; } .mgpSpalteBox div.box-blue a:hover { background: #1AA6E1 url(/media/layout/img/arrow-box-blue-hover.gif) no-repeat 195px 1px !important; } .mgpSpalteBox div.box-darkblue { color: #cfdfea; background-color: #005492; } .mgpSpalteBox div.box-darkblue a { color: #cfdfea; border-top: 1px solid #3e7cad; border-bottom: 1px solid #0f5e99; background: #0F5E98 url(/media/layout/img/arrow-box-blue.gif) no-repeat 195px 1px !important; } .mgpSpalteBox div.box-darkblue a:hover { background: #0F5E98 url(/media/layout/img/arrow-box-blue-hover.gif) no-repeat 195px 1px !important; } .mgpSpalteBox div.box-colored { color: #cfdfea; } .mgpSpalteBox div.box-colored a { color: #cfdfea; border-top: 1px solid #3e7cad; border-bottom: 1px solid #0f5e99; background: transparent url(/media/layout/img/arrow-box-blue.gif) no-repeat 195px 1px !important; } .mgpSpalteBox div.box-colored a:hover { background: transparent url(/media/layout/img/arrow-box-blue-hover.gif) no-repeat 195px 1px !important; } .mgpSpalteBox .tb3 { height: 200px; padding: 10px 5px 0 10px; } .mgpSpalteBox .tb3 p { margin-bottom: 0px; } .mgpSpalteBox .tb3 p.fontsize11 { font-size: 11px; line-height: 1em; } .mgpSpalteBox .tb3 p.fontsize14 { font-size: 14px; line-height: 23px; } .mgpSpalteBox .tb3 p.fontsize16 { font-size: 16px; /* font-weight: bold; */ line-height: 21px; } .mgpSpalteBox .tb3 p.fontsize20 { font-size: 20px; line-height: 1.3em; } .mgpSpalteBox .tb3 p.fontsize26 { font-size: 26px; line-height: 1.3em; } .mgpSpalteBox .ffTimes { font-family: Arial,sans-serif; } .mgpSpalteBox .tb3 a.boxlink { background: transparent url(/media/layout/img/arrow-box-blue.gif) no-repeat 100% 3px; display: block; } .mgpSpalteBox div.fcDefault { color: #cfdfea; } .mgpSpalteBox div.fcDefault a { color: #cfdfea; } .mgpSpalteBox div.fcWhite { color: #fff; } .mgpSpalteBox div.fcWhite a { color: #fff; } .mgpSpalteBox div.fcBlack { color: #000; } .mgpSpalteBox div.fcBlack a { color: #000; } .mgpSpalteBox div.box-colored a:hover, .mgpSpalteBox div.box-lightblue a:hover, .mgpSpalteBox div.box-blue a:hover, .mgpSpalteBox div.box-darkblue a:hover { text-decoration: none !important; } .mgpSpalteBox div.infobox a { border-top: none !important; border-bottom: none !important; background-color: transparent !important; } .mgpSpalteBox div.lexikonbox div.head { background-color: #005492; height: 52px; } .mgpSpalteBox div.lexikonbox ul.alphabet { font-size: .95em; padding: 12px; } .mgpSpalteBox div.lexikonbox ul.alphabet li { line-height: 16px; float: left; } .mgpSpalteBox div.lexikonbox ul.alphabet li a { text-decoration: none; color: white; display: block; width: 14px; height: 15px; text-align: center; border-top: #3d7dad; background: url(/media/layout/img/bg_alphabet.gif) no-repeat; } .mgpSpalteBox div.lexikonbox ul.alphabet li a.active, .mgpSpalteBox div.lexikonbox ul.alphabet li a:hover { background: url(/media/layout/img/bg_alphabet-aktiv.gif) no-repeat; } .mgpSpalteBox div.lexikonbox ul.alphabet li.empty { text-decoration: none; color: #3d7dab; display: block; width: 14px; height: 15px; text-align: center; border-top: #3d7dad; background: url(/media/layout/img/bg_alphabet.gif) no-repeat; } .mgpSpalteBox div.linkcontainer { border: 1px solid #dfdfdf; padding: 3px 0; margin-bottom: 12px; } .mgpSpalteBox div.linkcontainer a { display: block; color: #005492; padding: 3px 10px; } .mgpSpalteBox div.linkcontainer a:hover, .mgpSpalteBox div.linkcontainer a.active { color: white; background-color: #009de0; text-decoration: none; } .mgpSpalteBox div.linkcontainer li { height: 1%; } .mgpSpalteBox div.navbox div.head { background-color: #005492; height: 35px; } .mgpSpalteBox div.navbox div.head { background-color: #005492; height: 35px; } .mgpSpalteBox div.linkcontainer ul li ul li a { padding-left: 10px; } .mgpSpalteBox div.linkcontainer ul li ul li a:hover, .mgpSpalteBox div.linkcontainer ul li ul li a.active { color: #009DE0; background-color: transparent !important; text-decoration: none; } .mgpSpalteBox div.linkcontainer ul li ul li ul li a { padding-left: 18px; } /* --- Boxen rechts/links --- */ .mgpSpalteBox .boxLayerMargRight { margin-right: 36px; float: left; } .mgpSpalteBox .boxLayer { width: 210px; } .boxFloatRight { float: right; } .mgpSpalteBox a { text-decoration: none; } .mgpSpalteBox .boxLayer img { display: block; } .mgpSpalteBox .boxLayer .box { margin-bottom: 12px; } .mgpSpalteBox .boxLayer ul { margin-bottom: 0px; } .mgpSpalteBox .boxLayer div.infobox ul { margin-bottom: 15px; } .mgpSpalteBox .boxLayer .tp2 #header { height: 42px; } .mgpSpalteBox .boxLayer .tp2 #bodie { height: 90px; } .mgpSpalteBox .boxLayer .tp2 #foot { height: 60px; padding-top: 18px; } .mgpSpalteBox .boxLayer .tp2 #foot a.lz1 { background: none !important; background-color: transparent !important; border-bottom: none !important; border-top: none !important; display: block; } .mgpSpalteBox .boxLayer .tp2 #foot a { background: transparent url(/media/layout/img/arrow-box-blue.gif) 0% 50%; background-color: transparent !important; border-bottom: none !important; border-top: none !important; display: block; } .mgpSpalteBox .boxLayer .arrowLinkBox1 a { background: transparent url(/media/layout/img/arrow-box-blue-hover.gif) no-repeat 100% 6px; border-bottom: none !important; border-top: none !important; display: block; } .mgpSpalteBox .boxLayer .arrowLinkBox2 a { background: transparent url(/media/layout/img/arrow-box-blue-hover.gif) no-repeat 100% -3px; border-bottom: none !important; border-top: none !important; display: block; } /* --- Bildbox mit Text --- */ .mgpSpalteBox p.bbText { font-size: 16px; margin-bottom: 0px !important; } .mgpSpalteBox p.bbText a { height: 29px; color: #fff; padding-left: 10px; padding-top: 9px; display: block; } .mgpSpalteBox .boxLayer .arrowLinkBox1 .bbText a { background: transparent url(/media/layout/img/arrow-box-blue-hover.gif) no-repeat 100% 9px !important; } .mgpSpalteBox p.doublespace a { height: 40px; color: #fff; padding-top: 4px !important; display: block; } .mgpSpalteBox p.bbText a:hover { text-decoration: none; } .mgpSpalteBox p.doublespace { font-size: 12px; line-height: 16px !important; } /* --- Kampagnenbox --- */ .mgpSpalteBox .boxLayer .box .kBoxHead { height: 65px; } .mgpSpalteBox .boxLayer .box .kBoxBody { padding-left: 12px; } /* --- Boxen Produkte --- */ .mgpSpalteBox .prodBoxLayer { position: absolute; left: auto; bottom: 0; width: 678px; } .spalte { /* position: relative; */ float: left; width: 210px; height: 380px; } .bottomElement { position: absolute; bottom: 0; left: auto; } .mgpSpalteBox .prodBoxLayer .spalte .bottomElement .body { overflow: hidden; line-height: 0 !important; } .mgpSpalteBox .prodBoxLayer .body img { display: block; } .mgpSpalteBox .prodBoxLayer .prodBox { width: 210px; overflow: hidden; height: 35px; } .mgpSpalteBox .prodBoxLayer .prodBox .headline { height: 35px; /* cursor: pointer; */ } .mgpSpalteBox .prodBoxLayer .prodBoxToggled { margin-top: 175px; } .mgpSpalteBox .prodBoxLayer .prodBox .headline h2 { display: none; } /* .mgpSpalteBox .prodBoxLayer .prodBox .headline img { margin-right: 11px; margin-top: 12px; float: right; } */ .mgpSpalteBox .prodBoxLayer .links { margin-right: 24px; } /* --- Boxen Produktbereich Overview --- */ .mgpSpalteBox .prodOverviewBox { position: relative; width: 210px; height: 222px; margin-bottom: 12px; float: left; } .mgpSpalteBox .prodOverviewBox img { display: block; } .mgpSpalteBox .prodOverviewBox img.atmo { position: absolute; /* float: right; */ /* margin: -95px 0 0 148px; */ bottom: 0; right: 8px; } .mgpSpalteBox .prodOverviewBox p { font-size: 1em; line-height: 1.25em; height: 63px; color: #fff; padding: 0 12px; margin-bottom: 0px; overflow: hidden; } .mgpSpalteBox .prodOverviewBox p.hlZweizeileP { height: 49px; } .mgpSpalteBox .prodOverviewBox p.hlZweizeileP a { display: block; } .mgpSpalteBox .prodOverviewBox a { font-weight: normal; color: #fff; } .mgpSpalteBox .prodOverviewBox a:hover { text-decoration: none; } .mgpSpalteBox .prodOverviewBox .stoerer { position: absolute; top: 172px; left: 0; } /* --- Suche --- */ #searchLayer form { /* width: 222px !important; */ width: 210px !important; float: right; display: inline; } #searchLayer form input { border: none; float: left; } #searchLayer form .searchSubmit { border: none; height: 27px; width: 24px !important; } #searchLayer form .searchText { font-size: .75em !important; color: #BBBBBB; padding: 6px 0px 7px 0px; width: 186px !important; background-color: transparent; background: transparent url(/media/layout/img/bg_search-text.gif) no-repeat; } /* --- Suche - SelectListe Ergebnisse --- */ div#searchSuggest { position: absolute; top: 38px; left: 726px; z-index: 1000; width: 210px; background: white; font-size: .6875em; display: none; } div#searchSuggest h3 { font-size: 1em; background: #c0c0c0; color: white; } div#searchSuggest h3.last a { text-align: right; margin-right: 10px; background: url(/media/layout/img/bullet-arrowright.gif) no-repeat 205px 5px; } div#searchSuggest ul { list-style-type: none; } div#searchSuggest h3 a { display: block; padding: 3px 10px; text-decoration: none; color: white; } div#searchSuggest ul li a { display: block; padding: 2px 10px; width: 190px; color: #959595; text-decoration: none; } div#searchSuggest a:hover { background: #009de0; color: white !important; } /* Content */ #contentLayer { /* background: transparent url(/media/layout/img/bg_gitter_contetlayer.gif) no-repeat; */ position: relative; width: 912px; font-size: .6875em; } #contentLayer .conHome { /* width: 444px; */ width: 678px; height: 432px; /* padding-left: 234px; */ float: left; } #contentLayer .conHome img#h1, #contentLayer .conHome div.overview { margin-left: 234px; } #contentLayer .conHome div.overview { padding-top: 0px; } #contentLayer .conMidZwei { width: 420px; float: left; } #contentLayer .conDrei { width: 666px; float: left; } #contentLayer .conDrei .prodLayer { position: relative; } #contentLayer .conDrei img.prodLanding, #contentLayer .conDrei .prodLayer #zoomPic { position: absolute; top: 0; left: 0; } .prodList { margin-top: 32px; } .spalteProdTeaser { position: relative; width: 220px; float: left; } .spalteProdTeaser img.prodBild { margin-bottom: 18px; display: block; } .spalteProdTeaser p.prodName { font-family: Arial,sans-serif; font-size: 1.4em; font-weight: bold; line-height: 1.075em !important; color: #005492; } .prodStoererLayer { position: absolute; top: 20px; left: 110px; } .stoerer { margin-bottom: 5px; float: right; } .prodList div.hrClass { line-height: 1px; height: 1px; width: 100%; margin-top: 2px; margin-bottom: 20px; background: #CCC; } #contentLayer div.overview { line-height: 1.375em; color: #005492; height: 210px; /* padding-top: 40px; */ margin-bottom: 12px; } #contentLayer div.overview h1 { color:#005492; font-family:Arial,sans-serif; font-size:2.7em; font-weight:normal; line-height:1.25em; color: #005492; margin-bottom: 5px; } #contentLayer div.overview p { font-size: 1.35em; line-height: 1.375em; color: #005492; } #contentLayer div.overview p a { font-weight: normal !important; } #contentLayer .conToplevel { width: 678px; height: 432px; float: left; position: relative; } #contentLayer .conToplevel div.overview { height: 173px; margin-top: 40px; } #contentLayer .conProductgroups { width: 678px; height: 432px; float: left; position: relative; } #contentLayer .conProductgroups div.overview { height: 210px; padding-top: 0px; } #contentLayer .conToplevel div.overview, #contentLayer .conProductgroups div.overview { width: 444px; } #contentLayer #layerHeadline { height: 49px; } #contentLayer .hiddenHeadline { display: none; } #contentLayer img#h1 { margin: -2px 0 6px 0; } #contentLayer img.headline { display: block; margin-bottom: 13px; } #contentLayer img.prodOverviewHeadline { display: block; padding-bottom: 13px; /* ie6 doesn't take the margin */ } #contentLayer img.headline2 { /* 2. Produktdetail Überschrift */ display: block; margin: -13px 0 13px 0; } #contentLayer img.headline2-overview { /* 2. Produktdetail Überschrift auf Übersichts-Seite */ display: block; margin: -13px 0 0 0; } #contentLayer .subheadlineContent { display: block; } #contentLayer h1 { font-family: Arial,sans-serif; font-size: 2.7em; font-weight: normal; line-height: 1.25em; color: #005492; margin-bottom: 13px; } #contentLayer .prodLayer h1 { margin-bottom: 22px; } #contentLayer h1.toplevel { margin-bottom: -40px; } #contentLayer h2.subheadline { font-size: 2em; font-weight: normal; margin-bottom: 15px; } #contentLayer h3 { font-size: 1em; line-height: 1.33em; } #contentLayer p, #contentLayer ul, #contentLayer ol { line-height: 1.334em; margin-bottom: 16px; } #contentLayer ul.coloredText, #contentLayer ol.coloredText { color: #005492; } #contentLayer address { font-style: normal; line-height: 1.334em; margin-bottom: 16px; } #contentLayer a { font-weight: bold; text-decoration: none; color: #009EE0; } #contentLayer a:hover { text-decoration: underline; } #contentLayer .arrowLinkBox a:hover { text-decoration: none; } .thema { } .themaTextlayer { height: 220px !important; width: 420px; } .arrowLinkBox a { background: transparent url(/media/layout/img/arrow-box-blue-hover.gif) no-repeat 100% 6px; border-bottom: none !important; border-top: none !important; display: block; } #thema2, #thema3, #thema4, #thema5, #thema6, #thema7, #thema8, #thema9 { display: none; } #themaNavi { position: absolute; right: 0px; bottom: 0px; } #themaNavi ul, #themaNavi ul li { background: none !important; padding-left: 0px !important; display: inline; } #themaNavi ul li a { outline: none; line-height: 24px; text-align: center; height: 24px; width: 24px; border: 1px solid #e6e6e6; background: #fff; margin-top: 4px; display: block; } #themaNavi ul li.active a { color: #fff; border: 1px solid #009EE0; background: #009EE0; } #idBgLayer2, #idBgLayer3, #idBgLayer4, #idBgLayer5, #idBgLayer6, #idBgLayer7, #idBgLayer8, #idBgLayer9 { display: none; } .bgLayer { position: absolute; top: 0; left: 0; z-index: 1; width: 958px; height: 402px; } .themenLayer { position: absolute; top: 0; left: 0; z-index: 1000; } .homeTeaserLayer { width: 470px; float: left; display: inline; } .margRight18 { margin-right: 18px; } .homeTeaserLayer .teaserLayer { border-right: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 10px; margin-bottom: 0px; } .homeTeaserLayer .teaserLayer .teaserPic { height: 75px !important; overflow: hidden; } #contentLayer .homeTeaserLayer .teaserLayer h2 { font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-weight: bold; color: #231F20; } #contentLayer .homeTeaserLayer .teaserLayer .text { height: 75px; } #contentLayer .homeTeaserLayer .teaserLayer .nextThemeLink { position: absolute; left: 0; bottom: 0; } .trennerDiv { font-size: 1px; line-height: 1px; clear: both; height: 6px; } /* --- toggleBox --- */ #contentLayer .toggleBox .toggleHeader h2 { font-family:Verdana,Geneva,sans-serif; font-size: 1em; background: transparent url(/media/layout/img/arrow_expand.gif) no-repeat 0 2px; } #contentLayer .toggleBox .toggleHeader h2 a { display: block; outline: none; } #contentLayer .toggleBox .toggleHeader h2 a span { margin-left: 15px; display: block; } #contentLayer .noexpand .toggleHeader h2 { background: transparent url(/media/layout/img/arrow_expand_no.gif) no-repeat 0 2px !important; } #contentLayer .noexpand { margin-bottom: 0px; } #contentLayer .toggleBox .toggleHeader h2 a { text-decoration: none; } .toggleBody { padding-left: 15px; } .noexpand .toggleBody { display: none; } /* formatierte Tabelle */ .tableLayer { margin-bottom: 16px; } .tableLayer table { color: #231F20; margin-top: 0px; } .tableLayer table td { line-height: 1.334em; color: #231F20; padding: 0 2px 0 0; border: none; } .tableLayer table.normal { border: none; } .tableLayer table.coloredText td { color: #005492 !important; } #contentMain .tableLayer table.colored { border: 1px solid #ccc; } .tableLayer table.colored tr th { color: #fff; background: #005492; padding: 5px 5px 5px 5px; } .tableLayer table.colored tr td { padding: 5px 4px 5px 5px; } .tableLayer table.colored .even { background: #DFF0F8; } div.intro { font-weight: bold; color: #005492; } p.backLink { text-align: right; margin-bottom: 0px; } p.backLink a, p.backLink a:hover { font-weight: bold; text-align: right; text-decoration: none !important; color: #000 !important; padding-left: 12px; margin-bottom: 0px; background: transparent url(/media/layout/img/backlink.gif) no-repeat 0 2px; } /* für safari - ie nimmst auch -> ie.css wieder standard setzen html* p.backLink a, html* p.backLink a:hover { background: transparent url(/media/layout/img/backlink.gif) no-repeat 0 2px; } */ p.nextThemeLink a { padding-left: 12px; background: transparent url(/media/layout/img/arrow-next-theme.gif) no-repeat 0 2px; } /* für safari - ie nimmst auch -> ie.css wieder standard setzen */ html* p.nextThemeLink a { background: transparent url(/media/layout/img/arrow-next-theme.gif) no-repeat 0 2px; } /* --- Produktnews --- */ .prodnewsLayer { margin-bottom: 32px; } .prodnewsPic { width: 69px; margin-right: 12px; float: left; } .prodnewsLayer img { display: block; } .prodnewsText { width: 310px; float: left; } /* --- Tabnavi --- */ ul.idTabs { padding-left: 5px; display: block; } div#content ul.idTabs li { list-style: none; background: none !important; padding: 0 !important; display: inline; } div#content ul.idTabs li a { font-weight: normal; outline: none; height: 22px; color: #005492 !important; background: transparent url(/media/layout/img/tabnavigation/tab_sprite.gif) no-repeat 100% -38px; border-right: 1px solid #CFE6FE; margin-top: 4px; padding: 8px 13px 0 13px; float: left; } div#content ul.idTabs li a.isFirst { border-left: 1px solid #CFE6FE; } div#content ul.idTabs li.selected a { line-height: 18px; color: #000 !important; font-weight: bold; height: 26px; background: transparent url(/media/layout/img/tabnavigation/tab_sprite.gif) no-repeat 100% 0px; border-right: 1px solid #DFDFDF; border-left: 1px solid #DFDFDF; padding-top: 8px; margin-top: 0px; margin-left: -5px !important; } div#content ul.idTabs li.selected a.isFirst { border-left: 1px solid #DFDFDF; } .tabcontent { min-height: 100px; background: transparent url(/media/layout/img/tabnavigation/tab_content_bg.jpg) no-repeat 0 0; padding: 25px 210px 5px 15px; margin-top: -1px; margin-bottom: 20px; } .tabnavEl { padding: 25px 15px 5px 15px; } /* --- Slider --- */ .sliderHeadline { margin-bottom: 18px; } .sliderLayer { position: relative; height: 132px; background: transparent url(/media/layout/img/slider/slider_bg.jpg) repeat-x 0 0; border: 1px solid #D9EDF8; padding: 0px 40px; } .sliderLayer .sliderContentContainer { position: relative; overflow: hidden; height: 132px; width: 584px; } .sliderLayer .sliderContent { position: absolute; width: 20000px; height: 132px; } .sliderLayer .sliderElement { height: 117px; padding: 10px 15px 0 0; float: left; } .sliderLayer .slTrenner { margin-right: 23px; background: transparent url(/media/layout/img/slider/slider_trenner.jpg) no-repeat 100% 0; } .sliderLayer .navLeft { cursor: pointer; position: absolute; top: 48px; left: -1px; display: none; } .sliderLayer .navRight { cursor: pointer; position: absolute; top: 48px; right: -1px; } .sliderLayer .sliderImg { float: left; } .sliderLayer .sliderText { width: 100px; padding-top: 16px; margin-left: 9px; float: left; } /* --- Broschürendownload --- */ .brodoLayer { margin-bottom: 32px; } .brodoPic { height: 70px; width: 60px; margin-right: 12px; float: left; } .brodoLayer img { display: block; } .brodoText { position: relative; height: 70px; width: 580px; float: left; } .brodoLayer h3 { color: #005492; } .brodoLayer p.text { height: 32px; overflow: hidden; } p.pdfLink { position: absolute; bottom: 0; left: 0; } p.pdfLink a, p.pdfLink a:hover { font-weight: normal; text-align: left; text-decoration: none !important; height: 16px; line-height: 19px; padding-top: 3px; color: #5C5C5C !important; padding-left: 25px; margin-bottom: 0px; background: transparent url(/media/layout/img/base_icon_pdf.gif) no-repeat 0 0px; display: block; } p.pdfLink2 a, p.pdfLink2 a:hover { font-weight: normal; text-align: left; text-decoration: none !important; height: 16px; line-height: 19px; padding-top: 3px; color: #5C5C5C !important; padding-left: 25px; margin-bottom: 0px; background: transparent url(/media/layout/img/base_icon_pdf.gif) no-repeat 0 0px !important; display: block; } /* --- TeaserLayer --- */ .teaserLayer { height: 1%; margin-bottom: 32px; } .teaserPic { margin-right: 12px; float: left; display: inline; } .teaserLayer img { display: block; } .teaserText { position: relative; float: left; display: inline; } .teaserLayer .nextThemeLink { margin-bottom: 0px !important; } /* --- Boxen Content --- */ /* #contentLayer .conUeberuns .teaserBoxLayer { padding-left: 234px; } */ #contentLayer .conOverview .teaserBoxLayer { /* padding-left: 234px; */ } #contentLayer .teaserBoxLayer { /* width: 444px; */ width: 678px; float: left; height: 210px; overflow: hidden; } #contentLayer .teaserBoxLayer .teaserBox { width: 210px; height: 210px; overflow: hidden; float: right; /* float: right; */ } #contentLayer .teaserBoxLayer #teaserBox-2, #contentLayer .teaserBoxLayer #teaserBox-3 { margin-left: 24px; } #contentLayer .teaserBoxLayer #teaserBox-2, #contentLayer .teaserBoxLayer #teaserBox-3 { /* float: right; */ } #contentLayer .teaserBoxLayer .teaserBox .headline { height: 35px; } #contentLayer .teaserBoxLayer .teaserBoxToggled { margin-top: 175px; } #contentLayer .teaserBoxLayer .teaserBox .headline h2 { display: none; } /* #contentLayer .teaserBoxLayer .teaserBox .headline img { margin-right: 11px; margin-top: 12px; float: right; } */ #contentLayer .links { margin-right: 24px; } #contentLayer .rechts { margin-left: 24px; } #contentLayer .prodoverLayer { width: 468px; margin-left: 24px; float: left; } #contentLayer .pk_element { width: 192px; float: left; } #contentLayer .liPK { margin-right: 36px; float: left; } #contentLayer .layerKampTn { position: relative; margin-bottom: 10px; } #contentLayer .pk_element .layerKampTn .zoomPic { position: absolute; top: 5px; right: 4px !important; } /* --- Boxen rechts/links --- */ #contentLayer .boxLayerMargRight { margin-right: 36px; float: left; } #contentLayer .boxLayer { width: 210px; } .boxFloatRight { float: right; } #contentLayer .boxLayer img { display: block; } #contentLayer .boxLayer .box { margin-bottom: 12px; } #contentLayer .boxLayer ul { margin-bottom: 0px; } #contentLayer .boxLayer div.infobox ul { margin-bottom: 15px; } #contentLayer .boxLayer .tp2 #header { height: 42px; } #contentLayer .boxLayer .tp2 #bodie { height: 90px; } #contentLayer .boxLayer .tp2 #foot { height: 60px; padding-top: 18px; } #contentLayer .boxLayer .tp2 #foot a.lz1 { background: none !important; background-color: transparent !important; border-bottom: none !important; border-top: none !important; display: block; } #contentLayer .boxLayer .tp2 #foot a { background: transparent url(/media/layout/img/arrow-box-blue.gif) 0% 50%; background-color: transparent !important; border-bottom: none !important; border-top: none !important; display: block; } #contentLayer .boxLayer .arrowLinkBox1 a { background: transparent url(/media/layout/img/arrow-box-blue-hover.gif) no-repeat 100% 6px; border-bottom: none !important; border-top: none !important; display: block; } #contentLayer .boxLayer .arrowLinkBox2 a { background: transparent url(/media/layout/img/arrow-box-blue-hover.gif) no-repeat 100% -3px; border-bottom: none !important; border-top: none !important; display: block; } /* --- Bildbox mit Text --- */ .bbText { font-family: Arial, Helvetica, sans-serif; height: 40px; } #contentLayer p.bbText { font-size: 16px; margin-bottom: 0px !important; } #contentLayer p.bbText a { height: 29px; color: #fff; padding-left: 10px; padding-top: 9px; display: block; } #contentLayer .boxLayer .arrowLinkBox1 .bbText a { background: transparent url(/media/layout/img/arrow-box-blue-hover.gif) no-repeat 100% 9px; } #contentLayer p.doublespace a { height: 40px; color: #fff; padding-top: 4px !important; display: block; } #contentLayer p.bbText a:hover { text-decoration: none; } #contentLayer p.doublespace { font-size: 12px; line-height: 16px !important; } /* --- Kampagnenbox --- */ #contentLayer .boxLayer .box .kBoxHead { height: 65px; } #contentLayer .boxLayer .box .kBoxBody { padding-left: 12px; } /* --- Boxen Produkte --- */ #contentLayer .prodBoxLayer { position: absolute; left: auto; bottom: 0; width: 678px; } #contentLayer .prodBoxLayer .spalte .bottomElement .body { overflow: hidden; line-height: 0 !important; } #contentLayer .prodBoxLayer .body img { display: block; } #contentLayer .prodBoxLayer .prodBox { width: 210px; overflow: hidden; height: 35px; } #contentLayer .prodBoxLayer .prodBox .headline { height: 35px; /* cursor: pointer; */ } #contentLayer .prodBoxLayer .prodBoxToggled { margin-top: 175px; } #contentLayer .prodBoxLayer .prodBox .headline h2 { display: none; } /* #contentLayer .prodBoxLayer .prodBox .headline img { margin-right: 11px; margin-top: 12px; float: right; } */ #contentLayer .prodBoxLayer .links { margin-right: 24px; } #contentLayer .pbl20 { top: 7px; bottom: auto; } #contentLayer .pbl20 .links { margin-right: 18px; } #contentLayer .pblLevel220 { position: absolute; top: 248px; left: 0; } #contentLayer .pblLevel220 .links { margin-right: 18px; } #contentLayer .pblLevel220 .spalte { height: 210px !important; margin-bottom: 18px; } /* --- Boxen Produktbereich Overview --- */ #contentLayer .prodOverviewBox { position: relative; width: 210px; height: 222px; margin-bottom: 12px; float: left; } #contentLayer .prodOverviewBox img { display: block; } #contentLayer .prodOverviewBox img.atmo { position: absolute; /* float: right; */ /* margin: -95px 0 0 148px; */ bottom: 0; right: 8px; } #contentLayer .prodOverviewBox p { font-size: 1em; line-height: 1.25em; height: 63px; color: #fff; padding: 0 12px; margin-bottom: 0px; overflow: hidden; } #contentLayer .prodOverviewBox p.hlZweizeileP { height: 49px; } #contentLayer .prodOverviewBox p.hlZweizeileP a { display: block; } #contentLayer .prodOverviewBox a { font-weight: normal; color: #fff; } #contentLayer .prodOverviewBox a:hover { text-decoration: none; } #contentLayer .prodOverviewBox .stoerer { position: absolute; top: 172px; left: 0; } .campaignBoxContentFirst { font-size: 23px; font-family: Arial, sans-serif; color: #fff; vertical-align: middle; padding: 6px 0 0 8px; } .campaignBoxContent { font-size: 23px; font-family: Arial, sans-serif; color: #fff; vertical-align: middle; padding: 0 0 0 8px; } .kBoxHead .campaignBoxContentFirst { font-size: 18px; font-family: Arial, sans-serif; color: #fff; vertical-align: middle; padding: 6px 0 0 9px; } .kBoxHead .campaignBoxContent { font-size: 18px; font-family: Arial, sans-serif; color: #fff; vertical-align: middle; padding: 0 0 0 9px; } /* --- Boxwechsel Startseite --- */ #rechteBox1 { display: block; } #rechteBox2 { display: none; } #rechteBox3 { display: none; } #contentLayer .box #zoomPicIcon { position: absolute; top: 5px; right: 4px !important; } /* -------------- */ /* --- footer --- */ /* -------------- */ #footer { font-size: .625em; height: 60px; } #footer ul { margin-top: 12px; margin-right: 41px; float: right; display: inline; } #footer ul li { list-style: none; color: #ACACAC; float: left; } #footer ul li a { text-decoration: none; color: #ACACAC; } /* -------------- */ /* ---- misc ---- */ /* -------------- */ .coloredTextBox { background: #EFF9FF; border: 1px solid #005492; padding: 7px 7px 7px 7px; margin-bottom: 16px; } .floatLeft { margin-right: 10px; float: left; } .floatRight { margin-left: 10px; float: right; } .fullSize { display: block; } .hasBorder { border: 1px solid #dfdfdf; } .noMargBot { margin-bottom: 0px !important; } .margBot20 { margin-bottom: 20px !important; } .margLeft20 { margin-left: 20px !important; } .margRight20 { margin-right: 20px !important; } .clearAll { font-size: 0px !important; line-height: 0px !important; height: 1px !important; clear: both; } p.font14 { font-size: 1.275em; line-height: 20px !important; } sup { vertical-align: 2px; } .height2 { font-size: 3px; line-height: 3px; height: 3px; } .height5 { font-size: 5px; line-height: 5px; height: 5px; } .height10 { font-size: 10px; line-height: 10px; height: 10px; } .height15 { font-size: 15px; line-height: 15px; height: 15px; } .height20 { font-size: 20px; line-height: 20px; height: 20px; } .height25 { font-size: 25px; line-height: 25px; height: 25px; } .height30 { font-size: 30px; line-height: 30px; height: 30px; } .height35 { font-size: 35px; line-height: 35px; height: 35px; } .height40 { font-size: 40px; line-height: 40px; height: 40px; } #contentLayer p.fontsize10 { font-size: 0.9125em; } .textUppercase { text-transform: uppercase; } #contentLayer img.subheadline { margin-bottom: 0px; } div.intro ul { list-style: none; margin: 15px 0; } div.intro ul li { background: transparent url(/media/layout/img/bullet-list.gif) no-repeat 10px 50%; padding-left: 25px; } table { margin-top: 10px; border: 1px solid #dfdfdf; width: 100%; border-collapse: collapse; } /* table tr.thead td { color: #005492; font-weight: bold; background-color: #dfdfdf; border-right: 1px solid white; } table tr.thead td.last { border-right: 1px solid #dfdfdf; } */ table td.thead { color: #005492; font-weight: bold; background-color: #dfdfdf; border-right: 1px solid white; } table td.thead-last { border-right: 1px solid #dfdfdf; } table td { color: #5c5c5c; padding: 2px 5px; vertical-align: top; border-bottom: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; } ul#prodMetaNav li { margin-bottom: 5px; } ul#prodMetaNav li a { padding-right: 11px; color: #005492; line-height: 9px; font-weight: normal; background: transparent url(/media/layout/img/arrow-under-box-link.gif) no-repeat 100% 40%; } #prodBewertPopup { position: absolute; top: 0; left: 246px; z-index: 1200; display: none; } #prodBewertLayer { margin: 0px; } #bewertungsLayer { display: block; } #bewertungErfolgtLayer { display: none; } .bewertungBG { width: 89px; height: 15px; background: transparent url(/media/layout/img/produktbewertung/bg_prodwertung.jpg) no-repeat 0 0; float: left; } .bewertCounter { line-height: 1.334em; width: 29px; float: left; } .bewertung { width: 0px; height: 15px; background: transparent url(/media/layout/img/produktbewertung/bg_prodwertung_aktiv.jpg) no-repeat 0 0; } #content #prodBewertLayer { width: 550px; background: #ECF5FC; padding: 14px 10px; margin-bottom: 42px; } #content #prodBewertLayer .bewertungBG { width: 89px; height: 15px; background: #ECF5FC url(/media/layout/img/produktbewertung/prodwertung_bbg.jpg) no-repeat 0 0; margin-right: 5px; float: left; } #content #prodBewertLayer .bewertung { width: 0px; height: 15px; background: transparent url(/media/layout/img/produktbewertung/prodwertung_aktiv_bbg.jpg) no-repeat 0 0; } #content #prodBewertLayer p a { font-weight: normal; color: #005492 !important; background: transparent url(/media/layout/img/arrow-under-box-link.gif) no-repeat 100% 2px; padding: 0 10px 0 10px; } #content #prodBewertLayer p a.prod-recommend { padding: 0 10px 0 0; } #content #prodBewertLayer p span.trenner { font-size: 12px; padding: 0 16px 0 18px; } #content #prodBewertLayer p img.briefIcon { padding: 0 7px 0 0; vertical-align: -1px; } p.counterBewert { width: 110px; margin-left: 10px; margin-bottom: 8px !important; float: left; } #prodBewertPopup { width: 400px; padding: 10px; background: #EFFAFE; } #prodBewertPopup h3 { font-size: 20px !important; font-weight: normal; margin-bottom: 10px; } #contentLayer #prodBewertPopup input.submit { margin-left: 0 !important; margin-right: 20px !important; } .bewertungBGpop { position: relative; height: 25px; width: 140px; background: transparent url(/media/layout/img/produktbewertung/bg_prodwertung_pop.jpg) no-repeat 0 0; margin-top: 15px; margin-bottom: 35px; } .bewertungBGpop a { position: relative; width: 28px; height: 25px; display: block; float: left; outline: none; z-index: 802; } #prodBewertPopup .bewertungPop { position: absolute; top: 0; left: 0; height: 25px; width: 0px; background: transparent url(/media/layout/img/produktbewertung/bg_prodwertung_pop_aktiv.jpg) no-repeat 0 0; z-index: 800; } #prodBewertPopup p.errorText { color: #AA0000; display: none; } div.infobox { color: #5c5c5c; background-color: white; } div.infobox div.body { padding: 10px 10px 0 10px; } div#content ul, div.infobox ul { margin: 0 0 15px 0; } div#content ol { margin: 0 0 15px 24px; } div#content ul li, div.infobox ul li { background: transparent url(/media/layout/img/bullet-list.gif) no-repeat 2px 5px; padding-left: 15px; } div.infobox ol li { padding-left: 19px; } div#content ul#sitemap li { margin-bottom: 2px; } div.infobox ul#prodInfo { font-size: .95em; margin-bottom: 15px; } div.infobox ul#prodInfo li { background: url(/media/layout/img/boxen/icon_pdf.gif) no-repeat; padding-left: 19px; line-height: 16px; margin-bottom: 5px; } div.infobox ul#prodInfo li a { font-weight: bold; color: #7e7e7e; } div.infobox ul#prodInfo li span.normal { font-weight: normal; } /* ---- Pflichttext --- */ div.infobox .pflichttextLayer ul { position: relative; list-style: none; font-size: .95em; } div.infobox .pflichttextLayer ul li { background: url(/media/layout/img/base_icon_misc.gif) no-repeat 0 0; height: 18px; padding-left: 20px; line-height: 16px; margin-bottom: 5px; } div.infobox .pflichttextLayer ul li a { font-weight: bold; color: #7e7e7e !important; } div.infobox .pflichttextLayer ul li #pflichttext { position: absolute; top: 16px; left: 19px; width: 200px; padding: 5px 5px 5px 5px; background: #f6f6f6; border: 1px solid #5C5C5C; display: none; } div.infobox .pflichttextLayer ul li #pflichttext p { margin-bottom: 0px !important; } /* ---- Text für Blinde und Sehbehinderte --- */ div.infobox .barrieretextLayer ul { position: relative; z-index: 999; } div.infobox .barrieretextLayer ul li { background: url(/media/layout/img/icons/icon_blind.gif) no-repeat 0 1px; padding-left: 20px; line-height: 16px; margin-bottom: 5px; } div.infobox .barrieretextLayer ul li a { color: #7e7e7e !important; } div.infobox .barrieretextLayer ul li #hinweistextLesen { position: absolute; top: 16px; left: 20px; width: 190px; font-size: 14px; line-height: 21px; color: #000; background: none repeat scroll 0 0 #FFF; border: 1px solid #000; display: none; padding: 10px; z-index: 2000; } #contentLayer .gebrauchsinfoLayer .toggleBox .toggleHeader h2 { background: transparent url(/media/layout/img/icons/icon_blind.gif) no-repeat 0 1px !important; padding-left: 4px; } #contentLayer .gebrauchsinfoLayer .toggleBody { font-size: 14px; padding-left: 20px; } #contentLayer .gebrauchsinfoLayer a { color: #5C5C5C; font-weight: normal; text-decoration: none; } /* ---- Text für Blinde und Sehbehinderte im Content --- */ #contentLayer .barrieretextLayer ul { position: relative; z-index: 999; } #contentLayer .barrieretextLayer ul li { background: url(/media/layout/img/icons/icon_blind.gif) no-repeat 0 1px !important; padding-left: 20px; line-height: 16px; margin-bottom: 5px; } #contentLayer .barrieretextLayer ul li a { color: #7e7e7e !important; } #contentLayer .barrieretextLayer ul li #hinweistextLesen { position: absolute; top: 16px; left: 20px; width: 460px; font-size: 14px; line-height: 21px; color: #000; background: none repeat scroll 0 0 #FFF; border: 1px solid #000; display: none; padding: 10px; z-index: 2000; } #contentLayer div.infobox p { margin-bottom: 15px; } #contentLayer div.box h3 { font-size: .9em; color: #5c5c5c; } #contentLayer div.box img.headline { margin-bottom: 0; } #contentLayer div.box a { font-weight: normal !important; } #contentLayer div.box p.nextThemeLink a { font-weight: bold !important; } #contentLayer div.box div.body a { background-color: transparent !important; line-height: 1.2em; } #contentLayer div.linkbox { height: auto !important; font-family: Arial, sans-serif; } #contentLayer div.linkbox img.headline { margin-bottom: 0; } #contentLayer div.linkbox ul { margin: 0; padding: 0; width: 210px; margin-left: 0px; padding-bottom: 10px; } #contentLayer div.linkbox ul li { margin: 0; padding: 0; } #contentLayer div.linkbox ul li a { display: block; font-weight: normal; line-height: 16px; padding: 5px 20px 5px 10px; /* background: transparent url(/media/layout/img/arrow-box-blue.gif) no-repeat 195px 2px; */ } #contentLayer div.linkbox ul li a:hover { color: white; /* background: transparent url(/media/layout/img/arrow-box-blue-hover.gif) no-repeat 195px 2px; */ } #contentLayer div.box-quad { position: relative; height: 210px; width: 210px; } #contentLayer div.box-quad img.prodDetail { padding: 12px 0px 0px 12px; } /*#contentLayer div.box-prod-detail img.detail { margin: 12px 0 0 12px; }*/ #contentLayer div.box-quad div.stoerer { position: absolute; top: 173px; right: 0px !important; } #contentLayer div.box-colored, #contentLayer div.box-darkblue, #contentLayer div.box-blue { height: 210px; } #contentLayer div.box-lightblue { color: #ddf2fb; background-color: #33B1E6; } #contentLayer div.box-lightblue a { color: #ddf2fb; border-top: 1px solid #66C4EC; border-bottom: 1px solid #19A7E3; background: #4CBAE9 url(/media/layout/img/arrow-box-blue.gif) no-repeat 195px 1px !important; } #contentLayer div.box-blue { color: #ddf2fb; background-color: #009de0; } #contentLayer div.box-blue a { color: #ddf2fb; border-top: 1px solid #3db3e5; border-bottom: 1px solid #0094d1; background: #26ACE5 url(/media/layout/img/arrow-box-blue.gif) no-repeat 195px 1px !important; } #contentLayer div.box-blue a:hover { background: #1AA6E1 url(/media/layout/img/arrow-box-blue-hover.gif) no-repeat 195px 1px !important; } #contentLayer div.box-darkblue { color: #cfdfea; background-color: #005492; } #contentLayer div.box-darkblue a { color: #cfdfea; border-top: 1px solid #3e7cad; border-bottom: 1px solid #0f5e99; background: #0F5E98 url(/media/layout/img/arrow-box-blue.gif) no-repeat 195px 1px !important; } #contentLayer div.box-darkblue a:hover { background: #0F5E98 url(/media/layout/img/arrow-box-blue-hover.gif) no-repeat 195px 1px !important; } #contentLayer div.box-colored { color: #cfdfea; } #contentLayer div.box-colored a { color: #cfdfea; border-top: 1px solid #3e7cad; border-bottom: 1px solid #0f5e99; background: transparent url(/media/layout/img/arrow-box-blue.gif) no-repeat 195px 1px !important; } #contentLayer div.box-colored a:hover { background: transparent url(/media/layout/img/arrow-box-blue-hover.gif) no-repeat 195px 1px !important; } #contentLayer .tb3 { height: 200px; padding: 10px 5px 0 10px; } #contentLayer .tb3 p { margin-bottom: 0px; } #contentLayer .tb3 p.fontsize11 { font-size: 11px; line-height: 1em; } #contentLayer .tb3 p.fontsize14 { font-size: 14px; line-height: 23px; } #contentLayer .tb3 p.fontsize16 { font-size: 16px; /* font-weight: bold; */ line-height: 21px; } #contentLayer .tb3 p.fontsize20 { font-size: 20px; line-height: 1.3em; } #contentLayer .tb3 p.fontsize26 { font-size: 26px; line-height: 1.3em; } #contentLayer .ffTimes { font-family: Arial,sans-serif; } .fontcDblau a, .fontcDblau { color: #005492 !important; } .fontcHblau a, .fontcHblau { color: #66C4EC !important; } .fontcWhite a, .fontcWhite { color: #ffffff !important; } .fontcGrau a, .fontcGrau { color: #7D7D7D !important; } #contentLayer .tb3 a { text-decoration: none; } #contentLayer .tb3 a.boxlink { background: transparent url(/media/layout/img/arrow-box-blue.gif) no-repeat 100% 3px; display: block; } #contentLayer div.fcDefault { color: #cfdfea; } #contentLayer div.fcDefault a { color: #cfdfea; } #contentLayer div.fcWhite { color: #fff; } #contentLayer div.fcWhite a { color: #fff; } #contentLayer div.fcBlack { color: #000; } #contentLayer div.fcBlack a { color: #000; } #contentLayer div.box-colored a:hover, #contentLayer div.box-lightblue a:hover, #contentLayer div.box-blue a:hover, #contentLayer div.box-darkblue a:hover { text-decoration: none !important; } #contentLayer div.infobox a { border-top: none !important; border-bottom: none !important; background-color: transparent !important; } #contentLayer div.lexikonbox div.head { background-color: #005492; height: 52px; } #contentLayer div.lexikonbox ul.alphabet { font-size: .95em; padding: 12px; } #contentLayer div.lexikonbox ul.alphabet li { line-height: 16px; float: left; } #contentLayer div.lexikonbox ul.alphabet li a { text-decoration: none; color: white; display: block; width: 14px; height: 15px; text-align: center; border-top: #3d7dad; background: url(/media/layout/img/bg_alphabet.gif) no-repeat; } #contentLayer div.lexikonbox ul.alphabet li a.active, #contentLayer div.lexikonbox ul.alphabet li a:hover { background: url(/media/layout/img/bg_alphabet-aktiv.gif) no-repeat; } #contentLayer div.lexikonbox ul.alphabet li.empty { text-decoration: none; color: #3d7dab; display: block; width: 14px; height: 15px; text-align: center; border-top: #3d7dad; background: url(/media/layout/img/bg_alphabet.gif) no-repeat; } #contentLayer div.linkcontainer { border: 1px solid #dfdfdf; padding: 3px 0; margin-bottom: 12px; } #contentLayer div.linkcontainer a { display: block; color: #005492; padding: 3px 10px; } #contentLayer div.linkcontainer a:hover, #contentLayer div.linkcontainer a.active { color: white; background-color: #009de0; text-decoration: none; } #contentLayer div.linkcontainer li { height: 1%; } #contentLayer div.navbox div.head { background-color: #005492; height: 35px; } #contentLayer div.navbox div.head { background-color: #005492; height: 35px; } #contentLayer div.linkcontainer ul li ul li a { padding-left: 21px; } #contentLayer div.linkcontainer ul li ul li a:hover, #contentLayer div.linkcontainer ul li ul li a.active { color: #009DE0; background-color: transparent !important; text-decoration: none; } #contentLayer div.linkcontainer ul li ul li ul li a { padding-left: 28px; } /* --- LinkContainer toggle --- */ #contentLayer div.lcProdukte { border: 1px solid #dfdfdf; padding: 3px 0; margin-bottom: 12px; } #contentLayer div.lcProdukte a { display: block; color: #005492; padding: 3px 10px; } #contentLayer div.lcProdukte a:hover, #contentLayer div.lcProdukte a.active { color: white; background-color: #009de0; text-decoration: none; } #contentLayer div.lcProdukte li { height: 1%; } #contentLayer div.lcProdukte ul li ul { overflow: hidden; } #contentLayer div.lcProdukte ul li ul li a { padding-left: 0px; } #contentLayer div.lcProdukte ul li ul li a:hover, #contentLayer div.lcProdukte ul li ul li a.active { color: #009DE0; background-color: transparent !important; text-decoration: none; } #contentLayer div.lcProdukte ul li ul li a { background: transparent url(/media/layout/img/pfeil.gif) no-repeat 1px 8px; padding-left: 9px; } #contentLayer div.lcProdukte ul li ul li a:hover, #contentLayer div.lcProdukte ul li ul li a.active { background-image: url(/media/layout/img/pfeil_a.gif); } #contentLayer div.lcProdukte ul li ul li ul li a { background: transparent url(/media/layout/img/doppelpunkt.gif) no-repeat 21px 9px; padding-left: 29px; } #contentLayer div.lcProdukte ul li ul li ul li a:hover, #contentLayer div.lcProdukte ul li ul li ul li a.active { background-image: url(/media/layout/img/doppelpunkt_a.gif); } #contentLayer div.lcProdukte ul li ul li ul li ul li a { background: transparent url(/media/layout/img/punkt.gif) no-repeat 42px 10px; padding-left: 49px; } #contentLayer div.lcProdukte ul li ul li ul li ul li a:hover, #contentLayer div.lcProdukte ul li ul li ul li ul li a.active { background-image: url(/media/layout/img/punkt_a.gif); } #contentLayer .toggleNavi div.lcProdukte ul li.isSelected ul { display: block; } #contentLayer .toggleNavi div.lcProdukte ul li.isSelected ul li.isSelected ul{ display: block; } #contentLayer .toggleNavi div.lcProdukte ul li.isSelected ul ul{ display: none; } #contentLayer .toggleNavi div.lcProdukte ul li ul { display: none; } #contentLayer .toggleNavi div.lcProdukte li { height: auto; } #contentLayer .toggleNavi div.lcProdukte a.linkSubnavArrow { outline: none !important; padding: 6px 6px 6px 8px ; float: left; } #contentLayer .toggleNavi div.lcProdukte a:hover.linkSubnavArrow { background: none; padding: 6px 6px 6px 8px ; } #contentLayer .toggleNavi div.lcProdukte a.linkSubnavArrow img { background: url(/media/layout/img/arrow_expand_no.gif) no-repeat; float: left; } #contentLayer .toggleNavi div.lcProdukte li:hover a:hover.linkSubnavArrow img { background: url(/media/layout/img/arrow_expand.gif) no-repeat; } #contentLayer .toggleNavi div.lcProdukte li.isSelected a.linkSubnavArrow img { background: url(/media/layout/img/arrow_expand_white.gif) no-repeat; float: left; } #contentLayer .toggleNavi div.lcProdukte li.isSelected a:hover.linkSubnavArrow img { background: url(/media/layout/img/arrow_expand_no_white.gif) no-repeat; } #contentLayer div.lcProdukte span.navIndent { padding-left: 9px; } /* --- Test --- */ html .test { font-size: 110%; /* for IE*/ } .test { font-size: 18px; /* for everyone else*/ } .test { margin-top: 4px; background: #DBEDF7; padding: 15px; } .test h1 { margin-top: 0px !important; } .test ol { margin-left: 30px; margin-bottom: 15px; } .test ol li, .test ul li { padding-bottom: 8px; } .test #testStart { visibility: visible; display: block; } .test #test1 { visibility: hidden; display: none; } .test form { font-family: Verdana, Geneva, sans-serif; color: #5D6163; } .test form.frageAntwort { display: block; } .test form.frageAntwort label { width: auto !important; padding: 0 !important; float: none !important; margin-bottom: 5px; display: block; } .test form.frageAntwort input { width: 350px; margin-bottom: 10px; display: block; } .test form.frageAntwort input.alignCenter { text-align: center !important; } .test form.frageAntwort label.mittelwort { width: 95px !important; float: left !important; } .test form.frageAntwort input.mittelwort { width: 100px; margin-right: 15px; float: left; } .test form.frageAntwort label.labBuchstab { width: 65px !important; float: left !important; } .test form.frageAntwort input.inBuchstab { width: 300px; float: left; } .test form.frageAntwort .submitButton { width: 100px; margin-top: 20px; } .test form.frageVerknuepfung label { line-height: 14px; height: 12px; width: 14px !important; float: left; margin-top: -2px; } .test form.frageVerknuepfung input { width: 100px; padding-top: 1px; padding-bottom: 1px; margin-right: 8px; margin-bottom: 10px; float: left; } .test form.frageVerknuepfung .submitButton { width: 110px !important; margin-left: 12px; } .test form.frageBildvergleich input { width: 115px; margin-right: 11px !important; margin-bottom: 10px !important; float: left; } .test form.frageBildvergleich .submitButton { width: 110px !important; } .test .spalteTest { width: 120px; margin-right: 15px; float: left; display: inline; } .test .spalteTest.rechts { margin-right: 0px !important; margin-left: 0px !important; } .test form.formNamenMerken input { width: 116px !important; margin-bottom: 10px !important; display: block; } .test .namenMerken img, .test form.formNamenMerken img { margin-bottom: 5px !important; } .test .gegZuord { position: relative; height: 1%; } .test .gegZuord .spalteGZ { width: 92px; margin-right: 5px; margin-bottom: 10px; float: left; } .test .gegZuord .spalteGZ p { font-weight: bold; text-align: center; margin-bottom: 0px !important; margin-top: 5px; } .test .gegZuord .spalteGZ img { border: 1px solid #005398; } .test .gegZuord .spalteGZ .quadrat img { position: absolute; top: 0px; left: 0px; margin-left: -1px; margin-top: -1px; } .test .gegZuord .spalteGZ .quadrat { position: relative; width: 90px; height: 90px; background: #fff; border: 1px solid #005398; } .test .gegZuord #layerGegenstand, .test .gegZuord #layerNummer { position: relative; width: 390px; height: 328px; background: #DBEDF7; padding: 0px; } .test .gegZuord #layerGegenstand { left: 0px; } .test .gegZuord #layerNummer { left: 0px; } p.linkArrange { text-align: right; padding-right: 5px; margin-bottom: 0px !important; } #linkNebeneinander { display: inline; } #linkUntereinander { display: none; } .test p.name { text-align: center; vertical-align: middle; width: 120px; height: 30px; margin-bottom: 10px !important; } .tableAuswertung { margin-bottom: 16px !important; margin-top: 0px !important; border: none; width: 100%; } table.tableAuswertung td h3 { /* font-size: 1.275em !important; */ color: #5C5C5C !important; } table.tableAuswertung td h3.paddingbot10px { padding-bottom:10px; } table.tableAuswertung td { line-height: 1.334em;; border: none !important; padding: 0 5px 0 0 !important; } table.tableAuswertung td.coloredText, form label.coloredText, p.coloredText { color: #005492 !important; } .tdEins { width: 115px !important; } .tdDrei { width: 38px; } .tdVier { text-align: center !important; width: 15px; } hr { margin-top: -5px; margin-bottom: 15px; border: 1px solid #009EE0; } .textRechts { text-align: right; } #zoomLayer { display: none; } .layerVergleich { position: absolute; top: 137px; left: 160px; width: 630px; padding: 10px; border: 1px solid #005492; background: #DBEDF7; } /* --- forms --- */ #contentLayer label { padding: 4px 0 0 0; float: left; width: 120px; vertical-align: top; } #contentLayer option { padding: 1px; } #contentLayer legend { display: none; } #contentLayer fieldset { border: none; } #contentLayer input, #contentLayer textarea, #contentLayer select { font-family: Verdana, Geneva, sans-serif; color: #7b797a; margin-bottom: 8px; } #contentLayer input.text, #contentLayer textarea { padding: 2px 5px; width: 286px; } .taFullSize { height: 100px; width: 400px !important; } #contentLayer select { width: 300px; } #survey_layer .submit, #contentLayer input.submit { background: transparent url(/media/layout/img/bg-form_button.png) no-repeat !important; width: 111px; height: 28px; color: #009dde; border: none; margin-left: 10px; } #contentLayer input.breit { background: transparent url(/media/layout/img/bg_form_button_breit.jpg) no-repeat !important; width: 150px; } #survey_layer .submit { margin-left: 0px; } #contentLayer div.radiobuttons { margin-bottom: 15px; } .checkBoxLayer { padding-left: 120px; margin-bottom: 20px; } #contentLayer .checkBoxLayer input { float: left; } #contentLayer .checkBoxLayer label { padding: 0; float: left; width: 260px; margin-left: 10px; vertical-align: top; } /* --- Bookmark --- */ #bookmarkLayer { position: relative; width: 100px; border: 1px solid #DFDFDF; padding: 12px 12px 8px 12px; margin-top: -20px; margin-left: 83px; display: none; } .closeLinkBookmark { position: absolute; top: 1px; right: 1px; } #bookmarkLayer ul li { display: inline; } #bookmarkLayer ul li a { font-weight: normal; line-height: 20px; height: 1%; color: #005492; padding-left: 22px; display: block; } #bookmarkLayer .bmgoogle { background: transparent url(/media/layout/img/bookmarks/bookmarks_icon-google.gif) no-repeat; } #bookmarkLayer .bmmrwong { background: transparent url(/media/layout/img/bookmarks/bookmarks_icon-mrwong.gif) no-repeat; } #bookmarkLayer .bmDelicious { background: transparent url(/media/layout/img/bookmarks/bookmarks_icon-delicious.gif) no-repeat; } #bookmarkLayer .bmwebnews { background: transparent url(/media/layout/img/bookmarks/bookmarks_icon-webnews.gif) no-repeat; } #bookmarkLayer .bmfacebook { background: transparent url(/media/layout/img/bookmarks/bookmarks_icon-facebook.gif) no-repeat; } #bookmarkLayer .bmlinkarena { background: transparent url(/media/layout/img/bookmarks/bookmarks_icon-linkarena.gif) no-repeat; } #bookmarkLayer .bmyigg { background: transparent url(/media/layout/img/bookmarks/bookmarks_icon-yigg.gif) no-repeat; } #bookmarkLayer .bmdigg { background: transparent url(/media/layout/img/bookmarks/bookmarks_icon-digg.png) no-repeat; } /* --- BookmarkLayerFooter --- */ #bookmarkLayerFooter { margin-top: -3px; } #bookmarkLayerFooter ul{ float: left; } #bookmarkLayerFooter li { list-style: none; padding-right: 6px; float: left; } #bookmarkLayerFooter .bmIcon { width: 16px; height: 16px; display: block; } #bookmarkLayerFooter .bmIcon span { display: none; } #bookmarkLayerFooter .bmgoogle { background: transparent url(/media/layout/img/bookmarks/bookmarks_icon_sw-google.gif) no-repeat; } #bookmarkLayerFooter .bmgoogle:hover { background: transparent url(/media/layout/img/bookmarks/bookmarks_icon-google.gif) no-repeat; } #bookmarkLayerFooter .bmmrwong { background: transparent url(/media/layout/img/bookmarks/bookmarks_icon_sw-mrwong.gif) no-repeat; } #bookmarkLayerFooter .bmmrwong:hover { background: transparent url(/media/layout/img/bookmarks/bookmarks_icon-mrwong.gif) no-repeat; } #bookmarkLayerFooter .bmDelicious { background: transparent url(/media/layout/img/bookmarks/bookmarks_icon_sw-delicious.gif) no-repeat; } #bookmarkLayerFooter .bmDelicious:hover { background: transparent url(/media/layout/img/bookmarks/bookmarks_icon-delicious.gif) no-repeat; } #bookmarkLayerFooter .bmwebnews { background: transparent url(/media/layout/img/bookmarks/bookmarks_icon_sw-webnews.gif) no-repeat; } #bookmarkLayerFooter .bmwebnews:hover { background: transparent url(/media/layout/img/bookmarks/bookmarks_icon-webnews.gif) no-repeat; } #bookmarkLayerFooter .bmfacebook { background: transparent url(/media/layout/img/bookmarks/bookmarks_icon_sw-facebook.gif) no-repeat; } #bookmarkLayerFooter .bmfacebook:hover { background: transparent url(/media/layout/img/bookmarks/bookmarks_icon-facebook.gif) no-repeat; } #bookmarkLayerFooter .mehrBM { position: relative; z-index: 1020; font-size: 10px; vertical-align: -1px; color: #ACACAC; } #bookmarkLayerFooter .mehrBM a { font-size: 10px; vertical-align: -1px; color: #ACACAC; padding-left: 6px; } /* --- form product recommend --- */ .transLayer { position: absolute; top: 0px; z-index: 1001; } #contentLayer div#prod-recommend-container { width: 431px; background-color: #009de0; padding: 10px 12px; display: none; position: absolute; left: 229px; top: 0px; z-index: 1002; } #contentLayer div#prod-recommend-container img.h2 { margin-bottom: 5px; } #contentLayer div#prod-recommend-container p#prod-recommend-output { padding: 5px 0; } #contentLayer div#prod-recommend-container p.prod-recommend-error { width: 429px; padding: 5px 11px !important; margin-left: -10px; color: red; font-weight: bold; background-color: white; } #contentLayer form#prod-recommend input.text, #contentLayer form#prod-recommend textarea { width: 296px; } #contentLayer form#prod-recommend label { color: white; } #contentLayer form#prod-recommend input.firstname { width: 86px; float: left; margin-right: 6px; } #contentLayer form#prod-recommend input.lastname { width: 190px; float: left; } #contentLayer form#prod-recommend em { font-style: normal; } #contentLayer form#prod-recommend h3, #contentLayer form#prod-recommend em { color: #005492; } #contentLayer form#prod-recommend h3 { font-weight: normal; font-size: 1em; margin-bottom: 10px; } #contentLayer form#prod-recommend fieldset#fieldset-recipient { margin-bottom: 15px; } #theCloseForm { display: none; } /* --- form contact --- */ #contentLayer form#contact label.plz { width: auto; float: left; width: 50px; } #contentLayer form#contact label.ort { width: auto; float: left; width: 70px; } #contentLayer form#contact input.plz { width: 40px; margin-right: 6px; } #contentLayer form#contact input.ort { width: 140px; } #contentLayer form#contact input.radio { vertical-align: middle; padding: 0; margin: 0; margin-right: 8px; margin-left: 20px; } #contentLayer form#contact div.radiobuttons input.first { margin-left: 0; } #contentLayer h2, #contentLayer h3 { font-family: Arial,sans-serif; color: #005492; } #contentLayer h2 { font-size: 15px; font-weight: bold; margin-bottom: 10px; } #contentLayer h2.nomargin { margin-bottom: 6px !important; } #contentLayer h3 { font-size: 1.275em; } #contentLayer .prodOverviewBox .poBoxHeadlineLayer { height: 46px; } #contentLayer .prodOverviewBox .poBoxHeadlineLayer h2 { font-weight: normal; line-height: 18px; color: #fff !important; padding-top: 7px; padding-left: 12px; margin-bottom: 0px !important; } #contentLayer .prodOverviewBox .poBoxHeadlineLayer h2 a { font-weight: bold; display: block; } #contentLayer h3.defaultFont, #contentLayer div.brodoText h3, #contentLayer div.infobox h3, #contentLayer form#prod-recommend h3 { font-family: Verdana, sans-serif !important; font-size: 1em; } #contentLayer h3.defaultFont { color: #231f20; } #contentLayer img.h2 { margin-bottom: 15px; } #contentLayer img.h2-nomargin, #contentLayer h2.nomargin { margin-bottom: 0px; } /* --- formular gewinnspiel --- */ #box_blue{ position: relative; width: 100%; background-color: #00aeef; margin-bottom: 15px; } #box_blue h2 { padding-left: 10px; padding-top: 10px; color: #FFF; font-size: 24px; } #mydayslogo{ border:none; } #content_gewinnspiel09 h2 { color: #005492; font-size: 14px; } #content_gewinnspiel09 p { color: #3376a7; font-size: 11px; } #kontakt_eingabe { width: 100%; } .kontakt_eingabefelder { float: left; width: 186px; height: 1%; display: inline; } .kef_links { margin-right: 46px; } .kontakt_eingabeLabel { float: none !important; padding-top:5px !important; margin-top:0px !important; color:#3376a7; } .kontakt_eingabeInput { float: none !important; width: 178px; margin-top:30px; margin-bottom:0px !important; } #contentLayer .inputs select { float: none !important; width: 178px; margin-top:30px; margin-bottom:0px !important; } #contentLayer .emptyinput { float: none !important; width: 178px; height: 62px; } #konFormSprechErk .inputs { width: 210px; float: left; } #konFormSprechErk .kontakt_eingabeInput { width:200px; margin-top: 20px !important; margin-bottom: 3px !important; } #contentLayer #konFormSprechErk .inputs select { margin-bottom: 3px !important; } #konFormSprechErk .inputFullSize .kontakt_eingabeInput { width: 410px; } #konFormSprechErk .inputFullSize .taFullSize { margin-top: 20px; margin-bottom: 3px; } .layerInputSend { margin-left: 302px; } .input { float:left; } #datenschutz{ position:relative; font-size:9px; color:#4482af; margin-top:35px; } .inputSlogan{ font-weight:bold; font-size: 24px; font-family: Arial,sans-serif; width: 24px; height: 25px; margin-right: 0px; background-color:#00AEEF !important; color:#FFF !important; border:none; border-width: 0px 0px 0px 0px; text-transform:uppercase; } .inputSlogan_border{ font-weight: bold; font-size: 24px; font-family: Arial,sans-serif; width: 18px; height: 25px; margin-right: 0px; margin-bottom:15px; background-color:#00AEEF !important; color:#FFF !important; border:none; border-bottom: 1px solid #FFF; text-transform: uppercase; } #send { margin-top: 29px; margin-left: 0px !important; margin-right: 70px; } #slogan{ margin-left: 10px; } /* --- Newsletterformular --- */ #newsletterFormContainer { width: 380px; } #newsletterForm { margin-bottom: 12px; } #newsletterForm .inputs { margin-bottom: 8px; } #contentLayer #newsletterForm label { width: auto; } #newsletterForm .inputs input { width: 296px; color: #000; padding: 5px 0; display: block; } #contentLayer #newsletterForm textarea{ color: #000; } #newsletterForm .lastElement { margin-bottom: 10px; } #newsletterForm .inputs select { color: #000; padding: 2px 0; } #newsletterForm .inputAnrede { margin-bottom: 5px !important; } #newsletterForm .inputAnrede input { vertical-align: -1px; margin-right: 5px !important; } #newsletterForm .inputAnrede input.radioRight { margin-left: 15px !important; } #newsletterForm .inputAnrede label { padding: 1px 0 0 0 !important; } #newsletterForm .inputAnrede label, #newsletterForm .inputTitel label { width: 60px !important; float: left; } #newsletterForm .inputTitel { margin-bottom: 8px !important; } #newsletterForm .inputTitel select { width: 130px; padding: 3px 0; margin-bottom: 3px !important; float: left !important; } #contentLayer #newsletterForm .inputs label { margin-bottom: 2px; display: block !important; float: none; } #newsletterForm .kontakt_eingabeInput { width: 230px; margin-top: 0px !important; margin-bottom: 3px !important; } #newsletterForm .inputFullSize .kontakt_eingabeInput { width: 410px; } #newsletterForm .inputFullSize .taFullSize { margin-top: 20px; margin-bottom: 3px; } #newsletterForm #send { margin-top: 20px; } /* --- Suchergebnisse --- */ div#searchResultLayer { margin: 32px 0 32px 10px; } div.searchResultPic { height: 70px; width: 40px; margin-right: 12px; float: left; text-align: center; } div.searchResultPic img { text-align: center; } div.searchResultText { padding-top: 10px; position: relative; height: 70px; width: 580px; float: left; } div.searchResult h3 { color: #005492; } div.searchResult p.text { height: 32px; overflow: hidden; } div.searchResultText em { font-style: normal; background-color: #8FD3FC; } #printLayer { display: none; } /* --- JQuery Lightbox Effect --- */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { text-align: left; width: 100%; margin-bottom: 15px; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { outline: none; width: 82px; float: right; padding-bottom: 0.7em; } /* --- Popup Overlay - Dark Background Overlay of the Popup Layer - Opcacity is defined in Javascript --- */ .popup_overlay { display: none; line-height: 1%; top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; z-index: 10; background-color: #000; } /* umfrage */ #survey_layer a:link { font-size : 12px !important; color : #002474 ; text-decoration : none ; font-weight : bold ; } #survey_layer a:active { font-size : 12px !important; color : #002474 ; text-decoration : none ; font-weight : bold ; } #survey_layer a:visited { font-size : 12px !important; color : #002474 ; text-decoration :none ; font-weight : bold ; } #survey_layer a:hover { font-size : 12px !important; color : #002474 ; text-decoration : underline ; font-weight : bold ; } #survey_layer table { border: none; margin-top: 0px; width: 100%; } #survey_layer table td { padding: 0; border: none; } #survey_layer .textNormal{ font-size: 11px !important; font-weight: normal; color: #000000; padding: 5px; } #survey_layer #survey_content { padding: 10px; } #survey_layer .radio { margin-top: 3px; } .littleMarginBottom { margin-bottom: 4px !important; } .ffDefault { font-family: Arial, sans-serif !important; }