body { background:white; margin:0 auto 0 auto; }

.page { position:relative; width:940px; margin:0 auto; }
.head { position:relative; height:218px; background:#fff url(../../../common/img/home/css/head-bg.png) 0 0 no-repeat; }
.body { padding:10px 0 0; width:940px; margin-bottom:10px;}
.atop { position: absolute; top: 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; }

 
/**
 * radio
 
.head #radio a {font-size:12px; color:#005390; font-weight:normal; }
.head #radio .hearitnow {color:#005390;font-weight:bold; padding:0 5px; }
.head #object { position:absolute;top:0; right:0;margin:6px 0 0 0; }
.head #radio { position:absolute; top:0; right:90px; margin:8px 0 0 0; font-size:12px; color:#666;z-index:200; font-weight:900; }
*/

#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;}



/**
 * Column devisions
 */

.body .col1 { float:left; width:720px; overflow:hidden; }
.body .col1-inspiration { float:left; width:940px; 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; }

.body .col1-inspiration .subcol1 { float: left; width: 140px; margin-right: 20px; }
.body .col1-inspiration .subcol2 { float: left; width: 720px; }

.body .col1 .subcol2 .boxed { background: #ecf8fa url(../../../common/img/home/css/boxed/top-bg.png) 0 0 no-repeat; }
.body .col1 .subcol2 .boxed .boxed-inner { background: transparent url(../../../common/img/home/css/boxed/bottom-bg.png) 0 100% no-repeat; min-height:80px; padding:6px 0px; color:#333; }


/* for contentview.vm */ 
.body .col4 { float:left; width:940px; overflow:hidden;}
.body .col4 .subcol1 { float: left; width: 140px; margin-right: 20px;}
.body .col4 .subcol2 { float: left; width: 778px; margin-bottom:30px;}
.body .col4 .subcol2 .boxed { background: #ecf8fa url(../../../common/img/home/css/boxed/top-bg.png) 0 0 no-repeat; }
.body .col4 .subcol2 .boxed .boxed-inner { background: transparent url(../../../common/img/home/css/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 -32px 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 32px; 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 4px 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;}
.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; }


/**
 * 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(../../../common/img/home/css/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; }
.atop .head-boxes .head-box h3 { text-indent:-1000em; }
.atop .head-boxes .head-box-offer { background:transparent url(../../../common/img/home/css/head-boxes/head-box-offer-bg.png) 0 bottom no-repeat; }
.atop .head-boxes .head-box-offer .hide { 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; }
.atop .head-boxes .head-box-majorcustomers { background:transparent url(../../../common/img/home/css/head-boxes/head-box-majorcustomers-bg.png) 0 bottom no-repeat; }
.atop .head-boxes .head-box-majorcustomers-logged { background:transparent url(../../../common/img/home/css/head-boxes/head-box-majorcustomers-logged-bg.png) 0 bottom no-repeat; }
.atop .head-boxes .head-box-marketfinder { background:transparent url(../../../common/img/home/css/head-boxes/head-box-marketfinder-bg.png) 0 bottom no-repeat; }
.atop .head-boxes .head-box-majorcustomers input.text,
.atop .head-boxes .head-box-marketfinder input.text { position:absolute; top:0; left:0; margin:110px 0 0 5px; 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; top:0; left:0; margin:135px 0 0 5px; padding-right:12px; font-size:12px; color:#fff100; background:transparent url(../../../common/img/home/css/head-boxes/link-bg.gif) 100% 50% no-repeat; }
.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(../../../common/img/home/css/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; top:0; right:0; margin:110px 5px 0 0; width:20px; height:20px; background:transparent url(../../../common/img/home/css/head-boxes/button-bg.png) 0 0 no-repeat; border:0; padding:0; }
.atop .head-boxes .head-box-majorcustomers button span,
.atop .head-boxes .head-box-marketfinder button span { display:none; }
 */
.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-offer .hide { display:none; }
.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; }

 .foot-mod .navigation-top { height:24px; padding:0; margin:0; }
 .foot-mod .navigation-sub { position:relative; top:-25px; background-position:0 25px; }
 .foot-mod .navigation-sub dl dd.first-child { font-weight:bold; padding-top:1px; padding-bottom:8px; }


/**
 * Brics (in means of blocks)
 */

.bric { width:220px; margin-right: 20px; height:190px; margin-bottom:10px; background-position:0 0; background-repeat:no-repeat; position:relative; float:left;}
.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(../../../common/img/home/css/bric-perl-bg.png); }
.bric-megamax { background-image:url(../../../common/img/home/css/bric-megamax-bg.png); }
.bric-majorcustomers { background-image:url(../../../common/img/home/css/bric-majorcustomers-bg.png); }
.bric-praktikerno1 {  }

.bric-newsletter { }
.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(../../../common/img/bric-newsletter-button-bg.png) 0 0 no-repeat; border:0; padding:0; }
.bric-newsletter button span { display:none; }


.bric-downloadrequest { background-image:url(../../../common/img/home/css/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:12px 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(../../../common/img/bric-cinemascope/peephole-hole.png) 0 0 no-repeat; }
.bric-cinemascope .peephole-hole { z-index:1; background:transparent url(../../../common/img/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(../../../common/img/peephole-controls-bg.png); background-repeat:no-repeat; }
.bric-cinemascope ul.peephole-controls li a { display:block; width:36px; height:36px; background-image:url(../../../common/img/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(../../../common/img/home/css/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: 6px 6px 6px; }
.bric-contact a { font-weight: bold; }
.bric-contact strong { font-size: 16px; line-height: 20px; }
.bric-contact p.remark {color:#777777;font-size:10px;line-height:10px;}

.bric-exclusiveoffers { overflow:hidden; width:220px; height:190px; background: url(../../../common/img/home/css/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; }

.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(../../../common/img/home/css/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(../../../common/img/home/css/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; }


/**
 * Subnavigation
.subnavigation { background: url(../../../common/img/home/css/subnavigation/top-bg.png) no-repeat top left; margin: 0; }
.subnavigation ul { width: 120px; background: url(../../../common/img/home/css/subnavigation/bottom-bg.png) no-repeat bottom left; margin-bottom: 5px; padding: 12px 10px 6px; }
.subnavigation ul li { list-style: none; font-size: 12px; margin-bottom: 8px;  line-height:14px; }
.subnavigation ul li a { color: #000; display: block; }
.subnavigation ul li.on { font-weight: bold; }
.subnavigation ul li ul { background: none; margin: 0; padding: 0; margin-top: 8px; }
.subnavigation ul li ul li { font-weight:normal; }
.subnavigation ul li ul li a { background: transparent url(../../../common/img/home/css/subnavigation/list-style.png) 0 -2px no-repeat; padding-left:14px; }
 */

/**
 * Other general styles
 */
 
.col1 .logout { display: block; width:140px; height:20px; background:transparent url(../../../common/img/home/css/logout-button-bg.png) 0 0 no-repeat; border:0; }
.col1 .login { display: block; width:140px; height:20px; background:transparent url(../../../common/img/home/css/login-button-bg.png) 0 0 no-repeat; border:0; }
.col1 .logout span,
.col1 .login span { display:none; width:140px; height:20px; }
.col1 .sent { display: block; width:140px; height:20px; background:transparent url(../../../gklogin/img/submit-simple-button.png) 0 0 no-repeat; border:0; }
.col1 .sent span { display:none; width:140px; height:20px; }

.col1 .subcol2 p { font-size: 12px; line-height: 14px; margin-bottom: 12px; color: #333; }
.col1 .subcol2 p strong { color: #000; }
.col1 .subcol2 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; }


button.cancel,
button.reset,
button.save,
button.submit,
button.back,
button.sent,
button.login { float: left; background: none; border: none; margin: 0; padding: 0; }
button.save,
button.submit { float: right; }


/**
 * Main content sections
 */

.section { margin-bottom:22px; } 
.section h2 { color:#00518b; margin:0 0 6px 0; font-size:16px; line-height: 24px; }

.section .section-teaser { 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; color: #333333 !important}
.section-accountdata .formpart1 span,
.section-accountdata .formpart2 span { font-size: 12px; vertical-align: middle; }
.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: 182px; }
.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:12px; }
.section-accountdata .formpart2 input.household,
.section-accountdata .formpart2 input.childer,
.section-accountdata .formpart2 input.employees { width: 30px; }
.section-accountdata .formpart2 input.file { width: 350px;  }
.section-accountdata .formpart1 select,
.section-accountdata .formpart2 select { width: 290px;  }

.section-accountdata .formpart1 .birthday-day,
.section-accountdata .formpart2 .birthday-day { width: 50px;  }
.section-accountdata .formpart1 .birthday-month,
.section-accountdata .formpart2 .birthday-month { width: 160px;  }
.section-accountdata .formpart1 .birthday-year,
.section-accountdata .formpart2 .birthday-year { width: 75px;  }

.section-accountdata .formpart1 input.gewinnspielLetter { width: 10px; }
.section-accountdata .formpart1 .gewinnspielMotto * { vertical-align: middle; }

.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-login button.sent { 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(../../../common/img/home/css/account-changedata-button-bg.png) 0 0 no-repeat; }
.section-account-data .account-changepassword { background-image:url(../../../common/img/home/css/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(../../../common/img/home/css/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(../../../common/img/home/css/account-card-blue.png) 50% bottom no-repeat; }
.section-account-cardstatus .card-silver { background: transparent url(../../../common/img/home/css/account-card-silver.png) 50% bottom no-repeat; }
.section-account-cardstatus .card-gold { background: transparent url(../../../common/img/home/css/account-card-gold.png) 50% bottom no-repeat; }
.section-account-cardstatus .card-blue-off { background: transparent url(../../../common/img/home/css/account-card-blue-off.png) 50% bottom no-repeat; }
.section-account-cardstatus .card-silver-off { background: transparent url(../../../common/img/home/css/account-card-silver-off.png) 50% bottom no-repeat; }
.section-account-cardstatus .card-gold-off { background: transparent url(../../../common/img/home/css/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(../../../common/img/home/css/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(../../../common/img/home/css/account-historypdf-button-bg.png) 0 0 no-repeat; float:left; margin-left:12px; }
.section-account-history .account-historyprint { background-image:url(../../../common/img/home/css/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(../../../common/img/home/css/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(../../../common/img/home/css/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(../../../common/img/home/css/card-blue.jpg) no-repeat top left; padding-top: 120px; }
.section-cards .silver { background: url(../../../common/img/home/css/card-silver.jpg) no-repeat top left; padding-top: 120px; }
.section-cards .gold { background: url(../../../common/img/home/css/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(../../../common/img/home/css/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(../../../common/img/home/css/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(../../../common/img/home/css/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(../../../common/img/home/css/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 { background: url(../../../common/img/home/css/register-card-online-button.png) no-repeat left top; width: 220px; height: 20px; border: none; margin-top: 12px; }
.section-register .register-card-online span { display: none; }

.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; color: #333333 !important }
.section-callback .formpart1 input.text,

.section-contact .boxed   { margin-bottom:20px; } 
.section-contact h2 { font-size: 14px !important; color: #333 !important }
.section-contact .formpart1 { overflow:hidden; border-bottom: 1px solid #a8cfe1; padding-bottom:16px; padding-top:20px; }
.section-contact .formpart2 { overflow:hidden; margin: 0; padding:16px 0 30px;}
.section-contact .formpart1 dt,
.section-contact .formpart2 dt,
.section-contact .dataprivacy-box dt { width: 150px; margin-right: 10px; float: left;clear:both; text-align: right;line-height:28px; }
.section-contact .dataprivacy-box dt { line-height: 0px; }
.section-contact .formpart1 dd,
.section-contact .formpart2 dd,
.section-contact .dataprivacy-box dd { width: 380px; line-height:29px; float:left; }
.section-contact .dataprivacy-box dd { padding:4px 0 8px; line-height: 12px; }
.section-contact .formpart1 label,
.section-contact .formpart2 label{ font-size: 12px; color: #333333 !important }
.section-contact .formpart1 span,
.section-contact .formpart2 span { font-size: 12px; }
.section-contact .formpart1 #prospekt-toggle dt {	COLOR: #333; display: inline; padding-top: 0px; }
.section-contact .formpart1 #prospekt-toggle dd {	COLOR: #333; display: inline; margin-top: 0px; }
.section-contact .formpart1 #prospekt-toggle dd+dt { display: block; }
.section-contact .formpart1 input.text,
.section-contact .formpart2 input.text { width: 290px; }
.section-contact .formpart1 select,
.section-contact .formpart2 select { width: 290px; }

.section-contact .formpart2 input.postbox { width: 140px; }
.section-contact .formpart2 input.phone,
.section-contact .formpart2 input.fax,
.section-contact .formpart2 input.mobile { width: 140px; }
.section-contact .formpart2 input.radio { width: auto; border: none; }
.section-contact .formpart2 input.zip { width: 50px;}
.section-contact .formpart2 label.city { padding:0 10px; }
.section-contact .formpart2 span.slash { padding:0 5px; }
.section-contact .formpart2 input.city { width: 186px; }
.section-contact .formpart2 p { margin:17px 18px 8px; color: #000; }
.section-contact .formpart2 input.radio { margin:0; vertical-align:-3px; }
.section-contact .formpart2 label.radio { margin-right:18px; }
.section-contact .formpart2 input.household,
.section-contact .formpart2 input.childer,
.section-contact .formpart2 input.employees { width: 30px; }
.section-contact .dataprivacy-notes p { font-size: 11px; line-height: 13px; margin-bottom: 11px; }
.section-contact .dataprivacy-notes a { font-weight: bold; }
.section-contact .dataprivacy-box { margin-bottom: 20px; }
.section-contact .dataprivacy-box input { vertical-align: middle; }
.section-contact .dataprivacy-box label { display:block; font-size:12px; line-height:14px; width:330px; }

.section .section-teaser {background-position:0 0;background-repeat:no-repeat;margin-bottom:10px;position:relative;}
.section .section-teaser .hide {display:none;}
.section-massahaus-form .section-teaser { background-image:url(../../../common/img/home/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: 140px; }
.section-massahaus-form input.zip { width: 50px; }
.section-massahaus-form label.city { padding:0 10px; }
.section-massahaus-form span.slash { padding:0 5px; }
.section-massahaus-form input.city { width: 185px; }
.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(../../../common/img/home/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-massahaus-info .horizont a { display:block; background:transparent url(../../../img/order-brochures-button.png) 0 0 no-repeat; width:150px; height:20px; }
*.section-massahaus-info .horizont a 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 { position:relative; float:left; z-index:2; 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-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); }



/**
 * Fly-In Elemente f�r Marktabh�ngigkeit
 */
#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;}







/**
 * Subnavigation

.subnavigation { background: url(../../../common/img/home/css/subnavigation/top-bg.png) no-repeat top left; margin: 0; }
.subnavigation ul { width: 120px; background: url(../../../common/img/home/css/subnavigation/bottom-bg.png) no-repeat bottom left; margin-bottom: 5px; padding: 12px 10px 6px; }
.subnavigation ul li { list-style: none; font-size: 12px; margin-bottom: 8px;  line-height:14px; }
.subnavigation ul li a { color: #000; display: block; }
.subnavigation ul li.on { font-weight: bold; }
.subnavigation ul li ul { background: none; margin: 0; padding: 0; margin-top: 8px; }
.subnavigation ul li ul li { font-weight:normal; }
.subnavigation ul li ul li a { background: transparent url(../../../common/img/home/css/subnavigation/list-style.png) 0 -2px no-repeat; padding-left:14px; }
 */


/**
 * Energie Navi
 */
.col1 .subcol2 .subnavigation .sublevel1, 
.col1 .subcol2 .subnavigation .sublevel2,
.col1 .subcol2 .subnavigation .sublevel3 {float:left;height:194px;position:relative; margin:0;}
.col1 .breadcrumb { position:relative; margin:0; padding:5px 0 5px 10px; font-size:12px; color:#005390; background: url(../../../common/css/home/images/energie/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(../../../common/css/home/images/energie/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(../../../common/css/home/images/energie/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(../../../common/css/home/images/energie/subcol1-li-on.png) left top repeat-x; text-decoration:none; }
.subcol1 .subnavigation ul li.on { font-weight: bold; background: #e3e3e3 url(../../../common/css/home/images/energie/subcol1-li-on.png) left top repeat-x;}
.subcol1 .subnavigation ul li.lines { font-weight: bold;background: transparent url(../../../common/css/home/images/energie/subcol1-li-on-ie7.png) left top repeat;}
.subcol1 .subnavigation ul li ul { background: none;width:138px; margin: 0; padding: 0; }
.subcol1 .subnavigation ul li ul li { background: #F7F7F7 url(../../../common/css/home/images/energie/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(../../../common/css/home/images/energie/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(../../../common/css/home/images/energie/list-style-bold.png) 5px 0 no-repeat; }


.energie-sparen .subcol2 .subnavigation { position:relative;width:539px; font-size: 12px; margin-top:10px;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(../../../common/css/home/images/energie/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(../../../common/css/home/images/energie/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(../../../common/css/home/images/energie/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(../../../common/css/home/images/energie/list-style.png) 0 2px no-repeat; padding:5px 0 5px 15px; }
.energie-sparen .subcol2 .subnavigation ul.sublevel2 li a:hover { background: transparent url(../../../common/css/home/images/energie/list-style-bold.png) 0 2px no-repeat; }
.energie-sparen .subcol2 .subnavigation ul.sublevel2 li.on a { background: transparent url(../../../common/css/home/images/energie/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;}

/**
 * Energie Content
 */
 
.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(../../../common/css/home/images/energie/energie-sparen-ce-top-bg.png) top left no-repeat; font-size:12px;line-height:16px;  margin:0; z-index:20; padding:15px 0; }
.section-energie-sparen .contentelement .ce-text a { position:relative; color:#005290; padding:0 15px 0 0;background: transparent url(../../../common/css/home/images/energie/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(../../../common/css/home/images/energie/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(../../../common/css/home/images/energie/link-arrow.png) right top no-repeat;  }
.section-energie-sparen .contentelement .ce-image .theme-link a:hover { text-decoration:;background: transparent url(../../../common/css/home/images/energie/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(../../../common/css/home/images/energie/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(../../../common/css/home/images/energie/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(../../../common/css/home/images/energie/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;}
 
 
 

/**
 * START New Header Layout 14.04.2010 sthomas
 *
 */
div#head {
     width: 940px;
     height: 218px;
	 position:relative;      
}

div#head div#header_top {
     width: 940px;
     height: 160px;
     background: url('../../../common/img/header/header1.png') no-repeat;
	 left:0;
	 margin-top:26px;
	 position:absolute;
	 top:0;
	 width:940px;     
}

div#head div#header_nav_bottom {
     width: 940px;
     height: 39px;
     background: url('../../../common/img/header/header2.png') no-repeat;
	 left: 0;
	 margin-top: 185px;
	 position: absolute;
	 top: 0;
	 width: 940px;     
}


div#fout {
     margin: 0;
     padding: 0;
     margin-left: 363px;
     width: 567px;
     height: 119px;
}

div#fout div.fi {
     width: 189px;
     height: 119px;
     float: left;
}


div#fout div.fi div.fi_text {
     height: 47px;
     padding-left: 14px;
     padding-top: 20px;
     font-size: 12px;
     font-weight: normal;
     font-family: Arial;
     color: #FFFFFF;
     line-height: 15px;
}

div#fout div.fi div.fi_text a {
     height: 47px;
     padding-top: 20px;
     font-size: 12px;
     font-weight: normal;
     font-family: Arial;
     color: #FFFFFF;
}

div#fout div.fi div.fi_text2 {
     padding: 0;
     padding-left: 14px;
     height: 20px;
     font-size: 12px;
     font-weight: normal;
     font-family: Arial;
     color: #FFFFFF;
}
div#fout div.fi div.fi_text3 {
     padding-top: 5px;
     padding-left: 14px;
     font-size: 12px;
     font-weight: normal;
     font-family: Arial;
     color: #FFF200;
}
div#fout div.fi div.fi_text3 a {
     color: #FFF200;
     text-decoration: none;
}
div#fout div.fi div.fi_text3 a:hover {
     text-decoration: underline;
}

input.headertxt {
     font-size: 11px;
     font-weight: normal;
     font-family: Arial;
     color: #818181;
     border: 1px solid #818181;
     width: 134px;
     height: 18px;
     line-height: 18px;
}


/*** Box Newsletter ***********************************************************/
div#fout div.fi div.fi_newsletter_bt {
     width: 189px;
     height: 44px;
     background: url('../../../common/img/header/bg_closed.png') right 0px no-repeat;
     cursor: pointer;
}
div#fout div.fi div.fi_newsletter_hv {
     display: none;
     width: 189px;
     height: 119px;
     background: url('../../../common/img/header/bg_open.png') right -0px no-repeat;
}

/*** Box Paraktikerkarte **************************************************/
div#fout div.fi div.fi_kundenprogramm_bt {
     width: 189px;
     height: 44px;
     background: url('../../../common/img/header/bg_closed.png') right -44px no-repeat;
     cursor: pointer;
}

div#fout div.fi div.fi_kundenprogramm_hv {
     display: none;
     width: 189px;
     height: 119px;
     background: url('../../../common/img/header/bg_open.png') right -119px no-repeat;
}

div#fout div.fi div.fi_kundenprogramm_hv div.kd_text1 {
     height:18px;
     padding-left: 14px;
     padding-top: 21px;
     font-size: 12px;
     font-weight: normal;
     font-family: Arial;
     color: #FFFFFF;
     line-height: 15px;
}
div#fout div.fi div.fi_kundenprogramm_hv div.kd_text2 {
	 height: 18px;
     padding-left: 14px;
     padding-top: 0px;
     font-size: 12px;
     font-weight: normal;
     font-family: Arial;
     color: #FFFFFF;
}
div#fout div.fi div.fi_kundenprogramm_hv div.kd_text1 a,
div#fout div.fi div.fi_kundenprogramm_hv div.kd_text2 a {
     color: #FFF200;
     text-decoration: none;	
}
div#fout div.fi div.fi_kundenprogramm_hv div.kd_text1 a:hover,
div#fout div.fi div.fi_kundenprogramm_hv div.kd_text2 a:hover {
     text-decoration: underline; 
}
div#fout div.fi div.fi_kundenprogramm_hv div.kd_text3 {
     padding-top: 9px;
     padding-left: 14px;
     font-size: 12px;
     font-weight: normal;
     font-family: Arial;
     color: #FFFFFF;
}

div#fout div.fi div.fi_kundenprogramm_hv div.kd_text3 form {
	margin: 0;
	margin-top: 3px;	
}







/*** Box Marksuche ************************************************************/
div#fout div.fi div.fi_maerkte_bt {
     width: 189px;
     height: 44px;
     background: url('../../../common/img/header/bg_closed.png') right -88px no-repeat;
     cursor: pointer;
}

div#fout div.fi div.fi_maerkte_hv {
     display: none;
     width: 189px;
     height: 119px;
     background: url('../../../common/img/header/bg_open.png') right -238px no-repeat;
}

/**
 * END New Header Layout 14.04.2010 sthomas
 *
 */
 
 
/*** Side-Teaser **************************************************************/
div.st {
     border: 0;
     float:left;
     margin: 0;
     width: 220px;
     height: 190px;
     margin-bottom: 10px;
     margin-right: 0px;
}
div.st div.title {
     border: 0;
     margin: 0;
     height: 26px;
     line-height: 26px;
     padding-left: 23px;
     font-family: Arial;
     font-size: 12px;
     font-weight: bold;
     color: #FFFFFF;
     vertical-align: middle;
}
div.st div.title a,
div.st div.title a:link,
div.st div.title a:visited,
div.st div.title a:active {
     color: #FFFFFF;
     text-decoration: none;
     line-height: 26px;
}

div.st div.text {
     border: 0;
     margin: 0;
     margin-top: 26px;
     height: 100px;
     padding-left: 11px;
     font-family: Arial;
     font-size: 12px;
     font-weight: normal;
     color: #000000;
     line-height:14px;
}
a.st_button {
     display: block;
     margin-left: 11px;
     width: 66px;
     height: 23px;
     background: url('../../../common/img/sideteaser/st_buttons.png') no-repeat 0px 0px;
}
a.st_button_wetter {
	display:block;
	height:23px;
	margin-left:11px;
	width:135px;
   /*  background: url('../../../common/img/sideteaser/st_buttons.png') no-repeat 0px 0px;*/
}
div.st div.title:hover a {
     color: #000000 !important;
     text-decoration: underline;
}
div.st a.st_button:hover {
	 text-decoration: none;
     background: url('../../../common/img/sideteaser/st_buttons.png') no-repeat 0px -23px;
}

div.st div.st_wetterteaser {
     border: 0;
     margin: 0;
     margin-top: 26px !important;
     height: 100px;
     padding-left: 11px;
     font-family: Arial;
     font-size: 12px;
     font-weight: normal;
     color: #000000;
     line-height:14px;
}

div.st div.st_wetterteaser div.wetterteaser_markt {
font-size:12px;
font-weight:bold;
margin-left:1px;
margin-top:4px;
}
div.st div.st_wetterteaser div.wetterteaser_gradzahl {
float:left;
font-size:34px;
font-weight:bold;
margin-left:14px;
margin-top:15px;
line-height: 30px;
color: #577716;
}
div.st div.st_wetterteaser div.wetterteaser_icon {
margin-left:107px;
margin-top:6px;
}

/*** Angebots-Teaser **************************************************************/
div.at {
     border: 0;
     margin: 0;
     width: 220px;
     height: 190px;
     margin-bottom: 10px;
     margin-right: 20px;
}
div.at div.title {
     border: 0;
     margin: 0;
     height: 26px;
     padding-left: 23px;
     font-family: Arial;
     font-size: 12px;
     font-weight: bold;
     color: #fff200;
}
div.at div.title a,
div.at div.title a:link,
div.at div.title a:visited,
div.at div.title a:active {
     padding-top: 0px;
     display: block;
     color: #fff200;
     text-decoration: none;
     line-height: 26px;
}

div.at:hover div.title {
    background: url('../../../common/img/sideteaser/hover_top.png') no-repeat;
    text-decoration: none;
}
div.at div.title a:hover {
     color: #ffffff;
     text-decoration: underline;
}

a.at_button {
     margin-top: 126px;
     display: block;
     margin-left: 12px;
     width: 66px;
     height: 23px;
}

div.at:hover div.title a {
     color: #ffffff !important;
     text-decoration: underline;
}
a.at_button:hover {
     background: url('../../../common/img/sideteaser/button_hover.png') no-repeat;
     text-decoration: none;
}
 
 
.col1 div.at, .col1 div.st { float: left; }
 
 
/* Wetterseite */
#wetter-header {
margin-bottom: 30px;
}

.wetter .col1 strong {
display: block;
margin-bottom: 20px;
}

.wetter .col1 p {
margin-bottom: 15px;
}

.wetter .col1 .subcol2 {
width: 700px;
}

.wetter .column-left,
.wetter .column-right {
float: left;
margin-bottom: 20px;
}

/* linke Spalte */
.wetter .column-left {
width: 307px;
padding-left: 23px;
margin-right: 40px;
position: relative;
}

.wetter .column-right {
width: 304px;
}

.wetter .column-left img {
margin-bottom: 10px;
}

.wetter .column-left #logo img {
position: absolute;
top: 10px;
left: 5px;
}

.wetter .column-left ul {
margin-left: -5px;
}

.wetter .column-left ul li {
float: left;
}

.wetter .column-left ul li a {
float: left;
height: 24px;
margin-right: 1px;
}

.wetter .column-left ul li a.heute {
width: 85px;
background: url(../../../common/img/wetterkarte/wetter_heute_herbst.gif) no-repeat;
}

.wetter .column-left ul li a.morgen {
width: 95px;
background: url(../../../common/img/wetterkarte/wetter_morgen_herbst.gif) no-repeat;
}

.wetter .column-left ul li a.ubermorgen {
width: 124px;
background: url(../../../common/img/wetterkarte/wetter_ubermorgen_herbst.gif) no-repeat;
}

/* rechte Spalte */
.wetter .column-right h1 {
margin-bottom: 5px;
}

.wetter .column-right form {
width: 293px;
height: 71px;
padding: 6px 0 0 11px;
margin-top: 10px;
background: url(../../../common/img/wetterkarte/wetter_suche_bg_herbst.gif) no-repeat;
}

.wetter .column-right form #wetter-eingabe {
font-family: Arial,Helvetica,Verdana,sans-serif;
font-size: 0.75em;
width: 231px;
float: left;
padding: 5px 8px 5px 8px;
margin-right: 7px;
background: url(../../../common/img/wetterkarte/wetter_input_bg.jpg) no-repeat;
border: none;
}

.wetter .column-right form #wetter-submit {
border: none;
}

.wetter .column-right h2 {
font-size: 0.87em;
margin-bottom: 19px;
}

.wetter .column-right ul li {
border-bottom: 1px solid #577716;
margin-bottom: 10px;
padding-bottom: 8px;
font-size: 12px;
}

.wetter .column-right ul li.last {
border-bottom: none;
}

.wetter .column-right ul li div {
float: left;
margin-bottom: 10px;
}

.wetter .column-right ul li div#icon {
margin: 0 10px 9px 0;
}

.wetter .column-right ul li p {
margin: 0;
clear: left;
}

.wetter .column-right ul li div strong {
margin-bottom: 10px;
}

.wetter .column-right ul li div p {
padding-top: 5px;
width: 105px;
float: left;
clear: none;
}

.wetter .column-right ul li div p.niederschlag {
width: 70px;
padding-left: 35px;
background: url(../../../common/img/wetterkarte/wetter_icon_regen.jpg) left no-repeat;
}