body { background:white; } .page { position:relative; width:940px; margin:0 auto; } .page .head { position:relative; height:218px; background:#fff url(images/head-bg.png) 0 0 no-repeat; } .page .body { position:relative;padding:10px 0 0; width:940px; } .page .atop { position: absolute; top: 0; left:0; width:940px; } /* For SEO reasons this contains html elements beneath the main content that are supposed to be display in the pages header by CSS */ .page .foot { background:white url(images/) 0 0 no-repeat; margin-top: 10px;} /** * Column devisions */ .body .col1 { float:left; width:720px; overflow:hidden; } .body .col2 { float:right; width:220px; overflow:hidden; } .body .col13 {float:left; width:160px; overflow:hidden; } .body .col3 { float:right; width:780px; overflow:hidden; } .body .col1 .subcol1 { float: left; width: 140px; margin-right: 20px; } .body .col1 .subcol2 { float: left; width: 540px; margin-bottom:30px; } .body .col1 .subcol2 .boxed { background: #ecf8fa url(images/boxed/top-bg.png) 0 0 no-repeat; } .body .col1 .subcol2 .boxed .boxed-inner { background: transparent url(images/boxed/bottom-bg.png) 0 100% no-repeat; min-height:80px; padding:6px 0px; color:#333; } /** * Logo */ .head .logo { position:absolute; top:0; left:0; margin:43px 0 0 9px; } .head .logo cite { display:block; text-indent:-1000em; } /** * Main menu */ .head .mainmenu { position:absolute; top:0; left:0; margin:154px 0 0 6px; } .head .mainmenu dl dt { display:none; } .head .mainmenu dl dd { float:left; height:32px; background-position:0 0; background-repeat:no-repeat; } .head .mainmenu dl dd a { color:white; display:block; height:32px; background-position:0 0; background-repeat:no-repeat; } .head .mainmenu dl dd a:hover { background-position:0 -32px; } .head .mainmenu dl dd.on a, .head .mainmenu dl dd.on a:hover { background-position:0 -64px; } .head .mainmenu dl dd a span { display:none; } .head .mainmenu dl dd.mm1 a { background-image:url(images/mainmenu/mm1.png); width:72px; } .head .mainmenu dl dd.mm2 a { background-image:url(images/mainmenu/mm2.png); width:114px; } .head .mainmenu dl dd.mm3 a { background-image:url(images/mainmenu/mm3.png); width:93px; } .head .mainmenu dl dd.mm4 a { background-image:url(images/mainmenu/mm4.png); width:212px; } .head .mainmenu dl dd.mm5 a { background-image:url(images/mainmenu/mm5.png); width:186px; } .head .mainmenu dl dd.mm6 a { background-image:url(images/mainmenu/mm6.png); width:92px; } .head .mainmenu dl dd.mm7 a { background-image:url(images/mainmenu/mm7.png); width:158px; } /* .head .mainmenu dl dd ul { display:none; position:absolute; bottom:0; left:0; z-index:2; margin:0 0 -22px 3px; } */ .head .mainmenu dl dd ul { display:none; position:absolute; bottom:0; left:0; z-index:2; margin:0 0 -34px 3px; } .head .mainmenu dl dd.on ul { display:block; width:700px; } .head .mainmenu dl dd ul li { display:block; float:left; margin:0 30px 0 0; padding:0 0 0 0; } .head .mainmenu dl dd ul li a { background:none !important; color:#666; display:inline !important; font-size:12px; font-weight:bold; text-decoration:none; } .head .mainmenu dl dd ul li.on a, .head .mainmenu dl dd ul li a:hover { color:#000; } .head .mainmenu dl dd ul li a span { display:inline !important; } /* .head .mainmenu dl dd ul li a span { display:inline !important; text-indent:0; } */ .head .mainmenu dl dd ul li.sm { background:transparent url(images/submenu/sm.png) repeat-x 0 40px; margin:6px 0 0 0; padding:0 0;color: #003a7e; } .head .mainmenu dl dd ul li.on { background-position:0 -1px;} .head .mainmenu dl dd ul li.sm a {cursor:pointer; } .head .mainmenu dl dd ul li.sm a span { float: left; padding:13px 15px 8px 15px; width: auto; color: #003a7e; cursor:pointer;} .head .mainmenu dl dd ul li.on a {cursor:pointer;} .head .mainmenu dl dd ul li.on a span { background:transparent url(images/submenu/smRight.png) no-repeat right -1px;color: #003a7e;font-size:1.2em;cursor:pointer;padding:13px 15px 4px 15px;} .head .mainmenu dl dd ul li.sm a:hover span { color: #0072BC ; } /** * Breadcrumb trail */ .head .breadcrumb { position:absolute; top:0; left:0; margin:8px 0 0 0; font-size:11px; color:#005390; } .head .breadcrumb a { font-size:12px; color:#005390; font-weight:normal; } .head .breadcrumb .last { font-size:12px; color:#333; font-weight:bold; } /** * radio */ #radio {position:absolute;top:0;right:0;z-index:230;padding:3px 0;width:300px; } #radio .radiotext { float:right;font-size:12px; color:#666; font-weight:900;padding:5px ;} #radio .radioimg {float:right;margin:2px 0 0 0;} #morph {position:relative; top:0px; left:0px; height:30px;width:100%;z-index:210;border-bottom:1px solid #619DCC;background:transparent url(images/activemarket-bg.png) left bottom repeat-x;} #activemarket { position:relative; height:30px;width:940px; margin:0 auto; font-size:12px; color:#666;} #activemarket a {font-size:12px; color:#005390; font-weight:500; } #activemarket a:hover {text-decoration:none;} #activemarket .choosenmarket { float:left;position:relative;margin:5px 0 0 0; } #activemarket .choosenmarket img{ height:14px;position:relative;top:3px;padding:0 5px 0 0;} #activemarket .submitmarket, #activemarket .changemarket { float:right;position:relative;padding:8px 5px 5px 0;height:16px;} #activemarket .city {color:#005390;font-size:12px;font-weight:bold;} /** * Newsticker */ .head #newsticker { display:none; position:absolute; top:0; left:0; margin:186px 0 0 0; width:700px; height:32px; overflow:hidden; } .head #newsticker .msg { position:absolute; top:0; left:0; width:700px; color:#005390; font-size:11px; padding:10px 10px; text-align:center; } #start .head #newsticker { display:block; } /** * Site search */ .atop .sitesearch { position:absolute; top:0; left:0; width:220px; margin:192px 0 0 720px; z-index:1; } .atop .sitesearch input.text { position:absolute; top:0; left:0; width:133px; height:15px; border:1px solid #999; padding:3px 2px 0; font-size:11px; color:#666; } .atop .sitesearch button { position:absolute; top:0; right:0; margin:0 5px 0 0; width:72px; height:20px; background:transparent url(images/sitesearch-button-bg.png) 0 0 no-repeat; border:0; padding:0; } .atop .sitesearch button span { display:none; } /** * Static elements */ .atop .head-boxes { position:absolute; top:0; left:0; margin-left:396px; } .atop .head-boxes .head-box { position:relative; float:left; width:171px; height:154px; margin-right:6px;z-index:50; } .atop .head-boxes .head-box h3 { text-indent:-1000em; } .atop .head-boxes .head-box-offer { background:transparent url(images/head-boxes/head-box-offer-bg.jpg) 0 bottom no-repeat; } .atop .head-boxes .head-box-majorcustomers { background:transparent url(images/head-boxes/head-box-majorcustomers-bg.png) 0 bottom no-repeat; } .atop .head-boxes .head-box-majorcustomers-logged { background:transparent url(images/head-boxes/head-box-majorcustomers-logged-bg.png) 0 bottom no-repeat; } .atop .head-boxes .head-box-marketfinder { background:transparent url(images/head-boxes/head-box-marketfinder-bg.png) 0 bottom no-repeat; position: relative;z-index:100;} .atop .head-boxes .head-box-majorcustomers input.text, .atop .head-boxes .head-box-marketfinder input.text { position:absolute; bottom:24px; left:0; margin:0 0 0 6px; width:130px; height:15px; border:1px solid #999; padding:3px 2px 0; font-size:11px; color:#666; } .atop .head-boxes .head-box-majorcustomers a, .atop .head-boxes .head-box-marketfinder a { position:absolute; bottom:7px; left:0; margin:0px 0 0 6px; padding-right:12px; font-size:12px; color:#fff100; background:transparent url(images/head-boxes/link-bg.gif) 100% 50% no-repeat; } .atop .head-boxes .head-box-marketfinder .mymarket { color: #fff100; font-size: 11px; font-weight: bold; padding:1px 3px; line-height: 14px; position: absolute; top: 66px; left: 3px; width: 159px; height: 50px; overflow: hidden; } .atop .head-boxes .head-box-marketfinder .mymarket #innerwrap { background:transparent url(images/head-boxes/head-box-marketfinder-mymarket-bg.png) 0 top no-repeat;font-weight: bold;width:100%;height:100%; padding: 8px 0 2px 3px;margin:0; } .atop .head-boxes .head-box-marketfinder .mymarket #innerwrap a { position: relative; margin:0; padding: 0; background: none; font-size:11px;color:#ffffff; font-weight:bold; z-index:150;} .atop .head-boxes .head-box-majorcustomers-logged div { position:absolute; top:0; left:0; margin-top:70px; } .atop .head-boxes .head-box-majorcustomers-logged div p { font-size: 12px; line-height: 14px; color: white; margin:0 0 0 6px; } .atop .head-boxes .head-box-majorcustomers-logged div li { padding:3px 0 0 7px; font-size:12px; color:#fff100; } .atop .head-boxes .head-box-majorcustomers-logged div li a { font-size:12px; color:#fff100; background:transparent url(images/head-boxes/link-bg.gif) 0 50% no-repeat; padding-left:12px; } .atop .head-boxes .head-box-majorcustomers button, .atop .head-boxes .head-box-marketfinder button { position:absolute; bottom:24px; right:0; margin:0px 5px 0 0; width:20px; height:20px; background:transparent url(images/head-boxes/button-bg.png) 0 0 no-repeat; border:0; padding:0;z-index:110 } .atop .head-boxes .head-box-majorcustomers button span, .atop .head-boxes .head-box-marketfinder button span { display:none; } .atop .head-boxes .head-box-offer a { position:absolute; left:0; bottom:0; display:block; width:171px; height:118px; } .atop .head-boxes .head-box-offer a span { display:block; text-indent:-1000em; } /** * Footer */ .foot .navigation-top { padding:6px 0 0 0; height:18px; vertical-align:middle; border:1px solid #d1e3eb;border-bottom:0;background: #ecf8fa } .foot .navigation-top dl { width:640px; margin:0 auto; } .foot .navigation-top dl dd { float:left; padding:0 20px 0 0;width:140px; } .foot .navigation-top dl dd, .foot .navigation-top dl dd a { color:#6d8a9a; font-size:12px; font-weight:700; } .foot .navigation-sub { clear:both;position:relative;padding:0;margin:0 auto;height:110px;background:transparent url(images/foot-navsub-bg.png) left top repeat-x; } .foot .navigation-sub div {margin:0 auto;width:640px;padding-top:5px;} .foot .navigation-sub dl {float:left; width:140px;padding-right:20px; } .foot .navigation-sub dl dd {padding:0;} .foot .navigation-sub dl dd, .foot .navigation-sub dl dd a { color:#6d8a9a; font-size:12px;line-height:1.3em; font-weight:500; } .foot .legals { clear:left;color:#899da6;} .foot .legals dl { width:640px;margin:10px auto 0 auto;padding:0 0 10px 0;text-align:center; } .foot .legals dl dd { display:inline; padding:0 2px; } .foot .legals dl dd, .foot .legals dl dd a { color:#6d8a9a; font-size:12px; font-weight:500; } /** * Brics (in means of blocks) */ .bric { width:220px; height:190px; margin-bottom:10px; background-position:0 0; background-repeat:no-repeat; position:relative; } .col1 .bric { margin-right:20px; float:left; } .bric-low { height:90px; } .bric-subcol { width:140px; height:150px; margin-right:0px !important; } .col1 .bric { margin-right:20px; } .bric .hide, .teaser .hide { text-indent:-1000em; } .bric a.blocklink { position:absolute; left:0; bottom:0; display:block; width:220px; height:190px; } .bric-low a.blocklink { height:90px; } .bric a.blocklink span { display:block; text-indent:-1000em; } .bric-perl { background-image:url(images/bric-perl-bg.png); } .bric-megamax { background-image:url(images/bric-megamax-bg.png); } .bric-majorcustomers { background-image:url(images/bric-majorcustomers-bg.jpg); } .bric-praktikerno1 { background-image:url(images/bric-praktikerno1-bg.png); } .bric-massahaus { background-image:url(images/bric-massahaus-bg.png); } .bric-massahaus-subcol { background-image:url(images/bric-massahaus-subcol-bg.png); } .bric-career { background-image:url(images/bric-career-bg.jpg); } .bric-corporate { background-image:url(images/bric-corporate-bg.jpg); height:220px; } .bric-markets { background-image:url(images/bric-markets-bg.jpg); } .bric-brands { background-image:url(images/bric-brands-bg.jpg); } .bric-crazy-thursday { background-image:url(images/bric-crazy-thursday-bg.jpg); } .bric-video25noplug { background-image:url(images/bric-video25noplug-bg.jpg); } .bric-videomyhammer { background-image:url(images/bric-myhammer-link.png); } .bric-advertisement { background-image:url(images/bric-dummy-bg.png); } .bric-pricegarantuee { background-image:url(images/bric-pricegarantuee-bg.jpg); } .bric-myhammer { background-image:url(images/bric-myhammer-bg.png); } .bric-newsletter { background-image:url(images/bric-newsletter-bg.png); } .bric-newsletter label { position:absolute; top:0; left:0; margin:119px 0 0 8px; font-size:12px; color:#005390; font-weight: bold; } .bric-newsletter input.text { position:absolute; top:0; left:0; margin:133px 0 0 8px; width:200px; height:15px; border:1px solid #999; padding:3px 2px 0; font-size:11px; color:#666; } .bric-newsletter button { position:absolute; top:0; left:0; margin:156px 0 0 8px; width:87px; height:20px; background:transparent url(images/bric-newsletter-button-bg.png) 0 0 no-repeat; border:0; padding:0; } .bric-newsletter button span { display:none; } .bric-downloadrequest { background-image:url(images/bric-downloadrequest-bg.png); } .bric-downloadrequest h2 { font-size: 12px; color:#005390; padding:12px 0 0 10px; } .bric-downloadrequest p { font-size: 12px; line-height: 14px; color:#333; padding:40px 80px 15px 10px; } .bric-downloadrequest a { font-size: 12px; line-height: 14px; color:#005390; padding:12px 80px 0 10px; } .bric-catalogbrowser { background-image:url(images/bric-catalogbrowser/bg.png); } .bric-catalogbrowser a { text-decoration:none !important; } .bric-catalogbrowser h3 { text-align:left; font-size:12px; padding:8px 20px 0 20px; } .bric-catalogbrowser .bric-catalogbrowser-link { z-index:3; position:absolute; left:0; bottom:0; margin: 0 0 3px 20px; font-size:12px; text-align:center; width:180px; font-weight:bold; } .bric-catalogbrowser .peephole-stage, .bric-catalogbrowser .peephole-hole { position:absolute; top:0; left:0; width:180px; height:134px; margin:25px 0 0 20px; } .bric-catalogbrowser .peephole-stage { z-index:0; background-color:white; overflow:hidden; } .bric-catalogbrowser .peephole-stage ul { position:absolute; left:37px; width:1000px; white-space:nowrap; } .bric-catalogbrowser .peephole-stage ul li { float:left; padding:6px 10px 0 10px; } .bric-catalogbrowser .peephole-hole { z-index:1; background:transparent url(images/bric-catalogbrowser/peephole-hole.png) 0 0 no-repeat; } .bric-catalogbrowser .peephole-legend { position:absolute; bottom:0; left:0; width:180px; margin:0 0 16px 20px; } .bric-catalogbrowser .peephole-legend p { text-align:center; margin:0; padding:0; color:#005390; font-size:11px; } .bric-catalogbrowser li.peephole-go-position { display:none; } .bric-catalogbrowser li.peephole-go-left a, .bric-catalogbrowser li.peephole-go-right a { position:absolute; top:0; z-index:2; width:40px; height:134px; margin:25px 0 0 0; background-position:50% 56px; background-repeat:no-repeat; } .bric-catalogbrowser li.peephole-go-left a { background-image:url(images/bric-catalogbrowser/peephole-go-left.png); left:0; } .bric-catalogbrowser li.peephole-go-right a { background-image:url(images/bric-catalogbrowser/peephole-go-right.png); right:0; } .bric-catalogbrowser li.peephole-go-left a span, .bric-catalogbrowser li.peephole-go-right a span { display:none; } .bric-catalogbrowser .peephole-go-object { z-index:2; position:absolute; top:0; left:0; width:120px; height:134px; margin:25px 0 0 50px; } .bric-cinemascope { width:700px; height:290px; background-color:#e3e4e6; } .bric-cinemascope .peephole-stage, .bric-cinemascope .peephole-hole { position:absolute; top:0; left:0; width:700px; height:290px; } .bric-cinemascope .peephole-stage { z-index:0; background-color:white; overflow:hidden; } .bric-cinemascope .peephole-stage ul { position:absolute; width:10000px; white-space:nowrap; } .bric-cinemascope .peephole-stage ul li { float:left; } .bric-cinemascope .peephole-hole { z-index:1; background:transparent url(images/bric-cinemascope/peephole-hole.png) 0 0 no-repeat; } .bric-cinemascope .peephole-hole { z-index:1; background:transparent url(images/bric-cinemascope/peephole-hole.png) 0 0 no-repeat; } .bric-cinemascope .peephole-legend { display:none; } .bric-cinemascope .peephole-go-object { z-index:2; position:absolute; top:0; left:0; width:700px; height:290px; margin:0 0 0 0; } .bric-cinemascope ul.peephole-controls { position:absolute; z-index:3; bottom:0; left:0; margin: 0 0 12px 12px; } .bric-cinemascope ul.peephole-controls li { width:36px; height:36px; float:left; margin-right:4px; } .bric-cinemascope ul.peephole-controls li a { display:block; width:36px; height:36px; background-image:url(images/bric-cinemascope/peephole-controls-bg.png); background-repeat:no-repeat; } .bric-cinemascope ul.peephole-controls li a { display:block; width:36px; height:36px; background-image:url(images/marketdetail/peephole-controls-bg.png); background-repeat:no-repeat; } .bric-cinemascope ul.peephole-controls li a span { display:none; } .bric-cinemascope ul.peephole-controls li.peephole-go-left a:hover { background-position:-36px 0px; } .bric-cinemascope ul.peephole-controls li.peephole-go-right a { background-position:0 -36px; } .bric-cinemascope ul.peephole-controls li.peephole-go-right a:hover { background-position:-36px -36px; } .bric-cinemascope ul.peephole-controls li.peephole-go-position-0 a { background-position:0 -72px; } .bric-cinemascope ul.peephole-controls li.peephole-go-position-0-on a, .bric-cinemascope ul.peephole-controls li.peephole-go-position-0 a:hover { background-position:-36px -72px; } .bric-cinemascope ul.peephole-controls li.peephole-go-position-1 a { background-position:0 -108px; } .bric-cinemascope ul.peephole-controls li.peephole-go-position-1-on a, .bric-cinemascope ul.peephole-controls li.peephole-go-position-1 a:hover { background-position:-36px -108px; } .bric-cinemascope ul.peephole-controls li.peephole-go-position-2 a { background-position:0 -144px; } .bric-cinemascope ul.peephole-controls li.peephole-go-position-2-on a, .bric-cinemascope ul.peephole-controls li.peephole-go-position-2 a:hover { background-position:-36px -144px; } .bric-cinemascope ul.peephole-controls li.peephole-go-position-3 a { background-position:0 -180px; } .bric-cinemascope ul.peephole-controls li.peephole-go-position-3-on a, .bric-cinemascope ul.peephole-controls li.peephole-go-position-3 a:hover { background-position:-36px -180px; } .bric-cinemascope ul.peephole-controls li.peephole-go-position-4 a { background-position:0 -216px; } .bric-cinemascope ul.peephole-controls li.peephole-go-position-4-on a, .bric-cinemascope ul.peephole-controls li.peephole-go-position-4 a:hover { background-position:-36px -216px; } .bric-cinemascope ul.peephole-controls li.peephole-go-position-5 a { background-position:0 -252px; } .bric-cinemascope ul.peephole-controls li.peephole-go-position-5-on a, .bric-cinemascope ul.peephole-controls li.peephole-go-position-5 a:hover { background-position:-36px -252px; } .bric-cinemascope ul.peephole-controls li.peephole-go-position-6 a { background-position:0 -288px; } .bric-cinemascope ul.peephole-controls li.peephole-go-position-6-on a, .bric-cinemascope ul.peephole-controls li.peephole-go-position-6 a:hover { background-position:-36px -288px; } .bric-cinemascope ul.peephole-controls li.peephole-go-position-7 a { background-position:0 -324px; } .bric-cinemascope ul.peephole-controls li.peephole-go-position-7-on a, .bric-cinemascope ul.peephole-controls li.peephole-go-position-7 a:hover { background-position:-36px -324px; } .bric-contact { width:220px; height:220px; background: url(images/bric-contact-bg.png) no-repeat scroll left 30px; } .bric-contact h2 { font-size: 16px; color: #006699; line-height: 24px; margin-bottom: 16px; } .bric-contact p { font-size: 12px; color: #333; line-height: 14px; margin: 12px 6px 6px; } .bric-contact p.remark { font-size: 10px; line-height:10px; color:#777; } .bric-contact a { font-weight: bold; } .bric-contact strong { font-size: 18px; line-height: 20px; } .bric-exclusiveoffers { overflow:hidden; width:220px; height:190px; background: url(images/bric-exclusiveoffer/bric-exclusiveoffer-bg.png) no-repeat top left; } .bric-exclusiveoffers h2 { font-size: 12px; font-weight: bold; color: white; margin: 6px 6px 12px; } .bric-exclusiveoffers p { font-size: 12px; text-align: center; } .bric-exclusiveoffers a { color: #fff100; } .bric-exclusiveoffers a:hover { text-decoration: none; } .col1 .subcol2 .subnavigation .sublevel1, .col1 .subcol2 .subnavigation .sublevel2, .col1 .subcol2 .subnavigation .sublevel3 {float:left;height:166px;position:relative; margin:0;} .col1 .breadcrumb { position:relative; margin:0; padding:5px 0 5px 10px; font-size:12px; color:#005390; background: url(images/subnavigation-rounded-top-bg.png) no-repeat scroll left top;} .col1 .breadcrumb a { font-size:12px; color:#005390; font-weight:normal; } .col1 .breadcrumb .last { font-size:12px; color:#333; font-weight:bold; } .subcol1 .subnavigation { background: url(images/subnavigation/bottom-bg.png) no-repeat bottom left;padding:1px; margin: 0;margin-bottom:10px; } .subcol1 .subnavigation ul { position:relative;top:-1px;width: 138px; background: #F7F7F7 ; padding: 0; } .subcol1 .subnavigation ul li {position:relative;top:0;left:0; background: #F7F7F7 url(images/subcol1-li.png) left top repeat; list-style: none; width:138px;font-size: 12px;margin:0; line-height:14px; padding:0; border-top:1px solid #B3C8D4; border-bottom:none;} .subcol1 .subnavigation ul li a { color:#005390; padding:5px 0 5px 5px; display: block; } .subcol1 .subnavigation ul li a:hover { background: #E8E8E8 url(images/subcol1-li-on.png) left top repeat-x; text-decoration:none; } .subcol1 .subnavigation ul li.on { font-weight: bold;background: transparent url(images/subcol1-li-on.png) left top repeat-x;} .subcol1 .subnavigation ul li ul { background: none;width:138px; margin: 0; padding: 0; } .subcol1 .subnavigation ul li ul li { background: #F7F7F7 url(images/subcol1-li.png) left top repeat; font-weight:normal; padding: 0; border-top:none;} .subcol1 .subnavigation ul li ul li.on {background:none;} .subcol1 .subnavigation ul li ul li a { background: #F9F9F9 url(images/subnavigation/list-style.png) 5px 0 no-repeat; padding:2px 0 2px 20px;line-height:14px; } .subcol1 .subnavigation ul li ul li a:hover, .subcol1 .subnavigation ul li ul li.on a { background: transparent url(images/subnavigation/list-style-bold.png) 5px 0 no-repeat; } .energie-sparen .subcol2 .subnavigation { position:relative;width:539px; font-size: 12px; margin: 0;padding:0;border:none;border-bottom:1px solid #B3C8D4; } .energie-sparen .subcol2 .subnavigation ul.sublevel1 { width:167px;background: transparent; padding: 0; margin:0; } .energie-sparen .subcol2 .subnavigation ul.sublevel1 li { list-style: none; font-size: 12px;margin:0; line-height:14px; padding:0 1px 0 0; background: #F7F7F7 url(images/subcol1-li.png) left top repeat; border:1px solid #B3C8D4;border-bottom:none;} .energie-sparen .subcol2 .subnavigation ul.sublevel1 li a { color:#005390; font-size:12px;display: block; padding:6px 1px 7px 10px;margin:0; } .energie-sparen .subcol2 .subnavigation ul.sublevel1 li a:hover { text-decoration:none;background: #E8E8E8 url(images/subcol1-li-on.png) left top repeat-x; } .energie-sparen .subcol2 .subnavigation ul.sublevel1 li.on {position:relative; font-weight: bold; width:177px;margin:0;border:none;border-left:1px solid #B3C8D4;padding:0;background:transparent url(images/energie-sparen/energie-sparen-subnav-on.png) left top no-repeat; } .energie-sparen .subcol2 .subnavigation ul.sublevel1 li.on a:hover { background:none; border:none; } .energie-sparen .subcol2 .subnavigation ul.sublevel2 {width:185px; padding: 0;border-top:1px solid #B3C8D4;background:transparent; } .energie-sparen .subcol2 .subnavigation ul.sublevel2 li { font-weight:normal; border:none;padding:0 0 0 20px; margin:0; background:none;} .energie-sparen .subcol2 .subnavigation ul.sublevel2 li a { display:block;background: transparent url(images/subnavigation/list-style.png) 0 2px no-repeat; padding:5px 0 5px 15px; } .energie-sparen .subcol2 .subnavigation ul.sublevel2 li a:hover { background: transparent url(images/subnavigation/list-style-bold.png) 0 2px no-repeat; } .energie-sparen .subcol2 .subnavigation ul.sublevel2 li.on a { background: transparent url(images/subnavigation/list-style-bold.png) 0 2px no-repeat;font-weight:bold; } .energie-sparen .subcol2 .subnavigation .sublevel3 {width:185px; color:#003a7e; text-align:center;vertical-align:middle; padding: 0;border:1px solid #B3C8D4;border-bottom:none; } .energie-sparen .subcol2 .subnavigation .sublevel3 img { margin:20px auto 0 auto;} /** * Other general styles */ .col1 .logout { display: block; width:140px; height:20px; background:transparent url(images/logout-button-bg.png) 0 0 no-repeat; border:0; margin-bottom:10px; } .col1 .login { display: block; width:140px; height:20px; margin-top:-5px; background:transparent url(images/login-button-bg.png) 0 0 no-repeat; border:0; } .col1 .logout span, .col1 .login span { display:none; width:140px; height:20px; } .col1 p { font-size: 12px; line-height: 15px; margin-bottom: 12px; color: #333; } .col1 p strong { color: #000; } .col1 h1 { font-size: 20px; color: #006699; line-height: 30px; } .col1 .subcol2 .error { color: #900} .col1 .subcol2 p.error { font-weight: bold; color: #900} .col1 .subcol2 .mandatory { font-weight: bold; } .col1 .subcol2 input.error { background-color: #FCC; } .col1 .subcol-mood { overflow: hidden; width: 140px; height: 214px; margin-bottom: 10px; background-position: 0 0; background-repeat:no-repeat; } button.cancel, button.reset, button.save, button.submit, button.login, button.back { float: left; background: none; border: none; margin: 0; padding: 0; } button.save, button.submit { float: right; } /** * Heros in subcol */ .subcol-mood-callback { background-image:url(images/subcol-mood-callback.jpg); } .subcol-mood-newsletter-subscription { background-image:url(images/subcol-mood-newsletter-subscription.jpg); } /** * Main content sections */ .section { margin-bottom:22px; } .section-nosubcols { padding:0px 20px 0px 0px; } .section h2 { color:#00518b; margin:0 0 6px 0; font-size:16px; line-height: 24px; } .section h3 { color:#00518b; margin:0 0 6px 0; font-size:12px; line-height: 18px; } .section img.block-image { margin:10px 0; } .section .section-teaser { height: 167px; background-position:0 0; background-repeat:no-repeat; margin-bottom:10px; position:relative; } .section .section-teaser a.boxlink { color:#005390; font-size:12px; font-weight:bold; margin:0 0 5px 422px; padding:5px 35px 0 10px; position:absolute; left:0; bottom:0; width:222px; height:34px; line-height:14px; text-decoration:none; } .section .section-teaser .hide { display:none; } .section-accountdata .boxed { margin-bottom:20px; } .section-accountdata h2 { font-size: 14px !important; color: #333 !important } .section-accountdata .formpart1 { overflow:hidden; border-bottom: 1px solid #a8cfe1; padding-bottom:16px; padding-top:20px; } .section-accountdata .formpart2 { overflow:hidden; margin: 0; } .section-accountdata .formpart1 dt, .section-accountdata .formpart2 dt, .section-accountdata .dataprivacy-box dt { width: 150px; margin-right: 10px; float: left;clear:both; text-align: right;line-height:28px; } .section-accountdata .dataprivacy-box dt { line-height: 0px; } .section-accountdata .formpart1 dd, .section-accountdata .formpart2 dd, .section-accountdata .dataprivacy-box dd { width: 380px; line-height:29px; float:left; } .section-accountdata .dataprivacy-box dd { padding:4px 0 8px; line-height: 12px; } .section-accountdata .formpart1 label, .section-accountdata .formpart2 label{ font-size: 12px; } .section-accountdata .formpart1 span, .section-accountdata .formpart2 span { font-size: 12px; } .section-accountdata .formpart1 input.text, .section-accountdata .formpart2 input.text, .section-accountdata .formpart1 select.salutation, .section-accountdata .formpart1 select.country, .section-accountdata .formpart1 input.postbox { width: 140px; } .section-accountdata .formpart1 input.phone { width: 50px; } .section-accountdata .formpart1 input.fax { width: 50px; } .section-accountdata .formpart1 input.mobile { width: 50px; } .section-accountdata .formpart1 input.phone2, .section-accountdata .formpart1 input.fax2, .section-accountdata .formpart1 input.mobile2 { width: 212px; } .section-accountdata .formpart2 input.radio { width: auto; border: none; } .section-accountdata .formpart1 input.zip { width: 50px; } .section-accountdata .formpart1 label.city { padding:0 10px; } .section-accountdata .formpart1 span.slash { padding:0 5px; } .section-accountdata .formpart1 input.city { width: 190px; } .section-accountdata .formpart2 p { margin:17px 18px 8px; color: #000; } .section-accountdata .formpart2 input.radio { margin:0; vertical-align:-3px; } .section-accountdata .formpart2 label.radio { margin-right:18px; } .section-accountdata .formpart2 input.household, .section-accountdata .formpart2 input.childer, .section-accountdata .formpart2 input.employees { width: 30px; } .section-accountdata .dataprivacy-notes p { font-size: 11px; line-height: 13px; margin-bottom: 11px; } .section-accountdata .dataprivacy-notes a { font-weight: bold; } .section-accountdata .dataprivacy-box { margin-bottom: 20px; } .section-accountdata .dataprivacy-box input { vertical-align: middle; } .section-accountdata .dataprivacy-box label { display:block; font-size:12px; line-height:14px; width:330px; } .section-login .loginbox { overflow:hidden; margin: 0; padding: 50px 20px 20px !important; margin-bottom: 20px !important; } .section-login .loginbox input { vertical-align: middle; width:134px; } .section-login .loginbox label { display:block; font-size:12px; line-height:21px; width:330px; } .section-login .loginbox .cardnumber, .section-login .loginbox .password { width: 140px; float: left; margin-left: 20px; line-height:21px; } .section-login .loginbox .nopassword { clear:both; margin-bottom:0; margin-left:180px; } .section-login button.login { float: left; margin: 20px 20px 20px 20px; } .section-account-data .boxed-inner { padding:8px; } .section-account-data .account-changedata, .section-account-data .account-changepassword { width:140px; height:20px; display:block; background:transparent url(images/account-changedata-button-bg.png) 0 0 no-repeat; } .section-account-data .account-changepassword { background-image:url(images/account-changepassword-button-bg.png); } .section-account-data .account-changedata { margin:12px 0 6px 0; } .section-account-data .account-changedata span, .section-account-data .account-changepassword span { display:none; } .section-account-data .cols .col-l, .section-account-data .cols .col-r { float:left; width:270px; } .section-account-data .cols .col-r { float:right; } .section-account-data .cols h2 { border-bottom:1px solid #a8cfe1; margin-bottom: 8px; color:#333 !important; font-size:14px !important; } .section-account-data .cols .col-l h2, .section-account-data .cols .col-l .col-content { padding-left:8px; padding-right:50px; } .section-account-data .cols .col-r h2, .section-account-data .cols .col-r .col-content { padding-left:50px; padding-right:18px; } .section-account-data address { font-size:12px; font-style:normal; line-height:120%; margin:0 0 4px 0; } .section-account-data table { width:100%; margin-bottom: 24px; } .section-account-data table th, .section-account-data table td { text-align:left; color:#333; font-size:12px; text-align:right; font-weight:bold; line-height:120%; } .section-account-data table th { text-align:left; font-weight:normal; } .section-account-cardstatus .boxed-inner { padding-bottom:0; } .section-account-cardstatus .cards { background:transparent url(images/account-cards-bg.png) 0 0 repeat-x; margin:10px 0 0 0; height:184px; } .section-account-cardstatus .card { position:relative; float:left; width:157px; height:184px; margin:0 11px; } .section-account-cardstatus .card h3 { margin-top:115px; margin-bottom:6px; } .section-account-cardstatus .card p { font-weight:bold; } .section-account-cardstatus .card p.name { position:absolute; font-weight:normal; top:0; left:0; width: 157px; overflow:hidden; margin:69px 0 0 0; text-align:center; font-size:11px; } .section-account-cardstatus .card-blue { background: transparent url(images/account-card-blue.png) 50% bottom no-repeat; } .section-account-cardstatus .card-silver { background: transparent url(images/account-card-silver.png) 50% bottom no-repeat; } .section-account-cardstatus .card-gold { background: transparent url(images/account-card-gold.png) 50% bottom no-repeat; } .section-account-cardstatus .card-blue-off { background: transparent url(images/account-card-blue-off.png) 50% bottom no-repeat; } .section-account-cardstatus .card-silver-off { background: transparent url(images/account-card-silver-off.png) 50% bottom no-repeat; } .section-account-cardstatus .card-gold-off { background: transparent url(images/account-card-gold-off.png) 50% bottom no-repeat; } .section-account-cardstatus .card-blue h3 { color:#00518b; } .section-account-cardstatus .card-silver h3 { color:#7a878d; } .section-account-cardstatus .card-gold h3 { color:#ad7e00; } .section-account-cardstatus .card-off * { display:none; } .section-account-teaser { margin-bottom: 20px;} .section-account-teaser .teaser { display: block; background: url(images/spaceholder-teaser-bg.png) no-repeat left top; height: 110px; } .section-account-teaser .hide { display: none;} .section-account-history { } .section-account-history .boxed { margin-bottom:12px; } .section-account-history table { width:100%; } .section-account-history table tr.first td { padding-top:6px; } .section-account-history table tr.highlight td { color:#993300; } .section-account-history table tr th, .section-account-history table tr td { font-family: monospace; font-size:12px; text-align:left; padding:2px 4px; } .section-account-history table tr th { border-bottom: 1px solid #a8cfe1; vertical-align:bottom; } .section-account-history table tr td.number, .section-account-history table tr th.total, .section-account-history table tr th.discount, .section-account-history table tr th.cardno { text-align:right; } .section-account-history table tr th.cardno, .section-account-history table tr td.cardno {padding-right: 8px; } .section-account-history table tr td.mark { font-size:8px; padding:2px 0 2px 5px; } .section-account-history table tr th.date, .section-account-history table tr td.date { padding-left:2px; } .section-account-history .account-historypdf, .section-account-history .account-historyprint { width:140px; height:20px; display:block; background:transparent url(images/account-historypdf-button-bg.png) 0 0 no-repeat; float:left; margin-left:12px; } .section-account-history .account-historyprint { background-image:url(images/account-historyprint-button-bg.png); } .section-account-history .account-historypdf span, .section-account-history .account-historyprint span { display:none; } .section-account-history .cols { } .section-account-history .cols .col-l, .section-account-history .cols .col-r { float:left; width:220px; } .section-account-history .cols .col-r { float:right; width:304px; } .section-account-history .cols .col-l .col-content { padding-left:10px; } .section-account-history .cols .col-l .col-content p.mark { color:#993300; } #gkp-info .teaser { background: url(images/gkp-info-teaser-bg.png) no-repeat top left; height: 190px; margin-bottom: 30px; } #gkp-info .teaser p { color: white; font-size: 12px; line-height: 14px; margin:41px 10px; width:350px; } .section-cards { background: url(images/cards-bg.png) no-repeat left -1px; height: 260px; margin-bottom: 30px; } .section-cards .text { float: left; width: 230px; margin-right: 30px; } .section-cards .blue, .section-cards .silver, .section-cards .gold { float: left; width: 150px; margin-right: 20px; } .section-cards .blue { background: url(images/card-blue.jpg) no-repeat top left; padding-top: 120px; } .section-cards .silver { background: url(images/card-silver.jpg) no-repeat top left; padding-top: 120px; } .section-cards .gold { background: url(images/card-gold.jpg) no-repeat top left; padding-top: 120px; } .section-cards h2, .section-register h2 { color: #00518b; font-size: 16px; margin: 20px 0px 25px;line-height: 16px; } .section-cards .blue h2 { color: #00518b; margin: 10px 0; } .section-cards .silver h2 { color: #699; margin: 10px 0; } .section-cards .gold h2 { color: #ad7e00; margin: 10px 0; } .section-cards li { list-style-image:url(images/list-style.png);list-style-position:outside; margin-bottom:3px; margin-left:14px; color: #333; font-size: 11px; line-height: 12px; } .section-cards li.highlighted { list-style-image:url(images/list-style-highlighted.png); font-size: 14px; font-weight: bold; color: #C00; } .section-cards p, .section-register p { color: #333; font-size: 12px; line-height: 14px; } .section-register { background: url(images/cards-bg.png) no-repeat left -16px; height: 200px; margin-bottom: 30px; } .section-register .text1 { width: 375px; margin-right: 20px; float: left; } .section-register .text2 { width: 170px; margin-right: 5px; float: left; } .section-register .info-pdf { background: url(images/card-flyer.png) no-repeat left top; width: 190px; margin-right: 20px; float: left; padding-top: 180px; } .section-register .info-pdf a { font-size: 12px; line-height: 14px; font-weight: bold; text-align: center; display: block; padding-top: 5px; } .section-register .register-card-online { display:block; background:transparent url(images/register-card-online-button.png) 0 0 no-repeat; width: 220px; height: 20px; border: none; margin-top: 12px; } .section-register .register-card-online span {display: none;} .section-catalog-filterable ul.filterable-controls { height:34px; width:700px; padding:2px 0 0 5px; background:transparent url(images/filterable-catalogs/controls-bg.png) 0 0 no-repeat; } .section-catalog-filterable ul.filterable-controls li { float:left; width:88px; height:33px; margin-right:14px; } .section-catalog-filterable ul.filterable-controls li a { display:block; width:88px; height:33px; background-repeat:no-repeat; background-position:0 0; } .section-catalog-filterable ul.filterable-controls li a.filterable-control-on, .section-catalog-filterable ul.filterable-controls li a:hover { background-position:0 -36px; } .section-catalog-filterable ul.filterable-controls li a span { display:none; } .section-catalog-filterable ul.filterable-controls li.control-all a { background-image: url(images/filterable-catalogs/control-all.png); } .section-catalog-filterable ul.filterable-controls li.control-tools a { background-image: url(images/filterable-catalogs/control-tools.png); } .section-catalog-filterable ul.filterable-controls li.control-sanitary a { background-image: url(images/filterable-catalogs/control-sanitary.png); } .section-catalog-filterable ul.filterable-controls li.control-electricity a { background-image: url(images/filterable-catalogs/control-electricity.png); } .section-catalog-filterable ul.filterable-controls li.control-living a { background-image: url(images/filterable-catalogs/control-living.png); } .section-catalog-filterable ul.filterable-controls li.control-building a { background-image: url(images/filterable-catalogs/control-building.png); } .section-catalog-filterable ul.filterable-controls li.control-garden a { background-image: url(images/filterable-catalogs/control-garden.png); } .section-catalog-filterable ul.filterable-controls li.control-all { width:46px; margin-right:12px; } .section-catalog-filterable ul.filterable-controls li.control-all a { width:46px; } .section-catalog-filterable ul.filterable-filtered { padding-top:20px; margin-bottom:20px; min-height:311px; width:720px; overflow:hidden; } .section-catalog-filterable ul.filterable-filtered li { position:relative; display:block; float:left; width:220px; height:298px; margin:0 20px 20px 0; background:white url(images/filterable-catalogs/item-bg.png) 0 0 no-repeat; overflow:hidden; } .section-catalog-filterable ul.filterable-filtered li h2 { position:absolute; z-index:2; bottom:0; left:0; margin:0 0 48px 12px; color:#333; font-size:14px; width:195px; } .section-catalog-filterable ul.filterable-filtered li img.catalog-cover { position:absolute; z-index:1; bottom:0; right:0; margin:0 17px 38px 0; } .section-catalog-filterable ul.filterable-filtered li a.catalog-link { position:absolute; z-index:10; top:0; left:0; display:block; width:220px; height:261px; /* following is for IE.. */ background:white; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); } .section-catalog-filterable ul.filterable-filtered li a.catalog-link span { display:none; } .section-catalog-filterable ul.filterable-filtered li ul { position:absolute; bottom:0; left:0; margin:0 0 0 12px; padding:0; height:32px; background:none; } .section-catalog-filterable ul.filterable-filtered li ul li { background:none; float:left; width:80px; height:32px; font-size:12px; margin:0; padding:0; line-height:14px; color:#666; } .section-catalog-filterable ul.filterable-filtered li ul li a { color:#005390; background:transparent url(images/filterable-catalogs/catalog-link-bg.png) 100% 50% no-repeat; padding-right:14px; } .section-catalog-filterable ul.filterable-filtered li ul li.catalog-link-view { width:102px; margin-right:20px; } .section-catalog-filterable ul.filterable-filtered li div.catalog-tag { float:left;position:relative; z-index:2; top:0; left:0; margin:7px 0 0 7px; width:90px; height:22px; background-position:0 0; background-repeat:no-repeat; } .section-catalog-filterable ul.filterable-filtered li div.catalog-tag- {display:none; } .section-catalog-filterable ul.filterable-filtered li div.catalog-tag-tools { background-image:url(images/filterable-catalogs/catalog-tag-tools.png); } .section-catalog-filterable ul.filterable-filtered li div.catalog-tag-sanitary { background-image:url(images/filterable-catalogs/catalog-tag-sanitary.png); } .section-catalog-filterable ul.filterable-filtered li div.catalog-tag-electricity { background-image:url(images/filterable-catalogs/catalog-tag-electricity.png); } .section-catalog-filterable ul.filterable-filtered li div.catalog-tag-living { background-image:url(images/filterable-catalogs/catalog-tag-living.png); } .section-catalog-filterable ul.filterable-filtered li div.catalog-tag-building { background-image:url(images/filterable-catalogs/catalog-tag-building.png); } .section-catalog-filterable ul.filterable-filtered li div.catalog-tag-garden { background-image:url(images/filterable-catalogs/catalog-tag-garden.png); } .current-ads .current-ads-ad { margin-bottom: 10px; margin-right: 20px; position: relative; height:290px; } .current-ads .current-ads-ad img { display:block; } .current-ads .current-ads-ad .optionpanel { background: url(images/current-ads/optionpanel.png) no-repeat top left; overflow: hidden; position: absolute; bottom:0; left:0; z-index: 1; height: 51px; margin:0 0 0px 5px; } .current-ads .current-ads-ad .optionpanel li { background: url(images/current-ads/optionpanel-link.png) no-repeat top right; display: block; font-size: 12px; height: 15px; float: left; margin: 12px; line-height: 14px; } .current-ads .current-ads-ad .optionpanel li a { color: white; font-weight: bold; } .current-ads .current-ads-ad .optionpanel li a i { font-style: normal; font-weight: normal; } .current-ads .current-ads-ad .optionpanel li.view { width: 101px; } .current-ads .current-ads-ad .optionpanel li.download { width: 72px; margin-right: 20px; } .current-ads .current-ads-disclaimer { margin:0 20px 20px 0; } .current-ads .current-ads-disclaimer p { font-size: 12px; line-height: 14px; margin-bottom: 12px; color: #333; } .current-ads .current-ads-disclaimer h3 { font-size: 12px; line-height: 14px; color: #000; } .marketsearch .col1 { background: url(images/marketsearch-bg.png) repeat-y bottom left; margin-bottom: 10px; position: relative; } .marketsearch .col1 .marketsearch-content { background: url(images/marketsearch-top-bg.png) no-repeat top left; margin:0; padding:0; } .marketsearch .col1 .marketsearch-content-inner { background: url(images/marketsearch-bottom-bg.png) no-repeat left bottom; position: relative; padding:110px 10px 20px 20px; min-height:453px; overflow: hidden; } .marketsearch .col1 .marketsearch-content h1 { display:none; } .marketsearch .col1 .marketsearch-content .searchbox { margin: 0 10px 0 0; width:340px; float: left; } .marketsearch .col1 .marketsearch-content .searchbox h3 { color: #005390; font-size: 12px; line-height: 18px; } .marketsearch .col1 .marketsearch-content .searchbox input, .marketdetail .col2 .searchbox input { width:131px; margin-right:6px; color:#666; border:1px solid #999; } .marketsearch .col1 .searchbox input.error, .marketdetail .col2 .searchbox input.error { background-color:#fff000; } .marketsearch .col1 .marketsearch-content .searchbox button.showresults, .marketdetail .col2 .searchbox button.showresults { background: url(images/view-button.png) no-repeat top left; overflow: hidden; height: 20px; width: 72px; border: none; } .marketsearch .col1 .marketsearch-content .searchbox button.showresults span, .marketdetail .col2 .searchbox button.showresults span { visibility: hidden; } .marketsearch .col1 .marketsearch-content .searchbox .googlemap-wrapper { margin: 10px 0; width:340px; height:210px; background:gray; position:relative; } .marketsearch .col1 .marketsearch-content .searchbox .googlemap-wrapper .marketmap-overlay img { position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; } .marketsearch .col2 .services p, .marketdetail .col1 .services p, .marketsearch .col2 .assortments p, .marketdetail .col1 .assortments p { font-size: 12px; line-height: 14px; margin-bottom: 12px; color: #333; } .marketsearch .col1 .marketsearch-content .resultlist { margin:50px 0 0; float: left; width:320px; overflow: hidden; border-top:1px solid #A8CFE1; } .marketdetail .col2 .resultlist { margin:0; float: left; width:220px; overflow: hidden; } .marketsearch .col1 .marketsearch-content .resultlist .feedback, .marketdetail .col2 .resultlist .feedback { background-color:#fff000; font-size:12px; text-align:left; padding:10px 10px 10px 9px; line-height:15px; border-bottom:1px solid #A8CFE1; border-left:1px solid #A8CFE1; } .marketdetail .col2 .resultlist .feedback { padding:10px 10px 10px 10px; border-left:0; } .marketsearch .col1 .marketsearch-content .resultlist .feedback strong, .marketdetail .col2 .resultlist .feedback strong { color:#005390; font-weight:bold; } .marketsearch .col1 .marketsearch-content .resultlist li, .marketdetail .col2 .resultlist li { border-bottom:1px solid #A8CFE1; padding:8px 10px 2px 10px; overflow: hidden; position: relative; } .marketdetail .col2 .resultlist li { padding-bottom:8px; } .marketsearch .col1 .resultlist li.highlight { background-color:#fff; } .marketdetail .col2 .resultlist li.highlight { background-color:#fffccc; } .marketsearch .col1 .marketsearch-content p.address, .marketdetail .col2 .resultlist p.address {font-size: 12px; line-height: 14px; margin-bottom: 8px; color: #333; width: 170px; float:left; margin-right: 10px; } .marketdetail .col2 .resultlist p.address { margin-bottom:0; } .marketsearch .col1 .marketsearch-content p.address a, .marketdetail .col2 .resultlist p.address a { font-weight: bold; } .marketdetail .col2 .resultlist p.address a { display:block; width:140px; } .marketsearch .col1 .marketsearch-content .businesshours{ margin: 0; float: left; width:120px; } .marketdetail .col2 .resultlist .businesshours {display: none;} .marketsearch .col1 .marketsearch-content .businesshours dt, .marketdetail .col2 .resultlist .businesshours dt { float: left; font-size: 12px; line-height: 14px; clear:left; width: 40px; } .marketsearch .col1 .marketsearch-content .businesshours dd, .marketdetail .col2 .resultlist .businesshours dd { float: left; font-size: 12px; line-height: 14px; width: 80px; text-align: right; } .marketsearch .col1 .marketsearch-content .moreinfo { background: url(images/moreinfo.png) no-repeat top left; width: 60px; height: 14px; display: block; float: right; overflow: hidden; margin: 3px 0; } .marketdetail .col2 .resultlist .moreinfo { background: url(images/moreinfo.png) no-repeat top left; width: 60px; height: 14px; display: block; right: 8px; top: 8px; position: absolute; overflow: hidden; } .marketdetail .col2 .resultlist .meinmarkt { background: url(images/mymarket-button.png) no-repeat top left; width:160px; height: 14px; display: none; float: left; overflow: hidden; margin: 5px 0 3px 0; } .marketsearch .col1 .marketsearch-content .moreinfo span, .marketdetail .col2 .resultlist .moreinfo span { visibility: hidden; } .marketdetail .col2 .resultlist .meinmarkt span { visibility: hidden; } .marketsearch .col2 .services h3, .marketsearch .col2 .assortments h3 { color: #333; font-size: 14px; line-height: 24px; } .marketsearch .col2 .services dl, .marketdetail .col1 .services dl { overflow: hidden; } .marketsearch .col2 .services dt, .marketdetail .col1 .services dt { float: left; margin-right: 10px; height: 40px; width: 30px; } .marketsearch .col2 .services dd, .marketdetail .col1 .services dd{ float: left; font-size: 12px; line-height: 14px; width: 56px; margin-right: 14px; height: 36px;padding:2px 0; } .marketsearch .col2 .assortments ul, .marketdetail .col1 .assortments ul { overflow: hidden; height: 1%; } .marketdetail .col1 .assortments.collumns p {width: 110px; margin-right: 10px; float: left; } .marketsearch .col2 .assortments li, .marketdetail .col1 .assortments li { float: left; margin: 4px 10px 4px 0; height: 25px; width: 100px; } .marketdetail .col1 { margin-bottom: 20px; position: relative; } .marketdetail .col1 h1 {display: block; } .marketdetail .col1 .headline { width:710px; } .marketdetail .col1 .headline address {font-size: 11px; line-height: 13px; color: #333; font-style: normal; } .marketdetail .col1 .headline address span {visibility: hidden;} .marketdetail .col1 .headline address span { display:none; } .marketdetail .col1 .headline table th, .marketdetail .col1 .headline table td { vertical-align:bottom; text-align:left; padding:0; margin:0; } .marketdetail .col1 .headline table td { padding:0 0 5px 8px; } .marketdetail .col1 #marketselection {margin:0 0 8px 0;} .marketdetail .col1 .marketaddress {display:inline;margin:0;padding:0;line-height:20px;} .marketdetail .col1 #selectmarket {display:inline;position:relative;top:3px;margin:0 0 0 20px;} .marketdetail .col1 .stage {overflow: hidden; clear: both; background: url(images/marketdetail-stage-bg.png) no-repeat top left; margin-bottom: 10px; height:340px; width: 710px;} .marketdetail .col1 .stage-l { float:left; margin:10px; width:460px; height:320px; position:relative; } .marketdetail .col1 .stage-r { float:left; margin:10px 10px 0 0; width:220px;} .marketdetail .col1 .stage-r h2 { font-size: 12px; line-height: 14px; margin: 0; color: #005390;} .marketdetail .col1 .stage-r p { font-size: 12px; line-height: 14px; margin: 0;} .marketdetail .col1 .stage-r p strong { font-size: 12px; line-height: 14px; margin: 0; color: #005390; } .marketdetail .col1 .stage-r dl { overflow: hidden; margin-bottom: 5px; width: 220px;} .marketdetail .col1 .stage-r dt { float: left; width: 50px; font-size: 12px; line-height: 14px; clear: left; } .marketdetail .col1 .stage-r dd { float: left; font-size: 12px; line-height: 14px; width:120px;} .marketdetail .col1 .stage-r .contact-map { margin-top: 5px; position: relative; } .marketdetail .col1 .stage-r .contact-map p { margin: 5px 0; } .marketdetail .col1 .stage-r .contact-map img.zoombutton {bottom:8px; position:absolute; right:7px;} .gmnoprint {white-space: normal !important;} .marketdetail .col1 .floorplan, .marketdetail .col1 .assortments, .marketdetail .col1 .services { width: 220px; margin-right: 20px; float: left; overflow: hidden;} .marketdetail .col1 .floorplan { background: url(images/marketdetail-floorplan-bg.png) no-repeat left 30px;} .marketdetail .col1 .floorplan img { margin: 5px;} .marketdetail .col1 .floorplan-content { background: url(images/marketdetail-floorplan-bottom-bg.png) no-repeat bottom left; margin-top: 10px; overflow: hidden;} .marketdetail .col1 .floorplan h3, .marketdetail .col1 .assortments h3, .marketdetail .col1 .services h3 { color: #005390; font-size: 14px; line-height: 24px; } .marketdetail .col1 .moredetails { display: block; float: right; background: url(images/marketdetail-zoom-button.png) no-repeat top right; height: 20px; padding:5px 30px 0; font-size: 12px; margin-right: 5px; } .marketdetail .col1 .peephole-stage, .marketdetail .col1 .peephole-hole { position:absolute; top:0; left:0; width:460px; height:320px; } .marketdetail .col1 .peephole-stage { z-index:0; background-color:black; overflow:hidden; } .marketdetail .col1 .peephole-stage ul { position:absolute; width:10000px; white-space:nowrap; } .marketdetail .col1 .peephole-stage ul li { float:left; } .marketdetail .col1 .peephole-stage ul li a { cursor:default; } .marketdetail .col1 .peephole-hole { display:none; } .marketdetail .col1 .peephole-legend { display:none; } .marketdetail .col1 .peephole-go-object { display:none !important; } .marketdetail .col1 ul.peephole-controls { position:absolute; z-index:3; top:0; left:0; margin:278px 0 0 8px; } .marketdetail .col1 ul.peephole-controls li { width:36px; height:36px; float:left; margin-right:4px; } .marketdetail .col1 ul.peephole-controls li a { display:block; width:36px; height:36px; background-image:url(images/marketdetail/peephole-controls-bg.png); background-repeat:no-repeat; } .marketdetail .col1 ul.peephole-controls li a span { display:none; } .marketdetail .col1 ul.peephole-controls li.peephole-go-left { display: block; } /*.marketdetail .col1 ul.peephole-controls li.peephole-go-right { display: block; margin-left:270px; }*/ .marketdetail .col1 ul.peephole-controls li.peephole-go-left a:hover { background-position:-36px 0px; display: block; } .marketdetail .col1 ul.peephole-controls li.peephole-go-right a { background-position:0 -36px; display: block; } .marketdetail .col1 ul.peephole-controls li.peephole-go-right a:hover { background-position:-36px -36px; } .marketdetail .col1 ul.peephole-controls li.peephole-go-position-0 a { background-position:0 -72px; } .marketdetail .col1 ul.peephole-controls li.peephole-go-position-0-on a, .marketdetail .col1 ul.peephole-controls li.peephole-go-position-0 a:hover { background-position:-36px -72px; } .marketdetail .col1 ul.peephole-controls li.peephole-go-position-1 a { background-position:0 -108px; } .marketdetail .col1 ul.peephole-controls li.peephole-go-position-1-on a, .marketdetail .col1 ul.peephole-controls li.peephole-go-position-1 a:hover { background-position:-36px -108px; } .marketdetail .col1 ul.peephole-controls li.peephole-go-position-2 a { background-position:0 -144px; } .marketdetail .col1 ul.peephole-controls li.peephole-go-position-2-on a, .marketdetail .col1 ul.peephole-controls li.peephole-go-position-2 a:hover { background-position:-36px -144px; } .marketdetail .col1 ul.peephole-controls li.peephole-go-position-3 a { background-position:0 -180px; } .marketdetail .col1 ul.peephole-controls li.peephole-go-position-3-on a, .marketdetail .col1 ul.peephole-controls li.peephole-go-position-3 a:hover { background-position:-36px -180px; } .marketdetail .col1 ul.peephole-controls li.peephole-go-position-4 a { background-position:0 -216px; } .marketdetail .col1 ul.peephole-controls li.peephole-go-position-4-on a, .marketdetail .col1 ul.peephole-controls li.peephole-go-position-4 a:hover { background-position:-36px -216px; } .marketdetail .col1 ul.peephole-controls li.peephole-go-position-5 a { background-position:0 -252px; } .marketdetail .col1 ul.peephole-controls li.peephole-go-position-5-on a, .marketdetail .col1 ul.peephole-controls li.peephole-go-position-5 a:hover { background-position:-36px -252px; } .marketdetail .col1 ul.peephole-controls li.peephole-go-position-6 a { background-position:0 -288px; } .marketdetail .col1 ul.peephole-controls li.peephole-go-position-6-on a, .marketdetail .col1 ul.peephole-controls li.peephole-go-position-6 a:hover { background-position:-36px -288px; } .marketdetail .col1 ul.peephole-controls li.peephole-go-position-7 a { background-position:0 -324px; } .marketdetail .col1 ul.peephole-controls li.peephole-go-position-7-on a, .marketdetail .col1 ul.peephole-controls li.peephole-go-position-7 a:hover { background-position:-36px -324px; } .marketdetail .col2 h1 { font-size:12px; color:#333; height:18px; padding:12px 0 0 1px; } .marketdetail .col2 .searchbox .googlemap-wrapper { height:220px; width:220px; margin-top: 8px; position:relative; } .marketdetail .col2 .searchbox .googlemap-wrapper .marketmap-overlay img { position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; } .marketdetail .col2 .searchbox { border-bottom:0px solid #A8CFE1; padding:0 0 8px; } .marketsearch2 .col1 { background: transparent url(images/marketsearch-bg.png) repeat-y bottom left; margin-bottom: 10px; position: relative; } .marketsearch2 .marketsearch-content { background: transparent url(images/marketsearch-top-bg.jpg) no-repeat top left; margin:0; padding:0; } .marketsearch2 .marketsearch-content-inner { background: transparent url(images/marketsearch-bottom-bg.png) no-repeat left bottom; position: relative; padding:114px 10px 20px 10px; min-height:453px; overflow: hidden; } .marketsearch2 .marketsearch-content h1 { display:none; } .marketsearch2 .marketsearch-content .col-l { margin: 0 10px 0 0; width:350px; float: left; } .marketsearch2 .marketsearch-content .col-l h3 { color: #005390; font-size: 12px; line-height: 18px; padding-left:10px; } .marketsearch2 .marketsearch-content .col-l form { padding-left:10px; } .marketsearch2 .marketsearch-content .col-l input { width:224px; margin-right:10px; color:#666; border:1px solid #999; } .marketsearch2 .marketsearch-content .col-l input.error { background-color:#fff000; } .marketsearch2 .marketsearch-content .col-l button.showresults { background: url(images/view-button.png) no-repeat top left; overflow: hidden; height: 20px; width: 72px; border: none; } .marketsearch2 .marketsearch-content .col-l button.showresults span { visibility: hidden; } .marketsearch2 .marketsearch-content .col-r { margin:18px 0 0; float: left; width:310px; overflow: hidden; } .marketsearch2 .marketsearch-content .col-r .googlemap-wrapper { margin:0; width:310px; height:210px; background:gray; position:relative; } .marketsearch2 .marketsearch-content .col-r .googlemap-wrapper .marketmap-overlay img { position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; } .marketsearch2 .marketsearch-content .col-r p { margin-top:10px; } .marketsearch2 .marketsearch-content .col-l .resultlist { margin:26px 0 0; float: left; width:330px; overflow: hidden; border-top:1px solid #A8CFE1; } .marketsearch2 .marketsearch-content .col-l .resultlist .feedback { background-color:#fff000; font-size:12px; text-align:left; padding:10px 9px 10px 13px; line-height:15px; border-bottom:1px solid #A8CFE1; border-right:1px solid #A8CFE1; } .marketsearch2 .marketsearch-content .col-l .resultlist .feedback strong { color:#005390; font-weight:bold; } .marketsearch2 .marketsearch-content .col-l .resultlist li { border-bottom:1px solid #A8CFE1; padding:8px 10px 6px 13px; overflow: hidden; position: relative; } .marketsearch2 .marketsearch-content .col-l .resultlist li.highlight { background-color:#fff; } .marketsearch2 .marketsearch-content .col-l .resultlist li p.address { font-size: 12px; line-height: 14px; margin-bottom: 8px; color: #333; width: 170px; float:left; margin-right: 10px; } .marketsearch2 .marketsearch-content .col-l .resultlist li p.address a { font-weight: bold; } .marketsearch2 .marketsearch-content .col-l .resultlist li .businesshours { margin: 0; float: left; width:120px; } .marketsearch2 .marketsearch-content .col-l .resultlist li .businesshours dt { float: left; font-size: 12px; line-height: 14px; clear:left; width: 40px; } .marketsearch2 .marketsearch-content .col-l .resultlist li .businesshours dd { float: left; font-size: 12px; line-height: 14px; width: 80px; text-align: right; } .marketsearch2 .marketsearch-content .col-l .resultlist li .meinmarkt { background: url(images/mymarket-button.png) no-repeat top left; width:160px; height: 14px; display: block; float: left; overflow: hidden; margin: 0px 0 3px 0; } .marketsearch2 .marketsearch-content .col-l .resultlist li .meinmarkt span { visibility: hidden; } .marketsearch2 .marketsearch-content .col-l .resultlist li .moreinfo { background: url(images/moreinfo.png) no-repeat top left; width: 60px; height: 14px; display: block; float: left; overflow: hidden; margin: 0px 0 3px 10px; } .marketsearch2 .marketsearch-content .col-l .resultlist li .moreinfo span { visibility: hidden; } .marketsearch2 .col2 .services p, .marketsearch2 .col2 .assortments p { font-size: 12px; line-height: 14px; margin-bottom: 12px; color: #333; } .marketsearch2 .col2 .services h3, .marketsearch2 .col2 .assortments h3 { color: #333; font-size: 14px; line-height: 24px; } .marketsearch2 .col2 .services dt { float: left; margin-right: 8px; height: 40px; width: 30px; } .marketsearch2 .col2 .services dd { float: left; font-size: 12px; line-height: 14px; width: 60px; margin-right: 12px; height: 36px; padding:2px 0; white-space:nowrap; } .marketsearch2 .col2 .assortments ul { overflow: hidden; height: 1%; } .marketsearch2 .col2 .assortments li { float: left; margin: 4px 10px 4px 0; height: 25px; width: 100px; } .services-list { margin:6px 0; } .services-list ul { float:left; width:107px; overflow:hidden; } .services-list ul.list-l { margin-right:6px; } .services-list ul li { margin-bottom:10px; } .services-list ul li a { display:block; height:30px; background-position: 0 0; background-repeat:no-repeat; padding-left:34px; font-size: 12px; line-height: 14px; white-space:nowrap; text-decoration:none !important; } .services-list ul li.s-bestell a { background-image:url(images/icons/service/bestellservice.png); } .services-list ul li.s-umtausch a { background-image:url(images/icons/service/umtauschgarantie.png); } .services-list ul li.s-preis a { background-image:url(images/icons/service/preisgarantie.png); } .services-list ul li.s-gutschein a { background-image:url(images/icons/service/geschenkegutschein.png); } .services-list ul li.s-finanz a { background-image:url(images/icons/service/finanzkauf.png); } .services-list ul li.s-farb a { background-image:url(images/icons/service/farbmischservice.png); } .services-list ul li.s-holz a { background-image:url(images/icons/service/zuschnitt.png); } .services-list ul li.s-fbz a { background-image:url(images/icons/service/fensterbankzuschnitt.png); } .services-list ul li.s-anhaenger a { background-image:url(images/icons/service/anhaengerverleih.png); } .services-list ul li.s-liefer a { background-image:url(images/icons/service/transportservice.png); } .services-list ul li.s-kredit a { background-image:url(images/icons/service/kreditkarte.png); } .services-list ul li.s-miettransporter a { background-image:url(images/icons/service/miettransporter.png); } .services-list ul li.s-schluessel a { background-image:url(images/icons/service/schluessel.jpg); } .services-list-description { background:transparent url(images/services-list-description-bg.png) 0 0 no-repeat; width:318px; height:80px; padding:10px 10px 20px 10px; position:absolute; z-index:4; top:0; left:0; overflow:hidden; } .services-list-description img { float:left; margin: 0 10px 20px 0; } .services-list-description h4 { font-size:12px; margin: 0 0 4px 0; } .services-list-description p span { font-size:10px; line-height:11px; color:gray; } .serviceleistungen {position: relative; clear: both; background: url(images/serviceleistungen-bg.png) no-repeat top left; margin-bottom: 20px; } .serviceleistungen-contents {overflow: hidden; clear: both; background: url(images/serviceleistungen-bottom-bg.png) no-repeat bottom left; padding:100px 0 20px 20px; position:relative; width:680px;} .serviceleistungen-contents a.select-market { position:absolute; right:0; top:0; margin:136px 20px 0 0; width:310px; color: #005390; font-size: 12px; font-weight: bold;} .serviceleistungen-contents a.select-market:hover { text-decoration: none;} .serviceleistungen-contents .select-market dd {float:left; width:23px; height: 30px; border: none; margin: 2px 0 0; } .serviceleistungen h1, .serviceleistungen h2 {visibility: hidden;} .serviceleistungen h3 { font-size: 16px; line-height: 28px; border-bottom: 1px solid #cfdfe2; color: #00518b; width: 310px;} .serviceleistungen dl {clear: both; margin-top: 20px; overflow: hidden;} .serviceleistungen dt {float:left; width:70px; border-bottom: 1px solid #cfdfe2; height:75px;} .serviceleistungen dd {float:left; width:250px; border-bottom: 1px solid #cfdfe2; height:75px; margin-right:20px; margin-bottom:10px;} .serviceleistungen dd h4 {font-size:12px; line-height:18px; } .serviceleistungen dd p {font-size:11px; line-height:14px; } .serviceleistungen .bottom-notice{overflow: hidden; clear: both; background: url(images/serviceleistungen-bottom-notice-bg.png) no-repeat bottom left; padding:0 10px 10px; position:relative; width:680px;} .serviceleistungen .bottom-notice p {font-size: 10px; text-align: right; line-height: 12px; background: url(images/serviceleistungen-bottom-notice-p-bg.png) no-repeat bottom right; margin:0; overflow:hidden; padding-bottom:1px; padding-right:15px;} .serviceleistungen .bottom-notice p a { color: white; } .serviceleistungen .bottom-notice p a:hover {text-decoration: none;} .section-massahaus-form .section-teaser { background-image:url(images/section-teaser-massahaus-form.jpg); } .section-massahaus-form h1 { margin-bottom:4px; } .section-massahaus-form .boxed { margin-bottom:20px; } .section-massahaus-form .formpart1 { overflow:hidden; border-bottom: 1px solid #a8cfe1; padding:6px 0 16px 0; } .section-massahaus-form .formpart2 { overflow:hidden; margin: 0; padding:16px 0 30px 0; } .section-massahaus-form dt { width: 150px; margin-right: 10px; float: left;clear:both; text-align: right; line-height:28px; } .section-massahaus-form dd { width: 380px; line-height:29px; float:left; } .section-massahaus-form label { font-size: 12px; } .section-massahaus-form span { font-size: 12px; } .section-massahaus-form input.text { width: 290px; } .section-massahaus-form .formpart1 input { vertical-align: middle; } .section-massahaus-form textarea { width: 290px; height:100px; margin-top:5px; } .section-massahaus-form input.postbox { width: 140px; } .section-massahaus-form input.phone { width: 145px; } .section-massahaus-form input.zip { width: 48px; } .section-massahaus-form label.city { padding:0 10px; } .section-massahaus-form span.slash { padding:0 5px; } .section-massahaus-form input.city { width: 190px; } .section-massahaus-form p { color:#666; } .section-massahaus-form .formpart1 p { margin:8px 16px 8px 34px; color:#333; font-weight:bold; clear:both; } .section-massahaus-info .section-teaser { background-image:url(images/section-teaser-massahaus-form.jpg); } .section-massahaus-info .horizont { background: transparent url(images/horizont-bg.jpg) 0 56px no-repeat; clear:both; margin:15px 0; } .section-massahaus-info .horizont-l img.horizont-image { float:left; margin-bottom:-15px; padding-right:12px; } .section-massahaus-info .horizont-r img.horizont-image { float:right; margin-bottom:-15px; padding-left:12px; } .section-massahaus-info .horizont .horizont-headline { width:258px; height:56px; position:relative; margin-bottom:20px; } .section-massahaus-info .horizont-l .horizont-headline { float:right; } .section-massahaus-info .horizont-r .horizont-headline { float:left; } .section-massahaus-info .horizont .horizont-headline h1 { font-size:16px; line-height:120%; position:absolute; bottom:0; margin:0 0 4px 0; } .section-callback h2 {font-size: 14px; color: #333; font-weight: normal; margin: 0 0 0 30px;} .section-callback dt, .section-callback dd {font-size: 12px;} .section-callback dt { width: 150px; margin-right: 10px; float: left; clear:both; text-align: right;line-height:28px; } .section-callback dd { width: 380px; line-height:29px; float:left; } .section-callback .boxed { margin-bottom:20px; } .section-callback .formpart1 { overflow:hidden; border-bottom: 1px solid #a8cfe1; padding-bottom:16px; padding-top:20px; } .section-callback .formpart2 { overflow:hidden; margin: 0; } .section-callback dl dt.preferedtime { float:none; margin-left:102px;} .section-callback dl dd.preferedtime { width: 500px; } .section-callback dl dd.preferedtime dl { width: 160px; } .section-callback dl dd.preferedtime dl dt { width: 10px; margin-right:10px; } .section-callback dl dd.preferedtime dl.timeslot, .section-callback dl dd.preferedtime dl.day { float: left; } .section-callback dl dd.preferedtime dl.timeslot { margin-left:140px; } .section-callback dl dd.preferedtime dl.day { } .section-callback dl dd.preferedtime dl.timeslot dt { line-height:20px;} .section-callback dl dd.preferedtime dl.day dt { line-height:20px;} .section-callback dl dd.preferedtime dl.timeslot dd, .section-callback dl dd.preferedtime dl.day dd { width: 130px; line-height:20px; } .section-callback input {vertical-align: text-bottom; margin: 0;} .section-callback input.phone{ vertical-align: middle; } .section-callback .formpart1 label, .section-callback .formpart2 label { font-size: 12px; } .section-callback .formpart1 input.text, .section-callback .formpart2 input.text { width: 290px; } .section-brand-filterable .section-teaser { background-image:url(images/section-teaser-brands-filterable.jpg); height:190px; margin-bottom:20px; } .section-brand-filterable .section-teaser .section-teaser-content { width:240px; position:absolute; bottom:0; left:0; margin:0 0 40px 20px; } .section-brand-filterable .section-teaser .section-teaser-content p { color:#fff; font-weight:bold; } .section-brand-filterable ul.filterable-controls { height:34px; width:700px; padding:2px 0 0 5px; background:transparent url(images/filterable-brands/controls-bg.png) 0 0 no-repeat; } .section-brand-filterable ul.filterable-controls li { float:left; width:88px; height:33px; margin-right:14px; } .section-brand-filterable ul.filterable-controls li a { display:block; width:88px; height:33px; background-repeat:no-repeat; background-position:0 0; } .section-brand-filterable ul.filterable-controls li a.filterable-control-on, .section-brand-filterable ul.filterable-controls li a:hover { background-position:0 -36px; } .section-brand-filterable ul.filterable-controls li a span { display:none; } .section-brand-filterable ul.filterable-controls li.control0 a { background-image: url(images/filterable-brands/control-0.png); } .section-brand-filterable ul.filterable-controls li.control1 a { background-image: url(images/filterable-brands/control-1.png); } .section-brand-filterable ul.filterable-controls li.control2 a { background-image: url(images/filterable-brands/control-2.png); } .section-brand-filterable ul.filterable-controls li.control3 a { background-image: url(images/filterable-brands/control-3.png); } .section-brand-filterable ul.filterable-controls li.control4 a { background-image: url(images/filterable-brands/control-4.png); } .section-brand-filterable ul.filterable-controls li.control5 a { background-image: url(images/filterable-brands/control-5.png); } .section-brand-filterable ul.filterable-controls li.control6 a { background-image: url(images/filterable-brands/control-6.png); } .section-brand-filterable ul.filterable-controls li.control0 { width:46px; margin-right:12px; } .section-brand-filterable ul.filterable-controls li.control0 a { width:46px; } .section-brand-filterable ul.filterable-filtered { padding-top:20px; margin-bottom:20px; min-height:311px; width:720px; overflow:hidden; } .section-brand-filterable ul.filterable-filtered li { position:relative; display:block; float:left; width:158px; height:144px; margin:0 20px 20px 0; padding:15px 1px 1px 1px; background:white url(images/filterable-brands/item-bg.png) 0 0 no-repeat; overflow:hidden; text-align:center; } .section-brand-filterable ul.filterable-filtered li span {font-size: 11px; left: 13px; position: absolute; top: 130px;} .section-brand-filterable ul.filterable-filtered li a:hover{ text-decoration: none; } .section-brand-filterable ul.filterable-filtered li a { display:inline-block; } .section-brand-filterable ul.filterable-filtered li a:hover span{ text-decoration: underline; display: inline-block;} .section-brand-filterable ul.filterable-filtered li h2 { position:absolute; z-index:2; bottom:0; left:0; margin:0 10px 10px 10px ; color:#333; font-size:12px; width:140px; text-align:left; font-weight:normal; line-height:14px; } .section-assortment-tabs .section-teaser { background-image:url(images/section-teaser-assortment-tabs.jpg); height:190px; } .section-assortment-tabs .tabs-wrap { background:white url(images/section-assortment-tabs-bg.png) 0 0 no-repeat; height:380px; position:relative; } .section-assortment-tabs .tabs-wrap .tabs-controls { position:absolute; top:0; left:0; margin:11px 0 0 7px; width:133px; } .section-assortment-tabs .tabs-wrap .tabs-controls li { width:133px; height:40px; background:transparent url(images/assortment-tabs/tab-controls-bg.png) 0 0 no-repeat; } .section-assortment-tabs .tabs-wrap .tabs-controls li a { display:block; width:133px; height:40px; } .section-assortment-tabs .tabs-wrap .tabs-controls li a span { display:none; } .section-assortment-tabs .tabs-wrap .tabs-controls li.tabs-control-on { background-position:0 -40px; } .section-assortment-tabs .tabs-wrap .tabs-controls li.tabs-control0 a { background:transparent url(images/assortment-tabs/tabs-controls-links-bg.gif) 0 0 no-repeat; } .section-assortment-tabs .tabs-wrap .tabs-controls li.tabs-control1 a { background:transparent url(images/assortment-tabs/tabs-controls-links-bg.gif) 0 -40px no-repeat; } .section-assortment-tabs .tabs-wrap .tabs-controls li.tabs-control2 a { background:transparent url(images/assortment-tabs/tabs-controls-links-bg.gif) 0 -80px no-repeat; } .section-assortment-tabs .tabs-wrap .tabs-controls li.tabs-control3 a { background:transparent url(images/assortment-tabs/tabs-controls-links-bg.gif) 0 -120px no-repeat; } .section-assortment-tabs .tabs-wrap .tabs-controls li.tabs-control4 a { background:transparent url(images/assortment-tabs/tabs-controls-links-bg.gif) 0 -160px no-repeat; } .section-assortment-tabs .tabs-wrap .tabs-controls li.tabs-control5 a { background:transparent url(images/assortment-tabs/tabs-controls-links-bg.gif) 0 -200px no-repeat; } .section-assortment-tabs .tabs-wrap .tabs-controls li.tabs-control0 a.tabs-control-on { background-position: -133px 0; } .section-assortment-tabs .tabs-wrap .tabs-controls li.tabs-control1 a.tabs-control-on { background-position: -133px -40px; } .section-assortment-tabs .tabs-wrap .tabs-controls li.tabs-control2 a.tabs-control-on { background-position: -133px -80px; } .section-assortment-tabs .tabs-wrap .tabs-controls li.tabs-control3 a.tabs-control-on { background-position: -133px -120px; } .section-assortment-tabs .tabs-wrap .tabs-controls li.tabs-control4 a.tabs-control-on { background-position: -133px -160px; } .section-assortment-tabs .tabs-wrap .tabs-controls li.tabs-control5 a.tabs-control-on { background-position: -133px -200px; } .section-assortment-tabs .tabs-wrap .tabs-contents { position:absolute; top:0; left:0; margin:12px 0 0 140px; width:549px; height:300px; overflow:auto; } .section-assortment-tabs .tabs-wrap .tabs-contents .tabs-content { position:absolute; top:0; left:0; width:509px; padding:0px 20px 6px 20px; font-size:12px; line-height:14px; color:#333; background:white; } .section-assortment-tabs .tabs-wrap .tabs-contents .tabs-content .description-top { border-bottom: 1px solid #d8d8d8; margin-bottom:10px; padding-bottom:6px; } .section-assortment-tabs .tabs-wrap .tabs-contents .tabs-content .description-top img { margin: 12px 0 10px -10px; } .section-assortment-tabs .tabs-wrap .tabs-contents .tabs-content .description-top p { width:290px; } .section-assortment-tabs .tabs-wrap .tabs-contents .tabs-content .description-bottom .cols .col-l, .section-assortment-tabs .tabs-wrap .tabs-contents .tabs-content .description-bottom .cols .col-c, .section-assortment-tabs .tabs-wrap .tabs-contents .tabs-content .description-bottom .cols .col-r { float:left; width:160px; margin-right:12px; } .section-assortment-tabs .tabs-wrap .tabs-contents .tabs-content .description-bottom .cols .col-r { margin-right:0; } .section-assortment-tabs .tabs-wrap .tabs-contents .tabs-content .description-bottom h3 { color:#005390; font-size:14px; } .section-assortment-tabs .tabs-wrap .tabs-contents .tabs-content .description-bottom ul { list-style:disc; margin:10px 0; } .section-assortment-tabs .tabs-wrap .tabs-contents .tabs-content .description-bottom ul li { margin-left:20px; margin-bottom:6px; } .section-assortment-tabs .tabs-wrap .tabs-contents .tabs-content-electricity .description-top { background:white url(images/assortment-tabs/description-bg-electricity.jpg) right bottom no-repeat; } .section-assortment-tabs .tabs-wrap .tabs-contents .tabs-content-tools .description-top { background:white url(images/assortment-tabs/description-bg-tools.jpg) right bottom no-repeat; } .section-assortment-tabs .tabs-wrap .tabs-contents .tabs-content-sanitary .description-top { background:white url(images/assortment-tabs/description-bg-sanitary.jpg) right bottom no-repeat; } .section-assortment-tabs .tabs-wrap .tabs-contents .tabs-content-living .description-top { background:white url(images/assortment-tabs/description-bg-living.jpg) right bottom no-repeat; } .section-assortment-tabs .tabs-wrap .tabs-contents .tabs-content-building .description-top { background:white url(images/assortment-tabs/description-bg-building.jpg) right bottom no-repeat; } .section-assortment-tabs .tabs-wrap .tabs-contents .tabs-content-garden .description-top { background:white url(images/assortment-tabs/description-bg-garden.jpg) right bottom no-repeat; } .section-assortment-tabs .tabs-wrap .tabs-contents .tabs-content-garden .description-top p { width:260px; } .section-assortment-tabs .tabs-wrap .tabs-contents .bottom-notice { bottom:5px; margin: 0px; font-size:10px; line-height:12px; padding-right:15px; position:absolute; text-align:right; width:527px; background: url(images/assortment-tabs/assortmenttabs-bottom-notice-p-bg.png) no-repeat bottom right; } .section-assortment-tabs .tabs-wrap .tabs-contents .bottom-notice a {color:#666666; } .section-assortment-tabs .tabs-wrap .tabs-contents .bottom-notice a:hover {text-decoration: none;} .section-newsletter-subscription .boxed { margin-bottom:20px; } .section-newsletter-subscription dl { padding:10px 0 8px 0; } .section-newsletter-subscription dl.accept { padding:20px 0 30px 0; } .section-newsletter-subscription dt { width: 150px; margin-right: 10px; float: left;clear:both; text-align: right;line-height:28px; } .section-newsletter-subscription dd { width: 380px; line-height:29px; float:left; } .section-newsletter-subscription label{ font-size: 12px; } .section-newsletter-subscription input.text { width: 294px; } .section-newsletter-subscription input.phone { width: 134px; } .section-newsletter-subscription label.accept { line-height:15px; width:300px; display:block; } .section-newsletter-subscription .formpart2 input.radio { width: auto; border: none; } .section-newsletter-subscription input.zip { width: 50px; } .section-newsletter-subscription label.city { padding:0 10px; } .section-newsletter-subscription span.slash { padding:0 5px; } .section-newsletter-subscription input.city { width: 190px; } .section-about-praktiker .section-teaser { height:290px; background-image:url(images/section-teaser-about-praktiker.jpg); } .section-about-praktiker img { float:left; margin:0 10px 10px 0; } .section-energie-sparen .contentelement {position:relative; width:100%; margin: 0 ; padding:0; } .section-energie-sparen .contentelement .ce-header {position:relative; margin:0; padding:25px 0 5px 0;color:#00518b;font-size:16px; font-weight:bold; z-index:10;} .section-energie-sparen .contentelement .ce-text { position:relative; background:transparent url(images/energie-sparen/energie-sparen-ce-top-bg.png) top left no-repeat; font-size:12px;line-height:16px; margin:0; padding:15px 0;z-index:20;} .section-energie-sparen .contentelement .ce-text a { position:relative; color:#005290; padding:0 15px 0 0;background: transparent url(images/list-style.png) no-repeat top right} .section-energie-sparen .contentelement .image-container { position:relative;top:0;float:right;height:180px;width:230px; margin:0 25px 0 5px;z-index:30; } .section-energie-sparen .contentelement .ce-image { width:214px;height:180px;padding:8px 8px 0 8px;background:transparent url(images/energie-sparen/energie-sparen-bilderrahmen.png) top left no-repeat; } .section-energie-sparen .contentelement .ce-image .image {position:relative; top:0;width;214px; margin:0 auto; padding:0;z-index:30; } .section-energie-sparen .contentelement .ce-image .theme-link { position:absolute; bottom:30px; right:15px; margin:0;padding:0 0 ;z-index:40; } .section-energie-sparen .contentelement .ce-image .theme-link a { padding:0 15px 0 0;color:#005290; background: transparent url(images/link-arrow.png) right top no-repeat; } .section-energie-sparen .contentelement .ce-image .theme-link a:hover { text-decoration:;background: transparent url(images/link-arrow-dark.png) right top no-repeat; } .section-energie-sparen .contentelement ul {float:right;margin:10px 5px 0 0;} .section-energie-sparen .contentelement .catalog-item {position:relative; float:right; margin:-40px 0 0 10px; border:none; padding:0;background:transparent;z-index:30; } .section-energie-sparen .contentelement .catalog-item .imagebox { float:left;width:140px; height:187px;overflow:hidden;text-align:center;padding:10px 0 0 0; background: transparent url(images/energie-sparen/energie-sparen-guide-rahmen.png) no-repeat scroll left top } .section-energie-sparen .contentelement .catalog-item .catalog-cover {position:relative;width:127px; height:170px;margin:0 auto; } .section-energie-sparen .contentelement .catalog-item .catalog-item-text {position:relative; overflow:hidden; width:105px; float:left; color: #005390; margin:0;padding:0 0 0 10px; } .section-energie-sparen .contentelement .catalog-item .catalog-item-head { position:relative; height:48px; padding:0; margin:5px 0 3px 0; } .section-energie-sparen .contentelement .catalog-item h2 { color:#000; font-size:13px; line-height:16px; padding:0;margin:0; } .section-energie-sparen .contentelement .catalog-item h2.title1 {position:absolute;top:0;left:0;width:100%; overflow:hidden;} .section-energie-sparen .contentelement .catalog-item h2.title2 {position:absolute;top:16px;left:0;width:100%; overflow:hidden;} .section-energie-sparen .contentelement .catalog-item h2.title3 {position:absolute;top:32px;left:0;width:100%; overflow:hidden;} .section-energie-sparen .contentelement .catalog-item p { list-style-type:none; font-size:12px; margin: 0 0 3px 0; color:grey; padding:0;} .section-energie-sparen .contentelement .catalog-item p a {font-size:12px; } .section-energie-sparen .contentelement .catalog-item a.catalog-link { position:absolute; z-index:10; top:0; left:0; display:block; width:140px; height:181px; /* following is for IE.. */ background:white; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); } .section-energie-sparen .contentelement .catalog-item a.catalog-link span { display:none; } .section-energie-sparen .textimage {} .section-energie-sparen .text {} .section-energie-sparen .text .ce-text { padding-right:10px;} .section-energie-sparen .guide {margin-top:30px; } .section-energie-sparen .markuptext {position:relative; height:74px; text-align:center;vertical-align:middle; background:transparent url(images/energie-sparen/energie-sparen-markuptext-bg.png) top left no-repeat;padding:0; } .section-energie-sparen .markuptext .ce-markup {position:relative;left:50;top;50; width:470px; text-align:left;font-weight:bold;font-size:12px;padding:20px 0;margin:auto; } .section-energie-sparen .attention {position:relative; height:86px; background:transparent url(images/energie-sparen/energie-sparen-attention-bg.png) top left no-repeat;padding:0;margin:0 0 20px 0; } .section-energie-sparen .attention .ce-text {position:relative;left:15px;top;10px; width:490px; text-align:left;font-weight:normal;background:none; font-size:12px;margin:auto; } .section-energie-sparen .attention .symbol {position:relative;left:15px;top:5px;float:left;} /* .myhammer-hero { position: relative; background: url(images/myhammer/myhammer-hero.png) no-repeat top left;height:360px;} .myhammer-hero .hero-link {display: block; height:360px; width: auto;} */ .myhammer-hero img {position: absolute; bottom: 19px; right: 49px;} .myhammer-sidebar { position: relative; background: url(images/myhammer/myhammer-sidebar.jpg) no-repeat top left;height:570px;} .myhammer-sidebar .sidebar-link {display: block; height:570px; width: auto;} .myhammer-sidebar .sidebar-link:hover, .myhammer-hero .hero-link:hover {text-decoration: none;} .myhammer-sidebar img {position: absolute; bottom: 133px; left: 10px;} .myhammer-hero .hidden, .myhammer-sidebar .hidden {display: none;} .myhammer-steps li {float: left; margin: 5px 20px 20px 0;} .myhammer-box {margin: 10px 21px 10px 0px; right: 5px; float:left; } .myhammer-mann {position: absolute; left:0px;bottom:30px;height:258px;width:150px;line-height:1px; background: transparent url(images/myhammer/mann.png) no-repeat scroll left top; } .myhammer-button-box {background: url(images/myhammer/guenstig.png) no-repeat top left;height:190px;width: 220px; float: left; margin-right: 12px;} .myhammer-button-bluebox {position: relative; top: 155px; left: 70px;} .myhammer-lightbox {background: url(images/myhammer/backgroundLightBlue.png) no-repeat top left;height:188px;width: 702px;} .myhammer-lightbox-link {position:absolute;right:0;bottom:0;margin: 0;} .myhammer-headline-blue {margin:0 0 10px 0;} .myhammer-box-container {float:right; height:184px; padding: 10px 0 0 0px; width:816px} .myhammer-picture-container {float: right;} .myhammer-picture { margin: 10px 10px 0px 0px; padding-right: 20px;} .myhammer-paragraph-right{float:right;position:relative; height:150px; margin:10px 15px; padding-left:10px; text-align:right; width:290px;} .myhammer-banner-vert{position:relative; margin-top:27px; background: url(images/myhammer/starkeHelferBanner.png) no-repeat top left; width: 220px; height:691px; padding-left:52px; } .myhammer-link-container {width: 160px;background: url(images/link-arrow.png) no-repeat 112px 2px; bottom: 5px; position: absolute;} .myhammer-link {font-size: 11pt; } .col1 p.myhammer-text {color:#006699;} /* CSS Document */