body { margin:0px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#000; background-color:#fdfcdd; background-image:url(../img/layout/bg_body.jpg); background-repeat:repeat-x; height:100%;} html{height:100%; margin:0px; padding:0px;} label{cursor:pointer;} table, tr, th, td, p, h1, form { margin:0; padding:0; border:0; } h1{ margin:0px; padding:0; border:0; color: #000; font-size: 16px; font-family: "Times New Roman", Times, serif;} h2{ margin:0px; padding:0; border:0; color: #fff; font-size: 16px; font-family: "Times New Roman", Times, serif;} h3{ margin:5px 0 0 0; padding:0; border:0; font-weight:bold; color: #000; font-size: 10px;} h4 {margin:0px; padding:5px 0; border:0; font-weight:bold; color: #000; font-size: 10px;} .smallblack { font-size: 9px; color: #000; font-weight: normal; font-family: Verdana, Arial, Helvetica, sans-serif;} .headlineblack{color: #000; font-size: 16px; font-family: "Times New Roman", Times, serif; } .headlinewhite{color: #fff; font-size: 16px; font-family: "Times New Roman", Times, serif; font-weight:bold;} .starcolor{color:#000; font-size: 8px;} .bold{ font-weight:bold;} a:link { text-decoration: none; color: #000;} a:visited { text-decoration: none; color: #000; } a:hover { text-decoration: underline; color: #000; } a:active { text-decoration: none; color: #000; } #leftmenu li a:link { text-decoration: none; color: #fee;} #leftmenu li a:visited { text-decoration: none; color: #fee; } #leftmenu li a:hover { color:#8a0e13; text-decoration:none; } #leftmenu li a:active { text-decoration: none; color: #fee; } .redtxt{color: #8a0e13;} .red:link { text-decoration: none; color: #8a0e13;} .red:visited { text-decoration: none; color: #8a0e13; } .red:hover { text-decoration: underline; color: #8a0e13; } .red:active { text-decoration: none; color: #8a0e13; } .white:link { text-decoration: none; color: #fff;} .white:visited { text-decoration: none; color: #fff; } .white:hover { text-decoration: underline; color: #fff; } .white:active { text-decoration: none; color: #fff; } #wrapper { top: 0px; margin: 0px auto; position: relative; width: 970px;} #contentdiv{position:relative; float:left; margin:0px 0px 0px 0px; padding:0px 0px 50px 0px; width: 970px; background-image:url(../img/layout/bg_contentdiv.gif); background-repeat:repeat-y;} .minheightcontentdiv{min-height: 100%; height: auto !important; height: 100%;} /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*++++++++++++++++++++ box fuer headmenu, headimage, guetesiegel, warenkorb +++++++++++++++++++++++++++++++++*/ /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #headbox{position:relative; float:left; width: 970px; height:206px; top:0px; left:0px; background-color:#fff; } #headboxdiv{position:absolute; width: 970px; height:206px; top:0px; left:0px; z-index:400;border-bottom:1px solid #3d3d0c;} #headmenu{position:absolute; width: 970px; top:1px; left:0px; height:24px; margin:0px 0px 0px 0px; z-index:401; border-bottom:1px solid #343402;} #headlogo{position:absolute; width: 358px; height:111px; background-color:#fff; left:0px; top:32px; margin:0px 0px 0px 29px; z-index:100;} #headimage{position:absolute; width: 970px; top:26px; left:0px; height:180px; background-image:url(../img/layout/headimage.jpg); background-repeat:no-repeat;} #headmenu ul { list-style-position:outside; list-style-type:none; padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size:11px; text-align:center;} #headmenu li { color: #01171d; display:inline; padding: 0px;} #headmenu li a { color: #01171d;} #headmenu li a:hover { color: #000; text-decoration:underline; } #headsiegel{position:absolute; width: 265px; height:50px; margin:150px 0px 0px 17px; z-index:100; background-image:url(../img/layout/trusted_siegel.gif); background-repeat:no-repeat;} #headsiegeltxt{position:absolute; width: 215px; height:35px; margin:5px 0px 0px 55px; z-index:100; font-size:10px;} #basketbox{position:absolute; width: 190px; height:55px; bottom:2px; right:0px; z-index:101;background-image:url(../img/layout/bg_basketbox.gif); background-repeat:no-repeat;cursor:pointer;} #basketboxtxt{position:absolute; width: 135px; height:35px; margin:10px 0px 0px 55px; z-index:100;} #basketboxtxt p{font-size:12px;} #basketboxtxt .headlineblack{ margin:0px; padding:0; border:0; color: #000; font-size: 16px; font-family: "Times New Roman", Times, serif; font-weight:bold;} /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*++++++++++++++++++++ box fuer linkes menue, und drunter +++++++++++++++++++++++++++++++++*/ /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #leftbox{position:relative; float:left; top:0px; width: 199px; background-color:#fff; margin:0px 0px 0px 0px; z-index:300; } /*++++++++++++++++++++ box suche +++++++++++++++++++++++++++++++++*/ #searchbox{position:relative;float:left; width: 184px; height:57px; background-color:#8a0e13; padding:0px 0px 0px 15px; margin:0px 0px 0px 0px; } #searchbox .headlinewhite{margin-bottom:3px; margin-top:5px;} .searchbtn { width:48px; height:18px; margin:0px 0px 0px 3px; vertical-align:bottom; background:none; border:none;color: #fff;cursor:pointer; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;} .searchtextfield { width:98px; height:14px; border:1px solid #824b3a; font-size: 9px; margin:0px 0px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif;} /*++++++++++++++++++++ box leftmenu +++++++++++++++++++++++++++++++++*/ #leftmenu{position:relative;float:left; width: 199px; background-color:#8a0e13; padding:0px; margin:0px 0px 0px 0px; color:#fee; font-size: 14px; font-family: "Times New Roman", Times, serif;} #leftmenu ul {list-style-position:outside; list-style-type:none; left:0px; margin:0px; padding:0px;} #leftmenu ul li {padding:0px 0px 0px 0px; margin:0px; cursor:pointer;} #leftmenu ul li a{display:block; width: 184px;padding:3px 0px 3px 15px; margin:0px; color:#fee; border-bottom:1px solid #fee;} #leftmenu ul li a:hover{display:block; width: 184px;padding:3px 0px 3px 15px; margin:0px; color:#8a0e13; text-decoration:none;background-color:#cc9999;} #leftmenu ul li a.aktiv{color:#8a0e13; text-decoration:none; padding:3px 0px 3px 15px; background-color:#cc9999;cursor:pointer; width: 184px; } .bordertop {border-top:1px solid #fff;} /*++++++++++++++++++++ box topseller +++++++++++++++++++++++++++++++++*/ #topsellerbox{position:relative;float:left; width: 199px; background-color:#ffffe0; margin:0px 0px 0px 0px;} #topsellerhead{position:relative;float:left; width: 184px; height:19px; background-color:#808000; padding:0px 0px 2px 15px; margin:0px 0px 10px 0px;} .topseller{position:relative;float:left; width: 194px; background-color:#ffffe0; margin:0px 0px 0px 0px; border-top:1px solid #808000;} .topsellernr{position:relative;float:right; width: 21px; height:19px; background-color:#808000; margin:0px; text-align:center; font-weight:bold;} .topsellerimg{position:relative; float:left; width: 70px; margin:4px 0px 4px 4px;} .topsellerimg img{border:1px solid #808000;} .topsellertxt{position:relative; float:right; width: 90px; margin:15px 0px 0px 0px; padding:0px 0px 10px 0px; text-align:left;} .topsellertxt a{color:#808000;} .topsellerprice{position:relative;float:left;color:#000; top:0px; left:0px; margin:5px 0px 0px 0px;} .topsellermwst{position:relative; float:right; width: 90px;color:#7b7777; font-size:9px; font-weight:normal; margin:0px 0px 0px 0px; padding:2px 0px 0px 0px; } /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*++++++++++++++++++++ CONTENT ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ .minheight{min-height: 50px; height: auto !important; height: 50px;} #content{position:absolute; width:542px; z-index:105; top:207px; margin:0px 0px 0px 0px; left:0px; padding:11px 214px 11px 214px; background-image:url(../img/layout/bg_contentdiv.gif); background-repeat:repeat-y;} .boxlongstartimg{position:relative; float:left; width:542px; height:181px; border-bottom:1px solid #343402;padding:0px 0px 12px 0px;} .boxlong{position:relative; float:left; width:542px; border-bottom:1px solid #343402; margin:0px 0px 0px 0px; padding:0px 0px 12px 0px;} .boxlongheadline{position:relative; float:left; width:500px; height:38px; color:#666600; padding:5px 0px 0px 0px;font-size:29px; font-family: "Times New Roman", Times, serif;} .boxlongimg{position:relative; float:left; height:100px; margin:5px 0px 0px 0px;} .boxlong .pricediv{position:absolute; float:left; color:#000; bottom:5px; right:0px; font-size:13px; font-weight:bold; width:380px; height:42px; } .boxlongimgproduct{position:relative; float:left; margin:5px 0px 0px 0px; width:180px; text-align:center;} .boxlongtxt{position:relative; float:right; width:350px; margin:0px 0px 20px 0px;} .boxlongtxtnewsletter{position:relative; float:left; margin:0px 0px 0px 0px;} .mwst{color:#7b7777; font-size:10px; font-weight:normal;} .mwst a:link{color:#7b7777; font-size:10px;} .mwst a:visited{color:#7b7777; font-size:10px;} .mwst a:hover{color:#7b7777; font-size:10px; text-decoration:underline;} .mwst a:active{color:#7b7777; font-size:10px;} .oldprice{color:#000; font-size:11px; font-weight:bold;} .price{color:#000; font-size:13px; font-weight:bold;} .boxlongtxtheadlinesmall{color:#666600;font-size:20px; font-family: "Times New Roman", Times, serif; font-weight:normal;} .boxlongtxtheadlinesmall a {color:#666600;font-size:20px; font-family: "Times New Roman", Times, serif;} .newslettertextfield{ width:98px; height:11px; border:1px solid #b2b2b2; font-size: 9px; margin:0px 5px 2px 5px; font-family: Verdana, Arial, Helvetica, sans-serif;} .pricedivstart{position:absolute; float:left; color:#000; bottom:5px; right:0px; font-size:13px; font-weight:bold; width:350px; height:50px; } .listpricestart{position:absolute; float:left; color:#000; font-size:13px; font-weight:bold; width:177px; height:30px; } .btnmoreinfodivstart{position:absolute; float:left; width:75px; height:26px; right:0px; margin:0px; background-color:#bdb76b; margin:0px 0px 0px 3px;} .btnmoreinfostart{width:75px; margin-left:0px; height:26px; border:none; background:none; font-weight:normal; font-size:11px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} a.btnmoreinfostart{display:block; width:75px; margin-left:0px; height:26px; border:none; background:none; font-weight:normal; font-size:11px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background-image:url(../img/layout/btn_moreinfo.gif); background-repeat:no-repeat; text-indent:-5000px;} /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /*++++++++++++++++++++ box fuer rechtes menue, und drunter +++++++++++++++++++++++++++++++++*/ /*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ #rightbox{position:relative; float:left;top:0px; width: 199px; margin:0px 0px 0px 0px; left:572px; z-index:300;} #loginbox{position:relative;float:left; width: 187px; height:53px; background-color:#808000; margin:0px 0px 0px 0px; padding:12px 0px 0px 12px; color:#FFFFFF;} .spacer{position:relative;float:left; width: 199px; height:9px; background-color:#fff;} .infoboxhead{position:relative;float:left; width: 184px; height:19px; background-color:#808000; padding:0px 0px 2px 15px; margin:0px 0px 0px 0px;} #infobox{position:relative;float:left; width: 199px; padding:0px 0px 2px 15px; margin:0px 0px 0px 0px;} .infoboxtxt{position:relative;float:left; width: 184px; padding:0px 0px 2px 15px; margin:0px 0px 0px 0px;} .infoboxtxt ul{ float:left; left:0px; margin:5px 0px 10px 0px; padding:0px 0px 0px 0px; width:160px;} .infoboxtxt ul li{float:left; list-style-type:none;padding:0px 0px 0px 15px; margin:0px 0px 5px 0px; border-bottom:1px solid #fff; background-image:url(../img/layout/info_haken.gif); background-repeat:no-repeat; background-position:left top;} .infoboxtxtgeschenk{position:relative;float:left; width: 170px; padding:0px 15px 2px 15px; margin:10px 0px 0px 0px;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++++++++++++++++++++++++ footer ++++++++++++++++++++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #footer{position:relative; float:left; text-align:center; width:542px; padding:50px 0px 10px 0px; margin:0px; z-index:310; } #footertxt{position:relative; float:left; text-align:center; width:542px; margin:0px; z-index:310; border-top:1px solid #343402;} #txt{position:relative; float:left; text-align:center; width:542px; margin:0px; z-index:310; padding-top:10px;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++++++++++++++++++++++++ footercheckout ++++++++++++++++++++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #footercheckout{position:relative; float:left; text-align:center; width:756px; padding:50px 0px 10px 0px; margin:0px; z-index:310; } #footertxtcheckout{position:relative; float:left; text-align:center; width:741px; margin:0px; z-index:310; border-top:1px solid #343402;} #footertxtcheckout #txt{position:relative; float:left; text-align:center; width:741px; margin:0px; z-index:310; padding-top:10px;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++++++++++++++++++++++++ Listenansicht +++++++++++++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .contenthead{position:relative; float:left; height:37px; padding:0px 0px 0px 0px; width:570px; top:-11px; left:-14px; margin:0px 0px 0px 0px; border-bottom:1px solid #7a7a22;background-image:url(../img/layout/bg_contentheadline.jpg); background-repeat:no-repeat;} .contentheadline{position:relative; float:left; height:29px; padding:0px 0px 0px 15px; margin:0px 0px 0px 0px; } .contentheadlinesmall{position:relative; float:left; height:24px; top:0px; color:#666600; font-size:20px; font-family: "Times New Roman", Times, serif; padding:0px; margin:5px 0px 0px 10px; } .listboxlong{position:relative; float:left; width:542px; border-bottom:1px solid #343402; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px;} .listboxlongheadline{position:relative; float:left; width:500px; height:38px; color:#666600; padding:5px 0px 0px 0px;font-size:29px; font-family: "Times New Roman", Times, serif;} .listboxlongimg{position:relative; float:left; height:100px; margin:0px 0px 0px 0px;} .listboxlongimgproduct{position:relative; float:left; height:100px; margin:0px 0px 0px 0px; padding:0px 0px 0px 20px; width:111px; text-align:center; } .listboxlongtxt{position:relative; float:right; width:380px; margin:0px 0px 20px 0px;} .pricediv{position:absolute; float:left; color:#000; bottom:5px; right:0px; font-size:13px; font-weight:bold; width:380px; height:42px; } .listprice{position:absolute; float:left; color:#000; font-size:13px; font-weight:bold; width:177px; height:30px; } .btnmoreinfodiv{position:absolute; float:left; width:75px; height:26px; right:130px; background-image:url(../img/layout/btn_moreinfo.gif); background-repeat:no-repeat;} .btnnotavailablediv{position:absolute; float:left; font-weight:normal; font-size:11px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; width:124px; height:26px; right:0px; margin:0px; background-color:#808000; margin:0px 0px 0px 3px; } .btnnotavailablediv .btntxt{padding:7px 0px 0px 11px;} .btnmoreinfo{ width:75px; height:26px; border:none; background:none; font-weight:normal; font-size:11px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif;cursor:pointer;} a.btnmoreinfo{display:block; width:75px; height:26px; border:none; background:none; font-weight:normal; font-size:11px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif;cursor:pointer; text-indent:-5000px;} .btnordernowdiv{position:absolute; float:left; width:124px; height:26px; right:0px; margin:0px; background-image:url(../img/layout/btn_ordernow.gif); background-repeat:no-repeat; margin:0px 0px 0px 3px;} .btnordernow{width:124px; margin-left:0px; height:26px; border:none; background:none; font-weight:normal; font-size:11px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++++++++++++++++++++++++ Detailansicht +++++++++++++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .katheadline{color:#666600; font-size:25px; font-family: "Times New Roman", Times, serif; margin:4px 0px 2px 0px; font-weight:normal} .detailboxlong{position:relative; float:left; width:542px; border-bottom:1px solid #343402; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px;} .detailboxlongheadline{position:relative; float:left; width:500px; height:38px; color:#666600; padding:5px 0px 0px 0px;font-size:29px; font-family: "Times New Roman", Times, serif;} .detailboxlongimg{position:relative; float:left; height:100px; margin:0px 0px 0px 0px;} .detailboxlongimgproduct{position:relative; float:left; height:272px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:215px; text-align:center; } .detailboxlongtxt{position:relative; float:left; width:305px; margin:0px 0px 0px 15px; left:0px; padding:0px 0px 90px 0px;} .pricedivdetail{position:absolute; color:#000; bottom:10px; left:230px; font-size:13px; font-weight:bold; width:250px; height:90px; } .listprice{position:relative; float:left; color:#000; font-size:13px; font-weight:bold; width:177px; height:30px;} .detailbtnordernowdiv{position:absolute; float:left; width:124px; height:26px; bottom:0px; left:0px; margin:0px; background-image:url(../img/layout/btn_ordernow.gif); background-repeat:no-repeat; margin:0px 0px 0px 0px;} .detailbtnordernow{width:124px; height:26px; border:none; background:none; font-weight:normal; font-size:11px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} .detailboxlongdetailtxt{position:relative; float:left; width:542px; margin:15px 0px 0px 0px;} .detailtxthead{font-weight:normal; font-size:13px; } .detailempfehlung{position:relative; float:left; width:572px; margin:20px 0px 0px 0px;} .detailempfehlunghead{position:relative; float:left; height:16px; width:118px; margin:0px 0px 0px 0px; color:#666600; font-size:20px; font-family: "Times New Roman", Times, serif;} .detailempfehlungborder{position:relative; float:left; height:16px; width:415px; margin:0px 0px 7px 5px; border-bottom:1px solid #666600} .detailempfehlungbox{position:relative; float:left;width:173px; height:104px; border:1px solid #c0bb73; margin:0px 7px 0px 0px;} .detailempfehlungtxt{position:relative;float:right; height:85px; width:70px; margin:0px; padding:15px 5px 0px 0px; text-align:left;} .detailempfehlungtxt{float:right;height:85px;margin:0px;padding:15px 5px 0px 0px;position:relative;right:5px;text-align:left;width:70px;} .detailempfehlungboximgproduct{float:left;height:90px;margin:7px 0px 0px;padding:0px;position:relative;text-align:center;width:85px;} .detailempfehlungbox a{color:#808000;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++++++++++++++++++++++++ Universelles Templpate ++++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #universalcontent{position:absolute; width:542px; z-index:105; top:207px; margin:0px 0px 0px 0px; left:0px; padding:11px 214px 11px 214px; background-image:url(../img/layout/bg_contentdiv.gif); background-repeat:repeat-y;} .universalcontenthead{position:relative; float:left; height:29px; padding:0px 0px 0px 0px; width:570px; top:-11px; left:-14px; margin:0px 0px 0px 0px; border-bottom:1px solid #7a7a22;background-image:url(../img/layout/bg_contentheadline.jpg); background-repeat:no-repeat;} .universalcontentheadline{position:relative; float:left; height:29px; padding:0px 0px 0px 15px; margin:0px 0px 0px 0px; } .universaldetailboxlong{position:relative; float:left; width:542px; border-bottom:1px solid #343402; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px;} .universaldetailboxlongtxt{position:relative; float:left; width:542px; margin:0px 0px 0px 0px; left:0px; padding:0px 0px 90px 0px;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* +++++++++++++++++++++++++++ warenkorb +++++++++++++++++++++++++++++++++++++++ */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #checkoutcontentdiv{position:relative; float:left; margin:0px 0px 0px 0px; padding:0px 0px 50px 0px; width: 970px; background-image:url(../img/layout/bg_contentdivcheckout.gif); background-repeat:repeat-y;} #checkoutcontent{position:absolute; width:756px; z-index:105; top:207px; margin:0px 0px 0px 0px; left:0px; padding:11px 0px 11px 214px; background-image:url(../img/layout/bg_contentdivcheckout.gif); background-repeat:repeat-y;} .checkouthead{position:relative; float:left; height:54px; padding:0px 0px 0px 0px; width:770px; top:-11px; left:-14px; margin:0px 0px 0px 0px; border-bottom:1px solid #8a0e13;background-image:url(../img/layout/bg_checkoutheadline.jpg); background-repeat:no-repeat;} .checkoutheadline{position:relative; float:left; height:29px; padding:0px 0px 0px 15px; margin:0px 0px 0px 0px; } /* +++++++++++++++++++++++++++ headline (schritt aktiv) +++++++++++++++++++++++++++++++++++++++ */ .stepaktiv{position:relative; float:left; width:150px; top:-58px; margin-bottom:-58px;} .stepimgaktiv{position:relative; float:left; background-image:url(../img/layout/basket_step_aktiv.png);background-repeat:no-repeat; width:105px; height:46px; background-position:right;} .stepheaddivaktiv{position:relative; float:left; width:116px;} .stepheadnraktiv{position:relative; float:left;width:17px; padding:2px 0px 0px 0px; height:20px; background-color:#8a0e13; color:#fff; font-weight:bold; font-size:14px; font-family: "Times New Roman", Times, serif; text-align:center; margin:0px 1px 0px 0px;} .stepheadaktiv{position:relative; float:left;width:82px; padding:2px 0px 0px 8px; height:20px; background-color:#8a0e13; color:#fff; font-weight:bold; font-size:14px; font-family: "Times New Roman", Times, serif;} .steptxtaktiv{position:relative; float:left; margin:3px 0px 0px 0px; width:140px;} /* +++++++++++++++++++++++++++ headline (schritt inaktiv) +++++++++++++++++++++++++++++++++++++++ */ .step{position:relative; float:left; width:150px; top:-58px; margin-bottom:-58px;} .stepimg{position:relative; float:left; width:105px; height:46px; background-position:right;} .stepheaddiv{position:relative; float:left; width:116px;} .stepheadnr{position:relative; float:left;width:17px; padding:2px 0px 0px 0px; height:20px; color:#bdb76b; font-weight:bold; font-size:14px; font-family: "Times New Roman", Times, serif; text-align:center; margin:0px 1px 0px 0px; border-right:1px solid #bdb76b;} .stephead{position:relative; float:left;width:82px; padding:2px 0px 0px 8px; height:20px; color:#bdb76b; font-weight:bold; font-size:14px; font-family: "Times New Roman", Times, serif;} .steptxt{position:relative; float:left; margin:3px 0px 0px 0px; color:#b2b2b2; width:140px; } .steptxt a:link{color:#b2b2b2; font-size:11px;} .steptxt a:visited{color:#b2b2b2; font-size:11px;} .steptxt a:hover{color:#b2b2b2; font-size:11px; text-decoration:underline;} .steptxt a:active{color:#b2b2b2; font-size:11px;} /* +++++++++++++++++++++++++++ tabelle (warenorb inhalt) +++++++++++++++++++++++++++++++++++++++ */ #basketcontent{position:relative; float:left; width:756px; margin-top:30px; } #baskettbl{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:741px; border-collapse:collapse;} #baskettbl a{color:#808000;} #baskettbl td{padding:5px 15px 5px 5px; margin:0px 0px 0px 0px;} .tdcolor{background-color:#f7f7ee; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} .bordertop{border-top:1px solid #343401;} .rechts{text-align:right;} .borderbtm{border-bottom:1px solid #343401;} .headtxtred{color:#8a0e13; font-weight:bold; font-size:15px; font-family: "Times New Roman", Times, serif;} .produkttxt{width:110px; vertical-align:top; text-align:left; } .produktimg{width:80px;} .artnr{ vertical-align:top; text-align:right;} .epreis{vertical-align:top; text-align:right;} .prozent{vertical-align:top; text-align:right;} .gesamt{vertical-align:top; text-align:right;} .mengetextfield{ border:1px solid #8a0e13; width:50px;} .mengetbl{border:none; width:100%; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} .mengetd{border:none; vertical-align:top; width:95px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;} .imgbtn{margin:0px 0px -3px 0px;} .btnweitereinkaufen{width:124px; height:26px; border:none; background-color:#bdb76b; font-weight:normal; font-size:11px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} .btnnextstep{width:124px; height:26px;border:none; background-color:#8a0e13; font-weight:normal; font-size:11px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} .btnback{width:74px; height:26px;border:none; background-color:#bdb76b; font-weight:normal; font-size:11px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} #baskettbl .btntd {padding:10px 0px 5px 5px; margin:0px 0px 0px 0px;} .btnweitereinkaufendiv{position:relative; float:right; width:124px; height:26px; } .btnnextstepdiv{position:relative; float:right; width:124px; height:26px; margin:0px 0px 0px 3px;} /* +++++++++++++++++++++++++++ Gutschein +++++++++++++++++++++++++++++++++++++++ */ #coupondiv{position:relative; float:left; margin:0px 0px 0px 0px;} #coupon{position:relative; float:left; width:250px; height:100px; border:1px solid #8a0e13; padding:10px 0px 0px 10px;} .coupontextfield{ border:1px solid #8a0e13; width:180px; margin:10px 0px 0px 0px;} .btncoupon{width:42px; height:20px; border:none; padding:0px 0px 0px 0px; background-color:#8a0e13; font-weight:normal; font-size:11px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} /* +++++++++++++++++++++++++++ schon probiert? +++++++++++++++++++++++++++++++++++++++ */ .checkoutempfehlung{position:relative; float:left; width:772px; margin:20px 0px 0px 0px;} .checkoutempfehlunghead{position:relative; float:left;width:756px; height:25px; margin:20px 0px 0px 0px;} .checkoutempfehlungborder{position:relative; float:left; border-bottom:1px solid #7a7a22; width:386px; height:16px; margin:0px 0px 0px 0px;} .checkoutempfehlungheadtxt{position:relative; float:left; width:355px; color:#7a7a22; font-size:20px; font-family: "Times New Roman", Times, serif;} .checkoutempfehlungbox{position:relative; float:left;width:173px; height:104px; border:1px solid #c0bb73; margin:10px 14px 0px 0px; } .checkoutempfehlungtxt{position:relative;float:right; height:85px; width:70px; margin:0px; padding:15px 5px 0px 0px; text-align:left;right:5px;} .checkoutempfehlungboximgproduct{position:relative; float:left; height:90px; margin:7px 0px 0px 0px; padding:0px 0px 0px 0px; width:95px; text-align:center; } .checkoutempfehlungbox a{color:#808000;} /* +++++++++++++++++++++++++++ 2. login +++++++++++++++++++++++++++++++++++++++ */ .registerbox{position:relative; float:left; top:30px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:363px; background-color:#f7f7ee; border:1px solid #343401;} .registerbox .headline{position:relative; margin:0px 0px 0px 0px; padding:5px 0px 0px 12px; width:351px; height:25px;color:#8a0e13; font-weight:bold; font-size:15px; font-family: "Times New Roman", Times, serif;} .registerbox .innerbox{position:relative; margin:0px 0px 15px 0px; padding:15px 0px 0px 15px; width:348px; height:82px; background-color:#fff; border-top:1px solid #343401; border-bottom:1px solid #343401;} .registerbox .innerbox .btnnextstepdiv{position:absolute; width:124px; height:26px; margin:0px 0px 0px 3px; right:15px; bottom:15px;} .loginbox{position:relative; float:left; top:30px; margin:0px 0px 0px 15px; padding:0px 0px 0px 0px; width:363px; height:258px; background-color:#f7f7ee; border:1px solid #343401;} .loginbox .headline{position:relative; margin:0px 0px 0px 0px; padding:5px 0px 0px 12px; width:351px; height:25px;color:#8a0e13; font-weight:bold; font-size:15px; font-family: "Times New Roman", Times, serif;} .loginbox .innerbox{position:relative; margin:0px 0px 0px 0px; padding:15px 0px 0px 15px; width:348px; height:195px; background-color:#fff; border-top:1px solid #343401; border-bottom:1px solid #343401;} .loginbox .innerbox .inputdiv{position:relative; width:348px; text-align:left; margin:0px 0px 5px 0px; height:20px;} .loginbox .innerbox .inputdiv .txtfield{border:1px solid #8a0e13; width:122px; float:left; margin:0px 0px 0px 0px;} .loginbox .innerbox .inputdiv .openid { background: #FFFFFF url(bg/openid-icon-small.gif) no-repeat 0pt 50%; padding:1px 1px 1px 18px; width:104px; } .loginbox .innerbox .inputdiv .txt{ width:124px; text-align:left; float:left; padding:3px 0px 0px 0px;} .loginbox .innerbox .loginlink{position:relative; width:348px;margin:20px 0px 0px 0px;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* BOX FUER RECHNUNGS-LIEFERADRESSE (1,2,3) */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .checkoutspacerdiv{position:relative; float:left; width:745px;} .nextstep .checkoutspacer{position:relative; float:left; width:745px; height:16px; border-top:1px solid #343401; border-bottom:1px solid #343401; background-color:#f7f7ee;} .nextstep{position:relative; float:left; width:745px;} .nextstep .btnnextstepdiv{ position:relative; float:right;margin:5px 0px 0px 3px;width:124px; height:26px;} .nextstep .btnbackdiv{position:relative; float:right;margin:5px 0px 0px 0px; width:75px; height:26px;} .headline{position:relative; margin:0px 0px 0px 0px; padding:5px 0px 0px 12px; width:745px; height:25px;color:#8a0e13; font-weight:bold; font-size:15px; font-family: "Times New Roman", Times, serif;} .checkoutheadlinegreen{position:relative; float:left; margin:30px 0px 0px 0px; width:745px; height:30px; border-top:1px solid #343401; border-bottom:1px solid #343401; background-color:#f7f7ee;} .useradress { position:relative; float:left; top:30px; margin:0px 0px 0px 10px; width:740px; padding-bottom:30px; } .useradress .tbluseradress {border:0; margin:0; width:400px;} .tbluseradress td{border:0; white-space:nowrap; padding:1px 0px 5px 0px; margin:0; text-align:left; width:200px;} .tbluseradress input, .tbllieferadresse input, .tblanmeldung input{font-size:11px; border:1px solid #8a0e13;} .tbluseradress input.openid { background: #FFFFFF url(bg/openid-icon-small.gif) no-repeat 0pt 50%; padding:1px 1px 1px 18px; } .tbluseradress .adressinput{width:220px; font-size:11px; height:15px;} .tbluseradress select{ font-size:11px; height:17px; border:1px solid #8a0e13; width:220px;} .anmeldung { position:relative; float:left; margin:30px 0px 0px 0px;width:740px; padding:0px 0px 0px 10px; } .anmeldung .tblanmeldung {border:0; margin:0; } .tblanmeldung td{border:0; white-space:nowrap; padding:1px 0px 5px 0px; margin:0; text-align:left; } .tblanmeldung .adressinput{width:220px; font-size:11px; height:15px;} .tblanmeldung .tblanmeldungtxt{width:170px; } .adressinputstadt, .adressinputstreet{width:146px;} .tbllieferadresse td .adressinputnr, .tbluseradress td .adressinputnr{width:40px; font-size:10px;} .errorcolor { font-weight: normal; color: #FF0000; font-size:9px;} .lieferadresse { position:relative; float:left; top:0px; margin:0px 0px 0px 10px; width:740px; } .lieferadresse .tbluseradress {border:0; margin:0; width:400px;} .lieferadresse td{border:0; white-space:nowrap; padding:1px 0px 5px 0px; margin:0; text-align:left; width:200px;} #newsletterdiv{position:relative; float:left; width:435px; margin-top:-20px;} #newslettertbl td{ vertical-align:top; } #newslettertbl .txt{padding-top:3px;} #newslettertbl .txtwoher{padding-top:20px;} #newslettertbl .adressinput{font-size:11px; border:1px solid #8a0e13; width:220px; text-align:center;} #newslettertbl .adresscheckbox{border:1px solid #8a0e13; margin-bottom:3px;} .adressoption{border:0; padding:0px; margin:30px 0px 0px 10px; border-collapse:collapse; border-collapse:collapse; } .lineHeight{ line-height:1.4em} .adressoptiontextfield { width:131px; height:12px; border:1px solid #999999; font-size: 9px; margin-left:0px; } .adressoption .hline{border-right:1px dotted #000000; height:280px; } .adressoption .optioncell{ text-align:left; vertical-align:top; width:180px; padding-top:50px; padding-bottom:20px;} .spacer20px{width:620px; margin:10px 0px; height:5px;} .spacer10px{width:620px; margin:5px 0px; height:5px;} .adressselect, .adressinputselect{font-size:11px;} .txt18px{font-size:18px; color:#000; text-align:center; padding-left:10px;} .text12px{font-size:12px; color:#000; text-align:left;} .text10px{font-size:10px; color:#000; text-align:left;} .adressoptionspacer{padding-top:20px;} .paddingR20px{padding:0px 20px 0px 0px;} .paddingL20px{padding:0px 0px 0px 20px;} .paddingLR20px{padding:0px 20px 0px 20px;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Zahlarten */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .checkouttbldiv{ position:relative; float:left; margin:0px 0px 0px 10px; padding:15px 0px 5px 0px; width:740px;} .checkouttbldiv table{ margin:0px ; width:100%; padding:0px ;} .checkouttbldiv table td{ margin:0px ; padding:5px ;} .creditinput{font-size:11px; border:1px solid #8a0e13; width:125px; text-align:left;} /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* Bestellen */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .btnchange{width:74px; height:26px;border:none; background-color:#bdb76b; font-weight:normal; font-size:11px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} .checkoutbox{position:relative; float:left; margin:0px 10px 0px 0px; padding:0px 0px 15px 0px; width:363px; height:295px; background-color:#f7f7ee; border:1px solid #343401;} .checkoutbox .headline{position:relative; margin:0px 0px 0px 0px; padding:5px 0px 0px 12px; width:351px; height:25px;color:#8a0e13; font-weight:bold; font-size:15px; font-family: "Times New Roman", Times, serif;} .checkoutbox .innerbox{position:relative; margin:0px 0px 0px 0px; padding:5px 0px 5px 15px; width:348px; background-color:#fff; border-top:1px solid #343401; border-bottom:1px solid #343401;} .checkoutbox .innerbox .btnchangediv{position:absolute; width:124px; height:26px; margin:0px 0px 0px 3px; right:-35px; bottom:10px;} .checkoutbox .boxpadding{position:relative; margin:0px 0px 0px 0px; padding:20px 0px 20px 15px; width:348px; background-color:#fff; border-top:1px solid #343401; border-bottom:1px solid #343401; } .checkoutheadlinebestellen{position:relative; float:left; top:0px; width:745px; height:30px; border-top:1px solid #343401; border-bottom:1px solid #343401; background-color:#f7f7ee;} .checkouttdbestellen{position:relative; float:left; top:0px; width:745px; margin:30px 0px 15px 0px; } .btnbestellendiv{position:absolute; float:right; top:0px; width:150px; height:26px; right:0px; margin:0px; background-color:#8a0e13; margin:0px 0px 0px 3px;} .btnbestellen{width:150px; height:26px; border:none; background:none; font-weight:normal; font-size:11px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} .checkouttdbestellen .btnbackbestellendiv{position:absolute; float:right; top:0px; width:75px; right:153px;} .txtbox{position:relative; float:left; margin:30px 0px 0px 3px; width:730px; padding:0px 0px 15px 10px; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* fertig */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .txtboxfertig{position:relative; float:left; margin:30px 0px 0px 3px; width:730px; padding:0px 0px 200px 10px; } /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ /* popup warenkorb */ /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ #add2basketblender{position:absolute; top:0px; margin:0px; width:100%; height:5000px; z-index:1000; visibility:visible; background-image:url(../img/layout/black_70.png);} #add2basket {position:absolute; top: 200px; margin:0 auto; width:100%; height:209px; z-index:9999; visibility:visible;} #add2basketbox {position:relative; width:500px; height:235px; text-align:left; background-image:url(../img/layout/add2basket.jpg);} #add2basketb2 {position:relative; width:500px; height:235px; margin:-209px 0 0 0; text-align:left;} #add2basketb2 .addedimg{position:absolute; width:70px; height:90px; margin:80px 0 0 20px; text-align:left;} #add2basketcontent {position:relative; left:135px; top:70px; width:350px; height:160px; font-size:14px; z-index:91;} #add2basketbutton {position:relative; left:135px; bottom:10px; width:360px; height:40px; font-size:12px; z-index:91;} #add2basketbtn1 {position:relative; float:left; width:116px; height:26px; margin:5px 85px 0px 0px; padding-top:5px; text-align:left;} #add2basketbtn2 {position:relative; float:left; width:141px; height:26px; margin-top:10px; text-align:right; background-image:url(../img/layout/add2basket2.gif); background-repeat:no-repeat;} #add2basketbtn2 input{width:124px; margin-left:0px; height:26px; border:none; background:none; font-weight:normal; font-size:11px; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; cursor:pointer;} #add2basketcontent .mediumblack{font-size:11px;} .boxstartrandom{position:relative; float:left; width:542px; height:300px; margin:0px 0px 0px 0px; padding:0px 0px 12px 0px;} .startempfehlung{position:relative; float:left; width:550px; height:300px; margin:20px 0px 0px 0px;} .startempfehlungbox{position:relative; float:left;width:165px; height:350x; min-height:220px; border:1px solid #c0bb73; margin:0px 7px 0px 0px; padding:4px;} .boxstartheadlinesmall{color:#666600;font-size:20px; font-family: "Times New Roman", Times, serif; font-weight:normal;} .boxstartheadlinesmall a {color:#666600;font-size:16px; font-family: "Times New Roman", Times, serif;} .startprice{position:absolute; float:left; color:#000; font-size:13px; font-weight:bold; width:177px; height:30px; } .btnmoreinfodivstart2{position:relative; float:left; width:75px; height:26px; right:2px; margin:0px; background-color:#bdb76b; margin:10px 0px 0px 3px;} .minheight2{min-height: 150px; height: auto !important; height: 50px;} .azcontentheadline{color:#666600; font-size:20px; font-family: "Times New Roman", Times, serif; margin:4px 0px 2px 0px; font-weight:normal}