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

div.clear { clear: both; }
.hide { display:none!important; }

.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 .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 .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; }
/*.body .col1 .subcol2 .boxed .boxed-inner h2 { margin-left: 10px; }*/

/* 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; }
.body .col4 .subcol2 iframe iframe { overflow-y: scroll; }



/**
 * Logo
 *

.head .logo { position:absolute; top:0; left:0; margin:43px 0 0 9px; }
.head .logo cite { display:block; text-indent:-1000em; }


/**
 * Main menu
 */



div#head .mainmenu { position:absolute; top:0; left:0; margin:154px 0 0 5px; }
div#head .mainmenu dl dt { display:none; }
div#head .mainmenu dl dd { float:left; height:32px; background-position:0 0; background-repeat:no-repeat; }
div#head .mainmenu dl dd a { color:white; display:block; height:32px; background-position:0 0; background-repeat:no-repeat; }
div#head .mainmenu dl dd a:hover { background-position:0 -32px; }
div#head .mainmenu dl dd.on a, 
div#head .mainmenu dl dd.on a:hover { background-position:0 -64px; }
div#head .mainmenu dl dd a span { display:none; }
div#head .mainmenu dl dd.mm1 a { background-image:url(images/mainmenu/mm1.png); width:86px; }
div#head .mainmenu dl dd.mm2 a { background-image:url(images/mainmenu/mm2.png); width:152px; }
div#head .mainmenu dl dd.mm3 a { background-image:url(images/mainmenu/mm3.png); width:201px; }
div#head .mainmenu dl dd.mm4 a { background-image:url(images/mainmenu/mm4.png); width:107px; }
div#head .mainmenu dl dd.mm5 a { background-image:url(images/mainmenu/mm5.png); width:174px; }
div#head .mainmenu dl dd.mm6 a { background-image:url(images/mainmenu/mm6.png); width:86px; }
div#head .mainmenu dl dd.mm7 a { background-image:url(images/mainmenu/mm7.png); width:125px; }

/*
.head .mainmenu dl dd ul { display:none; position:absolute; bottom:0; left:0; z-index:2; margin:0 0 -22px 3px; }
*/
div#head .mainmenu dl dd ul { display:none; position:absolute; bottom:0; left:0; z-index:2; margin:0 0 -33px 3px; }
div#head .mainmenu dl dd.on ul { display:block; width:940px; }
div#head .mainmenu dl dd ul li { display:block; float:left; margin:0 30px 0 0; padding:0 0 0 0; }
div#head .mainmenu dl dd ul li a { background:none !important; color:#666; display:inline !important; font-size:12px; font-weight:bold; text-decoration:none; }
div#head .mainmenu dl dd ul li.on a,
div#head .mainmenu dl dd ul li a:hover { color:#000; }
div#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; }
*/



div#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; }
div#head .mainmenu dl dd ul li.on { background-position:0 -1px;}
div#head .mainmenu dl dd ul li.sm a {cursor:pointer; }
div#head .mainmenu dl dd ul li.sm a span { float: left; padding:13px 15px 4px 15px; width: auto; color: #003a7e; cursor:pointer;}
div#head .mainmenu dl dd ul li.on a  {cursor:pointer;}
div#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;}
div#head .mainmenu dl dd ul li.sm a:hover span { color: #0072BC ;  }

/**
 * Breadcrumb trail
 */

div#head .breadcrumb { position:absolute; top:0; left:0; margin:8px 0 0 0; font-size:11px; color:#005390; }
div#head .breadcrumb a { font-size:12px; color:#005390; font-weight:normal; }
div#head .breadcrumb .last { font-size:12px; color:#333; font-weight:bold; }


/**
 * Newsticker
 */

div#head #newsticker { display:none; position:absolute; top:0; left:0; margin:186px 0 0 0; width:700px; height:32px; overflow:hidden; }
div#head #newsticker .msg { position:absolute; top:0; left:0; width:700px; color:#005390; font-size:11px; padding:10px 10px; text-align:center; }
#start div#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:900px;padding-top:5px;}
.foot .navigation-sub dl div {float:left; width:20px; padding-top:0px;}
.foot .navigation-sub dl {float:left; width:160px;padding-right:20px; }
.foot .navigation-sub dl dd {padding:0; line-height: 14px;}
.foot .navigation-sub dl dd,
.foot .navigation-sub dl dd a { color:#6d8a9a; font-size:12px;line-height:1.5em; font-weight:500; }
.foot .navigation-sub dl dd a img { vertical-align: top; margin-right: 1px;}
* html .foot .navigation-sub dl dd a img { margin-bottom: 2px; }

.foot .legals { clear:left;color:#899da6;}
.foot .legals dl { width:900px;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-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 { 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 #slider-stage,
.bric-catalogbrowser .slider-hole { position:absolute; top:0; left:0; width:180px; height:134px; margin:25px 0 0 20px; }
.bric-catalogbrowser .slider-hole { margin:0; }
.bric-catalogbrowser #slider-stage { z-index:0; height:150px; overflow:hidden; }
.bric-catalogbrowser #slider-bg { z-index:0; position:absolute; top:0; left:0; width:180px; height:134px; background:#FFF; }
.bric-catalogbrowser .slider-actor { z-index: 1; position:absolute; top:6px; left:256px; height:122px; overflow:hidden; }
.bric-catalogbrowser .slider-actor a .slider-image { display: block; height:122px; margin-left:5px; overflow:hidden; }
.bric-catalogbrowser .slider-actor a .slider-title { display:block; margin-left:-30px; width:157px; text-align:center; font-size:9px; }
.bric-catalogbrowser .slider-hole { z-index:2; background:transparent url(images/bric-catalogbrowser/peephole-hole.png) 0 0 no-repeat; }
.bric-catalogbrowser .slider-go-left span,
.bric-catalogbrowser .slider-go-right span { position:absolute; top:0; z-index:2; width:40px; height:134px; margin:25px 0 0 0; background-position:50% 56px; background-repeat:no-repeat; cursor:pointer; }
.bric-catalogbrowser .slider-go-left span { background-image:url(images/bric-catalogbrowser/peephole-go-left.png); left:0; }
.bric-catalogbrowser .slider-go-right span { background-image:url(images/bric-catalogbrowser/peephole-go-right.png); right:0; }
.bric-catalogbrowser .slider-go-left span span,
.bric-catalogbrowser .slider-go-right span span { display:none; }

.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: none; 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; }
.col1 .subcol2 dt.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; position:relative; z-index:20;}
.middle-content .section { margin-bottom: 0px !important; margin-top:5px;}
.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; padding-bottom:16px; padding-top:20px;}
.section-accountdata .formpart2 { display: none; 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 input.hnumber { width: 58px; }
.section-accountdata .formpart1 label.hnumber { padding:0 10px; }
.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 .formpart1 input.city1 { width: 174px; }
.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; }

.kontaktformzusatztext { margin: 30px 10px 10px 160px; }


.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;}
.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 { width: 140px; float: left; line-height:21px; }
.section-login .loginbox .password { width: 140px; float: left; margin-left: 20px; line-height:21px; }
.section-login .loginbox .nopassword { clear:both; margin-bottom:0; }
.section-login .loginbox .newsletterLabel { display:block; font-size:12px; line-height:21px; width:509px; }

.section-login .loginbox-newsletter { overflow:hidden; margin: 0;}
.section-login .loginbox-newsletter input { vertical-align: middle; width:134px; }
.section-login .loginbox-newsletter label { display:block; font-size:12px; line-height:21px; width:330px; }
.section-login .loginbox-newsletter .cardnumber { width: 140px; float: left; line-height:21px; }
.section-login .loginbox-newsletter .password { width: 140px; float: left; margin-left: 20px; line-height:21px; }
.section-login .loginbox-newsletter .nopassword { clear:both; margin-bottom:0; }
.section-login .loginbox-newsletter .newsletterLabel { display:block; font-size:12px; line-height:21px; width:509px; }

.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 56px; }
.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:bold; top:0; left:0; width: 157px; overflow:hidden; margin:69px 0 0 0; text-align:center; font-size:12px; }
.section-account-cardstatus .card p.silver { color:#7a878d; }
.section-account-cardstatus .card p.gold { color:#ad7e00; }
.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-silver2.png) 50% bottom no-repeat; }
.section-account-cardstatus .card-gold { background: transparent url(../../../common/img/home/css/account-card-gold2.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-off2.png) 50% bottom no-repeat; }
.section-account-cardstatus .card-gold-off { background: transparent url(../../../common/img/home/css/account-card-gold-off2.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 .subnavHeading {color:#FFFFFF; padding:5px 0 5px 5px; display:block; font-weight:bold; background: #e0e0e0 url(../../../common/css/home/images/energie/subnavHeading.png) }
.subcol1 .subnavigation { background: url(../../../common/css/home/images/energie/bottom-bg2.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-x; 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: #e0e0e0 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: #e0e0e0 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: #f9f9f9;}
.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: 186px;
	 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;
     margin: 0;
     width: 220px;
     height: 190px;
     margin-bottom: 10px;
     margin-right: 20px;
}
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.title a:hover {
     color: #000000;
     text-decoration: underline;
}

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 a.st_button_wetter:hover {
	 text-decoration: none;
     background: url('../../../common/img/sideteaser/praktiker_wetter_sideteaser_hover.gif') no-repeat 0px 0px;
}
div.st div.title:hover {
     background: url('../../../common/img/sideteaser/st_headhover.png') no-repeat;
}
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;
     height: 100px;
     padding-left: 11px;
     font-family: Arial;
     font-size: 12px;
     font-weight: normal;
     color: #000000;
     line-height:14px;
}

div.st div.st_wetterteaser p {
	margin-bottom: 0px;
}

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: #0073B9;
}
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; }


/*** Header-Teaser ************************************************************/
div.ht {
     border: 0;
     margin: 0 0 10px 0;
     width: 540px;
     height: 138px;
     cursor: pointer;
}

div.ht div.title {
     border: 0;
     margin: 0;
     height: 24px;
     line-height: 24px;
     padding-left: 28px;
     font-family: Arial;
     font-size: 12px;
     font-weight: bold;
     color: #FFFFFF;
     vertical-align: middle;
}
div.ht div.title p {
     line-height: 24px;
}
div.ht div.title a,
div.ht div.title a:link,
div.ht div.title a:focus,
div.ht div.title a:hover,
div.ht div.title a:active {
     color: #FFFFFF;
     text-decoration: none;
}

a.ht_button {
     margin-top: 86px;
     display: block;
     margin-left: 28px;
     color: #fff200;
     font-family: Arial;
     font-size: 12px;
     font-weight: normal;
}

/*** LayerTeaser ************************************************************/

div.lt {
     float: right;
     width: 220px;
     height: 190px;
     background: url('../../../common/img/layerteaser2/bg.png') no-repeat;
}

div.lt div.lt_head {
     height: 35px;
}

div.lt div.lt_inner {
     width: 197px;
     height: 144px;
     margin-left: 12px;
}

div.lt div.lt_top div.lt_topnav {
     margin: 0;
	 padding: 0;
	 width: 197px;
     height: 15px;
	 text-align: center;
}

a.ltpgi,
a.ltpgi:link,
a.ltpgi:active,
a.ltpgi:visited {
     /*float: left;*/
	 display: inline-block;
     width: 8px;
     height: 8px;
	 margin: 0;
	 padding: 0;
     margin-left: 4px;
     margin-right: 4px;
     font-size: 1px;
     background: url('../../../common/img/layerteaser2/circles.png') no-repeat;
}
a.ltpgi:hover,
a.ltpgi_active {
     background: url('../../../common/img/layerteaser2/circles.png') -8px 0px no-repeat !important;
}

div.lt_nav_hide {
     display: none;
}

/*** Nav-Item ***/
div.lt a.lt_item,
div.lt a.lt_item:link,
div.lt a.lt_item:visited,
div.lt a.lt_item:active {
     position: relative;
     display: block;
	 padding-left: 10px;
	 width: 197px;
	 height: 26px;
	 line-height: 26px;
	 color: #333333;
	 font-family: Arial;
	 font-size: 12px;
	 font-weight: normal;
     text-decoration: none;
	 background: url('../../../common/img/layerteaser2/buttons.gif') 0px -84px no-repeat;
}
div.lt a.lt_item:hover {
     text-decoration: underline;
	 color: #FFF200;
	 background: url('../../../common/img/layerteaser2/buttons_hover.gif') 0px -84px no-repeat;
}

/*** Nav-Item (first) ***/
div.lt a.lt_item_first,
div.lt a.lt_item_first:link,
div.lt a.lt_item_first:visited,
div.lt a.lt_item_first:active {
    height: 27px;
	line-height: 27px;
    background: url('../../../common/img/layerteaser2/buttons.gif') 0px 0px no-repeat;    	
}
div.lt a.lt_item_first:hover {
     text-decoration: underline;
     color: #FFF200;
     background: url('../../../common/img/layerteaser2/buttons_hover.gif') 0px 0px no-repeat;
}

/*** Nav-Item (last) ***/
div.lt a.lt_item_last,
div.lt a.lt_item_last:link,
div.lt a.lt_item_last:visited,
div.lt a.lt_item_last:active {
    height: 27px;
    line-height: 26px;
    background: url('../../../common/img/layerteaser2/buttons.gif') 0px -42px no-repeat;        
}
div.lt a.lt_item_last:hover {
     text-decoration: underline;
     color: #FFF200;
     background: url('../../../common/img/layerteaser2/buttons_hover.gif') 0px -42px no-repeat;
}

/*** Nav-Item (only) ***/
div.lt a.lt_item_only,
div.lt a.lt_item_only:link,
div.lt a.lt_item_only:visited,
div.lt a.lt_item_only:active {
    height: 28px;
    line-height: 27px;
    background: url('../../../common/img/layerteaser2/buttons.gif') 0px -125px no-repeat;        
}
div.lt a.lt_item_only:hover {
     text-decoration: underline;
     color: #FFF200;
     background: url('../../../common/img/layerteaser2/buttons_hover.gif') 0px -125px no-repeat;
}

/*** Nav-Item (Spacer) ***/
div.lt div.lt_spacer {
     font: normal 1px/1px arial;
     background: #D7D7D7;
	 height: 1px;
}

/*** Hover-Box ***/
div#hvbox {
    display: none;
	position:absolute; 
	z-index: 999; 
	top: 0; 
	left: 0; 
	overflow:hidden;
    width: 277px;
    height: 351px;
    background: transparent url('../../../common/img/layerteaser2/hvbox.png') no-repeat;
}
div#hvboxInner {
    width: 277px;
    height: 351px;
    padding: 0px;
		margin: 0px;
}

div#hvbox div.inner {
	margin-left: 8px;
	margin-top: 8px;
	width: 235px;
	height: 331px;
}

div#hvbox div.inner div.text {
	padding-top: 236px;
	text-align: center;
}

div#hvbox div.inner div.top {
	width: 235px;
	height: 260px;
    font-family: Arial;
	font-size: 14px;
    font-weight: bold;
    color: #333333;	
}

div#hvbox div.inner div.links {
    width: 235px;
    height: 42px;
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
	color: #333333;
	background: url('../../../common/img/layerteaser2/hvbox_bullets.png') 5px 0px no-repeat;
	line-height: 14px;
}
div#hvbox div.inner div.links a {
	text-decoration: none;
	color: #0072bc;	
}

div#hvbox div.inner div.bottom {
    width: 235px;
    height: 29px;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    color: #333333; 
}

div.ln_left {
	float: left;
	margin-left: 5px;
	margin-top: 13px;
	width: 134px;
}
div.ln_right {
    float: left;
	margin-top: 13px;	
}
div.bn_left {
    float: left;
    margin-left: 5px;
    margin-top: 9px;
    width: 191px;
	text-align: center;
}
div.bn_right {
    float: left;
    margin-top: 7px;   
}
div.bn_right a {
    display: block;
	width: 17px;
	height: 18px;
	background: url('../../../common/img/layerteaser2/hvbox_button.png') no-repeat;	
	
}

div#hvbox .inner	   { position:relative; }
div#hvbox .catalog-tag-container { position:absolute; padding:5px; }
div#hvbox .catalog-tag { width:90px; height:22px; float:left; background-repeat:no-repeat; }
		
div#hvbox .catalog-tag-building 	{ background-image:url(../../../common/img/layerteaser2/catalog-tag-building.png); }
div#hvbox .catalog-tag-electricity 	{ background-image:url(../../../common/img/layerteaser2/catalog-tag-electricity.png); }
div#hvbox .catalog-tag-garden 		{ background-image:url(../../../common/img/layerteaser2/catalog-tag-garden.png); }
div#hvbox .catalog-tag-living 		{ background-image:url(../../../common/img/layerteaser2/catalog-tag-living.png); }
div#hvbox .catalog-tag-sanitary 	{ background-image:url(../../../common/img/layerteaser2/catalog-tag-sanitary.png); }
div#hvbox .catalog-tag-tools 		{ background-image:url(../../../common/img/layerteaser2/catalog-tag-tools.png); }

/*** Teaserboard ***/
/*** TeaserBoard-Items ********************************************************/
div.tb_item {
     width: 234px;
     height: 100px;
}

div.tb_item div.title {
     padding-top: 9px;
     margin-left: 28px;
     height: 18px;
     color: #333333;
     font-size: 12px;
     font-weight: bold;
     font-family: Arial;
}

div.tb_item div.title a,
div.tb_item div.title a:link,
div.tb_item div.title a:focus,
div.tb_item div.title a:active {
     color: #333333;
     text-decoration: none;
}
div.tb_item div.title a:hover {
    color: #FFFFFF;
	text-decoration: underline;
}
div.tb_item:hover div.title a,
div.tb_item:hover div.text,
div.tb_item div.title a:hover {
    color: #FFFFFF;		
}

div.tb_item div.title a.title_white,
div.tb_item div.title a.title_white:link,
div.tb_item div.title a.title_white:visited,
div.tb_item div.title a.title_white:active,
div.tb_item div.title a.title_white:hover {
    color: #FFFFFF;
}

   

div.tb_item div.text {
     width: 218px;
	 height: 50px; 
	 padding-left: 16px;
     padding-top: 21px;
     color: #333333;
     font-size: 11px;
     font-weight: normal;
     font-family: Arial;
	 cursor: pointer;
}

/*** Teaserboard ***/
div#teaserboard {
     height: 100px;
}
div#teaserboard div.tb_item {
     float: left;
}
div#teaserboard div.tb_spacer {
     float: left;
     width: 1px;
     height: 100px;
     background: #E0E0E0;
}

div.tb_item a.ti {
     display: block;
     width: 234px;
     height: 100px;
     text-decoration: none;
}

div.tb_item a.ti:hover div.title {
     text-decoration: underline;

}
div.tb_item:hover {
    background-position: 0px -100px;	
}

div.contentbottom {
	width: 940px;
	padding-top: 10px;
	clear: both;	
}

/*** Teaserboard END ***/

/*** Skyscraper ***************************************************************/
div.sci {
    width: 220px;	
    margin-bottom: 10px;
}

div.sci div.sci_head {
    width: 220px;   
	height: 35px;
	background: url('../../../common/img/skyscraper/head.png') no-repeat;
}

div.sc_item {
     cursor: pointer;
     width: 220px;
     height: 116px;
}

div.sc_item:hover div.text {
     color: #FFFFFF;
}

div.sc_item div.text {
     padding-left: 10px;
     padding-top: 32px;
     font-family: Arial;
     font-size: 12px;
     line-height: 14px;
     font-weight: normal;
     color: #333333;
}

div.sc_item:hover {
    background-position: 0px -116px;	
}

div.sc_item div.sc_wetterteaser {
     padding-left: 10px;
     padding-top: 5px;
     font-family: Arial;
     font-size: 12px;
     line-height: 14px;
     font-weight: normal;
     color: #0073B9;
}
div.sc_item div.sc_wetterteaser div.titel {
     font-weight: bold;
}

div.sc_item div.sc_wetterteaser .wetterteaser_gradzahl {
	float:left;
	font-size:34px;
	font-weight:bold;
	margin-left:14px;
	margin-top:19px;
	line-height: 30px;
}

div.sc_item div.sc_wetterteaser .wetterteaser_icon {
	margin-left:108px;
	margin-top:10px;
}
div.sc_item div.sc_wetterteaser .wetterteaser_link {
	color:#0073B9;
	font-size:11px;
	margin-left:3px;
	margin-top:3px;
	text-decoration:underline;
}


div.tb_item div.tb_wetterteaser {
     padding-left: 10px;
     padding-top: 5px;
     font-family: Arial;
     font-size: 12px;
     line-height: 14px;
     font-weight: normal;
     color: #0073B9;
}
div.tb_item div.tb_wetterteaser div.titel {
     font-weight: bold;
}

div.tb_item div.tb_wetterteaser .wetterteaser_gradzahl {
float:left;
font-size:34px;
font-weight:bold;
margin-left:19px;
margin-top:32px;
line-height: 30px;
}
div.tb_item div.tb_wetterteaser .wetterteaser_icon {
margin-left:118px;
margin-top:22px;
}
div.tb_item div.tb_wetterteaser .wetterteaser_markt {
float:left;
font-size:11px;
margin-left:7px;
margin-top:4px;
}

div.tb_item div.tb_wetterteaser .wetterteaser_link {
color:#0073B9;
font-size:11px;
margin-left:152px;
margin-top:4px;
text-decoration:underline;
}
/*** Skyscraper END ***/

/*** hero-teaser **************************************************************/

div.hero {
     height: 297px;
     width: 700px;
     margin-bottom: 3px;
     background: #ffffff bottom no-repeat;
     position: relative;
}

div.hero div.content {
	 margin: 0;
	 padding: 0;
	 width: 700px;
	 height: 297px;
	 overflow: hidden;
}
div.hero div.content div.content_inner {
	 width: 700px;
	 height: 297px;
     margin: 0;
     padding: 0;	 
}
div.content_hide {
    display: none;	
}

div.hero div.nav {
     height: 48px;
     width: 700px;
     position: absolute;
     top: 249px;
     background: transparent none;
}
div.hero div.nav div.ht_buttons_left {
	height: 31px;
	padding-left: 27px;
	padding-top: 11px;
	float: left; 	
}
div.hero div.nav div.ht_buttons_right {
    height: 31px;
    padding-right: 24px;
    padding-top: 6px;  
}

div#site_buttons {
	float: left;
}

a.ht_button_more {
     float: right;
     margin-right: 6px;
     height: 27px;
     width: 66px;
     background: url('../../../common/img/hero-teaser/btn_more2.gif') 0px 0px  no-repeat ;
}
a.ht_button_more:hover {
    background: url('../../../common/img/hero-teaser/btn_more2.gif') 0px -27px  no-repeat ;	
}

a.ht_buttonnew {
     display: block;
	 float: left;
	 margin-right: 6px; 
     height: 20px;
     width: 20px;
}

a.btn_active {
	background-position: -40px 0 !important;
}

a#btn_1 {
    background: url('../../../common/img/hero-teaser/btn_1.gif') no-repeat; 
}
a#btn_2 {
    background: url('../../../common/img/hero-teaser/btn_2.gif') no-repeat; 
}
a#btn_3 {
    background: url('../../../common/img/hero-teaser/btn_3.gif') no-repeat; 
}
a#btn_4 {
    background: url('../../../common/img/hero-teaser/btn_4.gif') no-repeat; 
}
a#btn_5 {
    background: url('../../../common/img/hero-teaser/btn_5.gif') no-repeat; 
}
a#btn_6 {
    background: url('../../../common/img/hero-teaser/btn_6.gif') no-repeat; 
}
a#btn_7 {
    background: url('../../../common/img/hero-teaser/btn_7.gif') no-repeat; 
}
a#btn_8 {
    background: url('../../../common/img/hero-teaser/btn_8.gif') no-repeat; 
}
a#btn_prev {
    background: url('../../../common/img/hero-teaser/buttons.gif') 0 0 no-repeat; 
}
a#btn_next {
    background: url('../../../common/img/hero-teaser/buttons.gif') 0 -20px no-repeat; 
}

a#btn_1:hover,
a#btn_2:hover,
a#btn_3:hover,
a#btn_4:hover,
a#btn_5:hover,
a#btn_6:hover,
a#btn_7:hover,
a#btn_8:hover {
	background-position: -20px;
}

a#btn_prev:hover {
    background-position: -20px 0;	
}
a#btn_next:hover {
    background-position: -20px -20px;
}
/*** hero-teaser END**************************************************************/

#ad {position: relative; diplay: block; margin-bottom: 10px;}
#ad ul {position: absolute; z-index:1; top:156px; left:35px; list-style-image:none; list-style-position:outside; list-style-type:none;}
#ad ul.optionpanel {
  background: url(/praktiker_de_static/mein_praktiker/img/optionpanel_klein.png) no-repeat top left;
  overflow: hidden;
  height: 38px;
  width: 230px;
}
#ad ul li { 
background:transparent url(/praktiker_de_static/css/images/current-ads/optionpanel-link.png) no-repeat scroll right top;
display:inline;
text-align: right;
font-size:12px;
line-height:12px;
padding-right: 12px;
margin: 10px 12px;
float: left;
height: 15px;
}
#ad ul li a {color:white; font-weight:bold; text-decoration:none;}
#ad ul li a:hover {color:white; font-weight:bold; text-decoration:underline;}

/* Angebotsreiter *************************************************************/
div#agr {
    width: 940px;
    margin-bottom: 5px;
}
div.agr_buttons {
	padding-left: 6px;
	height: 30px;
	margin-bottom: 4px;
	overflow: hidden;
}
div#agr div.agr_buttons {
	background: url('../../../common/img/angebotsreiter/agr_bg.png') no-repeat;
}
div.agr_buttons a.button {
	/*overflow:hidden;*/
	/*display: block;*/
    float: left;
	height:31px;
}
div.agr_buttons a.button img {
	margin-top:0;
	border:0 none;
}
div.agr_buttons a:hover img {
	margin-top:-31px;
}
div#agr_reiter a.button {
	height:30px;
}
div#agr_reiter a.close {
	padding-right:5px;
	height:31px;
}
div#agr_reiter a:hover img {
	margin-top:-30px;
}
div#agr_reiter a.close:hover img {
	margin-top:-31px;
}
div#agr_reiter div.agr_buttons a.hide {
	display:none;
}

/* Reiter *********************************************************************/
div.agr_reiter {
     width: 940px;
}
div#agr_reiter div.background {
    padding-top: 1px;
    height: 162px;
}

div#agr_reiter div.background a.ansehen {
     margin-right: 8px;
     margin-top: 128px;
     display: block;
     float: right;
     height:23px;
     width:129px;
     background-repeat:no-repeat;
     background-position:0px 0px;
}

div#agr_reiter div.background a.ansehenFullSize {
     margin-right: 0px;
     margin-top: 0px;
     display: block;
     float: right;
     height:162px;
     width:940px;
     background-repeat:no-repeat;
     background-position:0px 0px;
     background-image: none !important;
}

div#agr_reiter div.background a.ansehen:hover {
     background-position:0px -23px;
}

.hide_ag {
	display:none;
}
/*** Angebotsreiter END ***/

/*** vorlaeufige Karte Start ***/
a.vk_button {
     display: block;
     width: 206px;
     height: 41px;
     background: url('../../../common/img/buttons/btn_vorlaufkarte_norm2.png') no-repeat 0px 0px;
}

a.vk_button:hover {
	 text-decoration: none;
     background: url('../../../common/img/buttons/btn_vorlaufkarte_hover2.png') no-repeat 0px 0px;
}
/*** vorlaeufige Karte End ***/





 /**
 * Karte Content 
 */
.praktikerkarte {height: 526px; width: 940px !important; overflow:hidden;}
.content-karte {font-size: 12px; color: black; background-image: url(../../../common/img/backgrounds/bg.jpg);height: 523px;background-repeat: no-repeat; width:940px;}
.karte-footer {
	background-image:url("../../../common/img/backgrounds/footer.png");
	background-repeat:no-repeat;
	height:88px;
	position:relative;
	top:-363px;
	width:940px;
	z-index:10;
}
.mp-karte-footer {
	background-image:url("../../../common/img/backgrounds/footer-right.png");
	background-repeat:no-repeat;
	height:90px;
	left:805px;
	position:relative;
	top:-10px;
	width:166px;
	z-index:10;
}
.mp-karte-footer-left {
	background-color:#1782C7;
	float:left;
	height:39px;
	position:relative;
	top:39px;
	width:805px;
}
.mp-karte-footer .agb-link {
	left:-58px;
	position:relative;
	top:20px;
}
.mp-karte-footer .faq-link {
	left:-51px;
	position:relative;
	top:21px;
}

.pk-info {
position:relative;
top:-659px;
z-index:10;
}
.pk-start {
position:relative;
top:-566px;
}
.content-karte .middle-content {padding-left: 35px; background-image: url(../../../common/img/backgrounds/stage_klein.gif); height: 524px; position:relative;top: -283px;left: 193px;width: 723px; background-repeat: no-repeat;}
.content-karte .middle-content .headline { padding-top:34px;}
.content-karte .vorteil-karte {postition: relative; top:-584px; ! important;}
.content-karte .middle-content .whitebox {height: 109px;width: 406px;position:relative;top: 113px; left: 319px;height: 284px;background-color: white;}
.content-karte .middle-content .whitebox img{margin-top: 20px;margin-left: 21px;}
.content-karte .middle-content .whitebox p{ color:#60A9D9;font-size:12px;line-height:15px;margin-left:22px;margin-top:10px;}
.content-karte .praktiker-karte-start { z-index:11;background-image:url("../../../common/img/misc/praktiker_karten_startseite1.png"); width:381px;height: 337px;background-repeat: no-repeat; position: relative; top:-3px;}
/*.content-karte .praktiker-karte-vorteil {background-image:url("../../../common/img/misc/karten_vorteilsprogramm1.png");background-repeat:no-repeat;height:306px;position:relative;top:20px;width:339px;z-index:2;}*/
.content-karte .praktiker-karte-vorteil {background-image:url("../../../common/img/misc/praktiker_karten_startseite1.png");background-repeat:no-repeat;height:299px;position:relative;top:-15px;width:381px;z-index:12;left:-50px;}

.contentnavi { margin-left:7px; padding-top:9px; }
.contentnavi dl dt { display:none; }
.contentnavi dl dd { height:33px; background-position:0 0; background-repeat:no-repeat; }
.contentnavi dl dd a { color:white; display:block; height:33px; background-position:0 0; background-repeat:no-repeat; }
.contentnavi dl dd a:hover { background-position:0 -40px; }
.contentnavi dl dd.on a, 
.contentnavi dl dd.on a:hover { background-position:0 -64px; }
.contentnavi dl dd a span { display:none; }
.contentnavi dl dd.cn1 a { background-image:url(images/contentnavi/cn1.gif); width:193px; background-repeat: no-repeat; }
.contentnavi dl dd.cn2 a { background-image:url(images/contentnavi/cn2.gif); width:193px; background-repeat: no-repeat; }
.contentnavi dl dd.cn3 a { background-image:url(images/contentnavi/cn3.gif); width:193px; background-repeat: no-repeat; }
.contentnavi dl dd.cn5 a { background-image:url(images/contentnavi/cn5.gif); width:193px; background-repeat: no-repeat; }

.contentnavi .cn4 { background-image:url(images/contentnavi/cn4.png); width:196px; height: 133px; background-repeat: no-repeat; }
.contentnavi .cn4 input { color: #666666; position:relative; top: 34px; left: 15px; margin-top: 5px;}
.contentnavi .cn4 img { position:relative; top: 39px; left: 15px;}
.contentnavi .cn4 .pw {position:relative; top: 34px; left: 15px; margin-top: 5px; font-size:11px; line-height: 15px;}
.contentnavi .cn4 .pw a{text-decoration: underline; color: #FFFFFF;}
.contentnavi .cn4 .pw a{background-image: none;}
.contentnavi .cn4 img{background-image: none;}
.contentnavi .cn4 .plusbox{margin-top:0px; position:relative; top: 39px;}



.contentnavi dl dd.on a, 
.contentnavi dl dd.on a:hover { background-position:0 -40px; }
.contentnavi dl dd ul li.on a,
.contentnavi dl dd ul li a:hover { color:#000; }
.contentnavi dl dd ul li.on a  {cursor:pointer;}
 
 /** Content Navigation Horizontal*/
.contentnavi-horizontal { position:relative; top:0; left:10px; margin:0px 0 0 10px; }
.contentnavi-horizontal dl dt { display:none; }
.contentnavi-horizontal dl dd { height:33px; background-position:0 0; background-repeat:no-repeat; float: left;}
.contentnavi-horizontal dl dd a { color:white; display:block; height:47px; background-position:0 0; background-repeat:no-repeat; }
.contentnavi-horizontal dl dd a:hover { background-position:0 -49px; }
.contentnavi-horizontal dl dd.on a, 
.contentnavi-horizontal dl dd.on a:hover { background-position:0 -50px; }
.contentnavi-horizontal dl dd a span { display:none; }
.contentnavi-horizontal dl dd.cnh1 a { background-image:url(../../../common/img/navigation/reiter_mein_praktiker1.gif); width:177px; background-repeat: no-repeat; float:left;}
.contentnavi-horizontal dl dd.cnh2 a { background-image:url(../../../common/img/navigation/reiter_einkaeufe1.gif); width:177px; background-repeat: no-repeat; float:left;}
.contentnavi-horizontal dl dd.cnh3 a { background-image:url(../../../common/img/navigation/reiter_exklusiv_vorteil1.gif); width:177px; background-repeat: no-repeat; float:left;}
.contentnavi-horizontal dl dd.cnh4 a { background-image:url(../../../common/img/navigation/reiter_gewinnspiel1.gif); width:177px; background-repeat: no-repeat; float:left;}
.contentnavi-horizontal dl dd.cnh5 a { background-image:url(../../../common/img/navigation/reiter_abmelden1.gif); width:177px; background-repeat: no-repeat; }

.contentnavi-horizontal dl dd.on a, 
.contentnavi-horizontal dl dd.on a:hover { background-position:0 -49px; }
.contentnavi-horizontal dl dd ul li.on a,
.contentnavi-horizontal dl dd ul li a:hover { color:#000; }
.contentnavi-horizontal dl dd ul li.on a  {cursor:pointer;}
 
  /**
 * Karte Content Startseite
 */ 
 
.content-karte .middle-content-start {position:relative;top: -560px;left: 215px;width: 724px;}
.content-karte .middle-content-start .whitebox {height: 109px;width: 406px;position:relative;top: 113px; left: 319px;height: 284px;background-color: white;}
.content-karte .middle-content-start .whitebox img{margin-top: 20px;margin-left: 21px;}
.content-karte .middle-content-start .whitebox p{ color:#007BC2;font-size:12px;line-height:15px;margin-left:22px;margin-top:10px;}

 /**
 * Karte Content Vorteils-Programm
 */
.content-karte .middle-content .row1 {position:relative; top:0px; left:0px; float:left; width:246px;}
.content-karte .middle-content .row2 {position:relative; top:0px; left:15px; float:left; width: 246px; }
.content-karte .middle-content .row3 {position:relative; top:10px; left:0px; width: 246px;}
.content-karte .middle-content .row4 {float:right;left:-34px;position:relative;top:-115px;width:264px;}
.content-karte .middle-content .innercontent {margin-left:3px; margin-top: 10px; width: 660px;}
.content-karte .middle-content .boxes {margin-left:95px; margin-top: 30px;}
.content-karte .middle-content .innercontent .boxes p {color:#007BC2;font-size:12px;line-height:15px;padding-top:5px;}
/*.content-karte .middle-content .innercontent p {color:#007BC2;font-size:12px;line-height:15px;padding-top:5px;}*/
  
 /**
 * ScrollArea
 */  
 
.innercontent .jScrollPaneDrag {background:url(../../../common/img/navigation/scrollbutton.png) no-repeat scroll 0 0 transparent;}
.innercontent .jScrollPaneTrack {background:url(../../../common/img/navigation/linie.png) repeat-y scroll 5px 0 transparent;}
.innercontent .jScrollPaneContainer{  width: 100px;}

 
.middle-content .jScrollPaneDrag {background:url(../../../common/img/navigation/scrollbutton.png) no-repeat scroll 0 0 transparent;}
.middle-content .jScrollPaneTrack {background:url(../../../common/img/navigation/linie.png) repeat-y scroll 5px 0 transparent;}
.middle-content .jScrollPaneContainer{  width: 100px;}

.content .jScrollPaneDrag {background:url(../../../common/img/navigation/scrollbutton.png) no-repeat scroll 0 0 transparent;}
.content .jScrollPaneTrack {background:url(../../../common/img/navigation/linie.png) repeat-y scroll 5px 0 transparent;}
.content .jScrollPaneContainer{  width: 100px;}


.transparent-layer {background-color:white; opacity: .7; ;display:inline-block;height:321px;margin-left:-1px;top:-320px;position:relative;width:593px;z-index:999;}
.transparent-layer span {display:none;}
.exklusiv-vorteil-schild1 {
float:left;
height:250px;
margin-left:55px;
margin-top:-575px;
position:relative;
width:250px;
z-index:999;
}.exklusiv-vorteil-schild2 {
margin-left:302px;
margin-top:-512px;
position:relative;
z-index:999;
width: 280px;
} 
 /**
 * Reiternavigation
 */
.reiternavi{  background-image:url(../../../common/img/navigation/reiter_schritt_1.png); width:706px; height: 60px; background-repeat: no-repeat;  position:relative;  margin-left: -17px;}
#button0{  float: left;  margin: 20px;  margin-left: 28px;  font-size:14px;  cursor:pointer;}
#button1{  float: left;  margin-left: 61px;  margin-top: 20px;  cursor:pointer;}
#button2{  margin-left: 85px;  margin-top: 20px;  float:left;  cursor:pointer;}
.tabText{  color: #006FB9;  font-weight: bold;}

 /**
 * Layer in Reiternavigation
 */
.ges-contentlayer {background-color:white;height:308px;margin-left:-17px;margin-top:0;padding-left:18px;width:690px;}

 /**
 * Formular
 */
.formpart1 dt, .section-accountdata .formpart2 dt, .section-accountdata .dataprivacy-box dt {clear:both;float:left;line-height:28px;margin-right:10px;width:150px;}
.formpart1 dd, .section-accountdata .formpart2 dd, .section-accountdata .dataprivacy-box dd {float:left;line-height:29px;width:380px;}
.formpart1 dd, .section-accountdata .formpart2 dd, .section-accountdata .dataprivacy-box dd label {font-weight: bold;}

.formpart1 dt .mandatory {font-weight: bold;}
.formpart2 dt .mandatory {font-weight:bold;}

.section-accountdata .formpart1 span.cardnumber {color: black;}

.formcolor {color:#007BC2;}
div#lay1 {font-family:Arial;font-size:12px;font-weight:normal;height:330px;margin:0;padding:0 20px 0 0;width:720px;}
div#lay1 ol {margin-left:10px;padding-left:10px;margin-top: 10px;list-style: decimal;}
div#lay1 ol li {margin-bottom:10px;}
div#lay1 .headline {color: #007BC2;}


.content-karte .content {padding-left: 20px; background-image: url(../../../common/img/backgrounds/stage_gross.png); height: 445px; position:relative;top: 44px;left: 19px;width: 890px;background-repeat:no-repeat;}
.content-karte .content .headline { padding-top:15px;color:#1782c7; font-size:14px;font-weight:bold;line-height:20px;}
.content-karte .content .innercontent .mein-praktiker-content{  width: 400px; line-height: 14px;}

.mein-praktiker-content .boxes {width: 400px; margin-top: 20px;line-height:16px;}
.mein-praktiker-content .boxes .col1-r, .col1-l, .col2-r, .col2-l{float:left; }
.mein-praktiker-content .boxes .col2-l, .col2-r{margin-top: 20px;}
.mein-praktiker-content .boxes .col1-l{width: 208px; margin-right: 15px;}
.mein-praktiker-content .boxes .col1-r{width: 167px;}
.mein-praktiker-content .boxes .col2-l{width: 208px; margin-right: 15px;}
.mein-praktiker-content .boxes .col2-r{width: 167px;}

.mein-praktiker-content table {width: 164px;}
.mein-praktiker-content table th {font-weight:normal; text-align:left;}
.mein-praktiker-content table td {font-weight:bold;  text-align:right;}

.mein-praktiker-content .meine-karte {margin-left: 430px; margin-top:111px;}
.meine-karte .carddata {position: absolute; width: 150px;}
.meine-karte .carddata_silver {background-image:url(../../../common/img/misc/karten_mein_praktiker-silber.gif);  background-repeat:no-repeat;  height:204px;  width:419px;}
.meine-karte .carddata_gold {background-image:url(../../../common/img/misc/karten_mein_praktiker2.gif);  background-repeat:no-repeat; height:204px;  width:419px;}
.meine-karte .carddata_gartenfreunde {background-image:url(../../../common/img/misc/karten_mein_praktiker-gartenfreunde.png);  background-repeat:no-repeat;  height:204px;  width:419px;}
.meine-karte .carddata_silver .info, .carddata_gold .info, .meine-karte .carddata_gartenfreunde .info{position:relative; text-align:center; top:125px; width:243px;}
.meine-karte .carddata_silver .info h2 {color:#1782C7;font-size:15px;}
.meine-karte .carddata_gold .info h2 {color: #1782C7;font-size:15px;}
.meine-karte .carddata_gartenfreunde .info h2 {color: #FFFFFF;font-size:15px;}

.content .daten-aendern {color: #1782c7; font-weight: bold;margin-right: 60px; margin-top:-17px; float:right; margin-bottom:10px;}
.content .daten-aendern2 {color: #1782c7; font-weight: bold;margin-right: 35px; margin-top:-17px; float:right;margin-bottom:10px;}

.content a {color: #1782c7;}

table.einkaeufe-th {width: 615px; background-color:white; border-spacing:0px; text-align:left; margin-top:10px}
table.einkaeufe-th th{background-color:#0083cb;color: white; vertical-align: middle;height:25px;}
table.einkaeufe-th .date{width:70px; padding-left:16px;}
table.einkaeufe-th .bon{width:60px;padding-left:3px;}
table.einkaeufe-th .markt{width:155px;padding-left:5px;}
table.einkaeufe-th .rabatt{width:105px;padding-left:4px;}
table.einkaeufe-th .umsatz{width: 105px;padding-left:3px;}
table.einkaeufe-th .karte{margin-left:10px;padding-left:5px;}


table.liste-einkaeufe {border-spacing:4px; border-collapse:separate;padding: 5px 0 0 10px; width:615px;}
table.liste-einkaeufe tr{margin-left:10px;}
table.liste-einkaeufe .date{width:70px;}
table.liste-einkaeufe .bon{width:60px;}
table.liste-einkaeufe .markt{width:155px;}
table.liste-einkaeufe .rabatt{width:105px;}
table.liste-einkaeufe .umsatz{width: 105px;}
table.liste-einkaeufe .karte{margin-left:10px;}

.linie-below{display:inline-block; border-bottom: 2px solid #0083CB; width:615px; height:2px;margin-top: -6px;}

/*.auszug-drucken{   display: inline-block;  position: relative;  top: -30px;  left: 410px;}
.auszug-drucken-link{   display: inline-block;  background-image: url(../../../common/img/buttons/btn_konto_norm.png);  background-repeat: no-repeat;  width: 204px;  height: 41px;  }
.auszug-drucken-link:hover{  display: inline-block;  background-image: url(../../../common/img/buttons/btn_konto_hover.png);  background-repeat: no-repeat;  width: 204px;  height: 41px;}
*/

.auszug-drucken a {  background-image:url(../../../common/img/buttons/btn_konto_norm.png);  background-repeat:no-repeat;  display:inline-block;  height:41px;  width:204px;  cursor: pointer;}
.auszug-drucken {  display:inline-block;  left:410px;  position:relative;  top:-30px;  cursor: pointer;  z-index:100;}
.auszug-drucken a:hover {  display: inline-block;   background-image: url(../../../common/img/buttons/btn_konto_hover.png);  background-repeat: no-repeat;  width: 204px;   height: 41px;}

.innercontent .exlusiv{width:600px;margin-top:10px; margin-bottom:40px;}
.innercontent .exklusiv-banner-right{margin-top:80px;}
.scrollArea {float:left; margin-right:30px;}


 /**
 * Gewinnspiel
 */
 
.gewinnspiel-content{  width:332px;  float:left;} 
.gewinnspiel-img{  position:relative;  top: -55px; }

.teilnehmen{ display: inline-block;z-index:2; position:relative;  top:30px;  left:0px; cursor: pointer;  z-index:100;}
.teilnehmen a{ display: inline-block;  background-image: url(../../../common/img/buttons/btn_teilnehmen_norm.png);  background-repeat: no-repeat;width: 170px;height: 41px;  cursor: pointer;}
.teilnehmen a:hover{display: inline-block;background-image: url(../../../common/img/buttons/btn_teilnehmen_hover.png); background-repeat: no-repeat;width: 170px;height: 41px;}

.exklusiv-vorteile{display: inline-block; position:relative; top:5px; left:20px; cursor: pointer; z-index:99;}
.exklusiv-vorteile a{ display: inline-block;background-image: url(../../../common/img/buttons/btn_start_norm.png);background-repeat: no-repeat;width: 320px;height: 48px;cursor: pointer;}
.exklusiv-vorteile a:hover{display: inline-block;background-image: url(../../../common/img/buttons/btn_start_hover.png);background-repeat: no-repeat;width: 320px;height: 48px;}

.row4 .exklusiv-vorteile{  display: inline-block;   position:relative;  top:0px;  left: 0px;}

/**
* Passwort vergessen
*/
.headline-text {color:#1782C7;font-size:20px;}

.col4 .sent {background:url("../../../gklogin/img/submit-simple-button.png") no-repeat scroll 0 0 transparent;border:0 none;display:block;height:20px;width:140px;}
.col4 .sent span{	display:none;}
	
.section-login {width: 666px;}
.col4 .subcol1 p {color:#333333;font-size:12px;line-height:14px;margin-bottom:12px;}
.col4 .login {background:url("../../../common/img/home/css/login-button-bg.png") no-repeat scroll 0 0 transparent;border:0 none;display:block;height:20px;width:140px;}
.bordertable { border-left: 2px solid #0083CB;  border-right: 2px solid #0083CB;  height: 270px;
  width: 611px;
  background-color: white;
}
.boxed-inner {color:white;padding:6px 0;}
.dataprivacy-box a {color: white;text-decoration: underline;}
.boxed-inner-blue {	background-color: #1782C7; zoom: 1;}
	
.text-white {color: white;}
.text-black {color:black;}

#mp-layer1{width: 400px;height: 340px;}
/*#mp-layer2{width: 400px;height: 340px;background-color: red;}
#mp-layer3{width: 400px;height: 340px;background-color: blue;}
#mp-layer4{width: 400px;height: 340px;background-color: black;}
#mp-layer5{width: 400px;height: 340px;background-color: pink;}
#mp-layer6{width: 400px;height: 340px;background-color: yellow;}*/
.meine-karte {left:445px;top:246px;position:absolute;}

.zurueck{ display: inline-block;}
.zurueck a{display: inline-block;background-image: url(../../../common/img/buttons/btn_zurueck.gif);background-repeat: no-repeat;width: 102px;height: 43px;}
.zurueck a:hover{display: inline-block; background-position: 0px -42px;}
.vor-zurueck {clear: both;}
	
.weiter{display: inline-block;    float: right;}
.weiter a{display: inline-block; background-image: url(../../../common/img/buttons/btn_weiter.gif);  background-repeat: no-repeat; width: 102px;  height: 43px;}
.weiter a:hover{display: inline-block;  background-position: 0px -42px;}

.reiter3 {position: relative;top: 150px;left: -164px;}

.abschicken{display: inline-block;    float: right;}
.abschicken a{display: inline-block; background-image: url(../../../common/img/buttons/btn_abschicken_norm.png);  background-repeat: no-repeat; width: 133px;  height: 41px;}
.abschicken a:hover{display: inline-block;  background-image: url(../../../common/img/buttons/btn_abschicken_hover.png); }

.karte-footer .footer-links {display: inline-block;  width: 200px; left:725px;margin-left:16px;position:relative;right:0;top:40px;}

.karte-footer .pdf-link {background-image:url(../../../common/img/misc/pdf_icon.png);  background-repeat:no-repeat;  left:286px;  position:absolute;  top:60px;  color: white;}
.karte-footer .pdf-link span{margin-left:20px;}
.karte-footer .pdf-link a {text-decoration: none;  color: white;}
.karte-footer .pdf-link a:hover{text-decoration: underline;}
.karte-footer .agb {left:230px;}

.agb-link{float:left;display: inline-block; position:relative;top:20px;left:20px;cursor: pointer;}
.agb-link a{ display: inline-block;background-image: url(../../../common/img/navigation/agb.png);background-repeat: no-repeat;width: 49px;height: 16px;cursor: pointer;}
.agb-link a:hover{display: inline-block;background-image: url(../../../common/img/navigation/agb_hover.png);background-repeat: no-repeat;width: 49px;height: 16px;}

.faq-link{display: inline-block; position:relative;top:21px;left:20px;cursor: pointer;}
.faq-link a{ display: inline-block;background-image: url(../../../common/img/navigation/faq.png);background-repeat: no-repeat;width: 102px;height: 16px;cursor: pointer;}
.faq-link a:hover{display: inline-block;background-image: url(../../../common/img/navigation/faq_hover.png);background-repeat: no-repeat;width: 102px;height: 16px;}

.btn_absenden{display: inline-block;margin-left:30px;margin-top:9px;}
.btn_absenden a{display: inline-block; background-image: url(../../../common/img/buttons/btn_absenden.gif);  background-repeat: no-repeat; width: 124px;  height: 43px;}
.btn_absenden a:hover{display: inline-block;  background-position: 0px -42px;}

.btn_login {display:inline-block;margin-left:20px;margin-top:10px; float:left;}
.btn_login a{display: inline-block; background-image: url(../../../common/img/buttons/btn_login.gif);  background-repeat: no-repeat; width: 89px;  height: 43px;}
.btn_login a:hover{display: inline-block;  background-position: 0px -42px;}

.btn_kennwort-anfordern {display:inline-block;margin-top:10px; float:left;}
.btn_kennwort-anfordern a{display: inline-block; background-image: url(../../../common/img/buttons/btn_kennwort-anfordern.gif);  background-repeat: no-repeat; width: 192px;  height: 43px;}
.btn_kennwort-anfordern a:hover{display: inline-block;  background-position: 0px -42px;}

.btn_newsletter-abonnieren {display:inline-block;margin-top:10px; float:left;}
.btn_newsletter-abonnieren a{display: inline-block; background-image: url(../../../common/img/buttons/btn_vk-nl-abonnieren.gif);  background-repeat: no-repeat; width: 240px;  height: 43px;}
.btn_newsletter-abonnieren a:hover{display: inline-block;  background-position: 0px -42px;}

.btn_karte-beantragen {display:inline-block;margin-top:10px; float:left;}
.btn_karte-beantragen a{display: inline-block; background-image: url(../../../common/img/buttons/btn_karte-beantragen.gif);  background-repeat: no-repeat; width: 240px;  height: 43px;}
.btn_karte-beantragen a:hover{display: inline-block;  background-position: 0px -42px;}


.btn_abbrechen {display:inline-block;margin-left:0px;margin-top:10px; float:left;}
.btn_abbrechen a{display: inline-block; background-image: url(../../../common/img/buttons/btn_karte-beantragen.gif);  background-repeat: no-repeat; width: 129px;  height: 43px;}
#mp-layer2 .btn_abbrechen a{display: inline-block; background-image: url(../../../common/img/buttons/btn_abbrechen.gif) !important;  background-repeat: no-repeat; width: 129px;  height: 43px;}
.btn_abbrechen a:hover{display: inline-block;  background-position: 0px -42px;}

.btn_speichern {display:inline-block;margin-left:325px;margin-top:10px; float:left;}
.btn_speichern a{display: inline-block; background-image: url(../../../common/img/buttons/btn_speichern.gif);  background-repeat: no-repeat; width: 123px;  height: 43px;}
.btn_speichern a:hover{display: inline-block;  background-position: 0px -42px;}



.mp-frameLayer {overflow:hidden;}

/**
* Error Klassen
*/
.col4 .subcol1 input.error, .col4 .subcol1 textarea.error, .col4 .subcol1 select.error {
	background-color:#FFCCCC;
}

.col4 .subcol1 p.error {
	color:#990000;
	font-weight:bold;
}
.col4 .subcol1 dt.error {
	background-color:#FFCCCC;
}


.col4 .subcol1 .content-karte .content .innercontent .mein-praktiker-content .hint {font-weight:bold; color:red;}

/* 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_praktiker-de.gif) no-repeat;
}

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

.wetter .column-left ul li a.ubermorgen {
width: 124px;
background: url(../../../common/img/wetterkarte/wetter_ubermorgen_praktiker-de.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_praktiker-de.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;
color:#006699 !important;
margin:15px 0 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;
}

.ahem {
height:0;
left:-10000px;
overflow:hidden;
position:absolute;
top:-10000px;
width:0;
}

/* Marktdetail New */

.marketsearch .col1 { background: url(../../../common/img/marketdetail/marketsearch-bg.png) repeat-y bottom left; margin-bottom: 10px; position: relative; }  
.marketsearch .col1 .marketsearch-content { background: url(../../../common/img/marketdetail/marketsearch-top-bg.png) no-repeat top left; margin:0; padding:0; }  
.marketsearch .col1 .marketsearch-content-inner { background: url(../../../common/img/marketdetail/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(../../../common/img/marketdetail/view-button.png) no-repeat top left; overflow: hidden; height: 28px; 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(../../../common/img/marketdetail/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(../../../common/img/marketdetail/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(../../../common/img/marketdetail/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(../../../common/img/marketdetail/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 .services { width: 460px;}
.marketdetail .col1 .floorplan { background: url(../../../common/img/marketdetail/marketdetail-floorplan-bg.png) no-repeat left 30px;}
.marketdetail .col1 .floorplan img { margin: 5px;}
.marketdetail .col1 .floorplan-content { background: url(../../../common/img/marketdetail/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(../../../common/img/marketdetail/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(../../../common/img/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; }

.services-list-description span {font-size:11px; line-height:14px; color:#333333;}
.services-list-description ul {list-style-type:disc; margin-left:85px;}
.services-list-description li {font-size:11px; line-height:14px; color:#333333;}


.services-list { margin:6px 0; }
.services-list ul { float:left; width:107px; overflow:hidden; }
.services-list ul.list-col1 { margin-right:6px; }
.services-list ul.list-col2 { margin-right:6px; }
.services-list ul.list-col3 { margin-right:6px; }
.services-list ul.list-col4 { margin-right:6px; float:none;}
.services-list ul li { margin-bottom:10px; } 
.services-list ul li a { display:block; min-height:30px;height:auto !important;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; } 

.garantie-list ul { float:left; width:107px; overflow:hidden; }
.garantie-list ul.list-col1 { margin-right:6px; }
.garantie-list ul.list-col2 { margin-right:6px; }
.garantie-list ul.list-col3 { margin-right:6px; }
.garantie-list ul.list-col4 { margin-right:6px; float:none; width:111px;}
.garantie-list ul li { margin-bottom:10px; } 
.garantie-list ul li a { display:block; min-height:30px;height:auto !important;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(../../../common/img/marketdetail/icons/service/Bestellservice-small.png); } 
.garantie-list ul li.s-umtausch a { background-image:url(../../../common/img/marketdetail/icons/service/Umtauschgarantie-small.png); } 
.garantie-list ul li.s-preis a { background-image:url(../../../common/img/marketdetail/icons/service/Preisgarantie-small.png); } 
.services-list ul li.s-gutschein a { background-image:url(../../../common/img/marketdetail/icons/service/Geschenkgutscheine-small.png); } 
.services-list ul li.s-finanz a { background-image:url(../../../common/img/marketdetail/icons/service/Finanzkauf-small.png); } 
.services-list ul li.s-farb a { background-image:url(../../../common/img/marketdetail/icons/service/Farbmischservice-small.png); } 
.services-list ul li.s-holz a { background-image:url(../../../common/img/marketdetail/icons/service/holzzuschnitt-small.png); } 
.services-list ul li.s-fbz a { background-image:url(../../../common/img/marketdetail/icons/service/Fensterbankzuschnitt-small.png); } 
.services-list ul li.s-anhaenger a { background-image:url(../../../common/img/marketdetail/icons/service/Anhaenger-small.png); } 
.services-list ul li.s-liefer a { background-image:url(../../../common/img/marketdetail/icons/service/Lieferservice-small.png); } 
.services-list ul li.s-kredit a { background-image:url(../../../common/img/marketdetail/icons/service/ec_karte-small.png); } 
.services-list ul li.s-miettransporter a { background-image:url(../../../common/img/marketdetail/icons/service/Miettransporter-small.png); } 
.services-list ul li.s-schluessel a { background-image:url(../../../common/img/marketdetail/icons/service/Schluesseldienst-small.png); } 

.services-list ul li.s-kundenkarte a { background-image:url(../../../common/img/marketdetail/icons/service/kundenkarte-small.png); }
.services-list ul li.s-verpackung a { background-image:url(../../../common/img/marketdetail/icons/service/Verpackungsservice-small.png); }
.services-list ul li.s-ratgeber a { background-image:url(../../../common/img/marketdetail/icons/service/Ratgeber-small.png); }
.services-list ul li.s-reparatur a { background-image:url(../../../common/img/marketdetail/icons/service/Reparaturservice-small.png); }
.services-list ul li.s-gasflaschen a { background-image:url(../../../common/img/marketdetail/icons/service/Gasflaschenservice-small.png); }
.services-list ul li.s-teppich a { background-image:url(../../../common/img/marketdetail/icons/service/Teppichreinigungsmaschinenverleih-small.png); }
.garantie-list ul li.s-angebot a { background-image:url(../../../common/img/marketdetail/icons/service/Angebotsgarantie-small.png); }
.garantie-list ul li.s-produktgarantie a { background-image:url(../../../common/img/marketdetail/icons/service/Produktgarantie-small.png); }
.garantie-list ul li.s-pflegehinweis a { background-image:url(../../../common/img/marketdetail/icons/service/Pflegehinweisgarantie-small.png); }
.garantie-list ul li.s-winterhart a { background-image:url(../../../common/img/marketdetail/icons/service/Winterhartgarantie-small.png); }
.garantie-list ul li.s-anwachs a { background-image:url(../../../common/img/marketdetail/icons/service/Anwachsgarantie-small.png); }
.services-list ul li.s-eckarte a { background-image:url(../../../common/img/marketdetail/icons/service/ec_karte-small.png); }

.services-list-description { background:transparent url(../../../common/img/marketdetail/services-list-description-bg.png) 0 0 no-repeat; width:318px; height:100px; 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; }

.garantie-list-description { background:transparent url(../../../common/img/marketdetail/services-list-description-bg.png) 0 0 no-repeat; width:318px; height:100px; padding:10px 10px 20px 10px; position:absolute; z-index:4; top:0; left:0; overflow:hidden; }
.garantie-list-description img { float:left; margin: 0 10px 20px 0; }
.garantie-list-description h4 { font-size:12px; margin: 0 0 4px 0; }
.garantie-list-description p span { font-size:10px; line-height:11px; color:gray; }

.serviceleistungen {position: relative; clear: both; background: url(../../../common/img/marketdetail/serviceleistungen-bg.png) no-repeat top left; margin-bottom: 20px; }
.serviceleistungen-contents {overflow: hidden; clear: both; background: url(../../../common/img/marketdetail/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(../../../common/img/marketdetail/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(../../../common/img/marketdetail/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;}

.maerktedetail-image-right {
border:1px solid #A1BDCD;
float:right;
margin-bottom:10px;
margin-left:20px;
padding:9px;
}

.maerktedetail-image-left{
border:1px solid #A1BDCD;
float:left;
margin-bottom:10px;
margin-right:20px;
padding:9px;
}
.maerktedetail-imageteaser{
	width: 709px;
}

.rabattInner, .umsatzInner {
margin-right:38px;
text-align:right;
}

/* Projekt:      Praktiker Geschenkkarte  */
/* Dateiname:    giftcard.css             */
/* erstellt am:  21.09.2010 JD            */


/* Inhalte */

/* Giftcard Generic */
/* Giftcard Entry */
/* Giftcard Balance */
/* Giftcard Error */
/* Giftcard Footer */



/* Giftcard Generic */

.giftcard {
background: url(../../img/giftcard/gc_bg.jpg) top left no-repeat;
height: 534px;
margin: 0 0 20px 0;
position: relative;
width: 705px;
padding: 1px 0;
}

.giftcard .gc-content {
margin: 133px 10px 0 31px;
height: 319px;
}

.giftcard .gc-content h1 {
margin-bottom: 9px;
}

.giftcard .gc-content h2 {
font-size: 14px;
}

.giftcard .gc-content p {
line-height: 18px;
margin-bottom: 5px;
}

.giftcard .gc-content p small {
line-height: 15px;
font-size: 11px;
}


/* Giftcard Entry */

.giftcard-entry {
background: url(../../img/giftcard/gc_bg_entry.jpg) top left no-repeat;
}

.giftcard .gc-advantages {
float: left;
margin: 0 27px 0 0;
width: 300px;
}

.giftcard .gc-advantages ul {
margin-top: 14px;
}

.giftcard .gc-advantages li {
background: url(../../img/giftcard/checkmark.gif) 6px 0 no-repeat;
color: #069;
display: block;
font-size: 14px;
font-weight: bold;
line-height: 1.135;
padding: 1px 0 15px 36px;
}

.giftcard .gc-query {
float: left;
width: 337px;
}

.giftcard .gc-query form {
width: 172px;
float: left;
}

.giftcard .gc-query form fieldset {
margin: 11px 0 0 0;
}

.giftcard .gc-query form label {
display: block;
font-size: 12px;
font-weight: bold;
margin: 0 0 4px 0;
}

.giftcard .gc-query form input.text {
padding: 4px 2px;
margin: 0 0 16px 0;
}

.giftcard .gc-query form button.submit {
float: none;
}

.giftcard .gc-info {
float: left;
width: 160px;
/*margin-top: 136px;*/
}

.giftcard .gc-info p {
color: #555;
font-size: 11px;
line-height: 13px;
margin-bottom: 11px;
}

.giftcard .gc-info p strong {
font-weight: normal;
}

.giftcard .gc-info a {
color: #555;
text-decoration: underline;
}

.giftcard .gc-info a:hover {
text-decoration: none;
}

.giftcard .gc-content .error,
.giftcard .gc-content .error strong,
.giftcard .gc-content .error a { /* Errorhandling */
color: #c00 !important;
}

.giftcard .gc-content p.error { /* Errorhandling */
font-weight: normal;
}



/* Giftcard Balance */

.giftcard-balance {
background: url(../../img/giftcard/gc_bg_split.jpg) top left no-repeat;
}

.giftcard-balance .gc-query {
width: 307px;
}

.giftcard-balance .gc-content p {
margin-bottom: 14px;
}

.giftcard-balance .gc-content .gc-balance p {
font-size: 15px;
font-weight: bold;
margin-bottom: 11px;
}

.giftcard-balance .gc-content .gc-balance p span {
color: #069;
}



/* Giftcard Error */

.giftcard-error {
background: url(../../img/giftcard/gc_bg.jpg) top left no-repeat;
}

.giftcard-error .gc-content h1,
.giftcard-error .gc-content h2,
.giftcard-error .gc-content p {
margin-bottom: 10px;
}

.giftcard-error .gc-content h1 {
color: #c00;
}

.giftcard-error .gc-content h2 {
color: #c00;
line-height: 19px;
}

.giftcard-error .gc-content .servicenumber {
margin: 10px 0 20px 0;
}

.giftcard-error .gc-content .servicenumber small {
color: #555;
font-size: 12px;
}
 
.giftcard-error .gc-content p big {
font-size: 24px;
font-weight: bold;
line-height: 26px;
}



/* Giftcard Footer */

.giftcard .gc-footer {
padding: 15px 12px 0 271px;
}

.giftcard .gc-footer p {
color: #fff;
line-height: 15px;
margin-bottom: 4px;
}

.giftcard .gc-footer p strong {
color: #fff;
}

.giftcard .gc-footer p a {
color: #fff;
font-weight: bold;
text-decoration: none;
}

.giftcard .gc-footer p a:hover {
text-decoration: underline;
}


.subcol2 .test{
margin-right:15px;
}

/* 33Jahre BEGINN **************************************************************************************/
/* Projekt:      Praktiker 33 Jahre Rahmen  */
/* Dateiname:    rahmen_33jahre.css         */
/* erstellt am:  21.12.2010 JDH             */



body {
background: url(../../img/rahmen-33jahre/bg_33jahre.jpg) #006fb9 top left repeat-x fixed;
}

.page {
background: url(../../img/rahmen-33jahre/bg_shadow.png) top center repeat-y;
padding: 0 29px 10px 29px;
}

* html .page {
background: url(../../img/rahmen-33jahre/bg_shadow.gif) top center repeat-y; /* IE6 */
}

#radio {
right: 30px;
}

/* 33Jahre ENDE **************************************************************************************/

/* VK-Newsletter Anpassungen BEGINN ******************************************************************/
.vknewsletter p { margin-bottom: 8px; }
.vknewsletter .section-accountdata .dataprivacy-box dd { padding-bottom: 4px; }
.vknewsletter .section-accountdata .dataprivacy-box { margin-bottom: 10px; }
.vknewsletter p.errorlayer { font-weight: bold; background-color: #fff; color: #900; position: absolute; z-index: 9999; padding: 10px; top: 90px; font-size: 14px; line-height: 16px; border: 3px solid #900;}
/* VK-Newsletter Anpassungen ENDE ********************************************************************/

#my-target1 { height: 1px; overflow: hidden; }