/*** begin: general styles ***/ body { margin:0px; font-family: verdana, sans-serif; } a:link, a:active, a:visited { color: #990000; text-decoration:none; padding:0; margin:0; } a:hover { text-decoration:underline; } .linethrough { text-decoration: line-through } .pricehighlight { font-size: 13px; font-weight: bold; color:#990000; } img { border: 0px; } ul { list-style-type: none; padding:0; margin:0; } form { margin: 0px; padding: 0px; } input, select { font-size:11px; } input.login { margin:0px; padding:1px; border:1px solid #999999; width: 110px; height:15px; font-size:11px; } input.suche { color:#999999; } input.voucher { border: 1px solid #999999; } input.voucher.inputFieldError { border: 1px solid #990000; } input.searchbutton { border:0; margin-top:4px; width:54px; background:url(../images/buttons/button_search_off.gif) no-repeat; } input.searchbutton:hover { background:url(../images/buttons/button_search_on.gif) no-repeat; } input.loginbutton { border:0; margin-top:4px; width:42px; background:url(../images/buttons/button_login_off.gif) no-repeat; } input.loginbutton:hover { background:url(../images/buttons/button_login_on.gif) no-repeat; } input.gobutton { border:0; margin:0 10px 10px 0; width:51px; background:url(../images/buttons/button_go_off.gif) no-repeat; } input.gobutton:hover { background:url(../images/buttons/button_go_on.gif) no-repeat; } input.loginbigbutton { border:0; margin:0 10px 10px 0; width:45px; background:url(../images/buttons/button_loginbig_off.gif) no-repeat; } input.loginbigbutton:hover { background:url(../images/buttons/button_loginbig_on.gif) no-repeat; } input.choosebutton { border:0; margin-top:4px; width:73px; background:url(../images/buttons/button_choose_off.gif) no-repeat; } input.choosebutton:hover { background:url(../images/buttons/button_choose_on.gif) no-repeat; } input.choosebutton { border:0; margin-top:4px; width:73px; background:url(../images/buttons/button_register_off.gif) no-repeat; } input.choosebutton:hover { background:url(../images/buttons/button_register_on.gif) no-repeat; } input.detailbutton { border:0; width:73px; background:url(../images/buttons/button_detail_off.gif) no-repeat; } input.detailbutton:hover { background:url(../images/buttons/button_detail_on.gif) no-repeat; } input.changebutton { border:0; width:73px; background:url(../images/buttons/button_change_off.gif) no-repeat; } input.changebutton:hover { background:url(../images/buttons/button_change_on.gif) no-repeat; } input.deletebutton { border:0; width:73px; background:url(../images/buttons/button_delete_off.gif) no-repeat; } input.deletebutton:hover { background:url(../images/buttons/button_delete_on.gif) no-repeat; } input.deletebigbutton { border:0; width:61px; background:url(../images/buttons/button_deletebig_off.gif) no-repeat; } input.deletebigbutton:hover { background:url(../images/buttons/button_deletebig_on.gif) no-repeat; } input.checkbutton { border:0; width:54px; background:url(../images/buttons/button_check_off.gif) no-repeat; } input.checkbutton { background:url(../images/buttons/button_check_on.gif) no-repeat; } input.savebutton { border:0; width:70px; background:url(../images/buttons/button_save_off.gif) no-repeat; } input.savebutton { background:url(../images/buttons/button_save_on.gif) no-repeat; } div.headline { font-family: verdana, sans-serif; } table div.headline { height: 28px; line-height: 16px; font-size: 13px; font-weight: bold; overflow: hidden; color:#666;} h1 { font-family: verdana, sans-serif; color:#666; margin:0; padding:3px 0 0 0; font-size: 13px; font-weight: bold; } h2, h3 { font-family: verdana, sans-serif; color:#000; margin:0; padding:3px 0 0 0; font-size: 10px; font-weight: bold; } h1.cherry { color:#990000; padding:0; margin:0; } div.clear { clear: both; font-size:0px; line-height:0px; height:0px; } .clear { clear: both; font-size:0px; line-height:0px; height:0px; } .spacer { background:white; height:10px; line-height:10px; width:166px; overflow:hidden; } .spacer1px { background:white; height:1px; line-height:1px; width:166px; overflow:hidden; } .no-underline { text-decoration: none; } .underline { text-decoration: underline; } .productDetailsTable { width: 244px; margin: 12px 0; border-top: 1px solid #999; } .tableProperty { width: 45%; padding: 9px 0; border-bottom: 1px solid #999; } .tableValue { width: 55%; padding-right: 4px; padding-left: 4px; border-bottom: 1px solid #999; } .tableValue select, .tableValuePayment select { border: 1px solid #999;} .productDetailsInputQuantity { font-size: 10px; width: 35px; float: left; margin-top: 3px; margin-right: 10px; border: 1px solid #999; } .productDetailsInputOrder { background:url(../images/buttons/button_order_off.gif) no-repeat; padding: 0px; margin-top: 3px; cursor: pointer; } #content-banner-top { padding: 6px 0px 0px 51px; } #frame { width: 836px; overflow: hidden; background-color:#ffffff; padding: 6px 0px 0px 0px;} #frameTop { } #frameBottom { background:url() repeat-y left; float:left; } #frameLeft { width:664px; height:auto; float:left; } #frameLeftLeft { float:left; width:166px; } #frameLeftRight { float:left; width:498px; } #frameRight { width:166px; height:auto; float:left; } #frameCenter { font-family: verdana, sans-serif; font-size: 11px; padding:10px; } /*** end: general styles ***/ /*** begin: header ***/ #header { width: 830px; height: 120px; background-color: #000000; } #logo { float: left; width: 420px; height: 120px; } #header-nav { float: left; width: 410px; height: 49px; } #nav_secondary { float: right; width: 300px; padding: 12px 12px 20px 0; font-size: 10px; font-family: arial; text-align:right; } #nav_secondary a, #nav_secondary a:visited { font-weight: bold; color: #ffffff; padding-top: 20px; font-size: 10px; font-family: arial; text-decoration:none; } #nav_secondary a:hover, #nav_secondary a.active, #nav_secondary a.active:visited { font-weight: bold; color: #c0c0c0; padding-top: 20px; font-size: 10px; font-family: arial; text-decoration:none; } /*** end: header ***/ /*** begin: footer ***/ #footer { clear:both; color: #999999; text-align: center; font-size: 10px; padding: 15px 0px 5px 0px; clear: both; text-transform: lowercase;} #footer div.links { margin: 0px 0px 10px 0px; } #footer div.links a:link, #footer div.links a:active, #footer div.links a:visited { padding: 0px 3px 0px 0px; color: #990000; font-weight: bold; text-decoration:none; text-transform: uppercase; } #footer div.links a:hover { text-decoration: underline; } /*** end: footer ***/ /*** begin: floating ***/ div.nofloat-12-12 { padding: 12px 0px 0px 12px; } div.nofloat-12-0 { padding: 12px 0px 0px 0px; } div.nofloat-0-12 { padding: 0px 0px 0px 12px; } div.float-0-0 { float: left; padding: 0px 0px 0px 0px; } div.float-12-12 { float: left; padding: 12px 0px 0px 12px; } div.float-12-0 { float: left; padding: 0px 0px 0px 12px; } div.float-0-12 { float: left; padding: 12px 0px 0px 0px; } div.float-12-8 { float: left; padding: 8px 0px 0px 12px; } div.float-0-8 { float: left; padding: 8px 0px 0px 0px; } div.float-0-10 { float: left; padding: 10px 0px 0px 0px; } div.float-10-10 { float: left; padding: 10px 0px 0px 10px; } div.float-12-10 { float: left; padding: 10px 0px 0px 12px; } /*** end: floating ***/ /*** begin: bgc-color ****/ .bgc-grey-1 { background-color: #999999; } .bgc-grey-2 { background-color: #333333; } .bgc-gold-1 { background-color: #cca67f; } .bgc-white { background-color: #ffffff; } .bgc-black { background-color: #000000; } .bgc-braun-1 { background-color: #503110; } .bgc-braun-2 { background-color: #773f00; } .bgc-braun-4 { background-color: #746c5d; } .bgc-blau-1 { background-color: #bfd4dd; } .bgc-oliv-1 { background-color: #b8ad7a; } /*** end: bgc-color ****/ /*** begin: font-color ***/ .color-grey-1 { color: #999999; } .color-grey-2 { color: #666666; } .color-gold-1 { color: #cca67f; } .color-pantone { color: #990000; } .color-braun-1 { color: #773f00; } .color-braun-3 { color: #996633; } .color-braun-4 { color: #746c5d; } .color-orange-1 { color: #f28a33; } .color-orange-2 { color: #bf4807; } .color-black { color: #000000; } .color-white { color: #ffffff; } .color-blau-1 { color: #bfd4dd; } .color-oliv-1 { color: #b8ad7a; } .color-grey-3 { color: #cccccc; } /*** end: font-color ***/ /*** begin: link-color ***/ a.color-grey-1:link, a.color-grey-1:active, a.color-grey-1:visited, a.color-grey-1:hover { color: #999999; } a.color-grey-2:link, a.color-grey-2:active, a.color-grey-2:visited, a.color-grey-2:hover { text-decoration:none; cursor:pointer; color: #666; } a.color-orange-1:link, a.color-orange-1:active, a.color-orange-1:visited, a.color-orange-1:hover { color: #f28a33; } a.color-orange-2:link, a.color-orange-2:active, a.color-orange-2:visited, a.color-orange-2:hover { color: #bf4807; } a.color-braun-3:link, a.color-braun-3:active, a.color-braun-3:visited, a.color-braun-3:hover { color: #996633; } a.color-blau-1:link, a.color-blau-1:active, a.color-blau-1:visited, a.color-braun-1:hover { color: #bfd4dd; } a.color-hellbraun-1:link, a.color-hellbraun-1:active, a.color-hellbraun-1:visited, a.color-hellbraun-1:hover { color: #773f00; } a.color-gold-1:link, a.color-gold-1:active, a.color-gold-1:visited, a.color-gold-1:hover { color: #cca67f; } a.color-white:link, a.color-white:active, a.color-white:visited, a.color-white:hover { color: #ffffff; } a.color-black:link, a.color-black:active, a.color-black:visited, a.color-black:hover { color: #000000; } /*** end: link-color ***/ /*** begin: box-border-color ***/ .border-grey-1 { background-color: #999999; padding: 1px; } .border-gold-1 { background-color: #cca67f; padding: 1px; } .border-black { background-color: #000000; padding: 1px; } .border-white { background-color: #ffffff; padding: 1px; } /*** end: box-border-color ***/ /*** begin: Breadcrumb ***/ #breadCrumb { float:left; font-size: 12px; width: 486px; height: 28px; margin: 0; padding: 0; } #breadCrumb ul { margin: 0 0 0 10px; padding: 0; } #breadCrumb ul li { background: url('../images/arr_sgl_r_990000_4x13.gif') no-repeat left; padding: 0 12px; float: left; list-style: none; } #breadCrumb ul li.blank { background-image: none; padding-left: 0; padding: 0 12px 0 0; list-style: none; } #breadCrumb a { text-decoration: none; font-size: 11px; color:black; } #breadCrumb a:hover { text-decoration: underline; color:#990000; } #breadCrumb a.breadCrumbActive { font-weight:bold; color:#990000; } /*** end: Breadcrumb ***/ /*** begin: container ***/ div.container-1-2 { width: 154px; height: 280px; overflow: hidden; } div.container-2-1 { width: 320px; height: 134px; overflow: hidden; } div.container-2-2 { width: 320px; height: 280px; overflow: hidden; } div.container-3-2 { width: 486px; height: 280px; overflow: hidden; } div.container-4-2 { width: 652px; height: 280px; overflow: hidden; } /*** end: container ***/ /*** begin: box-1-2 ***/ div.box-1-2 { width: 154px; height: 280px; font-family: verdana, sans-serif; font-size: 11px; line-height: 13px; overflow: hidden; } div.box-1-2 div.offset { padding: 20px 5px 0 18px; } #intro div.box-1-2 div.offset img { } div.navbox { height:auto; } div.navboxpadding { height:auto; padding-bottom:20px;} a.basket { float:left; margin-right:4px; } div.box-1-2 div.inlay { width:152px; height: 278px; overflow: hidden; } div.box-1-2 div.inlay div.blackbar {border-bottom:1px solid #999999; background-color:#000000; width:152px; height:20px; float:left; overflow:hidden; } div.box-1-2 img { display: block; margin-bottom: 12px; border:#999999 solid 1px; } div.box-1-2 div.headline { height: 38px; line-height: 16px; font-size: 13px; font-weight: bold; overflow: hidden; } div.box-1-2 div.subheadline { height: 38px; line-height: 16px; font-size: 13px; text-transform: uppercase; font-weight: bold; overflow: hidden; } div.box-1-2 select { display: block; margin-top: 20px; height: 22px; width: 120px; line-height: 16px; font-size: 10px; overflow: hidden; } div.box-1-2 div.listpoint-type0 { height: 18px; padding-left: 24px; font-size: 11px; line-height: 18px; background-image: url('../images/arr_sgl_r_FFFFFF_4x13.gif'); background-repeat: no-repeat; background-position: 12px; overflow: hidden; } div.box-1-2 div.listpoint-type1 { height: 18px; padding-left: 12px; font-size: 11px; line-height: 18px; background-image: url('http://images1.playboy.tfag.de/files/img/arrows/arr_sgl_r_333333_4x13.gif'); background-repeat: no-repeat; background-position: left; overflow: hidden; } div.box-1-2 div.listpoint-type2 { height: 18px; padding-left: 12px; font-size: 11px; line-height: 18px; background-image: url('http://images1.playboy.tfag.de/files/img/arrows/arr_sgl_r_bfd4dd_4x13.gif'); background-repeat: no-repeat; background-position: left; overflow: hidden; } div.box-1-2 div.listpoint-type3 { height: 18px; line-height: 18px; padding-left: 12px; font-size: 11px; background-image: url('../images/arr_sgl_r_990000_4x13.gif'); background-repeat: no-repeat; background-position: 0 3px; overflow: hidden; } div.box-1-2 div.listpoint-type4 { height: 18px; padding-left: 12px; font-size: 11px; line-height: 18px; background-image: url('http://images1.playboy.tfag.de/files/img/arrows/arr_sgl_r_bf4807_4x13.gif'); background-repeat: no-repeat; background-position: left; overflow: hidden; } div.box-1-2 div.listpoint-type10 { height: 50px; padding-left: 12px; font-size: 11px; line-height: 13px; background-image: url('http://images1.playboy.tfag.de/files/img/arrows/arr_sgl_r_ca9b71_4x13.gif'); background-repeat: no-repeat; background-position: top left; overflow: hidden; } div.box-1-2 div.listpoint-type14 { height: 50px; padding-left: 12px; font-size: 11px; line-height: 13px; background-image: url('http://images1.playboy.tfag.de/files/img/arrows/arr_sgl_r_333333_4x13.gif'); background-repeat: no-repeat; background-position: top left; overflow: hidden; } div.box-1-2 div.listpoint-type11 { height: 50px; padding-left: 12px; font-size: 11px; line-height: 13px; background-image: url('http://images1.playboy.tfag.de/files/img/arrows/arr_dbl_r_ca9b71_11x23.gif'); background-repeat: no-repeat; background-position: top left; overflow: hidden; } div.box-1-2 div.listpoint-type12 { height: 50px; padding-left: 12px; font-size: 11px; line-height: 13px; background-image: url('http://images1.playboy.tfag.de/files/img/arrows/arr_dbl_r_333333_11x23.gif'); background-repeat: no-repeat; background-position: top left; overflow: hidden; } div.box-1-2 div.listpoint-type13 { height: 50px; padding-left: 12px; font-size: 11px; line-height: 13px; background-image: url('http://images1.playboy.tfag.de/files/img/arrows/arr_dbl_r_990000_11x23.gif'); background-repeat: no-repeat; background-position: top left; overflow: hidden; } /*** end: box-1-2 ***/ /*** begin: box-2-1 ***/ div.box-2-1 { width: 320px; height: 134px; font-family: verdana, sans-serif; font-size: 10px; line-height: 13px; overflow: hidden; } div.box-2-1 div.inlay { width: 318px; height: 132px; overflow: hidden; } div.box-2-1 div.offset { padding: 10px 0px 0px 18px; } div.box-2-1 div.offset a { float:left; } div.box-2-1 div.offset a img { border:#999999 solid 1px; } div.box-2-1 div.headline { margin:0; padding:0; height: 38px; line-height: 16px; font-size: 13px; font-weight: bold; overflow: hidden; } div.box-2-1 div.subheadline { height: 14px; line-height: 12px; font-size: 12px; text-transform: uppercase; font-weight: bold; overflow: hidden; } div.box-2-1 div.image-type1 { float: left; width: 129px; } div.box-2-1 div.image-type2 { float: left; width: 114px; } div.box-2-1 div.image-type1-text { margin:0; padding:0; width: 160px; overflow: hidden; } div.box-2-1 div.listpoint-type1 { height: 17px;padding-left: 12px;font-size: 11px;line-height: 17px;background-image: url('http://images1.playboy.tfag.de/files/img/arrows/arr_sgl_r_990000_4x13.gif');background-repeat: no-repeat;background-position: left;overflow: hidden; } div.box-2-1 div.listpoint-type3 { height: 18px; padding-left: 12px; font-size: 11px; line-height: 18px; background-image: url('../images/arr_sgl_r_990000_4x13.gif'); background-repeat: no-repeat; background-position: left; overflow: hidden; } div.box-2-1 div.offset-amazon { padding: 15px 5px 0px 15px; } div.box-2-1 div.image-type1-amazon { float: left;margin: 0px 5px 0px 0px; } div.box-2-1 div.take5 { height: auto; font-size: 11px; margin-bottom: 0.5em; margin-top:0.5em; overflow: hidden; } /*** end: box-2-1 ***/ /*** begin: box-2-2 ***/ div.box-2-2 { width: 320px; height: 280px; font-family: verdana, sans-serif; font-size: 10px; overflow: hidden; } div.box-2-2 div.inlay { width: 318px; height: 278px; overflow: hidden; } div.box-2-2 div.text { text-align: left; width: 279px; font-weight: normal; font-size: 12px; } div.box-2-2 div.offset { padding: 20px 0px 0px 20px; } div.box-2-2 div.offset_ca { padding: 10px 0px 0px 5px; } div.box-2-2 div.headline { height: 38px; line-height: 16px; font-size: 13px; text-transform: uppercase; font-weight: bold; overflow: hidden; } div.box-2-2 div.image-type1 { float: left; margin: 0px 5px 5px 0px; } div.box-2-2 div.image-type1-text { float: left; text-align: right; width: 279px; font-weight: bold; line-height: 30px; font-size: 12px; } div.box-2-2 div.image-type2 { padding: 20px 21px 16px 20px; float: left; width: 118px; height: 110px; font-weight: bold; font-size: 12px; line-height: 15px; text-transform: uppercase; overflow: hidden; } div.box-2-2 div.offset-buchtipp { padding: 15px 0px 0px 15px; } div.box-2-2 div.buchtipp { height: 25px;font-size: 13px; } div.box-2-2 div.image-type1-buchtipp { float: left;margin: 10px 5px 0px 0px; } div.box-2-2 div.image-type1-text-buchtipp { margin: 8px 5px 0px 0px; font-weight: normal; line-height: 13px; font-size: 11px; } div.box-2-2 div.listpoint-type3 { height: 18px; padding-left: 12px; font-size: 11px; line-height: 18px; background-image: url('../images/arr_sgl_r_990000_4x13.gif'); background-repeat: no-repeat; background-position: left; overflow: hidden; } /*** end: box-2-2 ***/ /*** begin: box-3-1 ***/ div.box-3-1 { width: 486px; height: 134px; font-family: verdana, sans-serif; font-size: 10px; line-height: 13px; overflow: hidden; } div.box-3-1 div.inlay { width: 484px; height: 132px; overflow: hidden; } div.box-3-1 div.offset { padding: 10px 0px 0px 18px; } div.box-3-1 div.offset a { padding-right: 12px; float:left; width:114px; } div.box-3-1 div.offset a img { border:#999999 solid 1px; } div.box-3-1 div.headline { height: 28px; width:331px; line-height: 16px; font-size: 13px; font-weight: bold; overflow: hidden; } div.box-3-1 div.headlinehigh { height: 32px; width:336px; line-height: 16px; font-size: 13px; font-weight: bold; overflow: hidden; } div.box-3-1 div.subheadlinehigh { height: 34px; width:329px; line-height: 16px; font-size: 13px; overflow: hidden; } div.box-3-1 div.subheadline { height: 14px; line-height: 12px; font-size: 12px; text-transform: uppercase; font-weight: bold; overflow: hidden; } div.box-3-1 div.image-type1-text { float: left; width: auto; } div.box-3-1 p { padding: 0 0 7px 0; margin:0;} div.box-3-1 div.listpoint-type1 { height: 17px; padding-left: 12px; font-size: 11px; line-height: 17px; background-image: url('http://images1.playboy.tfag.de/files/img/arrows/arr_sgl_r_990000_4x13.gif'); background-repeat: no-repeat; background-position: left; overflow: hidden; } div.box-3-1 div.listpoint-type3 { height: 18px; padding-left: 12px; font-size: 11px; line-height: 18px; background-image: url('../images/arr_sgl_r_990000_4x13.gif'); background-repeat: no-repeat; background-position: left; overflow: hidden; width:300px; } div.box-3-1 div.listpoint-type3 a { width:180px; } div.box-3-1 div.listpoint-type3 a.long { width:280px; } /*** end: box-3-1 ***/ /*** begin: box-3-x ***/ div.box-3-x { width: 486px; height: auto; font-family: verdana, sans-serif; font-size: 10px; line-height: 13px; overflow: hidden; } div.box-3-x div.inlay { width: 484px; height: auto; overflow: hidden; } div.box-3-x div.offset { padding: 10px 0px 0px 18px; } div.box-3-x div.offset div.images a { padding-right: 12px; } div.box-3-x div.offset div.images a img { border:#999 solid 1px; margin-bottom:12px;} div.box-3-x div.offset div.images div.thumbnail { border:#999 solid 1px; text-align:center; width:55px; height:55px; margin:0 12px 12px 0; float:left; } div.box-3-x div.offset div.images div.thumbnail a { margin:0; padding:0; } div.box-3-x div.offset div.images div.thumbnail a img { border:0; margin:0; padding:0; } div.box-3-x div.images { float:left; width:212px;} div.box-3-x div.headline { height: 28px; width:235px; line-height: 16px; font-size: 13px; font-weight: bold; overflow: hidden; } div.box-3-x div.headlinehigh { height: 32px; width:235px; line-height: 16px; font-size: 13px; font-weight: bold; overflow: hidden; } div.box-3-x div.subheadline { height: 14px; line-height: 12px; font-size: 12px; text-transform: uppercase; font-weight: bold; overflow: hidden; } div.box-3-x div.text { width: 244px; float:left; } div.box-3-x div.image-type1-text { float: left; width: auto; overflow: hidden; } div.box-3-x div.listpoint-type1 { height: 17px;padding-left: 12px;font-size: 11px;line-height: 17px;background-image: url('http://images1.playboy.tfag.de/files/img/arrows/arr_sgl_r_990000_4x13.gif');background-repeat: no-repeat;background-position: left;overflow: hidden; } div.box-3-x div.listpoint-type3 { height: 18px; padding-left: 12px; font-size: 11px; line-height: 18px; background-image: url('../images/arr_sgl_r_990000_4x13.gif'); background-repeat: no-repeat; background-position: left; overflow: hidden; } /*** end: box-2-1 ***/ /*** begin: box-4-2-top ***/ div.box-4-2-top { width: 486px; height: 258px; font-family: verdana, sans-serif; font-size: 12px; line-height: 15px; background-repeat: no-repeat; overflow: hidden; } div.box-4-2-top.homebox { height: 280px; } div.box-4-2-top div.positioning { padding: 200px 0px 0px 74px; } div.box-4-2-top div.offset { padding: 10px 0px 0px 12px; } div.box-4-2-top div.inlay { width: 412px; height: 80px; } div.box-4-2-top div.headline, content-left-right div.headline { line-height: 22px; font-size: 19px; text-transform: uppercase; font-weight: normal; overflow: hidden; } /*** end: box-4-2-top ***/ /*** begin: box-4-x ***/ div.box-4-x { width: 652px; height: auto; font-family: verdana, sans-serif; font-size: 10px; line-height: 13px; overflow: hidden; } div.box-4-x div.inlay { width: 650px; height: auto; overflow: hidden; } div.box-4-x div.offset { padding: 10px 0px 0px 18px; } /*** end: box-2-1 ***/ /*** begin: product category page ***/ #productCategoryPage { width: 486px; height: 20px; clear: both; margin: 0; padding: 0; } #productCategoryPage p { font-size: 11px; font-weight: bold; line-height: 18px; text-align: center; width: 110px; float: left; margin: 0; padding: 0; } #productCategoryNextPage { width: 188px; float: right; height: 18px;} #productCategoryPreviousPage { width: 188px; float: left; height: 18px;} #productCategoryPage div.listpoint-type3 { height: 18px; padding-left: 12px; font-size: 11px; line-height: 18px; background-image: url('../images/arr_sgl_r_990000_4x13.gif'); background-repeat: no-repeat; background-position: left; overflow: hidden; } #productCategoryPage div.listpoint-type3-left { height: 18px; padding-right: 12px; font-size: 11px; line-height: 18px; background-image: url('../images/arr_sgl_l_990000_4x13.gif'); background-repeat: no-repeat; background-position: right; overflow: hidden; float:right;} /*** end: product category page ***/ /*** begin: gallery ***/ #gallery_top_navi { position: absolute; background-color: #000; width: 100%; height: 26px; border-bottom: 1px solid white; } #gallery_top_navi div.listpoint-type3 { margin: 6px 10px 0 20px; height: 18px; padding-left: 12px; font-size: 11px; line-height: 18px; background-image: url('../images/arr_sgl_r_990000_4x13.gif'); background-repeat: no-repeat; background-position: left; overflow: hidden; } #gallery_content { background-color: #000; margin: 15px 0px 8px 0px; text-align: center; vertical-align: middle; height: 428px; } #gallery_navigation { background-color: #000; vertical-align: top; height: 32px; } #gallery_navigation div.listpoint-type3 { margin: 6px 10px 0 0; height: 18px; padding-left: 12px; font-size: 11px; line-height: 18px; background-image: url('../images/arr_sgl_r_990000_4x13.gif'); background-repeat: no-repeat; background-position: left; overflow: hidden; } #gallery_red_rule { background-color: #fff; padding: 0px 0px 0px 20px; height: 3px; } #gallery_images { background-color: #fff; padding: 14px 0px 21px 20px; vertical-align: top; height: 92px; } .gallery_image_big { text-align:center; } .gallery_image_big img { border-width: 2px; border-style: solid; border-color: #fff; } .galleryThumbnailTable { vertical-align: middle; height: 90px; } .gallery_image_small { } .gallery_image_small img { margin-right: 10px; border: solid 1px #ccc; } /*** end: gallery ***/ /*** begin: shopping cart ***/ /*.shoppingCartBox { background-color: white; width: 208px; } .shoppingCartInfo { margin: 2px 0 2px 0; padding: 4px 2px 4px 2px; border-bottom: 1px solid #CCC; } .shoppingCartBoxBalken { font-size: 1px; background-color: #666; margin-left: 20px; width: 188px; height: 3px; } .shoppingCartBoxContent { margin-left: 20px; padding: 0 0 10px; width: 178px; } .shoppingCartBoxButton { text-align: right; margin: 0; padding: 2px 0; } .shoppingCartBoxButton img { margin-top: 2px; margin-bottom: 2px; } .shoppingCartBoxLargeButton { width: 486px; margin: 0; padding-top: 10px; } .shoppingCartBoxLargeButton div.listpoint-type3 { height: 18px; padding-left: 12px; font-size: 11px; line-height: 18px; background-image: url('../images/arr_sgl_r_990000_4x13.gif'); background-repeat: no-repeat; background-position: left; overflow: hidden; } .shoppingCardRefreshButton { float: right; margin: 0; padding: 0; width: 33%; text-align: center; } .shoppingCardOrderButton { float: right; margin: 0; padding: 0; width: 33%; text-align: right; } .shoppingCardBackButton { float: right; margin: 0; padding: 0; width: 34%; text-align: left; } .shoppingCartTable { margin: 0 10px 0 0; padding: 0; } .shoppingCartTable th { font-weight: normal; background-color: #ccc; text-align: left; padding: 2px 4px 2px 4px;} .shoppingCartTable td { border-bottom: 1px solid #ccc; vertical-align: top; padding: 10px 4px 2px 4px; } .shoppingCartTable td a { text-decoration: none; color: black; } .shoppingCartTable td input.quantity { width: 35px; font-size:10px; } .shoppingCartTable td input.refresh { border:none; width:13px; height:13px; margin-top:2px;} .shoppingCartTable td a { border:none; width:100px; color:#990000; } .shoppingCartTable td a:hover { text-decoration:underline; } .shoppingCartTable td.nobreak { white-space: nowrap; padding-top:12px; } .shoppingCartTable input { font-size: 10px; background-color: white; width: 35px; border: solid 1px #999; } .shoppingCartTable img { background-color: white; margin: 2px; } #shoppingCartTableTotal { margin:0; width: 458px; padding: 0; } #shoppingCartTableTotal.Half { width: 100px; } #shoppingCartTableTotal .tableProperty { } #shoppingCartTableTotal .tableValue { text-align: right; } #shoppingCartTableTotalHalf { margin:0; width: 142px; padding: 0; } #shoppingCartTableTotalHalf .tableProperty { } #shoppingCartTableTotalHalf .tableValue { text-align: right; }*/ .shoppingCartBox { background-color: white; width: 208px; } .shoppingCartInfo { margin: 2px 0 2px 0; padding: 4px 2px 4px 2px; border-bottom: 1px solid #CCC; } .shoppingCartBoxBalken { font-size: 1px; background-color: #666; margin-left: 20px; width: 188px; height: 3px; } .shoppingCartBoxContent { margin-left: 20px; padding: 0 0 10px; width: 178px; } .shoppingCartBoxButton { text-align: right; margin: 0; padding: 2px 0; } .shoppingCartBoxButton img { margin-top: 2px; margin-bottom: 2px; } .shoppingCartBoxLargeButton { width: 522px; margin: 0; padding-top: 10px; } .shoppingCartBoxLargeButton div.listpoint-type3 { height: 18px; padding-left: 12px; font-size: 11px; line-height: 18px; background-image: url('../images/arr_sgl_r_990000_4x13.gif'); background-repeat: no-repeat; background-position: left; overflow: hidden; } .shoppingCardRefreshButton { float: right; margin: 0; padding: 0; width: 33%; text-align: center; } .shoppingCardOrderButton { float: right; margin: 0; padding: 0; width: 33%; text-align: right; } .shoppingCardBackButton { float: right; margin: 0; padding: 0; width: 34%; text-align: left; } .shoppingCartTable { width: 455px; margin: 0; padding: 0; } .shoppingCartTable th { font-weight: normal; background-color: #ccc; text-align: left; padding: 2px 4px 2px 4px;} .shoppingCartTable td { border-bottom: 1px solid #ccc; vertical-align: top; padding: 10px 4px 2px 4px; } .shoppingCartTable td a { text-decoration: none; color: black; } .shoppingCartTable td input.quantity { width: 35px; font-size:10px; } .shoppingCartTable td input.refresh { border:none; width:13px; height:13px; margin-top:2px;} .shoppingCartTable td a { border:none; width:100px; color:#990000; } .shoppingCartTable td a:hover { text-decoration:underline; } .shoppingCartTable td.nobreak { white-space: nowrap; padding-top:12px; } .shoppingCartTable input { font-size: 10px; background-color: white; width: 35px; border: solid 1px #999; } .shoppingCartTable img { background-color: white; margin: 2px; } #shoppingCartTableTotalHalf { margin: 0; width: 100%; padding: 0; } #shoppingCartTableTotalHalf .tableProperty { } #shoppingCartTableTotalHalf .tableValue { text-align: right; } #shoppingCartTableTotal { margin: 0; width: 100%; padding: 0; margin-left:18px; } #shoppingCartTableTotal .tableProperty { } #shoppingCartTableTotal .tableValue { text-align: right; } #shoppingCartStatus { border-bottom: solid 1px #999; } #shoppingCartStatus ul { margin: 0; padding: 4px 0; } #shoppingCartStatus ul li { padding: 4px 27px 0 15px; display: inline; } #shoppingCartStatus ul li.shoppingCartStatusActive { color: #990000; font-weight: bold; } .contentBoxBelowContent { width: 455px; padding: 0; } .contentBoxBelowContentLeft { width:295px; float: left; margin: 0; padding: 0; } .contentBoxBelowContentRight { width: 160px; float: left; margin: 0; padding: 0; } .contentBoxBelowContent div.listpoint-type3 { height: 18px; padding-left: 12px; font-size: 11px; line-height: 18px; background-image: url('../images/arr_sgl_r_990000_4x13.gif'); background-repeat: no-repeat; background-position: left; overflow: hidden; } /*** end: shopping cart ***/ /*** begin: forms ***/ .contentBoxFormRow { width: 455px; margin: 0; padding: 1px 0 0; } .contentBoxFormRowError { margin: 0; padding: 1px 0 0; width: 455px; float: none; border: solid 1px #990000; } .contentBoxFormDescription { background-color: #ddd; width: 261px; height: 33px; float: left; margin: 0; padding: 0; } .contentBoxFormDescription p { padding: 9px 4px; } .contentBoxFormField { background-color: #ccc; vertical-align: middle; width: 261px; height: 33px; float: left; margin: 0; padding: 0; } .contentBoxFormCheckbox { width: 25px; float: left; } .contentBoxFormCheckboxDescription { width: 400px; float: left; padding-bottom: 10px; } .contentBoxFormButton { width: 455px; margin: 10px 0 0; padding: 0; text-align: right; } .contentBoxFormButtonLeft { float: left; } .contentBoxFormButtonRight { float: right; } #customerLoginBox {clear: left; display: none; z-index: 100; height: auto;} #customerRegistrationBox { clear: left; height: auto; display: none; } .contentBoxTable { width: 455px; margin: 10px 0 0 0; padding: 0; font-size:11px; } .contentBoxTable.payment { width: 100%; margin: 00; padding: 0; font-size:11px; } .contentBoxTable input, .contentBoxTablePayment input { background-color: white; width: 240px; border: solid 1px #999; } .contentBoxTable input.inputFieldCheckbox, .contentBoxTablePayment input.inputFieldCheckbox { background-color: transparent; width: auto; border-width: 0; } .contentBoxTable input.inputFieldError, .contentBoxTablePayment input.inputFieldError, #contact .fieldError { border: solid 1px #990000; } .contentBoxTable input.inputFieldError.errorBorder, .contentBoxTablePayment input.inputFieldError.errorBorder { border: solid 1px #990000; } .contentBoxTable input.inputFieldHalf, .contentBoxTablePayment input.inputFieldHalf { width: 116px; float: left; margin-right: 5px; } .contentBoxTable input.inputFieldNarrow, .contentBoxTablePayment input.inputFieldNarrow { width: 50px; margin-right:0; } .contentBoxTable input.inputFieldWide, .contentBoxTablePayment input.inputFieldWide { width: 182px; margin-right:0; } .contentBoxChoicesButton { height: 15px; } .contentBoxChoicesButton input { padding-right: 10px; padding:0; margin:0;} .contentBoxTablePayment { width: 455px; margin: 10px 0 0 0; padding: 0; border-bottom: 1px solid #999; font-size: 11px; } .tablePropertyPayment { width: 45%; padding: 9px 0; } .tableValuePayment { width: 55%; padding-right: 4px; padding-left: 4px; } div.paymentSelect { float: left; width: 25px; } div.paymentDescription { margin-left: 30px; } div.paymentDescription a { color: #666; font-size: 11px; } div.paymentImage { width: 45px; height: 40px; float: left; } div.moneyCard { background: url(../images/logos/geldkarte.gif) top left no-repeat; } div.giropay { background: url(../images/logos/giropay.gif) top left no-repeat; } div.creditcard { background: url(../images/logos/kreditkarte.gif) top left no-repeat; } div.bankcollection { background: url(../images/logos/bankeinzug.gif) top left no-repeat; } /*** end: forms ***/ /*** begin: overview ***/ #print { float: right; padding-right:10px; width:115px;} #print div.listpoint-type3 { height: 18px; padding-left: 12px; font-size: 11px; line-height: 18px; background-image: url('../images/arr_sgl_r_990000_4x13.gif'); background-repeat: no-repeat; background-position: left; overflow: hidden; } div.contentBoxBelowOverview { width: 455px; padding: 0; margin-left:18px; } div.overviewLeft { float: left; width: 50%; background-color: #DDD; height: 135px; } div.overviewRight { margin-left: 50%; background-color: #CCC; height: 135px;} div.overviewLeft div, div.overviewRight div { padding: 5px; } div.overviewLeft h1, div.overviewRight h1 { float: left; padding-top: 0px; margin-bottom: 0; } div.overviewLeft div.overviewBoxButton, div.overviewRight div.overviewBoxButton { text-align: right; } /*** end: overview ***/ h1.error {padding: 8px 0 8px 0; } /*** begin: teaser ***/ div.teaser { width: 152px; height: 278px; border: 1px solid #999999; background-color: #ffffff; margin: 12px 0 0 12px; float: left; overflow:hidden; display:inline; } div.teaser1 { width: 318px; height: 132px; border: 1px solid #999999; background-color: #ffffff; margin: 12px 0 0 12px; float: left; overflow:hidden; display:inline; } div.teaser2 { width: 318px; height: 132px; border: 1px solid #999999; background-color: #ffffff; margin-top:12px; overflow:hidden; } div.teaser3 { width: 318px; height: 278px; border: 1px solid #999999; background-color: #ffffff; margin: 12px 0 0 12px; font-size:11px; float: left; overflow:hidden; display:inline; } div.teaser a { text-decoration:none; color:#ffffff; } div.teaserBoxContent { padding: 20px 18px; } div.teaser1 div.teaserBoxContent, div.teaser2 div.teaserBoxContent { padding: 9px 20px; } div.teaser3 div.teaserBoxContent { padding: 5px 10px; } div.teaser div.teaserBoxContent div.teaserBoxHeadline { margin-bottom: 10px; overflow: hidden; width:auto; height: 38px; } div.teaser1 div.teaserBoxContent div.teaserBoxHeadline, div.teaser2 div.teaserBoxContent div.teaserBoxHeadline { margin-bottom: 10px; overflow: hidden; width:115px;; height: 38px; } div.teaser3 div.teaserBoxContent div.teaserBoxHeadline { overflow: hidden; width:280px;; height: 38px; } div.teaserBoxContent div.teaserBoxHeadline h1 { line-height: 16px; font-size: 13px; text-transform: uppercase; color: #66666; } div.teaserBoxImage { width:114px; height:113px; border: 1px solid #999999; background-color: #ffffff; overflow: hidden; margin-bottom: 5px; } div.teaser1 div.teaserBoxImage, div.teaser2 div.teaserBoxImage { width:114px; height:113px; border: 1px solid #999999; background-color: #ffffff; overflow: hidden; margin-bottom: 5px; float:left; } div.teaserBoxDescription { font-size:12px; color:#999999; } div.teaser1 div.teaserBoxDescription, div.teaser2 div.teaserBoxDescription { width: auto; height: auto; padding: 0 0 5px 10px; float:left; } div.teaserDescription, div.teaserPrice { width: auto; height: auto; padding-bottom: 5px; } div.teaserBoxContent div.cross div.teaserBoxHeadline{ width: 155px; height: auto; } div.teaserBoxContent div.cross{ padding: 0 0 5px 5px; } div.teaserBoxContent div.cross div.teaserBoxHeadline h1.productTitle{ font-size: 12px; } div.teaserBoxContent div.cross div.teaserBoxHeadline h1.productTitle span{ color: black; } div.teaser1 div.teaserDescription, div.teaser2 div.teaserDescription, div.teaser1 div.teaserPrice, div.teaser2 div.teaserPrice { width: auto; height: auto; color:#000000; font-size:10px; padding-bottom: 5px; } div.teaser1 div.teaserPrice, div.teaser2 div.teaserPrice { font-weight:bold; } div.teaser div.headLink a { color:#000000; } div.teaserLinks a { display:block; width: auto; font-size: 11px; color:#990000; background-image: url(../images/arr_sgl_r_990000_4x13.gif); background-repeat: no-repeat; background-position: 0px 1px; padding-left: 12px; margin-top: 3px; } div.teaser .teaserLinks a:hover { text-decoration:underline; } #frameLeft div.teaser4 { background-color:#FFFFFF; border:1px solid #999999; display:inline; float:left; height:278px; margin:12px 0 0 12px; overflow:hidden; width:152px; } /*** end: teaser ***/