*{padding:0px; margin:0px; font-family: Arial, Helvetica, sans-serif; font-size:12px; } html{background-color:#fff; height:100%; } body{height:100%; background-image:url(../img/layout/bg_top.jpg); background-repeat:repeat-x; background-position:top; } ul {list-style-type:none; list-style-position:outside;} .bold{font-weight:bold;} select,form {z-index:10;} h1,h2{font-size:14px;text-decoration:none;} .textLeft{text-align:left;} .textRight{text-align:right;} a:link{color:#003263; text-decoration:none;} a:visited{color:#003263; text-decoration:none;} a:hover{color:#003263; text-decoration:underline;} a:active{color:#003263; text-decoration:none;} .borderBlue{border:1px solid #29547f;} button{border:none; background:none; cursor:pointer;} /*++++++++++++++++++ allgemein ++++++++++++++++++++++++++++++ */ #wrapper {position:relative; width: 980px; margin: 0 auto; z-index:29; } #footer {position:relative; float:left; width:100%; margin: 0 auto; height:130px; bottom:0px; background-image:url(../img/layout/bg_bottom.jpg); background-repeat:repeat-x; background-position:bottom; text-align:center;} #header{position:relative;float:left; width: 959px; height:88px;left:0px;z-index:29;} #leftContainer{position:relative;float:left; left:0px; top:0px; padding-right:10px; width:209px;} #leftContainer.leftHome{height:738px;} #rightContainer{position:relative;float:left; right:0px; top:0px; width:209px;} #contentContainer{position:relative;float:left; top:0px; width:748px; z-index:0; left:0px; height:100%;min-height: 600px; height: auto !important; height: 600px;} #breadCrumbContainer{position:relative; left:199px; top:0px; width:604px;margin-bottom:20px; color:#828074; font-size:9px;padding:0px 0px 0px 5px;} #breadCrumbContainer a{color:#828074; font-size:9px;text-decoration:none;} #breadCrumbContainer a:hover{color:#828074; font-size:9px;text-decoration:underline;} #logo {position:relative;float:left; width: 205px; height:67px; top:5px; left:20px;} /*++++++++++++++++++ head ++++++++++++++++++++++++++++++ */ #search{position:absolute; width:230px; height:76px; top:0px; left:286px; background-image:url(../img/layout/search_bg.jpg); background-repeat:no-repeat; background-position:top left;} #search div{position:absolute;height:20px;top:30px; left:28px;} #search #searchString{position:relative; float:left;height:15px; width:175px; border:none; background:none;padding-top:2px;margin-right:5px; color:#013366;font-family: Arial, Helvetica, sans-serif; font-size:11px;} #search #searchBtn{position:relative; float:right;height:20px; width:20px; border:none;} #topMenu{position:absolute;float:right;height:20px;top:3px; right:10px;} #topMenu ul li{display:inline; float:left;} #topMenu ul li, #topMenu ul li a{color:#FFF; font-size:11px; padding:0px 2px;} #topMenu ul li a.lang{display:block; width:39px;color:#FFF; font-size:11px;} #topMenu ul li a.de{background-image:url(../img/layout/lang_de.gif); background-repeat:no-repeat; padding-left:24px;} #topMenu ul li a.en{background-image:url(../img/layout/lang_en.gif); background-repeat:no-repeat; padding-left:24px;} #topMenu ul li a.de:hover, #topMenu ul li a.deAktiv{background-image:url(../img/layout/lang_de_a.gif);} #topMenu ul li a.en:hover, #topMenu ul li a.enAktiv{background-image:url(../img/layout/lang_en_a.gif);} #miniBasket{position:absolute; float:right; right:2px; top:27px; width:217px; color:#FFF; z-index:29;background-image:url(../img/layout/basket_shadow.png); background-repeat:no-repeat; background-position:left bottom;} #miniBasketHead{position:relative; float:left; width:208px; height:66px; border-top:1px solid #c1c1c1;} .empty{ background-image:url(../img/layout/miniBasket_bg_empty.gif); background-repeat:no-repeat; background-position:135px 3px;} .full{ background-image:url(../img/layout/miniBasket_bg_full.gif); background-repeat:no-repeat;background-position:135px 3px;} #miniBasketHeadline{position:absolute;width:89px; height:11px; top:9px; left:10px; font-size:14px; color:#FFF;} #miniBasketHeadline a{ font-size:14px; color:#FFF; font-weight:bold; text-decoration:none;} #miniBasketBasket{position:absolute;width:65px; height:60px; top:2px; right:6px;} #miniBasketArt{position:absolute;width:130px; height:11px; top:30px; left:10px; color:#FFF;font-size:11px;} #miniBasketContent{display:none; position:relative; float:left; width:190px; margin-top:0px; left:10px; color:#FFF; margin-bottom:20px; background-color:#29547f;} .miniBasketRow{position:relative; float:left; left:0px; width:190px; top:0px; color:#FFF; font-size:11px; margin-bottom:5px; } .miniBasketRow .img{position:relative; float:left; width:41px; height:41px; border:1px solid #c1c1c1; margin-right:10px; margin-bottom:5px;} .miniBasketRow .txt{position:relative; float:left; font-size:11px; width:137px; } .miniBasketRow .txt a{color:#FFF;text-decoration:none;font-size:11px; line-height:11px;} .miniBasketRow .txt a:hover{ text-decoration:underline;font-size:11px;} .miniBasketRow .left{display:inline;float:left;text-align:left;font-size:11px;} .miniBasketRow .center{text-align:center;} .miniBasketRow .right{display:inline; float:right;text-align:right;right:0px;font-size:11px;} #miniBasket .switch{display:none; position:absolute;float:left; bottom:9px; width:78px; left:65px; height:11px; text-align:center; border:none; } .miniBasketRow .spacer{position:relative; float:left; left:0px; width:190px; top:0px; height:10px;} .miniBasketRow .baskettextfield { width:180px; border:1px solid #7f9db9; font-size:9px; font-family:'Small Fonts', Helvetica; } .miniBasketRow .basketshipcost { position:relative; left:0px; top:0px; width:200px;} .miniBasketBorder{border-top:1px solid #999999; border-bottom:1px solid #999999; width:189px; color:#FFF; font-weight:bold;} .miniBasketBorder .right{display:inline; float:right;text-align:right; right:0px;} .grey{ color:#4d4d4d; margin-top:3px;} /*++++++++++++++++++ mainmenu ++++++++++++++++++++++++++++++ */ #mainMenu{position:relative;float:left;font-family: "Century Gothic","Lucida Sans Unicode", Arial, Helvetica, sans-serif; width:959px; padding-top:10px; padding-bottom:30px; color:#29547f; z-index:28; } #main{padding:0px; margin:0px 0px 0px 0px; width:959px; } #main .mainLi{ vertical-align:top; color:#29547f; width:20px; } #main .dot{ vertical-align:top; font-size:14px; color:#29547f; font-family: Arial, Helvetica, sans-serif; margin:0px; text-align:center;} #main .mainLi a{font-size:14px; color:#29547f; font-family:"Century Gothic","Lucida Sans Unicode", Arial,Helvetica, sans-serif; text-decoration:none; padding:0px 2px 0px 3px; text-align:center;} #main .mainLi:hover a.top,#main .mainLi:hover a.aktiv{color:#FFF; background-color:#0d2f5a; text-decoration:none;} #main .mainLi a.aktiv{color:#FFF; background-color:#e2001a; text-decoration:none;} #main .mainLi .ulBg{position:absolute;left:-9999px; top:28px;} #main .mainLi:hover .ulBg{display:block;left:0px; z-index:0;} #main .mainLi .ulBg .ulContainer{text-align:left;position:relative; float:left;width:970px; top:10px; left:0px; background-image:url(../img/layout/menu_bg.png); background-repeat:no-repeat; background-position:left bottom; } #main .mainLi .ulBg .ulContainer .ulContainerTop{position:relative; float:left; width:970px;top:-10px; left:0px; background-image:url(../img/layout/menu_bg_top.png); background-repeat:no-repeat; background-position:left top;} #main .mainLi .ulBg .ulContainer ul{font-family:Arial, Helvetica, sans-serif;position:relative;float:left; margin-bottom:20px; width:319px; border-left: 1px solid #475c79;border-right: 1px solid #475c79; top:-10px; padding-top:5px;} #main .mainLi .ulBg .ulContainer .first{border:none; width:318px;} #main .mainLi .ulBg .ulContainer .last{border:none;} #main .mainLi .ulBg .ulContainer ul li a{text-align:left;font-family:Arial, Helvetica, sans-serif;display:block; font-size:12px; color:#FFF; width:285px; background-image:url(../img/layout/arrow_right_white.png); height:17px; line-height:17px; background-repeat:no-repeat; background-position:20px 3px;padding-left:32px; margin-bottom:5px; } #main .mainLi .ulBg .ulContainer ul li a:hover{font-size:12px; color:#FFF; background-color:#e2001a;} #main .mainLi .ulBg .ulContainer .last li a{width:286px;} #main .mainLi .ulBg .ulContainer .first li a{width:285px;} /*++++++++++++++++++++++ linke spalte ++++++++++++++++++++++++++ */ #left{position:relative; float:left; width:209px; left:0px; top:0px; margin-bottom:15px; z-index:999; } #leftHead{position:relative; width:209px; height:137px; color:#fff; background-color:#29547f;} #leftHead p{display:inline; position:absolute; width:185px; left:20px; bottom:15px;font-size:18px; font-family: "Century Gothic","Lucida Sans Unicode", Arial,Helvetica, sans-serif;} .leftmenu{position:relative; float:left; padding:20px 0px 7px 0px; width:209px; top:1px;} .leftmenu ul{padding:0px; margin:0px; left:0px; } .leftmenu ul li{padding-bottom:8px; width:209px; } .leftmenu ul li .smallGrey{font-size:10px; color:#999999; padding-left:3px;} .leftmenu ul li a{display:block;background-image:url(../img/layout/arrow_right_gray.png); background-repeat:no-repeat;font-weight:normal; padding:0px 0px 0px 22px; background-position:10px 3px;text-decoration:none; width:187px; } .leftmenu ul li a:hover,.leftmenu ul li a.aktiv{display:block; color:#FFF; text-decoration:none; background-color:#e2001a;background-image:url(../img/layout/arrow_right_white.png);} .leftmenu ul li a:hover .smallGrey,.leftmenu ul li a.aktiv .smallGrey{color:#FFF;} .leftmenu ul a.finderHead{font-weight:bold; background-image:url(../img/layout/bg_finderHead.gif); background-repeat:no-repeat;} .leftmenu ul a.finderHead:hover{font-weight:bold;background-color:#FFF; background-image:url(../img/layout/bg_finderHead.gif); background-repeat:no-repeat;color:#003263;} .leftmenu ul .leftsub {padding-top:5px;padding-bottom:10px; background-color:#fce5e8;} .leftmenu ul .leftsub li{padding-bottom:6px;} .leftmenu ul .leftsub li a {display:block;background-image:url(../img/layout/arrow_right_gray.png); background-repeat:no-repeat;font-weight:normal; padding-left:32px; background-position:20px 3px;text-decoration:none; width:177px; } .leftmenu ul .leftsub li a:hover,.leftmenu ul .leftsub li a.aktiv {background-image:url(../img/layout/arrow_right_white.png); background-repeat:no-repeat;font-weight:normal; padding-left:32px; background-position:20px 3px;text-decoration:none; color:#fff;} .leftmenu ul li.spacerLi{padding-bottom:0px; } #brands{position:absolute; height:351px; border:1px solid #1c4876; left:0px; z-index:29; top:590px; width:207px; overflow:hidden; background-color:#FFF; } #brandsBgContainer{position:absolute; height:350px; left:0px; top:0px; z-index:29; width:635px; background-repeat:no-repeat;background-image:url(../img/layout/brands_bg.png); padding-left:9px; padding-bottom:9px; } #brandsContainer{position:relative; float:left; height:342px; bottom:0px; z-index:29;width:635px; } #brands .brandRow{float:left;height:320px;position:relative;width:105px;} #brands .brandRow .brand{height:65px;width:105px;} #brandLink{float:left;height:15px;position:relative;width:630px;} #brandLink span.brandLinkArrow{ float:left;line-height:15px; white-space:nowrap;padding:0px 0px 0px 2px; margin:0px 0px 0px 10px; color:#000; background-image:url(../img/layout/arrow_right_gray.gif);background-repeat:no-repeat;background-position:0px 3px; width:10px; height:15px;} span.brandLinkArrow a{display:block;line-height:15px; white-space:nowrap;width:150px; height:15px;} #brandLink span.brandLinkArrowAktiv{ float:left;background-image:url(../img/layout/arrow_left_gray.gif);} /*++++++++++++++++++++++ right ++++++++++++++++++++++++++ */ #rightContainer .rightBox{position:relative; float:left; width:207px; border:1px solid #29547f; margin-bottom:10px; padding-top:15px;} #rightContainer .rightBox .rightBoxLink{display:block; width:165px; height:40px; margin-bottom:12px; margin-left:15px; } #rightContainer .info{ height:590px; background-image:url(../img/layout/right_info.gif); background-repeat:no-repeat;} #rightContainer #TrustedShops{display:block; width:79px; height:79px; margin-left:20px;color:#000; background-image:url(../img/layout/trustedShop.gif); background-position:0px 0px; background-repeat:no-repeat; padding:10px 0px 0px 80px; text-align:left; font-size:11px;} #rightContainer .rightBoxTxt{ padding:15px; font-size:11px;} #rightContainer .rightBoxTxt img{display:block; margin-bottom:10px; margin-top:-10px;} #rightContainer .rightBoxTxt a{ text-decoration:underline; color:#000;font-size:11px;} #rightContainer .info .infoTxt{position:relative; float:left; top:50px; width:140px; left:65px;} #rightContainer .info .infoTxt a{ color:#666;font-size:11px;} #rightContainer .info .infoTxt ul li{padding-top:5px;} #rightContainer .login{position:relative; float:left; height:186px;background-image:url(../img/layout/right_login_headline.gif); background-repeat:no-repeat; padding-left:0px; } #right .login .buttonTxt{position:relative; float:left; top:0px; width:181px; height:24px; left:0px; margin:10px 0px 0px 0px; padding-left:10px; color:#FFF;} #right .login .buttoncontent{position:relative; float:left;background-image:url(../img/layout/bg_button_right.gif); background-repeat:no-repeat; background-position:left 0px; width:169px; height:20px; padding:4px 0px 0px 6px;} #right .login .buttonright{position:relative; float:right;background-image:url(../img/layout/bg_button_right.gif); background-repeat:no-repeat; background-position:right 0px; width:6px; height:20px; right:0px; padding:4px 0px 0px 0px;} #right .login .btntext{float:left;border:0 none; height:16px; font-size:11px;padding:0px 0px 0px 5px; color:#000;} #right .login .rightLogin{ background:none; border:none; width:181px; padding-left:15px; height:24px; background-image:url(../img/layout/btn_anmelden.gif); background-repeat:no-repeat; background-color:#666; color:#FFF; text-align:left; cursor:pointer;} #right .loginTxt{position:relative; float:left; width:190px;color:#666; padding-top:25px; padding-left:10px; } /*++++++++++++++++++++++ homepage ++++++++++++++++++++++++++ */ #containerhead{position:relative;float:left; width:740px; padding-left:219px; padding-bottom:18px; min-height:40px;} #containerhead h1,#containerhead h2, #containerhead h1 a,#containerhead h2 a{font-size:35px;color:#29547f; font-weight:normal;font-family: "Century Gothic","Lucida Sans Unicode", Arial,Helvetica, sans-serif; text-decoration:none;} .teaserSmall{position:relative;float:left; width:362px; height:175px; margin-right:10px; margin-bottom:10px; border:1px solid #c1c1c1;} .teaserBig{position:relative; float:left; width:362px; height:362px; margin-right:10px;margin-bottom:10px;border:1px solid #c1c1c1;} /*++++++++++++++++++++++ content ++++++++++++++++++++++++++ */ .contentRow{position:relative;float:left; width:760px; } .contentRowHeadline{position:relative;float:left; width:735px; padding:15px 0px 20px 5px; height:20px;} .contentRowHeadline h3{font-size:18px;color:#29547f; font-weight:normal;font-family: "Century Gothic","Lucida Sans Unicode", Arial,Helvetica, sans-serif;} .box{position:relative;float:left;float:left; width:177px; height:335px; padding:0px 10px 10px 0px;} .box .boxInner{position:relative;float:left;float:left; width:175px; height:335px; background-color:#FFF; border:1px solid #1c4876; } .box .boxInner .boxImg{position:absolute;float:left; width:150px; height:150px; top:0px; overflow:hidden; text-align:center;left:12px;} .box .boxInner .boxColors{position:absolute; float:left; width:175px; height:65px; top:155px; overflow:hidden;left:3px;} .box .boxInner .boxColors .color{position:relative;float:left; width:28px; height:28px; overflow:hidden; padding-left:5px; padding-bottom:5px;} .box .boxInner .boxTitle h1,.boxInner .boxTitle h2, .boxInner .boxTitle h1 a,.boxInner .boxTitle h2 a{font-size:12px;color:#000; font-weight:bold;font-family: Arial,Helvetica, sans-serif; } .box .boxInner .boxTitle{position:absolute; float:left;top:222px;left:12px;} .box .boxInner .boxPrice{position:absolute; float:left;bottom:8px;left:12px;width:175px; height:42px;} .box .boxInner .price{color:#e2001a; font-size:16px; font-weight:bold;} .box .boxInner .oldPrice{ text-decoration:line-through;} .boxLong{position:relative;float:left;float:left; width:736px; height:152px; padding:0px 0px 10px 0px; } .boxLong .boxLongInner{position:relative;float:left;float:left; width:736px; height:150px; overflow:hidden; padding:0px 0px 0px 0px;border:1px solid #1c4876;} .boxLong .boxLongInner .boxImg{position:absolute;float:left; width:150px; height:150px; top:0px; overflow:hidden; text-align:center;left:12px;} .boxLong .boxLongInner .boxColors{position:absolute; float:left; width:175px; height:65px; top:5px; overflow:hidden;left:180px;} .boxLong .boxLongInner .boxColors .color{position:relative;float:left; width:28px; height:28px; overflow:hidden; padding-left:5px; padding-bottom:5px;} .boxLong .boxLongInner .boxTitle h1,.boxLong .boxLongInner .boxTitle h2, .boxLong .boxLongInner .boxTitle h1 a,.boxLong .boxLongInner .boxTitle h2 a{font-size:12px;color:#000; font-weight:bold;font-family: Arial,Helvetica, sans-serif; } .boxLong .boxLongInner p.description{font-size:12px;color:#000; font-weight:normal; padding-top:10px; } .boxLong .boxLongInner .boxTitle{position:absolute; float:left;top:5px;left:370px;width:150px;} .boxLong .boxLongInner .boxPrice{position:absolute; float:left;top:50px;left:590px;width:175px; height:42px;} .boxLong .boxLongInner .price{color:#e2001a; font-size:16px; font-weight:bold;} .boxLong .boxLongInner .oldPrice{ text-decoration:line-through;} .boxLong .boxLongInner .detailBtn{position:absolute; float:left;top:114px;left:590px; width:131px; height:24px;} .boxLong .boxLongInner .detailBtn a{display:block; background-image:url(../img/layout/btn_show_detail.gif); background-repeat:no-repeat; width:116px; height:24px; color:#FFF; line-height:23px; padding:0px 0px 0px 15px;} .boxLong .boxLongInner .detailBtn a:hover{text-decoration:none;} /*++++++++++++++++++++++ contentnavigation ++++++++++++++++++++++++++ */ .contentRowNav{position:relative;float:left; width:738px; height:21px; background-color:#29547f; margin-bottom:10px; color:#FFF;} .contentRowNav a{color:#FFF; font-size:11px;} .contentRowNav .leftNav{position:relative;float:left; width:313px; line-height:21px; color:#FFF; font-size:11px; padding-left:7px;} .contentRowNav .leftNav select{position:absolute; top:2px; width:150px; height:17px; color:#FFF; font-size:9px; color:#000; } #sortButton{position:absolute; left:230px; top:5px;} .contentRowNav .centerNav{position:relative;float:left;width:150px; line-height:21px; font-size:11px;} .contentRowNav .centerNav p{ display:inline;float:left; height:21px; font-size:11px;} .contentRowNav .rightNav{position:relative;float:right; line-height:21px; font-size:11px; right:7px; text-align:right;} .pageNav{height:12px; color:#FFF; padding-top:3px; float:right; } .pageNav li{display:inline; float:left; font-size:11px;line-height:15px; color:#FFF;} .pageNav .pageNavTxt{padding:0px 0px 0px 5px;} .pageNav .link{padding:0px 5px 0px 5px;} .pageNav .page{padding:0px 0px 0px 0px;} .pageNav .arrow{padding:1px 2px 0px 2px; height:13px;} .pageNav .number{padding:0px 1px 0px 1px; } .pageNav .points{padding:0px; } .pageNav .number a{display:block; width:15px; padding:0px 2px 0px 2px; text-align:center; text-align:center;color:#FFF;} .pageNav .number a:hover{background-color:#e2001a; text-decoration:none;} .pageNav .link a{padding:0px 3px 0px 3px;} .pageNav .number a.aktiv,.pageNav .link a.aktiv{background:none;color:#FFF; background-color:#e2001a;padding:0px 2px 0px 2px;} /*++++++++++++++++++++++ listenansicht filter ++++++++++++++++++++++++++ */ #filterbox{position:relative; float:left; width:750px; height:31px; z-index:29; } #filterbox .container{position:absolute; left:0px; top:0px; width:750px; height:21px; z-index:29;} .filterul{position:relative; float:left; width:140px;margin-right:10px;} .filterul .first{display:inline; float:left;padding:0px; margin:0px; width:140px; height:25px; } .filterul .first .firstLi{display:block; float:left; width:130px; height:21px; line-height:21px; background-color:#29547f; padding-left:10px; padding-top:0px; color:#fff; text-decoration:none;background-image:url(../img/layout/filter_arrow.gif); background-repeat:no-repeat; background-position:120px 6px;} .filterul .first:hover .firstLi { background-color:#e2001a; height:21px; width:130px; border-bottom:1px solid #fff; background-image:url(../img/layout/filter_arrow_a.gif);} a.firstLiActive {display:block; float:left; width:130px; height:21px; line-height:21px; background-color:#29547f; padding-left:10px; padding-top:0px; color:#fff; text-decoration:none;background-image:url(../img/layout/filter_arrow.gif); background-repeat:no-repeat; background-position:120px 6px;} a.firstLiActive {background-color:#e2001a; height:21px; width:130px; border-bottom:1px solid #fff; background-image:url(../img/layout/filter_arrow_a.gif); color: #fff;} .filterul .first ul{position:relative; float:left; padding:5px 0px 15px 0px; display:none; width:147px; background-image:url(../img/layout/bg_filter.png); background-repeat:no-repeat; background-position:bottom; overflow:hidden; } .filterul .first:hover ul{display:block;} .filterul .first ul li{display:inline; float:left; padding:0px; margin:0px; width:130px; height:18px; background:none;} .filterul .first ul li a{display:block; float:left; width:130px; height:18px; padding-left:10px; padding-top:0px; font-size:11px; color:#FFF; text-decoration:none; background:none; line-height:18px;} .filterul .first ul li a:hover{ color:#fff; background-color:#e2001a;} .filterul .first a.aktiv{ color:#FFF; background-color:#e2001a; text-decoration:none; line-height:18px; border-bottom:none; background-image:url(../img/layout/filter_arrow_a.gif);} /*++++++++++++++++++++++ Detailansicht ++++++++++++++++++++++++++ */ .mwst{position:relative; left:3px; top:2px;height:8px;width:114px; text-decoration:none; } .mwst:hover{text-decoration:none;} .red{color:#ce1500;} .redBold{color:#ce1500; } .tooltip{position:absolute; vertical-align:middle; top:-20px;height:26px; width:auto; padding:1px 5px 0px 5px; left:-10px; background-image:url(../img/layout/bg_error.png); background-position:0px -2px; background-repeat:no-repeat; display:none; white-space:nowrap; color:#FFF; font-size:10px; z-index:3000; font-size:11px;} .tooltip span{font-size:11px;} a.backToOverview{ background-image:url(../img/layout/navArrow_left.gif);background-repeat:no-repeat; background-position:1px 2px; padding-left:15px; color:#FFF;} a.backToOverview:visited{color:#FFF;} #contentBorder{position:relative; float:left;border:1px solid #29547f; margin-bottom:10px; width:736px; z-index:20;} .leftCol{position:relative; float:left;width:330px; color:#29547f;} #imgDetail{position:relative; float:left;width:322px; height:322px; left:5px;} #detailViews{position:relative; float:left;width:330px; padding-left:2px; z-index:29; } #detailViews .view{position:relative; float:left;width:106px; height:52px;padding-left:2px; } #detailViews .view a{display:block; width:106px; height:52px; text-indent:-999999px;} #detailViews .zoom a{ background-image:url(../img/layout/detail_btn_zoom.gif); background-repeat:no-repeat} #detailViews .dreid a{background-image:url(../img/layout/detail_btn_360.gif); background-repeat:no-repeat} #detailViews .video a{background-image:url(../img/layout/detail_btn_video.gif); background-repeat:no-repeat} #detailViews .zoom a:hover{ background-image:url(../img/layout/detail_btn_zoom_a.gif); background-repeat:no-repeat} #detailViews .dreid a:hover{background-image:url(../img/layout/detail_btn_360_a.gif); background-repeat:no-repeat} #detailViews .video a:hover{background-image:url(../img/layout/detail_btn_video_a.gif); background-repeat:no-repeat} .rightCol{position:relative; float:right;width:390px; min-height:322px; color:#29547f;} .rightCol .txt{position:relative; float:left; margin-top:10px; width:270px;} #brandLogo{position:absolute; float:right; right:10px; top:10px;} h1.headline, h2.headline{ font-weight:normal; color:#29547f; font-size:18px;} .rightCol .rating{position:relative; float:left;width:380px; height:20px; margin-top:20px; margin-bottom:10px; } .rightCol .rating img{ float:left; padding-right:5px;} .rightCol .rating span a{font-size:10px;line-height:12px;} .small{ color:#29547f; font-size:10px;} .rightRow{position:relative; float:left;width:390px; margin-bottom:23px;} .rightRow .thumbBox{position:relative; float:left;width:170px; padding-top:2px;} .rightRow .thumbBox .thumb{position:relative; float:left;width:28px; height:28px; margin-right:4px; margin-bottom:4px; } .rightRow .thumbBox .thumb a{display:block; position:absolute; float:left; width:28px; height:28px;overflow:hidden; text-align:center; line-height:28px; vertical-align:middle; font-size:10px;} .rightRow .thumbBox .thumb:hover a img{margin-top:-5px; margin-left:-5px;} .rightRow .thumbBox .thumb:hover{width:20px; height:20px;border:4px solid #29547f;} .rightRow .thumbBox .thumb:hover a{width:18px; height:18px;border:1px solid #FFF;vertical-align:middle; line-height:18px;} .rightRow .thumbBox div.aktiv a img{margin-top:-5px; margin-left:-5px;} .rightRow .thumbBox div.aktiv {width:20px; height:20px;border:4px solid #e2001a;} .rightRow .thumbBox div.aktiv a{width:18px; height:18px;border:1px solid #FFF; vertical-align:middle;line-height:18px;} .rightRow .colorSelect{width:205px; font-size:11px; color:#29547f;} .rightRow .sizeBox {width:300px; z-index:2;} .dotGreen {background-image:url(../img/layout/dot_green.png); background-repeat:no-repeat; z-index:10; } .dotRed {background-image:url(../img/layout/dot_red.png); background-repeat:no-repeat; z-index:10; } .dotYellow { background-image:url(../img/layout/dot_yellow.png); background-repeat:no-repeat; z-index:10;} .rightRow .thumbBox .size a{position:absolute; padding-top:0px; padding-left:0px; width:26px; height:26px;vertical-align:middle; text-align:center; line-height:26px; } .rightRow .thumbBox .size a span.sup{position:relative;top:-1px; font-size:8px; margin-bottom:10px; padding-left:1px;} .rightRow .thumbBox .size{width:26px; height:26px;border:1px solid #29547f; background-color:#FFF;background-position:18px 18px;} .rightRow .thumbBox .size:hover{width:26px; height:26px; border:1px solid #29547f; background-color:#29547f; color:#FFF; background-position:18px 18px;} .rightRow .thumbBox .size:hover a{ width:26px; height:26px; text-decoration:none; border:none; color:#FFF;padding-top:0px; padding-left:0px; line-height:26px;} .rightRow .thumbBox div.aktiv{background-position:15px 15px; } .rightRow .thumbBox div.aktiv {width:20px; height:20px; border:4px solid #e2001a;} .rightRow .thumbBox .div.aktiv .dotImg{top:14px; right:-2px; width:10px; height:10px;} .rightRow .thumbBox div.aktiv:hover a{ } .rightRow .thumbBox .size:hover .tooltip{width:auto; z-index:29; display:block; white-space:nowrap;} #showSizes{position:relative; float:right; right:13px; width:66px; height:29px; top:0px;z-index:1;} #showSizes a{display:block; width:66px; height:29px; background-image:url(../img/layout/table_sizes.gif); background-repeat:no-repeat; background-position:0px -31px; text-decoration:none;} #showSizes a:hover{background-position:0px 0px;} #showSizes:hover .tooltip{display:block; z-index:29; text-indent:0px; } #dynSizeTxt span.sup{position:relative;top:-2px; font-size:9px; margin-bottom:10px; padding-left:1px;} #dynSizeTxt span.dotGreen{display:inline-block; color:#339933; background-position:2px 3px;font-size:10px;height:8px; padding-left:13px;padding-bottom:4px; font-family:Arial, Helvetica, sans-serif; } #dynSizeTxt span.dotRed{display:inline-block;color:#ce1500; background-position:2px 3px;font-size:10px; height:8px;padding-left:13px;padding-bottom:4px;font-family:Arial, Helvetica, sans-serif; } #dynSizeTxt span.dotYellow{display:inline-block;color:#e5a74a;background-position:2px 3px;font-size:10px; height:8px;padding-left:13px;padding-bottom:4px;font-family:Arial, Helvetica, sans-serif; } .rightRow .title{color:#000;padding-top:20px;} .rightRow .priceRow{position:relative; float:left; color:#000; width:380px;} .rightRow .priceRowPercent{position:relative; float:left; color:#000; width:380px;height:12px;padding-top:4px;} .rightRow .priceRow p{display:block;float:left; color:#000;height:16px; } .rightRow .newPrice{color:#e2001a; font-size:16px; font-weight:bold; padding-right:3px;} .rightRow .oldPrice{ text-decoration:line-through;} .rightRow .lieferzeit{width:380px;height:16px; color:#339933;font-size:10px;} .rightRow .lieferzeit span.dotGreen{display:block;color:#339933; background-position:0px 3px; padding-left:8px; font-size:10px; width:5px; float:left;} .rightRow .lieferzeit span.dotRed{display:block;color:#ce1500; background-position:0px 3px; padding-left:8px; font-size:10px;width:5px; float:left;} .rightRow .lieferzeit span.dotYellow{display:block;color:#e5a74a; background-position:0px 3px; padding-left:8px; font-size:10px;width:5px; float:left;} .rightRow .lieferzeit span.txtGreen {color:#339933; font-size:10px;} .rightRow .lieferzeit span.txtYellow {color:#e5a74a; font-size:10px;} .rightRow .lieferzeit span.txtRed {color:#FF0000; font-size:10px;} /* button mit textfeld */ .txtBtn{position:relative; float:left; color:#000; width:800px; background-image:url(../img/layout/btn_bg.gif); background-repeat:no-repeat; } .txtBtn .tooltip{left:0px; display:none;} .txtBtn .btnLeft{position:absolute;left:0px; top:0px; color:#000; width:15px;height:24px; background-image:url(../img/layout/btn_bg.gif); background-repeat:no-repeat; z-index:0;} .txtBtn .btnRight{position:absolute; right:0px; top:0px; color:#000; width:35px;height:24px; background-image:url(../img/layout/btn_bg.gif); background-repeat:no-repeat; background-position:right 0px; overflow:hidden;z-index:0;} .txtBtn.deactivated{background-image:url(../img/layout/btn_bg_deactivated.gif);} .txtBtn.deactivated .btnLeft{background-image:url(../img/layout/btn_bg_deactivated.gif);} .txtBtn.deactivated .btnRight{background-image:url(../img/layout/btn_bg_deactivated.gif);} /* button stueck in warenkorb */ .rightRow .inBasket{color:#000;width:379px; height:24px; margin-top:10px; overflow:visible;} .rightRow .inBasket .txtNumber{float:left; width:33px; height:14px; border:none; background-color:#FFF; margin-top:5px; margin-left:19px; z-index:5;} .rightRow .inBasket button{float:left; border:none; background:none; width:320px; cursor:pointer; height:24px; line-height:24px; z-index:5; text-align:left; color:#FFF;} .rightRow .inBasket button .btnInnerTxt{position:absolute; top:0px;vertical-align:middle; padding-left:5px; font-family:Arial, Helvetica, sans-serif; z-index:5; cursor:pointer; height:24px; line-height:24px;} #contentBorder .contentRow .preisstaffel .headline{position:relative; float:left; width:350px; overflow:hidden;font-size:11px; color:#000; font-weight:normal; padding:0px 0px 0px 0px; height:14px; } /* preisstaffel */ .rightRow .preisstaffel .headline{position:relative; float:left; height:15px; overflow:hidden; padding:0px 30px 0px 0px; font-size:11px;} .rightRow .preisstaffel{position:relative; float:right; width:390px; overflow:hidden; padding:10px 0px 0px 0px; color:#000; font-size:11px;} .rightRow .preisstaffel ul{position:relative; float:left;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} .rightRow .preisstaffel ul li{width:150px;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} .rightRow .preisstaffel ul li p{display:block; float:left;width:70px; font-size:11px; padding:0px 0px 0px 5px; margin:0px 0px 0px 0px;} /* empfehlungen */ #advisebox{position:relative; float:right; width:400px; height:36px; right:0px; top:0px;margin-bottom:8px; } #advisebox .advise{position:relative; float:left; height:36px; padding-left:15px; margin-top:4px; } #advisebox .tip{position:relative; float:left; background-image:url(../img/layout/advise_complete.gif); background-repeat:no-repeat; } #advisebox .no0 .tip{width:45px; height:36px; background-position: 10px 0px; } #advisebox .no1 .tip{width:52px; height:36px; background-position: -56px 0px; } #advisebox .no2 .tip{width:52px; height:36px; background-position:-120px 0px; } #advisebox .no3 .tip{width:47px; height:36px; background-position:-195px 0px; } #advisebox .no4 .tip{width:45px; height:36px; background-position:-255px 0px; } #advisebox .no5 .tip{width:45px; height:36px; background-position:-320px 0px; } #advisebox .no6 .tip{width:47px; height:36px; background-position:-497px 0px; } #advisebox .advise a{ text-decoration:none; font-size:11px; color:#FFF;} #advisebox .advise .tooltip{left:13px;} #advisebox .advise:hover .tooltip{display:block; z-index:29;} #advisebox .no0 a:hover{ background-position: 10px -37px;} #advisebox .no1 a:hover{ background-position: -56px -37px;} #advisebox .no2 a:hover{ background-position:-120px -37px;} #advisebox .no3 a:hover{ background-position:-195px -37px;} #advisebox .no4 a:hover{ background-position:-255px -37px;} #advisebox .no5 a:hover{ background-position:-320px -37px;} #advisebox .no6 a:hover{ background-position:-497px -42px;} /* Beschreibung etc */ #descriptionRow{position:relative; float:left; width:736px;} .contentRow .descriptionBtn{position:relative; float:left; width:107px; height:27px; padding-left:10px;z-index:29; margin-top:17px; } .contentRow .descriptionBtn a{display:block;position:relative; float:left; width:107px; height:26px; line-height:26px; text-align:center;background-color:#f0f0f0; color:#29547f; font-weight:bold; border-top:1px solid #29547f;border-left:1px solid #29547f;border-right:1px solid #29547f; border-bottom:1px solid #29547f; z-index:29;} .contentRow .descriptionBtn:hover a{ background-color:#29547f;z-index:29; color:#FFF; text-decoration:none;} .contentRow .descriptionBtn a.aktiv{ background-color:#FFF;z-index:29; color:#29547f;border-bottom:1px solid #FFF; } .contentRow .prodDescription0{position:relative; float:left; width:696px; top:0px; left:0px; border-top:1px solid #29547f;z-index:28; padding:20px;} .contentRow .prodDescription0 ul{ list-style-type:disc; list-style-position:inside; margin:5px 0px;} .contentRow .prodDescription1{ position:relative; float:left; width:736px; top:0px; left:0px; border-top:1px solid #29547f;z-index:28; } .contentRow .prodDescription1 ul{ list-style-type:disc; list-style-position:inside; margin:5px 0px;} .contentRow .prodDescription2{position:relative; float:left; width:696px; top:0px; left:0px; border-top:1px solid #29547f;z-index:28; padding:20px;} .contentRow .prodDescription2 ul{ list-style-type:disc; list-style-position:inside; margin:5px 0px;} .contentRow .off{ display:none;} .contentRow .relatedHeadline{display:block; color:#666666; font-weight:bold;} .ratingsHead{position:relative;float:left;width:695px; padding:25px 0px 10px 10px; left:10px;} .ratingsHead .right{ float:right;display:inline; padding:0px; right:0px;} .ratingsHead .left{float:left; display:inline; left:0px;padding:0px;} a.makeRating{ text-decoration:underline; color:#000; background-image:url(../img/layout/makeRating.gif); background-repeat:no-repeat; background-position:0px 0px; padding-left:18px;} a.makeRating:hover{ text-decoration:none; color:#000;} .ratings{position:relative;float:left;width:695px; padding:20px 10px 20px 10px; border-top:1px solid #b9b9b9; left:10px;} .ratings .ratingHead{ position:relative;float:left;width:696px; font-weight:bold; padding:0px 0px 15px 0px;} .ratings .ratingHead .right{float:right; display:inline;right:0px;font-weight:normal;} .ratings .ratingHead .left{float:left; display:inline; left:0px;padding:0px;} .ratings .ratingHead .stars{float:left; width:65px; padding-right:7px; } .ratings .ratingTxt{position:relative;float:left;width:696px; padding:0px 0px 0px 0px;} /* Popup Zoom, Video, 360 Grad etc */ .zoomImg,#zoomImg{width:500px; height:500px; position:relative; float:left; margin:6px 0px 0px 6px; } .zoomBox{width:330px; height:270px; position:relative; float:right; right:9px; margin:0px;} .zoomBox .zoomThumb{width:50px;height:50px; position:relative;float:left; margin:0px 3px 3px 0px; border:1px solid #CCC;} .zoomBoxHeadline{width:320px; position:relative; float:left; padding:25px 0px 15px 0px; font-size:18px; color:#29547f;font-family: "Century Gothic","Lucida Sans Unicode", Arial,Helvetica, sans-serif;} .zoomProduct{width:330px; position:relative; float:right; right:9px; padding:45px 0px 0px 0px;font-size:18px; color:#29547f;} .zoomThis{cursor:pointer;} .zoomDetailViews{position:absolute; right:0px; bottom:5px; width:330px;} .zoomDetailViews .view{position:relative; float:left;width:106px; height:52px;padding-left:2px; } .zoomDetailViews .view a{display:block; width:106px; height:52px; text-indent:-999999px;} .zoomDetailViews .zoom a{ background-image:url(../img/layout/detail_btn_zoom.gif); background-repeat:no-repeat} .zoomDetailViews .dreid a{background-image:url(../img/layout/detail_btn_360.gif); background-repeat:no-repeat} .zoomDetailViews .video a{background-image:url(../img/layout/detail_btn_video.gif); background-repeat:no-repeat} .zoomDetailViews .zoom a:hover,.zoomDetailViews .zooma a{ background-image:url(../img/layout/detail_btn_zoom_a.gif); background-repeat:no-repeat} .zoomDetailViews .dreid a:hover,.zoomDetailViews .dreida a{background-image:url(../img/layout/detail_btn_360_a.gif); background-repeat:no-repeat} .zoomDetailViews .video a:hover,.zoomDetailViews .videoa a{background-image:url(../img/layout/detail_btn_video_a.gif); background-repeat:no-repeat} .dreidDiv .zoomImg,.videoDiv .zoomImg{padding-top:18px;} #detailViews .view:hover .viewtip{ display:block;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* popup warenkorb */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #add2basket {position:absolute;top: 0px; left:0px; width:100%; height:2000px; z-index:3000; display:block; } #add2basket #closeBtn{position:absolute;top:-12px; right:-12px;} #add2basketbox {position:absolute;top:0px; left:0px; width:100%; height:2000px; text-align:left; background-image:url(../img/layout/black80.png); overflow:auto;} #add2basketb2 {position:relative; top:200px; width:501px; height:185px; margin:0px 0 0 0; text-align:left;background-image:url(../img/layout/added2basket.gif); background-repeat:no-repeat;} #add2basketcontent {position:relative; left:160px; top:20px; width:310px; height:130px; font-size:12px; font-weight:bold; z-index:91;} #add2basketcontent table td{ vertical-align:top;} #add2basketcontent .quantity{display:block;float:left; width:25px; height:50px;left:0px; top:30px;} #add2baskettxt{position:relative; left:160px; bottom:20px; width:310px; height:auto; font-size:12px; z-index:91; font-size:11px;} #add2basketbutton {position:relative; left:175px; bottom:26px; width:310px; height:60px; font-size:12px; z-index:91;} #add2basketbtn1 {position:relative; float:left; width:155px; height:20px; margin-top:15px; padding-top:6px; text-align:left; } #add2basketbtn1 a {font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-decoration:none;color:#fff;} #add2basketbtn2 {position:relative; float:left; width:auto; height:20px; margin-top:10px; text-align:right; background:none; background:transparent; border:none;} #add2basketbtn2 .add2basketbtn { background:none; background:transparent; border:none; font-size:11px; cursor:pointer; margin-left:8px; margin-top:5px; width:140px; height:24px;} #add2basketbtn2 .add2basketbtn .add2basketbtnValue{position:absolute; float:right; left:40px; top:6px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:24px; text-align:left; background:transparent; border:none;color:#fff;} /*++++++++++++++++++++++ footer ++++++++++++++++++++++++++ */ #footer table,#footer table td{ height:100px; width:975px; text-align:center; margin:0px auto;} #footer table{padding-right:20px;margin-top:15px;} #footer table td{ height:5px; text-align:right; width:175px; color:#FFF; vertical-align:top;} #footer table td p.designerLink{height:11px;float:right;width:955px; text-align:right;} #footer table td p.designerLink a{color:#2b5d90;font-size:10px; white-space:nowrap;} #footer table td.footerBorder{ height:95px; text-align:center;border-bottom:1px solid #2b5d90; color:#FFF;} #footer ul{ position:relative; float:left;text-align:left;} #footer ul li a{color:#FFF;} #footer ul li a.small{display:block;color:#FFF; font-size:9px; line-height:10px;} #footer table td.trusted{ width:220px;} #trusted{padding:0px 15px 0px 0px;} #footer ul li a.trustedLink{display:block; float:left; margin-top:15px; left:80px; font-size:11px; } /* varianten */ .row{position:relative; float:left; width:736px; margin-bottom:0px; left:0px;background-color:#FFF; } .variante{position:relative; float:left; width:716px; margin-top:10px; left:10px; background-color:#f2f2f2;} .row .sum{margin-top:30px;margin-bottom:10px;} .variante .txt{position:relative; float:left; width:195px; left:0px; margin:0px 0px 0px 0px;padding:0px 0px 10px 25px;} .variante .img{position:relative; float:left; width:50px; margin-top:10px; margin-left:10px; padding:0px; height:50px; border:1px solid #c1c1c1; background-color:#FFF;} .variante .txt .headline{position:relative; float:left; width:195px; font-weight:bold; padding-top:8px;color:#000; } .variante .txt .lieferzeit{position:relative; float:left; width:185px;padding-top:3px; padding-left:0px; font-size:11px;line-height:12px;} .row .variante .txt .lieferzeit .dotGreen{display:block;color:#339933; background-position:0px 3px; padding-left:8px; font-size:10px; float:left;} .row .variante .txt .lieferzeit .dotYellow{display:block;color:#e5a74a; background-position:0px 3px; padding-left:8px; font-size:10px;float:left;} .row .variante .txt .lieferzeit .dotRed{ display:block;color:#FF0000; background-position:0px 3px; padding-left:8px; font-size:10px; float:left;} .row .variante .txt .lieferzeit .txtGreen{color:#339933; font-size:10px;} .row .variante .txt .lieferzeit .txtYellow{color:#e5a74a; font-size:10px;} .row .variante .txt .lieferzeit .txtRed{font-size:10px; color:#FF0000;} .variante .price{position:absolute;float:right; width:190px; right:8px; top:8px; text-align:left; padding-left:10px;} .variante .detailInBasket{position:absolute;float:right;border:transparent; border:none; top:30px; right:8px;width:200px; height:37px;background-image:url(../img/layout/detailInBasket_small.gif); background-repeat:no-repeat; background-position:left; } .variante .detailInBasket .detailBtn{position:relative;float:left; top:14px; left:19px;} .variante .detailInBasket .detailBtn .detailBtnTxt{width:33px; height:16px; margin-right:5px; border:transparent; border:none;font-family: Arial, Helvetica, sans-serif; font-size:11px;color:#666;} .variante .detailInBasket .detailBtn .detailSubmit{width:125px; height:16px; border:transparent; border:none; padding-left:0px; text-align:left;font-family: Arial, Helvetica, sans-serif; font-size:11px;color:#fff; background:none; cursor:pointer;} .variante .listen { position:relative; float:left; margin-left:15px; margin-top:5px; padding-bottom:5px; width:182px; font-size:11px; color:#666666;} .variante .listen .liste{ position:relative; float:left;width:180px; height:35px; font-size:11px;} .variante .listen .liste .listetextfield { width:180px; border:1px solid #7f9db9; font-size:9px; font-family:'Small Fonts', Helvetica; } .variante .listen .liste .listetextfield option {font-size:9px; font-family:'Small Fonts', Helvetica; } /*++++++++++++++++++++++ warenkorb ++++++++++++++++++++++++++ */ .checkoutHeadline{display:inline; float:left; line-height:13px;font-size:11px; margin-left:10px; margin-bottom:5px; } #containerheadwk{position:relative;float:left; width:957px; margin-bottom:10px; height:66px; background-image:url(../img/layout/bg_steps.gif); background-repeat:no-repeat; } #containerheadwk h1,#containerheadwk h2, #containerheadwk h1 a,#containerheadwk h2 a{font-size:35px;color:#29547f; font-weight:normal;font-family: "Century Gothic","Lucida Sans Unicode", Arial,Helvetica, sans-serif; text-decoration:none;} .row .nextStep{position:relative;float:right;border:transparent; border:none; right:20px; width:159px; height:24px; margin:20px 0px 10px 0px;} .row .nextStep .nextStepSubmit{width:159px; height:24px; border:transparent; border:none; background-image:url(../img/layout/btn_nextStep.gif); background-repeat:no-repeat; background-position:left; padding-left:0px; text-align:left;font-family: Arial, Helvetica, sans-serif; cursor:pointer;} .row .nextStep .nextStepSubmit .next{position:absolute;font-size:11px;color:#fff; font-family: Arial, Helvetica, sans-serif; top:6px; left:22px;} .step1{position:absolute; width:130px; height:55px; color:#829bb2; left:35px; top:5px;} .step1 .headline, .step1 .headline a{ font-size:19px; color:#829bb2; width:140px; font-family: "Century Gothic","Lucida Sans Unicode", Arial,Helvetica, sans-serif; text-decoration:none;} .step1 .txt{font-size:11px; width:110px;color:#829bb2; padding-left:20px; text-decoration:none;} .step1 .txt a{font-size:11px; width:110px;color:#829bb2; text-decoration:none;} .step1 .aktiv{color:#FFF;} .step2{position:absolute; width:130px; height:55px; color:#829bb2; left:230px; top:5px;} .step2 .headline, .step2 .headline a{ font-size:19px; color:#829bb2; width:140px; font-family: "Century Gothic","Lucida Sans Unicode", Arial,Helvetica, sans-serif; text-decoration:none;}.step2 .txt{display:block; font-size:11px; color:#829bb2;width:110px; padding-left:20px; } .step2 .txt{font-size:11px; width:110px;color:#829bb2; padding-left:20px; text-decoration:none;} .step2 .txt a{font-size:11px; width:110px;color:#829bb2; text-decoration:none;} .step2 .aktiv{color:#FFF;} .step3{position:absolute; width:150px; height:55px; color:#829bb2; left:430px; top:5px;} .step3 .headline, .step3 .headline a{ font-size:19px; color:#829bb2; width:150px; font-family: "Century Gothic","Lucida Sans Unicode", Arial,Helvetica, sans-serif; text-decoration:none;}.step3 .txt{display:block; font-size:11px; color:#829bb2;width:110px; padding-left:20px; } .step3 .txt{font-size:11px; width:110px;color:#829bb2; padding-left:20px; text-decoration:none;} .step3 .txt a{font-size:11px; width:110px;color:#829bb2; text-decoration:none;} .step3 .aktiv{color:#FFF;} .step4{position:absolute; width:130px; height:55px; color:#829bb2; left:625px; top:5px;} .step4 .headline, .step4 .headline a{ font-size:19px; color:#829bb2; width:140px; font-family: "Century Gothic","Lucida Sans Unicode", Arial,Helvetica, sans-serif; text-decoration:none;}.step4 .txt{display:block; font-size:11px;color:#829bb2; width:110px; padding-left:20px; } .step4 .txt{font-size:11px; width:110px;color:#829bb2; padding-left:20px; text-decoration:none;} .step4 .txt a{font-size:11px; width:110px;color:#829bb2; text-decoration:none;} .step4 .aktiv{color:#FFF;} .step5{position:absolute; width:130px; height:55px; color:#829bb2; left:820px; top:5px;} .step5 .headline, .step5 .headline a{ font-size:19px; color:#829bb2; width:140px; font-family: "Century Gothic","Lucida Sans Unicode", Arial,Helvetica, sans-serif; text-decoration:none;}.step5 .txt{display:block; font-size:11px;color:#829bb2; width:110px; padding-left:20px; } .step5 .txt{font-size:11px; width:110px;color:#829bb2; padding-left:20px; text-decoration:none;} .step5 .txt a{font-size:11px; width:110px;color:#829bb2; text-decoration:none;} .step5 .aktiv{color:#FFF;} .wktxt{font-size:11px;width:220px; height:79px;position:relative;float:left; padding-bottom:5px;} .wktxt ul{position:relative;float:right;font-size:11px;width:185px; top:10px; right:0px;} .wktxt ul li{width:185px;line-height:24px; height:24px;} .wktxt ul li .left{display:inline; float:left;text-align:right; width:70px;font-size:11px;} .wktxt ul li .right{display:inline; float:left;text-align:right; width:115px;font-size:11px;} .wktxt ul li .right .gesamtPreis{font-size:14px;} .wktxt .wkBtn{line-height:24px; height:24px;} .wktxt ul li .right .btnDelete{position:relative; float:left ; left:10px;width:24px; height:24px; border:none; cursor:pointer;} .wktxt .buttoncontent{position:relative; float:right; background:none;background-image:url(../img/layout/btn_basket_aktualisieren.gif); background-repeat:no-repeat; background-position:left 0px; width:68px; height:20px; padding:4px 0px 0px 6px;} .wktxt .wkBtn .right .buttoncontent .btntext {width:24px; text-align:center; padding:0px; padding-top:1px;margin-left:9px; height:15px;} .wktxt .buttoncontent .btnAktualisieren{position:relative; float:right ; background:none;background-image:url(../img/layout/btn_basket_aktualisieren.gif); background-repeat:no-repeat; background-position:right 0px; width:22px; height:24px;top:-4px; border:none; cursor:pointer;} .wktxt.wktxtstep5 ul {top:12px;} .wktxt.wktxtstep5 ul li{width:185px;line-height:22px; height:22px;} .wktxtSum{font-size:11px; width:320px; position:relative; float:right; padding-bottom:20px; margin-top:10px;} .wktxtSum .left{display:inline;font-size:11px; float:left; text-align:right; width:200px;} .wktxtSum .right{display:inline;font-size:11px; float:left; text-align:right; width:110px;} .wktxtSum .txtRed{color:#F00;} .wktxtSum .gesamtright{display:inline; float:left;text-align:right; width:110px;font-size:18px; line-height:18px; margin-top:10px} .wktxtSum .gesamtleft{display:inline; float:left;text-align:right; width:200px;line-height:18px; margin-top:10px;} .buttoncontent a.minusQ{display:block; position:absolute; float:left; left:3px; top:4px;font-size:15px; height:17px; line-height:16px; width:8px; color:#FFF; text-align:center} .buttoncontent a.plusQ{display:block; position:absolute; float:left; left:41px; top:4px;font-size:15px;height:17px; line-height:16px;width:8px; color:#FFF; text-align:center} .buttoncontent a.minusQ:link{color:#FFF; text-decoration:none;} .buttoncontent a.plusQ:link{color:#FFF; text-decoration:none;} .buttoncontent a.minusQ:hover{color:#FF0000; text-decoration:none;} .buttoncontent a.plusQ:hover{color:#FF0000; text-decoration:none;} /*++++++++++++++++++++++ tooltipError ++++++++++++++++++++++++++ */ .buttonTxt .tooltip{position:absolute; vertical-align:middle; top:-21px; height:26px; width:auto; padding:0px 5px; left:50px; background-image:url(../img/layout/bg_error.png); background-position:0px 2px; background-repeat:no-repeat; display:none; white-space:nowrap; color:#FFF; z-index:3000;} .tooltipError{display:block;position:absolute; float:left; top:-20px; margin:0px 0px -5px 0px; height:28px; width:auto; padding:2px 5px 0px 5px; right:210px; background-image:url(../img/layout/bg_error.png); background-repeat:no-repeat; background-position:0px 0px; white-space:nowrap; color:#FFF; z-index:2; font-size:11px;} .confirm .tooltip{display:block;position:absolute; float:left; top:-25px; margin:0px 0px -5px 0px; height:28px; width:auto; padding:0px 5px 0px 15px; right:350px; background-image:url(../img/layout/bg_error.png); background-repeat:no-repeat; background-position:0px 2px; white-space:nowrap; color:#FFF; font-size:11px;} .row .buttonTxtLong .tooltip,#newBox .buttonTxtLong .tooltip{display:block;position:absolute; float:left; top:3px; margin:0px 0px -5px 0px; height:26px; width:155px; left:auto; padding:2px 5px 0px 15px; right:-50px; background-image:url(../img/layout/bg_error_left.png); background-repeat:no-repeat; background-position:0px 0px; white-space:nowrap; color:#FFF; font-size:11px;} .row .buttonTxtLong .tooltip span{font-size:11px;} .row .buttonTxtLong .off{display:none;} .btntext{float:left;border:0 none; height:16px; font-family: Arial, Helvetica, sans-serif; font-size:11px;padding:0px 0px 0px 0px; color:#666;} .buttoncontentVoucher .btntext{float:left;border:0 none; height:15px; font-family: Arial, Helvetica, sans-serif; font-size:11px;padding:2px 0px 0px 5px;margin-left:15px;color:#666;} .buttoncontentVoucher{bottom:20px; left:10px;position:absolute; float:left; background:none;background-image:url(../img/layout/btnVoucher.gif); background-repeat:no-repeat; background-position:left 0px; width:250px; height:20px; padding:4px 0px 0px 6px;} .row .variante .buttoncontentVoucher .btnVoucher {position:relative; float:left ; background:none;background-image:url(../img/layout/btnVoucher.gif); background-repeat:no-repeat; background-position:right 0px; width:85px; height:24px;top:-4px; border:none; cursor:pointer; font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; padding-right:20px;} .row .aheadline{position:relative; float:left; width:700px; font-size:14px; line-height:24px; left:20px; } .row .aheadline.bg{position:relative; float:left; width:700px; font-size:14px; background-image:url(../img/layout/bg_row_anmeldung.gif); background-repeat:no-repeat; background-position:0px 0px;} .row .aheadline.bg input{margin:0px 5px 0px 10px;} .row .aheadline strong{font-size:14px;} .row .aheadline.topS{margin:35px 0px 0px 0px;font-size:14px;} .row .aheadline.login{padding:0px 0px 0px 25px; width:500px;font-size:14px; } .row .aheadline .forgotPassword{position:relative; float:left;color:#666; font-size:11px;line-height:34px; margin-top:20px;margin-left:20px;} .forgotPassword{color:#666; font-size:11px;line-height:34px;} .row .aheadline.login .buttonTxt{margin:5px 10px 0px 0px;} .passwort{top:-20px; margin:0px 0px 0px 0px; padding:0px 5px; font-size:11px;} .email {top:-20px; margin:0px 0px 0px 0px; padding:0px 5px; font-size:11px;} .buttonTxt{position:relative; float:left; top:0px; width:181px; height:24px; left:0px; margin:10px 0px 0px 0px;} .buttonTxt .buttoncontent{position:relative; float:left;background-image:url(../img/layout/bg_button.gif); background-repeat:no-repeat; background-position:left 0px; width:169px; height:20px; padding:4px 0px 0px 6px;} .buttonTxt .buttonright{position:relative; float:right;background-image:url(../img/layout/bg_button.gif); background-repeat:no-repeat; background-position:right 0px; width:6px; height:20px; right:0px; padding:4px 0px 0px 0px;} .btntext{float:left;border:0 none; height:15px; font-family: Arial, Helvetica, sans-serif; font-size:11px;padding:1px 1px 0px 1px; color:#666; } .box .btnorderNow {position:absolute; float:right; top:-7px; width:179px; height:44px; right:-1px; z-index:99;} .alogin .buttonTxt{margin-top:20px; margin-left:25px;} .alogin .buttonTxt label{color:#000;font-size:11px; line-height:16px;} .tx-ratings-display { position: relative; float:left; left: 0; top: 0; height: 12px; margin-right:5px; } .tx-ratings-grey-bar { position: relative; float:left; left: 0; top: 0; width: 65px; height: 12px; background: url(../img/layout/stars.gif) repeat-x 0 -20px; font-size: 1px; } .tx-ratings-gold-bar { position: relative; float:left; left: 0; top: 0; width: 0px; height: 12px; background: url(../img/layout/stars.gif) repeat-x 0 0px; font-size: 1px; font-size: 1px; } .tx-ratings-vote-bar { position: relative; float:left; left: 0; top: 0; width: 65px; height: 12px; font-size: 1px; } .vote-1 {width: 12px;} .vote-2 {width: 24px;} .vote-3 {width: 37px;} .vote-4 {width: 52px;} .vote-5 {width: 65px;} /*+++++++++++++++++++++++++++++ Step 3 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #rechnungsadresse{position:relative; float:left; top:0px; width:390px; left:20px; padding:0px 0px 0px 0px; z-index:999; } #lieferadresse, #wohinLiefern{position:relative; float:left; top:0px; width:600px; left:0px; padding:0px 0px 0px 0px; } #lieferadresse, #wohinLiefern{margin:35px 0px 0px 0px; left:20px;} #mitteilung{position:relative; float:left; top:0px; width:303px; left:20px; height:197px; margin:29px 0px 0px 0px; } #passwort {position:relative; float:left; top:0px; width:303px; left:20px; height:auto; margin:122px 0px 0px 0px; } #mitteilung{background-image:url(../img/layout/bg_mitteilung.gif); background-repeat:no-repeat; background-position:0px 0px;} .row #nladresse .headline,.row #rechnungsadresse .headline, .row #lieferadresse .headline, .row #wohinLiefern .headline,.row #rechnungsadresse .headline strong,.row #nladresse .headline strong, .row #lieferadresse .headline strong, .row #wohinLiefern .headline strong{position:relative; float:left; top:0px; width:337px; left:0px; color:#000; padding-left:0px; height:23px; font-size:14px; } #passwort .headline{position:relative; float:left; top:0px; width:300px; left:0px; color:#000; padding-left:0px; height:23px; font-size:14px; } #passwort .headline strong{font-size:14px; } .buttonTxtLong{position:relative; float:left; top:0px; width:347px; height:24px; left:0px; margin:5px 0px 0px 0px;} .zahlart{margin:-10px 0px 15px 45px;} .buttonTxtLong .buttoncontent{position:relative; float:left;background-image:url(../img/layout/bg_button.gif); background-repeat:no-repeat; background-position:left 0px; width:335px; height:20px; padding:4px 0px 0px 6px; overflow:hidden; } .buttoncontent label{color:#000;font-size:11px; line-height:16px;} .buttonTxtLong .buttonright{position:relative; float:right;background-image:url(../img/layout/bg_button.gif); background-repeat:no-repeat; background-position:right 0px; width:6px; height:20px; right:0px; padding:4px 0px 0px 0px;} .buttonTxtLong .buttoncontent .white{display:inline; color:#FFF; width:80px; line-height:18px; float:left;} .buttonTxtLong .buttoncontent .landselect, .buttonTxtLong .buttoncontent .anredeselect{position:relative;float:left;left:0px; top:0px; height:18px; padding:0px; margin:-1px 0px 0px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:10px; width:100px; color:#666; border:none; border:transparent;} .buttonTxtLong .buttoncontent .landselect option, .buttonTxtLong .buttoncontent .anredeselect option{ border:none; border:transparent;} .buttonTxtLong .buttoncontent .btntext{color:#666; width:325px; float:left;} .buttonTxtLong .buttoncontent.newsletter{height:135px; width:347px; background:none; background-image:url(../img/layout/bg_newsletterBox.gif); background-repeat:no-repeat;} .buttonTxtLong .buttoncontent.newsletter .top{line-height:18px; height:40px; width:330px; color:#000; margin-top:5px;font-size:11px;} .row .buttonTxtLong .buttoncontent.newsletter .newslettertxt{line-height:13px;height:50px; width:330px; color:#000; font-size:11px;} .buttonTxtLong.newsletter{margin-top:25px;height:135px; width:347px;} .buttonTxtLong .buttoncontent .checkbox{position:relative; float:left; top:1px; height:13px; width:13px;} .buttonTxtLong .buttoncontent .station{position:relative; float:right;color:#000; top:2px; width:300px; right:20px; line-height:12px;font-size:11px;} .buttonTxtLong.passwort2{position:relative; float:left; top:0px; width:303px; height:24px; left:0px; margin:5px 0px 0px 0px;} .buttonTxtLong.passwort2 .buttoncontent{position:relative; float:left; background-image:url(../img/layout/bg_button.gif); background-repeat:no-repeat; background-position:left 0px; width:291px; height:20px; padding:4px 0px 0px 6px; overflow:hidden;} .buttonTxtLong .buttoncontent .wohinTxt{font-size:14px; line-height:14px; margin:0px 0px 3px 5px;} .buttonTxtLong .buttoncontent .wohinTxt label{font-size:14px;} .row #mitteilung .mitteilungTxt{line-height:15px; width:290px; color:#000; float:left; margin:6px 0px 0px 7px; font-size:11px;} .row #mitteilung .txt{display:block; border:none; border:transparent; width:293px; height:165px; float:left; margin:5px 0px 0px 5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:11px; } .greyTxt{position:relative; float:left; color:#666; width:350px; height:50px; margin:20px 00px 20px 20px; font-size:11px;} /*+++++++++++++++++++++++++++++ Step 4 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .checkoutHeadline{display:inline; float:left; line-height:13px;font-size:11px; margin-left:10px; margin-bottom:5px; } .row .zbox{ position:relative; float:left; top:0px; margin-bottom:15px; margin-top:10px; width:691px; left:20px; background-color:#b7b7b7; color:#000; background-image:url(../img/layout/bg_checkout_box_long_top.gif); background-repeat:no-repeat; background-position:top; } .row .zbox.error{position:relative; float:left; top:5px; width:691px; left:20px; background-color:#cc0000; color:#fff; background-image:url(../img/layout/bg_checkout_box_long_top_error.gif); background-repeat:no-repeat; background-position:top; } .row .zbox .content{ position:relative; float:left; top:0px; width:691px; left:0px; background-image:url(../img/layout/bg_checkout_box_long_bottom.gif); background-repeat:no-repeat; background-position:bottom; line-height:24px; } .row .zbox .content.confirm{position:relative; float:left; top:0px; width:691px; left:0px;} .row .zbox .content.error{position:relative; float:left; top:0px; width:691px; left:0px; background-image:url(../img/layout/bg_checkout_box_long_bottom_error.gif); background-repeat:no-repeat; background-position:bottom; line-height:24px;} .row .zbox .content.error a, .row .zbox .content a{color:#fff; text-decoration:underline;} .row .rowheadline{margin:0px 0px 10px 0px;} .row .rowheadline{position:relative; float:left; top:0px; width:303px; left:10px; font-size:14px; } .row .rowheadline strong{ font-size:14px; } .row .zbox .content .versandselect{position:relative;float:left;display: block; left:0px; top:0px; height:16px; padding:0px; margin:5px 15px 5px 5px; border:none; border:transparent; font-size:11px;} .row .creditcardselect{position:relative;float:left;display: block; left:0px; top:0px; height:16px; padding:0px; margin:0px 0px 0px 0px; border:none; border:transparent; font-size:11px; width:150px; color:#666666;} #contentbox .row .zbox .content .txt{position:relative;float:left; margin:0px 0px 0px 25px; padding:0px 0px 0px 0px; font-size:11px; width:150px; line-height:24px;} .row .zbox .content .selectTxt .select{position:relative;float:left; margin:0px 0px 0px 5px; padding:0px 0px 0px 0px; font-size:11px; width:16px; line-height:24px; } .row .zbox .content .selectTxt{position:relative;float:left; top:0px; left:5px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:500px; font-size:14px; } .row .zbox .content .selectTxt strong, .row .zbox .content .selectTxt strong label {font-size:14px; } .row .zbox .confirm .selectTxt{position:relative;float:left; top:0px; left:5px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:500px; font-size:11px;} .row .zbox .content .selectTxt input{display:inline; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; width:16px; height:16px;line-height:24px;} .row .zbox .content .contentTxt{position:relative;float:left; display:inline; top:0px; left:26px; margin:5px 0px 0px 0px; padding:0px 5px 5px 0px; width:670px; font-size:11px; line-height:13px; } .row .zbox .buttonTxtLong{margin:5px 0px 0px 25px;} /*+++++++++++++++++++++++++++++ Step 5 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .row .bbox{ position:relative; float:left; top:0px; width:718px; left:10px; color:#fff;} .row .bbox.error{position:relative; float:left; top:5px; width:691px; left:20px; background-color:#cc0000; color:#fff; background-image:url(../img/layout/bg_checkout_box_long_top_error.gif); background-repeat:no-repeat; background-position:left top; } .row .bbox .content .tooltip{width:300px; padding:1px 0px 0px 5px; left:3px; margin-top:-2px; } .row .bbox .content{ position:relative; float:left; top:0px; width:696px; left:0px; background-image:url(../img/layout/bg_checkout_bestellen.gif); background-repeat:no-repeat; background-position:left bottom;} .row .bbox .content.confirm{position:relative; float:left; top:0px; width:718px; left:0px; height:24px; } .row .bbox .error{position:relative; float:left; top:0px; width:718px; left:0px; height:24px; background-image:url(../img/layout/bg_checkout_bestellen.gif); background-repeat:no-repeat; background-position:left bottom; } .row .bbox .content.error a, .row .bbox .content a{color:#fff; text-decoration:underline;} .row .bbox .content.error a:hover, .row .bbox .content a:hover{color:#fff; text-decoration:none;} .row .rowheadline{position:relative; float:left; top:0px; width:303px; left:20px; font-size:14px; } .row .bbox .content .versandselect{position:relative;float:left;display: block; left:0px; top:0px; height:16px; padding:0px; margin:5px 15px 5px 5px; border:none; border:transparent; font-size:11px; width:150px;} .row .creditcardselect{position:relative;float:left;display: block; left:0px; top:0px; height:16px; padding:0px; margin:0px 0px 0px 0px; border:none; border:transparent; font-size:11px; width:150px; color:#666666;} .row .dateselect{position:relative; left:0px; top:-1px; height:16px; padding:0px; margin:0px; border:none; border:transparent; font-size:11px; width:117px;color:#666666; z-index:0;} .row .month{margin-left:38px; margin-right:3px;} .row .year{margin-left:3px;} #contentbox .row .bbox .content .txt{position:relative;float:left; margin:0px 0px 0px 25px; padding:0px 0px 0px 0px; font-size:11px; width:150px; } .row .bbox .content .selectTxt .select{position:relative;float:left; margin:0px 0px 0px 5px; padding:0px 0px 0px 0px; font-size:11px; width:16px; } .row .bbox .content .selectTxt{position:relative;float:left; top:0px; left:5px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:500px; font-size:14px; } .row .bbox .confirm .selectTxt{ position:relative; top:5px; left:18px; height:15px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:500px; font-size:11px; color:#000;} .row .bbox .confirm .selectTxt a{font-size:11px; color:#000;} .row .bbox .content .selectTxt input{display:inline;float:left; margin:0px 0px 0px 0px; top:0px; padding:0px 0px 0px 0px; width:16px; height:16px;} .row .bbox .content .contentTxt{position:relative;float:left; display:inline; top:0px; left:26px; margin:5px 0px 0px 0px; padding:0px 5px 5px 0px; width:670px; font-size:11px; line-height:13px;} .row .bbox .buttonTxtLong{margin:5px 0px 0px 25px;} .rowCheckoutSmall {position:relative; float:left; top:0px; width:330px; left:0px; padding-bottom:30px; font-size:11px;} .row .bbox .error .selectTxt{ position:relative; top:5px; left:18px; height:15px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:500px; font-size:11px; color:#000;} .row .bbox .error .selectTxt a{font-size:11px; color:#000;} .row .bbox .error .selectTxt input{display:inline;float:left; margin:0px 0px 0px 0px; top:0px; padding:0px 0px 0px 0px; width:16px; height:16px;} .bbox .btnorderNow {position:absolute; float:right; top:-8px; width:179px; height:44px; right:0px; z-index:99;} .rowCheckoutSmall .smallbtm {width:330px;} .rowheadline.smallbtm {width:330px;font-size:14px;} .buttonChange{position:absolute; float:left; bottom:0px; left:0px; width:77px; height:24px;} .buttonChange .buttoncontent{position:relative; float:left;background-image:url(../img/layout/bg_button_change.gif); background-repeat:no-repeat; background-position:left 0px; width:71px; height:24px;} .buttonChange .buttonright{position:relative; float:right;background-image:url(../img/layout/bg_button_change.gif); background-repeat:no-repeat;background-position:right 0px; width:6px; height:24px; right:0px;} .buttonChange .btnTxt{position:relative;float:left;border:0 none; background:transparent; height:20px; font-size:11px; cursor:pointer; background-image:url(../img/layout/btn_arrow_right.gif); background-repeat:no-repeat; padding:0px 0px 0px 15px; background-position:3px 1px; text-align:left; margin:1px 0px 0px 0px; width:66px; font-family:Arial, Helvetica, sans-serif;font-size:11px;} #contentBorder .row .info{font-size:11px;} #contentBorder .row.leftSpace{left:20px; width:698px;} #contentBorder .leftSpace .rowheadline{left:0px;} #contentBorder .leftSpace .lastInfo{position:relative; float:left;padding-right:20px; width:676px;} #contentBorder .leftSpace .lastInfo p{display:block;} #contentBorder .leftSpace .lastInfo a{text-decoration:underline; color:#000;} #contentBorder .leftSpace .lastInfo a:hover{text-decoration:none;} .txtRowThankU{position:relative; float:left; width:706px; margin:0px 0px 0px 0px; padding:10px; left:0px;background-color:#FFF; } #print_button{display:block; float:left;width:138px; padding:0px 0px 0px 20px; left:0px; margin:30px 10px 10px 10px; line-height:24px; height:24px; background-image:url(../img/layout/btn_print.gif); background-repeat:no-repeat; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;} #backHome{display:block; float:right;width:122px; right:0px; margin:30px 10px 10px 0px; padding:0px 0px 0px 20px;line-height:24px; height:24px;background-image:url(../img/layout/btn_blank.gif); background-repeat:no-repeat;font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;} #cashBackLink{display:block; float:left;width:202px; left:0px; margin:10px 10px 10px 0px; padding:0px 0px 0px 20px;line-height:24px; height:24px;background-image:url(../img/layout/btn_blank_big.gif); background-repeat:no-repeat;font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;} /*+++++++++++++++++++++++++++++ mein Konto Login +++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .txtRow{position:relative; float:left; width:706px; margin:0px 0px 0px 0px; padding:0px; left:0px;background-color:#FFF; } .mkBox{position:relative; float:left; width:736px; background-color:#FFF; margin-bottom:10px; left:0px; padding-bottom:10px; border:1px solid #29547f; } .mkBoxContent {position:relative; float:left;padding: 10px 15px 10px 20px; font-size:11px;width:700px;} .mkBoxContent .mkBoxTxt{position:relative; float:left; width:706px; padding: 10px 0px 0px 0px; font-size:11px;} .mkBoxContent .spacer{position:relative; float:left; width:690px; height:50px;} .mkBox .wk{position:relative; float:left; width:470px; padding: 0px 20px 50px 15px;} #content .mkBoxContent{position:relative; float:left;width:716px; padding: 10px; font-size:11px;} #content .mkBox .wk{position:relative; float:left; width:690px; padding: 0px 10px 50px 10px;} .mkBoxContent .headline{position:relative; float:left; width:400px; font-size:14px; line-height:24px; color:#000; left:10px; color:#29547F;} .mkBoxContent .aTxt{left:0px; } .mkBoxContent .headline strong{ font-size:14px;} .mkBoxContent .headline .headlineTxt{position:relative; float:left; font-size:14px; line-height:24px; height:24px; color:#000;} .mkBoxContent .headline.bg{position:relative; float:left; width:715px; font-size:14px; background-image:url(../img/layout/bg_row_anmeldung.gif); background-repeat:no-repeat; background-position:0px 0px;} .mkBoxContent .headline.bg input{margin:5px 5px 0px 10px; float:left;} .mkBoxContent .headline.topS{margin:35px 0px 0px 0px;} .mkBoxContent .headline.login{ width:650px; } .mkBoxContent .headline .forgotPassword{position:relative; float:left;color:#666; font-size:11px; white-space:nowrap;margin:15px 0px 0px 10px;} .mkBoxContent .headline.login .buttonTxt{margin:20px 0px 0px 25px; width:181px;} .mkBoxContent .headline.login .buttonTxt .email,.mkBoxContent .headline.login .buttonTxt .passwort,.mkBoxContent .headline.login .buttonTxt .openId{background-position:0px 2px; padding:0px 5px;} #contentbox .email,#contentbox .passwort{background-position:0px 2px; padding:0px 5px;} .mkBoxContent .headline.login .buttoncontent{width:169px} .tooltipError.passwort{right:0px; } .tooltipError.email {right:-20px;} .tooltip.openId {top:-20px; margin:0px 0px -5px 0px; padding:0px 5px; right:10px; font-size:11px;} .mkBoxContent .mknextStep {position:relative; float:left ; width:410px; height:44px; line-height:24px;} .mkBoxContent .mkbuttonDetail{position:relative; float:right; right:10px; width:86px; height:24px;} .mkBoxContent .mkbuttonDetail .mkbuttoncontent{position:relative; float:left;background-image:url(../img/layout/btnSaveDark.gif); background-repeat:no-repeat; background-position:left 0px; width:80px; height:24px; } .mkBoxContent .mkbuttonDetail .save{position:relative; float:left;background-image:url(../img/layout/btnSaveDark.gif); background-repeat:no-repeat; background-position:left 0px; width:170px; height:24px; } .mkBoxContent .mkbuttonDetail .mkbuttonright{position:relative; float:right;background-image:url(../img/layout/btnSaveDark.gif); background-repeat:no-repeat;background-position:right 0px; width:6px; height:24px; right:0px;} .mkBoxContent .mkbuttonDetail .mkbtnTxt{position:relative;float:left;border:0 none; background:transparent;font-family: Arial, Helvetica, sans-serif; font-size:11px; cursor:pointer; padding:1px 0px 0px 18px; background-position:-2px 1px; text-align:left; margin:3px 0px 0px 0px; width:101px; color:#FFF;} #rechnungsadresse.mkrechnungsadresse{position:relative; float:left; top:0px; width:470px; left:10px; margin-left:0px; } #rechnungsadresse.mkrechnungsadresse .tooltipError,#lieferadresse.mklieferadresse .tooltipError{display:block;position:absolute; float:left; top:3px; margin:0px 0px -5px 0px; height:26px; width:155px; padding:2px 5px 0px 15px; right:-140px; background-image:url(../img/layout/bg_error_left.png); background-repeat:no-repeat; background-position:0px 0px; white-space:nowrap; color:#FFF; z-index:2; font-size:11px;} .mkrechnungsadresse .buttonTxtLong,.mklieferadresse .buttonTxtLong{left:50px;} #lieferadresse.mklieferadresse{position:relative; float:left; top:0px; width:470px; left:10px; padding:0px 0px 0px 0px; margin:65px 0px 0px 0px; } #lieferadresse .mkheadline, #rechnungsadresse .mkheadline, #boxContent .mkheadline{font-size:14px; } .mkGreyTxt{position:relative; float:left; color:#666; width:400px; height:50px; margin:20px 0px 20px 60px;} #boxContent .mknextStep {position:relative; float:left ; width:345px; height:24px; line-height:24px; margin:20px 0px; } #boxContent .mkbuttonDetail{position:relative; float:right; right:0px; width:176px; height:24px;} #boxContent .save{position:relative; float:right; right:15px; width:176px; height:24px; margin-top:5px;} #boxContent .mkbuttonDetail .mkbuttoncontent{position:relative; float:left;background-image:url(../img/layout/bg_button.gif); background-repeat:no-repeat; background-position:left 0px; width:170px; height:24px; } #boxContent .mkbuttonDetail .mkbuttonright{position:relative; float:right;background-image:url(../img/layout/bg_button.gif); background-repeat:no-repeat;background-position:right 0px; width:6px; height:24px; right:0px;} #boxContent .mkbuttonDetail .mkbtnTxt{position:relative;float:left;border:0 none; background:transparent; height:15px; font-family: Arial, Helvetica, sans-serif; font-size:11px; cursor:pointer; background-image:url(../img/layout/btn_arrow_right.gif); background-repeat:no-repeat; padding:0px 0px 0px 18px; background-position:-2px 1px; text-align:left; margin:3px 0px 0px 0px; width:190px;} #toFriendBox{position:relative; float:left; width:505px; } #toFriendBox .mitteilung{position:relative; float:right; top:0px; width:303px; left:0px; height:197px; margin:5px 0px 0px 0px; background-image:url(../img/layout/bg_mitteilung.gif); background-repeat:no-repeat; background-position:0px 0px;} #toFriendBox .mitteilung .mitteilungTxt{line-height:15px; width:290px; color:#666666; float:left; margin:8px 0px 0px 7px;} #toFriendBox .mitteilung .txt{display:block; border:none; border:transparent; width:293px; height:165px; float:left; margin:2px 0px 0px 5px; font-family: Arial, Helvetica, sans-serif; font-size:11px; } #toFriendBox .buttonTxtLong{position:relative; float:right; top:0px; width:302px; height:49px; left:0px; margin:5px 0px 0px 0px;} #toFriendBox .buttonTxtLong .buttoncontent{position:relative; float:left;background-image:url(../img/layout/toFriendInput.gif); background-repeat:no-repeat; background-position:left 0px; width:296px; height:45px; padding:4px 0px 0px 6px; overflow:hidden;color:#666666;} #toFriendBox .buttonTxtLong .buttoncontent .btntext{margin-top:4px;} #toFriendBox .friendTxt{position:relative; float:left; top:0px; width:180px; left:0px; margin:8px 0px 0px 0px;} #toFriendBox .friendTxt .friendheadline{font-size:14px; font-weight:bold; margin-bottom:10px;} .sendToFriend{position:relative; float:right ; width:345px; height:24px; line-height:24px; margin:5px 0px; } .sendToFriend .btn{ float:right; top:0px; background:none; border:none; border:0px; cursor:pointer; width:81px; height:24px; padding:0px; margin:0px; line-height:24px;background-image:url(../img/layout/bg_button.gif);background-repeat:no-repeat; background-position:right 0;} .sendToFriend .btn .btnValue{position:absolute; float:right; right:0px; top:0px; width:57px; height:24px;font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:24px; text-align:left;background-image:url(../img/layout/bg_button.gif);background-repeat:no-repeat; background-position:0px -48px; padding:0px 0px 0px 18px; right:6px;} .mkBestellungTxt {position:relative; float:left;width:695px; left:10px; } .mkBestellungTxt .txtRow{position:relative; float:left;width:690px; } .mkBestellungTxt .txtRow .iputImg{ float:right;width:49px; top:2px; right:0px; } .mkBestellungTxt .grey{position:relative; float:left;color:#999; width:100px;margin-top:10px;font-size:11px;} .mkBestellungTxt .txt{position:relative; float:left; width:350px;margin-top:10px;font-size:11px;} .mkBestellungTxt .btmDotted {position:relative; float:left;border-bottom:1px dotted #000; padding:3px;} .mkBestellungTxt .btmDotted .txt{position:relative; float:left; width:470px; font-size:11px; margin-top:5px;} .mkBestellungTxt .btmDotted .txt .mkMerkzettelPreis{position:relative; float:right;text-align:right; font-size:11px;} #newBox {position:relative; float:left; top:0px; width:480px; left:10px; height:auto; margin:20px 0px 20px 0px; } #newBox .headline{position:relative; float:left; top:0px; width:303px; left:0px; margin:20px 0px 0px 0px; font-weight:bold;} #newBox .buttonTxtLong.passwort2{position:relative; float:left; top:0px; width:465px; height:24px; left:0px; margin:5px 0px 0px 0px;} #newBox .buttonTxtLong .buttoncontent{position:relative; float:left; background-image:url(../img/layout/bg_button.gif); background-repeat:no-repeat; background-position:left 0px; width:453px; height:20px; padding:4px 0px 0px 6px; } #newBox .buttonTxtLong .buttoncontent .newsletter{position:relative; float:left; background-image:url(../img/layout/bg_button.gif); background-repeat:no-repeat; background-position:left 0px; width:453px; height:20px; line-height:20px; padding:4px 0px 0px 6px; } #newBox .buttonTxtLong .tooltip{top:3px; left:350px; width:175px;} #newBox .buttonTxtLong .buttoncontent .newsletterR{float:left; height:15px; margin-right:10px; top:1px } .mkBoxContent input[type=radio]{float:left; height:15px; margin-right:10px; top:1px } #newBox .tooltipError{left:140px; width:180px; } #newBox .buttonTxtLong .buttoncontent.newsletter span{position:relative; float:left;display:inline; width:300px; line-height:16px;} #saveBtn,.saveBtn{position:relative; float:right; width:176px; height:24px; margin-top:15px; right:15px;} #saveBtn .mkbuttoncontent,.saveBtn .mkbuttoncontent{position:relative; float:left;background-image:url(../img/layout/btnSaveDark.gif); background-repeat:no-repeat; background-position:left 0px; width:170px; height:24px; } #saveBtn .mkbuttonright,.saveBtn .mkbuttonright{position:relative; float:right;background-image:url(../img/layout/btnSaveDark.gif); background-repeat:no-repeat;background-position:right 0px; width:6px; height:24px; right:0px;} #saveBtn .mkbtnTxt,.saveBtn .mkbtnTxt{position:absolute;float:left;border:0 none; text-align:left; background:transparent; height:14px; top:4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; cursor:pointer;color:#FFF;left:18px} #newBox .btn .btnValue{background-image:url(../img/layout/btn_clear.gif); background-repeat:no-repeat;} #saveNewsletter{position:relative; float:right; width:150px; height:24px; top:5px; right:15px;} .mkBoxMerkzettel{position:relative; float:left; width:748px; left:0px; overflow:hidden;} #contentContainer .mkBox .detailInBasket{position:relative;float:right;border:transparent; border:none; top:0px; right:0px;width:198px; height:24px;background-image:url(../img/layout/detailInBasket_small.gif); background-repeat:no-repeat; background-position:left; } #contentContainer .mkBox .detailInBasket .detailBtn{position:relative;float:left; top:3px; left:19px;} #contentContainer .mkBox .detailInBasket .detailBtn .detailBtnTxt{width:33px; height:15px; margin-right:5px; border:transparent; border:none; font-size:11px;color:#666;} #contentContainer .mkBox .detailInBasket .detailBtn .detailSubmit{width:125px; height:16px; border:transparent; border:none; padding-left:0px; text-align:left;font-family: Arial, Helvetica, sans-serif; font-size:11px;color:#fff; background:none; cursor:pointer;} .buttonTxt{position:relative; float:left; top:0px; width:181px; height:24px; left:0px; margin:10px 0px 0px 0px;} .buttonTxt .buttoncontent{position:relative; float:left;background-image:url(../img/layout/bg_button.gif); background-repeat:no-repeat; background-position:left 0px; width:169px; height:20px; padding:4px 0px 0px 6px;} .buttonTxt .buttonright{position:relative; float:right;background-image:url(../img/layout/bg_button.gif); background-repeat:no-repeat; background-position:right 0px; width:6px; height:20px; right:0px; padding:4px 0px 0px 0px;} .btntext{float:left;border:0 none; height:16px; font-family: Arial, Helvetica, sans-serif; font-size:11px;padding:0px 0px 0px 5px; color:#000;} .mkBestellungTxt .btmDotted span.dotGreen{ display:block; float:left; color:#339933; background-position:25px 3px;font-size:10px;height:8px; padding-left:35px;padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; } .mkBestellungTxt .btmDotted span.dotRed{ display:block; float:left;color:#ce1500; background-position:25px 3px;font-size:10px; height:8px;padding-left:35px;padding-bottom:10px;font-family:Arial, Helvetica, sans-serif; } .mkBestellungTxt .btmDotted span.dotYellow{ display:block; float:left;color:#e5a74a;background-position:25px 3px;font-size:10px; height:8px;padding-left:35px;padding-bottom:10px; font-family:Arial, Helvetica, sans-serif; } .mkBestellungTxt .btmDotted .txtGreen{color:#339933; font-size:10px;} .mkBestellungTxt .btmDotted .txtYellow{color:#e5a74a; font-size:10px;} .mkBestellungTxt .btmDotted .txtRed{font-size:10px; color:#FF0000;} .mkWktxtSum{font-size:11px; width:320px; position:relative; float:right; padding-bottom:20px; margin-top:10px;} .mkWktxtSum .left{display:inline;font-size:11px; float:left; text-align:right; width:200px;} .mkWktxtSum .right{display:inline;font-size:11px; float:left; text-align:right; width:110px;} .mkWktxtSum .txtRed{color:#F00;} .mkWktxtSum .gesamtright{display:inline; float:left;text-align:right; width:110px;font-size:18px; line-height:18px; margin-top:10px} .mkWktxtSum .gesamtleft{display:inline; float:left;text-align:right; width:200px;line-height:18px; margin-top:10px;} /*+++++++++++++++++++++++++++++ newsletter template +++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .borderBox{position:relative; float:left; width:736px; background-color:#FFF; margin-bottom:10px; left:0px; padding-bottom:10px; border:1px solid #29547f; } .smalltxt{font-size:11px; padding:10px 0px 30px 0px;} #nladresse{position:relative; float:left; top:0px; width:714px; left:20px; padding:10px 0px 30px 0px; z-index:999; } #nladresse .buttonTxtLong{ width:320px;} #nladresse .buttonTxtLong .tooltip{left:100px;} #nladresse .buttonTxtLong .buttoncontent{width:308px;} #nladresse .buttonTxtLong .buttoncontent input.checkbox{float:left; margin:1px 5px 0px 0px;} .borderBox .mkbuttonDetail{position:relative; float:right; right:20px; width:86px; height:24px;} .borderBox .mkbuttonDetail .mkbuttoncontent{position:relative; float:left;background-image:url(../img/layout/btnSaveDark.gif); background-repeat:no-repeat; background-position:left 0px; width:80px; height:24px; } .borderBox .mkbuttonDetail .save{position:relative; float:left;background-image:url(../img/layout/btnSaveDark.gif); background-repeat:no-repeat; background-position:left 0px; width:170px; height:24px; } .minHeight-nl{min-height: 414px; height: auto !important; height: 414px; padding:20px 0px 0px 20px; width:716px;} .minHeight-nlo{min-height:280px; height: auto !important; height: 280px; } .borderBox .mkbuttonDetail .mkbuttonright{position:relative; float:right;background-image:url(../img/layout/btnSaveDark.gif); background-repeat:no-repeat;background-position:right 0px; width:6px; height:24px; right:0px;} .borderBox .mkbuttonDetail .mkbtnTxt{position:relative;float:left;border:0 none; background:transparent;font-family: Arial, Helvetica, sans-serif; font-size:11px; cursor:pointer; padding:2px 0px 0px 18px; background-position:-2px 1px; text-align:left; margin:3px 0px 0px 0px; width:101px; color:#FFF;} ul#nl{margin-left:0px; list-style-type:square;font-size:9px; list-style-position:inside; } ul#nl li{padding:4px 0px; font-size:9px; font-weight:normal;} ul#nl li a{font-size:11px; color:#000;font-weight:normal; margin-right:10px;} ul#nl li span{font-size:11px; font-weight:bold;} #body.plain .boxhead { background:#29547f; color:#fff; font-weight:bold; margin-bottom:10px; padding:2px 5px; } #body.plain ol { list-style:decimal outside; padding: 1px 0px 1px 35px; width:auto; } .azTooltipError {display:block;position:absolute; float:left; top:-20px; left:0px; margin:0px 0px -5px 0px; height:26px; width:auto; padding:0px 5px; background-image:url(../img/layout/bg_azerror.png); background-repeat:no-repeat; background-position:0px 0px; white-space:nowrap; color:#FFF; z-index:998;} .azTooltipError.off {display:none;} #rechnungsadresse .newslettertxt, #rechnungsadresse .newslettertxt p { font-size:11px; } #azadd2noticelistb2 {position:relative; top:200px; width:501px; height:185px; margin:0px 0 0 0; text-align:left;background-image:url(../img/layout/added2noticelist.gif); background-repeat:no-repeat;} div.headline strong { color:#29547F; }