.error:after { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden; } .error { display:block; margin:10px 0; color:#ff0; } .inner { text-align:left; } #onlineshop hr { border-color:#fff; color:#fff; } #onlineshop hr.line { border-color:#EFEFEF; color:#fff; } #onlineshop div.clear { clear:both; height:1px; } #onlineshop.onlineshop-layer .step-review fieldset hr.line, #onlineshop.onlineshop-layer .step-shoppingcart hr.line { border-color:#EFEFEF; } #onlineshop.onlineshop-layer hr.line, #onlineshop.onlineshop-layer .step-address hr.space { height:1px; margin:0; padding:0; } #onlineshop.onlineshop-layer h2 { margin-bottom:2px; } #onlineshop.onlineshop-layer fieldset { margin-bottom:2px; } #onlineshop .info, #onlineshop-shoppingcart .info { background:none; float:none; width:auto !important; } #onlineshop .step-container.step-address, #onlineshop .step-container.step-payment { width:570px; } /* Bodyfull Article & Voucher */ #content .onlineshop label, #content .onlineshop input.quantity { width:60px; float:left; } #content .onlineshop label { padding:3px 0; } #content .onlineshop input.quantity, #content #onlineshop input.quantity { width:20px; padding:4px 5px; margin-right:5px; } #content .onlineshop .price_description { width:345px; } #content .onlineshop .image_description { margin-right:-15px; } #content .onlineshop .gallery .icon { display:block; width:100%; text-align:center; font-size:12px; cursor:pointer; } #content .onlineshop .price { font-size:1.75em; font-weight:400; } #content .onlineshop .sending, #content .onlineshop .sending a, #content .onlineshop .tax { color:#999; font-size:0.85em; } #content .onlineshop .sending a{ text-decoration:underline; } #shop .onlineshop .minvalue { display:block; } #shop .onlineshop .customprice{ margin-right:5px; } #shop .onlineshop .euro{ line-height:22px; } /* Buttons */ .step-buttons-left input, .step-buttons-right input { width:auto; } .step-buttons-right input.next, .step-buttons-right input, #onlineshop .step-buttons .step-buttons-left .back, #onlineshop .step-buttons .step-buttons-right .next { text-align:center; } #onlineshop .button.long { width:160px; text-align:center; } .step-buttons-left input.back, .step-buttons-right input.next { width:180px; text-align:center; } .step-buttons-right .step-buttons-right input.next { width:121px !important; text-align:center; margin:-2px 0 0 0; } .step-review .step-buttons-right input.preview, .step-buttons-right input.next { width:165px !important; } .quantity-changer .button.small { width:78px; padding:0 0 2px 0; text-align:center; } .onlineshop-layer label { clear:both; display:block; } .onlineshop-layer input[type=text], .onlineshop-layer textarea, .onlineshop-layer select { width:250px; } .onlineshop-layer input[type=text]:focus, .onlineshop-layer textarea:focus, .onlineshop-layer select:focus { border:1px solid #0095D9; background-color:#fff; } .onlineshop input.quantity { width:30px; } .onlineshop .amountleft { width:90px; float:left; margin-top:11px; } /* Versandkosten */ .shoppingcart .sending, .onlineshop-voucher .sending, .shoppingcart .sending, .onlineshop-voucher .sending a { color:#999; font-size:10px; } /* Warenkorb / Popup Layer */ #onlineshopLayerBG { background-color:#fff; } #onlineshopLayer { -webkit-box-shadow:0 2px 10px #dfdfe0; /* webkit browser*/ -moz-box-shadow:0 2px 10px #dfdfe0; /* firefox */ box-shadow:0 2px 10px #dfdfe0; -webkit-box-shadow:0 2px 10px rgba(0,0,0,0.18); /* webkit browser*/ -moz-box-shadow:0 2px 10px rgba(0,0,0,0.18); /* firefox */ box-shadow:0 2px 10px rgba(0,0,0,0.18); behavior:url(http://d73k88bsin0rr.cloudfront.net/media/css/PIE.htc); } #onlineshopLayer .header{ height:30px; background-color:#fcfcfc; background:rgb(250,250,250); /* Old browsers */ background:url(http://d73k88bsin0rr.cloudfront.net/media/img/shop_layerheader.png) bottom repeat-x; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background:url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */ background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */ background:-webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */ background:-o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(224,224,224,1) 100%); /* Opera 11.10+ */ background:-ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */ background:linear-gradient(to bottom, rgba(250,250,250,1) 0%,rgba(224,224,224,1) 100%); /* W3C */ -pie-background:linear-gradient(to bottom, rgba(250,250,250,1) 0%,rgba(224,224,224,1) 100%); /* PIE */ filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-8 */ behavior:url(http://d73k88bsin0rr.cloudfront.net/media/css/PIE.htc); } #onlineshopLayer .header .titles .title1, #onlineshopLayer .header .titles .title2 { } #onlineshopLayer .header .titles { padding:5px 0; } #onlineshopLayer.message .header .titles { display:none; } #onlineshopLayer .header .close{ margin:2px; } #onlineshopLayer .content { padding:0; } #onlineshopLayer .content .inner { padding:25px; padding-right:0; } #onlineshopLayer .content .inner a { text-align:center; padding:2px 0 0 0; margin:0 25px 0 0; } #onlineshopLayer .content .inner a.last { margin:0; } #onlineshopLayer #pdfpreview { padding:20px; } /*Warenkorb*/ .article-quantity { width:100%; } .quantity-editlinks { width:15%; margin-right:10px; color:#999; } .quantity-editlinks.delete { } .quantity-editlinks.change { } #onlineshop .step-container { padding:15px; } #onlineshop form .step-container { background-color:#fff; } #shop #onlineshop .step-container { padding:0; } #onlineshop .cart-entry .left, #content #onlineshop .cart-entry .left .article-quantity{ width:66%; } #onlineshop .cart-entry .right { width:120px; text-align:right; } #onlineshop .cart-entry .left .quantity-changer{ padding:10px 0; width:200px; } #onlineshop .cart-entry .left .quantity-changer input[type=text] { width:40px; padding:1px 1px 2px 2px; margin-right:5px; } #onlineshop .step-container .cart-entry .right { width:220px; text-align:right; } #onlineshop .cart-entry .right .article-single-price, #content #onlineshop .cart-entry .right .article-total-price { display:block; float:left; width:220px; } #onlineshop .cart-entry .right .article-total-price { font-weight:bold; } #onlineshop .cart-entry .right .article-price span.left, #onlineshop .cart-entry .right .article-price span.right { display:block; float:left; width:110px !important; } #onlineshop .cart-entry .left .article-quantity .quantity-value.left{ width:15%; font-weight:bold; line-height:1.5em; padding-right:10px; } #onlineshop .cart-entry .voucher-configlinks a { color:#003D59; margin-top:5px; } #onlineshop .cart-entry .voucher-configlinks a.configure { margin-right:10px; } #onlineshop .cart-entry .voucher-configlinks a.configured { margin-right:10px; } #onlineshop .step-container.step-shoppingcart #onlineshop-shoppingcart .shoppingcart-sums{ float:right; width:220px; } #onlineshop .step-container.step-shoppingcart #onlineshop-shoppingcart .shoppingcart-sums .net .net-label, #onlineshop .step-container.step-shoppingcart #onlineshop-shoppingcart .shoppingcart-sums .vat-n .vat-n-label, #onlineshop .step-container.step-shoppingcart #onlineshop-shoppingcart .shoppingcart-sums .total .total-label{ float:left; } #onlineshop .step-container #onlineshop-shoppingcart .step-buttons .step-buttons-left{ width:180px; float:left; margin:0 20px 0 0; } #onlineshop .step-container #onlineshop-shoppingcart .step-buttons .step-buttons-left { text-align:center; } #onlineshop .step-container #onlineshop-shoppingcart .step-buttons .step-buttons-right{ float:right; } #shop #onlineshop .step-container #onlineshop-shoppingcart .step-buttons .step-buttons-right{ width:602px; } #onlineshop .step-container #onlineshop-shoppingcart .step-buttons .step-buttons-right input { float:right; text-align:center; } #onlineshop .step-container.step-voucherconfig #onlineshop-shoppingcart .step-buttons .step-buttons-right .preview, #onlineshop .step-container.step-voucherconfig #onlineshop-shoppingcart .voucherconfig-configfields .preview{ margin-right:10px; } #onlineshop .step-container.step-voucherconfig #onlineshop-shoppingcart .voucherconfig-usertext textarea { text-align:center; width:642px; } #onlineshop .step-container.step-shoppingcart #onlineshop-shoppingcart .info{ font-size:13px; } /*Gutscheinkonfiguration*/ #onlineshop .step-container legend{ font-weight:700; font-size:1em; } #onlineshop .step-container.step-voucherconfig #onlineshop-shoppingcart #voucherconfig-themeselection .voucherconfig-theme{ float:left; display:block; width:110px; height:72px; padding:0; overflow:hidden; border:3px solid #ddd; margin:2px 8px 0 0; } #onlineshop .step-container.step-voucherconfig #onlineshop-shoppingcart #voucherconfig-themeselection .voucherconfig-theme.selected{ border:3px solid #0095D9; } #onlineshop .step-container.step-voucherconfig #onlineshop-shoppingcart #voucherconfig-themeselection .voucherconfig-theme a{ display:block; border:none; } #onlineshop .step-container.step-voucherconfig #onlineshop-shoppingcart #voucherconfig-themeselection .voucherconfig-theme .title{ font-size:13px; height:100%; text-align:center; } #onlineshop .step-container.step-voucherconfig hr { color:#fff; border-color:#fff; } #onlineshop fieldset { border:1px solid #EFEFEF; } /*Kasse - Step Adresse*/ #onlineshop input[type="checkbox"], #onlineshop input[type="radio"] { width:20px; -webkit-box-shadow:none; /* webkit browser*/ -moz-box-shadow:none; /* firefox */ box-shadow:none; } #onlineshop .form-field-row #address-zipcode, #onlineshop .form-field-row #delivery-zipcode { margin-right:5px; } #onlineshop .form-field-row #address-city, #onlineshop .form-field-row #delivery-city { width:105px; clear:none; } #onlineshop .form-field-row #address-salutation, #onlineshop .form-field-row #delivery-salutation { width:158px; } #onlineshop .form-field-row #address-country, #onlineshop .form-field-row #delivery-country { width:172px; } .onlineshop-layer textarea { width:485px; height:150px; } #onlineshop textarea[name="onlineshop.comment"] { min-width:665px; min-height:85px; } #onlineshop.onlineshop-layer hr.line { border-color:#fff; } /*Kasse - Step Payment*/ #onlineshop .step-container.step-payment .shoppingcart-sums{ width:563px; } #onlineshop .step-container.step-payment .shoppingcart-sums div.grandtotal{ font-weight:bold; margin-top:10px; font-size:1.1em; } #onlineshop .step-container.step-payment .payment-selects label{ margin-bottom:10px; } #onlineshop .step-container.step-payment #payment-options-prepay label{ width:200px; margin-bottom:5px; } #onlineshop .step-container.step-payment #payment-options-complimentary label{ width:330px; } #onlineshop .step-container.step-payment #payment-options-complimentary textarea{ float:right; width:320px; } #onlineshop .step-container.step-payment #payment-options-ccard select, #onlineshop .step-container.step-payment #payment-options-debit select{ width:200px; } #onlineshop .step-container.step-payment #payment-options-ccard label#payment-cc-icons{ margin-left:10px; clear:none; } #onlineshop .step-container.step-payment #payment-options-ccard label{ font-weight:bold; } #onlineshop .step-container.step-payment #payment-options-ccard select#payment-options-ccvalidmm { width:45px; } #onlineshop .step-container.step-payment #payment-options-ccard select#payment-options-ccvalidyyyy { width:75px; } #onlineshop .step-container.step-payment #payment-options-ccard select#payment-options-ccvalidyyyy{ margin-left:9px; } #onlineshop .step-container.step-payment .step-buttons { margin-top:60px; } #onlineshop .step-review select { width:auto; margin-bottom:20px; } #onlineshop .step-review .cart-entry .left { width:305px; float:left; } #onlineshop .step-review .cart-entry .right { float:left; } #onlineshop .shoppingcart-sums div.shippingcosts { font-size:0.9em; } #onlineshop .shoppingcart-sums div.grandtotal { font-size:1em; }