/*** begin: general styles ***/ body { margin:0; padding:0; text-align: center; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size:12px; } a:link, a:active, a:visited { text-decoration:none; padding:0; margin:0; color: #9C0E11; } a:hover { text-decoration:underline; } a.underline { text-decoration:underline; } .linethrough { text-decoration: line-through } .pricehighlight { font-size: 13px; font-weight: bold; color:#9C0E11; } img { border: 0; } ul { padding: 0; margin:0; list-style-type: none; } form { margin: 0px; padding: 0px; } input, select, textarea { margin: 0; padding: 2px 5px 0 5px; border: 1px solid #999; font-size: 12px; font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; } input { height: 17px; } select { height: 19px; padding:0; } input.button { height: 20px; padding:0 0 2px 0; background-color:black; color:white; border:1px solid white; cursor:pointer; } input.button.loginButton { color: white; } input.button.deleteButton { margin-left: 10px; } input.login { width: 110px; border: 0 solid #999999; } input.suche { float: left; } input.checkbox { border: 0; } .searchbuttonbox { float: left; padding-left: 10px; } div.headline { } table div.headline { height: 28px; line-height: 16px; font-size: 13px; font-weight: bold; overflow: hidden; color:#666;} h1 { color:#9C0E11; margin:0; padding:3px 0 10px 0; font-size: 13px; } h2, h3 { color:#9C0E11; margin:0; padding:3px 0 0 0; font-size: 10px; } h4 { color:#9C0E11; margin:0; padding:0 0 2px 0; font-size: 15px; font-weight: normal; text-align:center; } h1.cherry { color:#9C0E11; padding:0; margin:0; } h1.error { margin-bottom:10px; } p { font-size:11px;} td, th { font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size:11px; } .clear { clear: both; font-size:0px; line-height:0; padding:0; margin:0;} .spacer { height:10px; line-height:10px; width:166px; overflow:hidden; } .spacer1px { height:1px; line-height:1px; width:166px; overflow:hidden; background:#fff;} .spacer5px { height:5px; line-height:1px; width:166px; overflow:hidden; } .productDetailsTable { width: 350px; margin: 12px 0; border-top: 1px solid #999; } .productDetailsInputQuantity { width: 35px; float: left; } .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;} #registrationBirthday select { width:60px; } #ccValid select { width:80px; } #registrationCountry select { width:150px; } /* change order formular */ .divProperty { width: 45%; padding-top: 2px; float: left; } .divValue { width: 55%; float: left; } .contentBoxDiv { float: left; } .contentBoxDiv div.divBox { width: 615px; padding-top: 6px; padding-bottom:6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; float: left; } div.divValue input { font-family: Verdana,Arial,Tahoma,Helvetica,sans-serif; font-size: 12px; height: auto; padding-top: 2px; padding-bottom: 2px; } .contentBoxDiv div.divBox .inputFieldError { border: solid 1px #9C0E11; } .inputFieldError { border: solid 1px #9C0E11; } table.productDetailsTable td.tableProperty { width: 120px; } table.productDetailsTable td.tableValue { width: 230px; } #frame { width: 998px; text-align: left; margin: 0 auto; overflow: hidden; } #frameTop { background-repeat:repeat-x; } #frameBottom { background:url() repeat-y left; float:left; } #frameLeft { width:832px; height:auto; float:left; } #frameLeftLeft { float:left; width:166px; } #frameLeftRight { float:left; width:666px; } #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: 1000px; height: 160px; } #logo { float: left; width: 450px; height: 120px; } #header-nav { float: left; width: 520px; height: 120px; background-repeat:no-repeat; background-position: top left; } ul#nav_secondary { float: right; width: 520px; padding: 12px 12px 20px 0; font-size: 12px; text-align:right; } ul#nav_secondary li { display: inline; padding-left:13px; } ul#nav_secondary a, ul#nav_secondary a:visited { color: #101010; padding-top: 20px; } ul#nav_secondary a:hover, ul#nav_secondary a.active, ul#nav_secondary a.active:visited { } a.home { float:left; color:#fff; text-decoration:none; margin:22px 0 0 10px; } a.home:hover { text-decoration:underline; } #searchbox { float:left; padding: 10px 0 0 178px; } /*** end: header ***/ /*** begin: footer ***/ #footer { margin:0; padding:0; } /*** end: footer ***/ /*** begin: floating ***/ div.float-0-0 { float: left; padding: 0px 0px 0px 0px; } div.float-12-12 { float: left; margin: 12px 0px 0px 12px;display:inline; } div.float-12-12-12 { float: left; padding: 0px 0px 12px 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-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-white { background-color: #ffffff; } .bgc-black { background-color: #000000; } .bgc-black { background-color: #000000; } /*** end: bgc-color ****/ /*** begin: font-color ***/ .color-grey-2 { color: #666666; } .color-white { color: #ffffff; } .color-black { color: #000000; } .color-yellow { color: #fcf79f; } /*** end: font-color ***/ /*** begin: link-color ***/ 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-white:link, a.color-white:active, a.color-white:visited, a.color-white:hover { color: #ffffff; } /*** end: link-color ***/ /*** begin: box-border-color ***/ .border-grey-1 { background-color: #999999; padding: 1px; } .border-red-1 { background-color: #9C0E11; padding: 1px; } /*** end: box-border-color ***/ /*** begin: Breadcrumb ***/ #breadCrumb { float:left; font-size: 12px; width: 654px; height: 22px; 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; } #breadCrumb a.breadCrumbActive { font-weight:bold; color:#9C0E11; } /*** 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: navigation ***/ .box-1-2 ul { margin: 0 0 30px 10px; } .box-1-2 ul li { padding: 5px 0; font-size:15px; } .box-1-2 ul li.first { font-style: italic; font-weight:bold; padding-top:5px; padding-bottom: 8px; } .box-1-2 ul li a { display: block; } .box-1-2 ul li a:hover { } .box-1-2 ul li ul { margin: 0; padding: 5px 0 0 0; } .box-1-2 ul li ul li { padding: 2px 0; } .box-1-2 ul li ul li a { display: block; padding-left: 10px; font-size:11px;} .box-1-2 ul li ul li a:hover { } /*** end: navigation ***/ /*** begin: box-1-2 ***/ div.box-1-2 { width: 154px; font-family: verdana, sans-serif; font-size: 11px; line-height: 13px; overflow: hidden; } div.box-1-2 div.offset { padding: 5px 5px 0 13px; } div.box-1-2 div.inlay2 { width:164px; padding-top: 10px; overflow: hidden; } div.box-1-2 div.inlay { width:152px; height: 250px; overflow: hidden; } div.box-1-2 div.inlayTopseller { width:152px; height: auto; overflow: hidden; } div.box-1-2 img { display: block; margin-bottom: 0px;} 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: 25px; padding-top:5px; 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-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-type5 { height: 18px; line-height: 18px; padding-left: 12px; font-size: 11px; background-image: url('../images/arr_sgl_r_FFFFFF_4x13.gif'); background-repeat: no-repeat; background-position: 0 3px; overflow: hidden; } #intro div.box-1-2 div.offset img { } div.navbox { height:auto; } div.tipbox { height:242px; } div.mainnavigation { width:166px; } div.navboxpadding { height:auto; padding-bottom:12px; } a.basket { float:left; margin-right:4px; } div.contentnavinlay { width:164px; height:auto; overflow: hidden; } div.tipinlay { width:152px; height: 240px; overflow: hidden; } div.box-1-2 img.service { border:0; margin-bottom: 0; } /*** end: box-1-2 ***/ /*** begin: box-4-1 ***/ div.box-4-1 { width: 652px; height: 134px; font-family: verdana, sans-serif; font-size: 10px; line-height: 13px; overflow: hidden; } div.box-4-1 div.inlay { width: 650px; height: 132px; overflow: hidden; } div.box-4-1 div.special { float:right; width: 52px; } div.box-4-1 div.offset { float:left; padding: 5px 0px 0px 18px; width: 600px; } div.box-4-1 div.offset a { padding-right: 12px; float:left; width:114px; } div.box-4-1 div.offset a img { border: #999999 solid 1px; } div.box-4-1 div.headline { height: 33px; width:440px; line-height: 16px; font-size: 13px; font-weight: bold; overflow: hidden; } div.box-4-1 div.subheadlinehigh { height: 34px; width:329px; line-height: 16px; font-size: 13px; overflow: hidden; } div.box-4-1 div.subheadline { height: 14px; line-height: 12px; font-size: 12px; text-transform: uppercase; font-weight: bold; overflow: hidden; } div.box-4-1 div.productText { width:460px; float:left; } div.box-4-1 div.image-type1-text { float: left; width: auto; } div.box-4-1 p { padding: 0 0 5px 0; margin:0; font-size:11px; } div.box-4-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-4-1 div.listpoint-type3 a { width:130px; } div.box-4-1 div.listpoint-type3 a.long { width:280px; } /*** end: box-4-1 ***/ /*** begin: box-4-x ***/ div.box-4-x { width: 652px; height: auto; font-family: verdana, sans-serif; font-size: 11px; line-height: 13px; overflow: hidden; } div.box-4-x div.inlay { width: 650px; height: auto; overflow: hidden; } div.box-4-x div.special { float:right; width: 52px; } /*div.box-4-x div.offset { float:left; padding: 10px 0px 0px 18px; width: 580px; }*/ div.box-4-x div.offset { float:left; padding: 10px 0px 0px 18px; width: auto; } div.box-4-x div.offset.cart { float:left; padding: 10px 0px 0px 18px; width: 100%; } div.box-4-x div.images { float:left; width:212px;} div.box-4-x div.offset div.images a { padding-right: 12px; } div.box-4-x div.offset div.images a img { border:#999 solid 1px; margin-bottom:12px;} div.box-4-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-4-x div.offset div.images div.thumbnail a { margin:0; padding:0; } div.box-4-x div.offset div.images div.thumbnail a img { border:0; margin:0; padding:0; } div.box-4-x p.status { width:212px; margin:0; padding:0; } div.box-4-x p.status.green { color:#339900; } div.box-4-x p.status.yellow { color:#ffcc00; } div.box-4-x p.status.red { color:#ff0000; } div.box-4-x div.headlinehigh { width:350px; line-height: 16px; font-size: 13px; font-weight: bold; overflow: hidden; } div.box-4-x div.text { width: 350px; float:left; margin-top:7px; } div.box-4-x div.image-type1-text { float: left; width: auto; overflow: hidden; padding-top:10px; } div.box-4-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-4-x ***/ /*** begin: box-4-2-top ***/ /*div.box-4-2-top { width: 654px; height: 258px; font-family: verdana, sans-serif; font-size: 12px; line-height: 15px; background-repeat: no-repeat; overflow: hidden; } 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-6-1 ***/ div.box-6-1 { width: 998px; font-family: verdana, sans-serif; font-size: 10px; line-height: 13px; overflow: hidden; } div.box-6-1 div.inlay { width: 996px; height: 35px; overflow: hidden; /*background-image: url('../images/foot.gif'); background-repeat: no-repeat; background-position: left top; */} div.box-6-1 div.offset { padding: 11px 0px 0px 0px; color: white; } div.box-6-1 div.offset h4 { float:right; color: white; } div.box-6-1 div.offset a { color: white; } div.box-6-1 div.offset .left { float:left; font-size:11px; margin-left:12px; } div.box-6-1 div.offset .right { float:right; font-size:11px; margin-right:12px; } div.box-6-1 div.logoboxholder { width: 996px; height: 108px; } div.box-6-1 div.logobox { float:left; width:192px; } /*** end: box-6-1 ***/ /*** begin: tagCloud ***/ div.tagCloud { } div.tagCloud div.headline { height: 28px; width:620px; line-height: 16px; font-size: 13px; font-weight: bold; overflow: hidden; } /*div.tagCloud div.singleTag { width:155px; height:auto; float:left; } div.tagCloud div.singleTag a { color:#fff; padding:2px; float:left; }*/ div.tagCloud a.tagcloudElement { color:#fff; padding:7px 25px 20px 0; float:left; display:block; } div.tagCloud a.tagcloudElement:hover{ color:#fff; text-decoration:underline; } /*** end: tagCloud ***/ /*** begin: product category page ***/ #productCategoryPage { width: 654px; height: 20px; clear: both; margin: 0; padding: 0; } #productCategoryPage p { font-size:11px; color:#666; font-weight: bold; line-height: 18px; text-align: center; width: 110px; float: left; margin: 0; padding: 0; } #productCategoryNextPage { width: 272px; float: right; height: 18px; } #productCategoryPreviousPage { width: 272px; 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: #9C0E11; 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; font-size: 11px; background-image: url('../images/arr_sgl_r_FFFFFF_4x13.gif'); background-repeat: no-repeat; background-position: left; overflow: hidden; } #gallery_top_navi div.listpoint-type3 a { float: left; } #gallery_content { margin: 15px 0px 8px 0px; text-align: center; vertical-align: middle; height: 428px; } #gallery_navigation { 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_red_rule div { background-color:#9C0E11; height: 3px; } #gallery_images { background-color: #fff; padding: 14px 0px 21px 20px; vertical-align: top; height: 92px; } .gallery_image_big { 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 ***/ .shoppingCartTable { width: 615px; 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.productName { width:342px; } .shoppingCartTable td input.quantity { width: 35px; font-size:10px; } .shoppingCartTable td input.refresh { border:none; width:13px; height:11px; margin-top:2px;} /*.shoppingCartTable td a { border:none; width:100px; color:#9C0E11; }*/ .shoppingCartTable td a { text-decoration: none; } .shoppingCartTable td a:hover { text-decoration:underline; } .shoppingCartTable td.nobreak { white-space: nowrap; padding-top:12px; } .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: 615px; padding: 0; margin-left:18px; } #shoppingCartTableTotal .tableProperty { } #shoppingCartTableTotal .tableValue { text-align: right; } #shoppingCartTableTotal .empty { background:#ccc; height:17px; } #shoppingCartStatus { border-bottom: solid 1px #999; } #shoppingCartStatus ul { margin: 0; padding: 4px 0; } #shoppingCartStatus ul li { padding: 4px 15px 0 25px; background: url('../images/arr_sgl_r_990000_4x13.gif') no-repeat 0 5px; display: inline; } #shoppingCartStatus ul li.shoppingCartStatusActive { color: #9C0E11; font-weight: bold; } #shoppingCartStatus ul li.first { background-image:none; padding-left:15px; } .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; } .contentBoxBelowContent { width: 615px; padding: 0; } .contentBoxBelowContentLeft { width:454px; 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 ***/ #customerLoginBox { clear: left; display: none; z-index: 100; height: auto;} #customerRegistrationBox { clear: left; height: auto; display: none; } .contentBoxTable { width: 615px; margin: 10px 0 0 0; padding: 0; font-size:11px; } .contentBoxTable.payment { width: 95%; margin: 0; padding: 0; } .contentBoxTable input, .contentBoxTablePayment input { background-color: white; width: 250px; border: solid 1px #999; } .contentBoxTable input.inputFieldCheckbox, .contentBoxTablePayment input.inputFieldCheckbox { background-color: transparent; width: auto; border-width: 0; } .contentBoxTable input.inputFieldError, .contentBoxTablePayment input.inputFieldError, .contentBoxTable textarea.inputFieldError { border: solid 1px #9C0E11; } .contentBoxTable input.inputFieldError.errorBorder, .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; } .contentBoxTable textarea { background-color: white; width: 250px; margin: 4px 0; border: solid 1px #999; } .contentBoxFormRow { width: 615px; margin: 0; padding: 1px 0 0; } .contentBoxFormRowError { margin: 0; padding: 1px 0 0; width: 615px; float: none; border: solid 1px #9C0E11; } .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: 530px; float: left; padding-bottom: 10px; } .contentBoxFormButton { width: 300px; margin: 10px 0; text-align: right; } .contentBoxFormButton.wide { width: 390px; } .contentBoxFormButtonLeft { float: left; } .contentBoxFormButtonLeft div.listpoint-type3-left { float:left; height: 18px; padding-left: 12px; font-size: 11px; line-height: 18px; background-image: url('../images/arr_sgl_l_990000_4x13.gif'); background-repeat: no-repeat; background-position: left; } .contentBoxFormButtonRight { float: right; padding: 4px 0 10px 0; } /*.contentBoxFormButtonRight a { height:15px; padding:2px 5px; background-color:#9C0E11; color:#fff; border: 1px solid #999; font-size:12px;} .contentBoxFormButtonRight a { text-decoration:none; }*/ .contentBoxChoicesButton { height: auto; padding:10px 0 15px 0; } .contentBoxTablePayment { width: 615px; 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; width:200px; } #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; } div.contentBoxBelowOverview { width: 615px; padding: 0; margin-left:18px; } div.overviewLeft { float: left; width: 50%; background-color: #DDD; height: 140px; } div.overviewRight { margin-left: 50%; background-color: #CCC; height: 140px;} div.overviewLeft div.inner, div.overviewRight div.inner { float: left; padding: 5px; } div.overviewLeft div.inner h1, div.overviewRight div.inner h1 { width: 280px; float:none; } div.overviewLeft h1, div.overviewRight h1 { float: left; padding-top: 0px; margin-bottom: 0; } div.overviewLeft div.overviewBoxButton, div.overviewRight div.overviewBoxButton { } div.overviewLeft 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: left; } /*** end: overview ***/ #cmsContent { width: 614px; text-align: left; margin: 0 auto; overflow: hidden; } .language { float:right; padding: 10px 15px 0 0; } .language a img { padding-left:10px; } /*.language a, .language a:active, .language a:hover, .language a:visited{color: white;}*/ ul.mainnav{margin-bottom:0; padding-bottom: 5px;} ul.mainnav li a, ul.mainnav li a:active, ul.mainnav li a:hover, ul.mainnav li a:visited{color: black; font-size: 13px;} ul.mainnav li ul li a, ul.mainnav li ul li a:active, ul.mainnav li ul li a:hover, ul.mainnav li ul li a:visited{color: black; font-size: 11px;} .contentBoxBorder{margin:10px;} div.box-1-2 div.offset div.topseller {margin-bottom: 5px;} div.box-1-2 div.offset div.topseller img {margin: 10px 0;} div.box-1-2 div.offset div.topseller a{background: url('../images/arr_sgl_r_990000_4x13.gif') no-repeat left; padding: 0px 12px;} div.box-1-2 div.offset div.topseller h3{color: #000000;} .teaser1 { margin:10px; } .teaser2 { float:left; border: #999999 solid 1px; width: 164px; height: auto; font-family: verdana, sans-serif; font-size: 10px; line-height: 13px; overflow: hidden;} .teaser3 { float:right; margin-bottom:12px; border: #999999 solid 1px; width: 484px; height: 250px; font-family: verdana, sans-serif; font-size: 10px; line-height: 13px; overflow: hidden;} .teaser4 { float:right; margin-bottom:12px; margin-right:1px; margin-left:12px; border: #999999 solid 1px; width: 152px; height: 250px; font-family: verdana, sans-serif; font-size: 10px; line-height: 13px; overflow: hidden;} .teaser5 { clear:left; border: #999999 solid 1px; width: 652px; height: 127px; font-family: verdana, sans-serif; font-size: 10px; line-height: 13px; overflow: hidden;margin-left:12px;} .teaser6 { float:left; margin-bottom:6px; margin-top:12px; width: 154px; height: auto; overflow: hidden; margin-left:12px !important; margin-left:6px;} .width152 { width:152px; } .margin10 { margin-top:10px; } .marginleft10{ margin-left:10px; } .margin128 { margin-left:128px; } .margin160 { margin-left:160px; } .margin220 { margin-left:220px; } .button_container { clear:left; padding-bottom:10px; } .redbutton { height:17px; } .redbutton.marginleft { float:left; margin-left:10px; } .redbutton .left { float:left; width:2px; height:17px; background:url(../images/buttons/button_left.gif) no-repeat top left; } .redbutton .body { float:left; width:auto; padding:0 10px; height:17px; background-color:#9c0e11; color:#fff; } .redbutton .body a, .redbutton .body a:link, .redbutton .body a:active, .redbutton .body a:visited { float:left; padding-top:2px; height:15px; color:#fff; } .redbutton .body a:hover { color:#fff; text-decoration:none; } .redbutton input.button_red {cursor: pointer; float:left; color:#fff; text-align:center; display:block; background-color:#9c0e11; border:0; padding:0 0 1px 0; margin:0; } .redbutton input.detail {cursor: pointer; float:left; width:120px; color:#fff; text-align:center; display:block; background-color:#9c0e11; border:0; padding:0 0 1px 0; margin:0; } .redbutton .right {cursor: pointer; margin-left:0px; float:left; width:2px; height:17px; background:url(../images/buttons/button_right.gif) no-repeat top right; } div#vatIDContainer { display: none; } table#buttons { width:615px; margin-bottom:10px; } #bdi_countryBox, #bdi_currencyBox{ font-size: 9px; padding: 5px 0px 5px 10px; width: 141px; height: 45px; border: 1px solid #9C0E11; margin-left: 12px; margin-top: 12px;} #bdi_countryBox input, #bdi_currencyBox input {border:0 none; float:left; margin:0; padding:0; /margin-left:-3px;} #bdi_countryBox h3, #bdi_currencyBox h3{font-size: 11px; padding-bottom: 5px;} #bdi_countryBox select {width: 130px;} #bdi_currencyBox img{margin:0 0 0 3px; /margin:0 0 0 1px;float:left; } .bdi_currencyText{padding:1px 0 0 3px; width:28px; /width:25px; float:left;} div#bdi_serviceFooter{ width:auto;; height:auto; padding:10px 50px; text-align:center; } div#bdi_serviceFooter a { font-size:11px; color:#808080; padding:0 6px; } div#bdi_serviceFooter div.bdi_serviceFooterHead{ color:#9C0E11; float:left; width:130px; margin-left:30px; } div#bdi_serviceFooter div.bdi_serviceFooterItem{ float:left; width:130px; margin-left:20px; } div#bdi_serviceFooter div.bdi_serviceFooterItem a{ color:#000000; text-decoration: none; } /** new teaser on start page **/ div.homepageTeaserCross{ margin: 0px 0px 12px 12px;/margin: 0px 6px 12px 6px; float: left; width: 318px; height: 130px; border: 1px solid #999999; } div.homepageTeaserCross.right{ margin: 0px 0px 12px 12px;/margin: 0px 6px 12px 6px; } div.homepageTeaserCross div.homepageTeaserCrossImage{ float:left; padding-top:15px; } div.homepageTeaserCross div.homepageTeaserCrossRest{ width: 220px; float:left; overflow:hidden; } div.homepageTeaserCross div.homepageTeaserCrossHeadline{ float:left; margin-top:10px; font-size:13px; font-weight:bold; line-height:16px; color:#666666; } div.homepageTeaserCross div.homepageTeaserCrossText{ margin-top:10px; } div.homepageTeaserCross div.homepageTeaserCrossPrice{ margin-top: 5px; color:#666666; font-weight:bold; } div.homepageTeaserCross div.homepageTeaserCrossForward{ margin-top: 5px; background-image:url(../images/arr_sgl_r_990000_4x13.gif); background-position:0 3px; background-repeat:no-repeat; font-size:11px; height:18px; line-height:18px; overflow:hidden; padding-left:12px; } div.homepageCategoryTeaser{ margin: 0px 0px 12px 12px;/margin: 0px 6px 12px 6px; float: left; width: 152px; height: 250px; border: 1px solid #999999; } div.homepageCategoryTeaser.right{ margin: 0px 0px 12px 12px;/margin: 0px 0px 12px 6px; } h4.crossnavHeadline{ color:#ffffff; padding-top:4px; height:20px; width:154px; } div.inlayNewsletter{ width:152px; /*height: 100px;*/ overflow: hidden; } div.inlayNewsletter input.newsletter{ width: 110px; border: 0 solid #999999; margin-top: 5px; margin-bottom: 5px; } div#newsletterRegistrationTop{ margin-bottom: 10px; } div#newsletterRegistrationTop .redbutton{ margin-top: 10px; margin-bottom: 10px; } ul.bdi_itemIcons li.xls {background:url(../images/icons/icon_xls.gif) 0 .55em no-repeat; padding:15px 0 15px 35px; margin-right:0;} ul.bdi_itemIcons li.doc {background:url(../images/icons/icon_doc.gif) 0 .55em no-repeat; padding:15px 0 15px 35px; margin-right:0;} ul.bdi_itemIcons li.exe {background:url(../images/icons/icon_exe.gif) 0 .55em no-repeat; padding:15px 0 15px 35px; margin-right:0;} ul.bdi_itemIcons li.jpg {background:url(../images/icons/icon_jpg.gif) 0 .55em no-repeat; padding:15px 0 15px 35px; margin-right:0;} ul.bdi_itemIcons li.mp3 {background:url(../images/icons/icon_mp3.gif) 0 .55em no-repeat; padding:15px 0 15px 35px; margin-right:0;} ul.bdi_itemIcons li.pdf {background:url(../images/icons/icon_pdf.gif) 0 .55em no-repeat; padding:15px 0 15px 35px; margin-right:0;} ul.bdi_itemIcons li.ppt {background:url(../images/icons/icon_ppt.gif) 0 .55em no-repeat; padding:15px 0 15px 35px; margin-right:0;} ul.bdi_itemIcons li.rtf {background:url(../images/icons/icon_rtf.gif) 0 .55em no-repeat; padding:15px 0 15px 35px; margin-right:0;} ul.bdi_itemIcons li.txt {background:url(../images/icons/icon_txt.gif) 0 .55em no-repeat; padding:15px 0 15px 35px; margin-right:0;} ul.bdi_itemIcons li.zip {background:url(../images/icons/icon_zip.gif) 0 .55em no-repeat; padding:15px 0 15px 35px; margin-right:0;} div.inlayNewsletter a.button { background-color:#000000 !important; font-size:12px; font-weight:normal; height:13px; margin-bottom:5px; padding:4px 0 4px 6px; text-align:left; width:78px; border: 1px solid #ffffff; }