/** {margin:0;padding:0;}*/ body {padding:0px;margin:0px;background-repeat:repeat-x;background-position:top left;text-align:center;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#696b68;background-color:#E2E2E2;} html, body, #wrap {height: 100%;} body > #wrap {height: auto;min-height: 100%;} /*div*/ .clear {clear:both;} .borderline {height:20px;margin-bottom:10px;border-bottom:5px solid #e2e2e2;} .dotline {height:20px;background-image:url('img/dotline.gif');background-repeat:repeat-x;background-position:center center;} h1 {margin:0px;padding:0px;padding-bottom:15px;font-size:24px;font-weight:normal;background:url('img/dotline.gif') left bottom repeat-x;} h2 {margin:0px;padding:0px;padding-bottom:10px;font-size:20px;font-weight:normal;} h3 {margin:0px;padding:0px;padding-bottom:10px;font-size:16px;font-weight:normal;color:#999999;} h4 {margin:0px;padding:0px;padding-bottom:10px;font-size:14px;font-weight:bold;} p {margin:0px;padding:0px;margin-bottom:10px;} p.csc-header-date {margin-bottom:5px;color:#cecece;} label {width:30%;float:left;margin-top:3px;} a {color:#999999;} a img {border:0px;} .pagepath {color:#EE801F;margin-bottom:10px;font-size:11px;} .pagepath a {color:#6b6b6b;text-decoration:none;} .button-open, .button-close {position:absolute;margin-left:-4px;margin-top:200px;} .input, .gm_class_input, .gm_mb_input {border:1px solid #d5d5d5;margin:0px 0px 10px 0px;} select, textarea {border:1px solid #d5d5d5;margin:0px 0px 10px 0px;} form#create_account div.class_error_message {color:red;margin:0px 0px 0px 30%;} /*Header*/ #header {width:100%;height:120px;background:url('img/tail_main.gif') 0px -30px repeat-x;} #header .wrap {width:1000px;height:120px;margin:auto;text-align:left;background:url('img/content-top.png') 255px 110px no-repeat;} #header.full .wrap {width:1000px;height:120px;margin:auto;text-align:left;background:url('img/content-full-top.png') 5px 110px no-repeat;} #header .wrap img.logo {float:left;margin-top:20px;margin-left:5px;} #header .wrap ul,#header .wrap li {margin:0px;padding:0px;list-style-type:none;z-index:100;} #header .wrap ul.menu {float:right;background:url('img/menu-bg.png') 0px -7px no-repeat;} #header .wrap ul.menu li.level1 {float:left;margin:0px;padding:0px;text-align:center;} #header .wrap ul.menu li.level1:hover {background:url('img/menu-act.png') 0px -60px no-repeat;} #header .wrap ul.menu li.level1 ul {display:none;text-align:left;} #header .wrap ul.menu li.level1:hover ul {position:absolute;display:block;} #header .wrap ul.menu li.level1 a {display:block;width:125px;height:43px;padding:17px 0px 0px 0px;background:url('img/menu-act.png') -170px 0px no-repeat;color:#ffffff;text-decoration:none;font-size:16px;} #header .wrap ul.menu li.level1.short:hover {background:url('img/menu-act.png') 0px -120px no-repeat;} #header .wrap ul.menu li.level1.short a {width:90px;} #header .wrap ul.menu li.level1.long:hover {background:url('img/menu-act.png') 0px 0px no-repeat;} #header .wrap ul.menu li.level1.long a {width:160px;} #header .wrap ul.menu li.level1.home {background:none;} #header .wrap ul.menu li.level1.home a {width:50px;height:41px;padding-top:19px;background:none;} #header .wrap ul.menu li.level1.home:hover {background:none;} #header .wrap ul.menu li.level1.home img {margin:0px;} #header .wrap ul.menu li.level1 ul.menucart li div.content {padding:10px;background:#e98400;color:white;} #header .wrap ul.menu li.level1 ul.menucart li div.content div.column {width:200px;overflow:hidden;float:left;} #header .wrap ul.menu li.level1 ul.menucart li div.content div.link {width:185px;padding:5px 0px 5px 15px;background:url('img/menucart-item-arrrow.png') 0px 7px no-repeat;} #header .wrap ul.menu li.level1 ul.menucart li div.content div.link a {display:inline;font-size:12px;background:none;} #header .wrap ul.menu li.level1 ul.menucart li div.content div.link a:hover {text-decoration:underline;} #header .wrap ul.menu li.level1 ul.menucart li div.arrow {width:15px;height:20px;background:url('img/menu-arrow.png') left bottom no-repeat;margin-left:50px;} #header .wrap ul.menu li.level1.short ul.menucart li div.arrow {margin-left:40px;} #header .wrap ul.menu li.level1.long ul.menucart li div.arrow {margin-left:75px;} #header .wrap ul.menu li.level1 ul#menucart3 {margin-left:-250px;} #header .wrap ul.menu li.level1 ul#menucart4 {margin-left:-120px;} #header .wrap ul.menu li.level1 ul#menucart3 li div.arrow {margin-left:320px;} #header .wrap ul.menu li.level1 ul#menucart4 li div.arrow {margin-left:160px;} #header .wrap img#icon-service {position:absolute;margin-left:900px;top:75px;} #header .wrap img#icon-myaccount {position:absolute;margin-left:930px;top:75px;} #header .wrap img#icon-contact {position:absolute;margin-left:960px;top:75px;} #header .wrap .search {position:absolute;margin-top:-17px;margin-left:285px;z-index:50;} #header .wrap .search .gm_class_input {float:left;width:293px;height:22px;padding:0px;margin:0px;border:0px;margin-bottom:5px;padding-top:2px;padding-left:7px;color:#6b6b6b;background:url('img/input-search.gif') 0 0;} #header .wrap .search .button {position:absolute;margin-left:-30px;margin-top:-15px;} #header .wrap #acountlayer {margin:10px 0px 0px 885px;} #header .wrap #acountlayer div.arrow {width:15px;height:20px;background:url('img/menu-arrow.png') left bottom no-repeat;margin-left:50px;} #header .wrap #acountcontent {position:absolute;padding:10px;background:#e98400;color:white;} #header .wrap #acountcontent a {display:block;padding:5px 0px 5px 15px;background:url('img/menucart-item-arrrow.png') 0px 7px no-repeat;color:#ffffff;} #header .wrap #acountcontent a:hover {text-decoration:underline;} /*Content*/ #content {width:1000px;margin:auto;text-align:left;background:url('img/content-bg.png') right top repeat-y;padding-bottom:500px;} #content.full {width:1000px;margin:auto;text-align:left;background:url('img/content-full-bg.png') right top repeat-y;} #content .content {width:71%;overflow:hidden;float:right;padding-left:2%;padding-right:2%;padding-top:10px;} #content.full .content {width:96%;padding-left:2%;padding-right:2%;padding-top:10px;} #content .border {width:23%;float:left;margin-right:2%;padding-top:10px;} #content .left {width:48%;overflow:hidden;float:left;margin-right:4%;} #content .right {width:48%;overflow:hidden;float:left;} #content .border .manufacturer-1, .manufacturer-2 {width:90px;height:40px;float:left;margin:0px 20px 5px 0px;text-align:center;} #content .border .manufacturer-2 {margin-right:0px;} #content .border .borderbox {width:200px;background:#ffffff;padding:10px 14px 10px 14px; border: 1px solid #ff841f; box-shadow:5px 13px 8px #333;} #content .border .h3-icon {float:left;margin-right:10px;} #content .border .h3-line {clear:both;border-bottom:1px dotted #999999;margin:0px 0px 5px 0px;} #content .border #menu {padding:10px 15px 10px 15px;} #content .border #menu a {display:block;color:#000000;text-decoration:none; background: url('img/marker.png') 5px 7px no-repeat;padding:5px 0px 5px 15px;} #content .border #menu a.act {font-weight:bold;color:#ffffff; background: #ff841f url('img/marker.png') 5px 7px no-repeat;} #content .border #menu a:hover {text-decoration:underline;} #content .border #menu a:act:hover {text-decoration:none;} #content .border #menu .sub {margin-left:20px;} #content .border #myaccount strong, #content .border #boxcontent strong, #content .border #boxinformation strong {display:block;margin:10px 0px 5px 0px;} #content .border #myaccount a, #content .border #boxcontent a, #content .border #boxinformation a {display:block;color:#595959;text-decoration:none;background:url('img/marker.png') 0px 6px no-repeat;padding:5px 0px 0px 15px;margin-left:5px;} #content .border #boxekomi {text-align:center;} /*#content .border #cart:hover {cursor:pointer;}*/ /*Footer*/ #bottom {width:100%;height:500px;background:#333333;position: relative;margin-top: -500px;clear:both;} #bottom #footer {width:1000px;margin:auto;text-align:left;padding-top:40px;background:url('img/footer-bg.png') 255px 0px no-repeat;color:#999999;} #bottom #footer.full {background:url('img/footer-full-bg.png') 5px 0px no-repeat;} #bottom #footer a {text-decoration:none;} #bottom .copyright {text-align:left;font-size:10px;padding-top:10px;} #bottom .copyright a {color:#696b68;text-decoration:none;} /*Banner*/ div.scroller {width:710px;overflow:hidden;} div.scroller div.sectioncontent {width: 10000px;} div.scroller div.section {width:710px;overflow:hidden;float:left;background-repeat:no-repeat;background-position:left center;} div.controls {width:698px;border:1px solid #eeeeee;padding:5px 5px 5px 5px;color:#e98400;} div.controls a {margin:0px 10px 0px 10px;text-decoration:none;color:#e98400;font-weight:bold;} /*Categorie*/ #categorielisting div.scroller {height:170px;} #categorielisting div.scroller div.section {width:175px;height:170px;overflow:hidden;float:left;border:0px;text-align:center;} #categorielisting div.scroller div.section a {text-decoration:none;font-weight:bold;} #button-prev {position:absolute;margin:-200px 0px 0px 0px;background:url('img/slider-prev.gif') center center no-repeat;width:20px;height:170px;} #button-next {position:absolute;margin:-200px 0px 0px 690px;background:url('img/slider-next.gif') center center no-repeat;width:20px;height:170px;} .navigation .left {float:left;} .navigation .right {text-align:right;} .productsperpage a.act {color:#e98400;} /*Filter*/ #filter {padding:10px;border:1px solid #d5d5d5;background:#f3f3f3 url('img/filter-bg.png') left top repeat-x;} #filter:hover {cursor:pointer;} #filter strong {display:block;margin-bottom:5px;} #filter a.arrow {display:block;color:#595959;text-decoration:none;background:url('img/marker.png') 0px 6px no-repeat;padding:5px 0px 0px 15px;} #filter a.act {color:#e98400;} #filter a.arrow:hover {color:#e98400;} /*Product*/ #productlisting div.scroller {width:950px;height:70px;font-size:11px;} #productlisting div.scroller div.section {width:237px;height:70px;overflow:hidden;float:left;border:0px;text-align:center;} #productlisting div.scroller div.section a {text-decoration:none;} #product #button-prev {position:absolute;margin:-120px 0px 0px 0px;background:url('img/slider-prev.gif') center center no-repeat;width:20px;height:100px;} #product #button-next {position:absolute;margin:0px 0px 0px 690px;background:url('img/slider-next.gif') center center no-repeat;width:20px;height:210px;} #product #productlisting div.scroller {width:950px;height:90px;font-size:11px;} #product #productlisting div.scroller div.section {width:120px;height:90px;overflow:hidden;float:left;border:0px;text-align:center;} #maincategorieproducts #productlisting div.scroller {width:690px;height:260px;font-size:11px;} #maincategorieproducts #productlisting div.scroller div.section {width:210px;height:260px;overflow:hidden;float:left;border-right:1px solid #efefef;text-align:center;padding-right:6px;margin-right:6px;} /* #maincategorieproducts_name {width:210px;background:#f1f1f1;}*/ #maincategorieproducts #productlisting div.scroller div.section a {;font-size:12px;font-weight:bold;color:#666666;} #maincategorieproducts div.price {background:url('img/detail-price-bg.png') 0px -2px no-repeat;padding:3px 0px 2px 35px;} #maincategorieproducts div.price:hover {cursor:pointer} #maincategorieproducts div.kandyprice-prefix {float:left;color:#ffffff;} #maincategorieproducts div.kandyprice-before {float:left;color:#ffffff;} #maincategorieproducts div.kandyprice-after {float:left;color:#ffffff;} /*Productlisting*/ #product-listing .product ul {padding-left:10px;margin-left:10px;} #product-listing .product ul li {} #product-listing .oldprice {background:url('img/detail-price-bg.png') 0px -46px no-repeat;padding:5px 5px 5px 35px;font-size:16px;font-weight:bold;color:#eeeeee;text-decoration:line-through;float:right;} /*Kandyprice*/ div.kandyprice-prefix {margin-top:0px;margin-right:3px;padding-top:0px;font-size:12px;float:right;overflow:hidden;padding-top:9px;color:#999999;} div.kandyprice-before {font-size:24px;font-weight:bold;padding-bottom:0px;float:right;overflow:hidden;margin-bottom:0px;margin-right:3px;color:#666666;} div.kandyprice-after {margin-top:0px;padding-top:0px;font-size:12px;font-weight:bold;float:right;overflow:hidden;padding-top:3px;color:#666666;} div.kandy-pricemark-description {} #product div.price {background:url('img/detail-price-bg.png') 0px 0px no-repeat;padding:3px 0px 2px 35px;} #product div.kandyprice-before {float:left;color:#ffffff;} #product div.kandyprice-after {float:left;color:#ffffff;} #product div.oldprice {background:url('img/detail-price-bg.png') 0px -46px no-repeat;padding:5px 0px 5px 35px;font-size:16px;font-weight:bold;color:#eeeeee;text-decoration:line-through;} #product-listing div.price {background:url('img/detail-price-bg.png') 0px 0px no-repeat;padding:3px 0px 2px 35px;} #product-listing div.price:hover {cursor:pointer} #product-listing div.kandyprice-before {float:right;color:#ffffff;} #product-listing div.kandyprice-after {float:right;color:#ffffff;} #product #left div.price, #product.bundle #center div.price {background:url('img/detail-price-bg.png') 0px -44px no-repeat;padding:0px 5px 5px 25px;float:right;} #product #left div.kandyprice-before, #product.bundle #center div.kandyprice-before {float:right;color:#ffffff;} #product #left div.kandyprice-after,#product.bundle #center div.kandyprice-after {float:right;color:#ffffff;} #product.bundle .productsshortdescription {height:80px;text-align:justify;} #product.withcontract .productsshortdescription {text-align:left;} #product #tab-crosselling div.price, #product #tab-description div.price {background:url('img/detail-price-bg.png') 0px -44px no-repeat;padding:1px 0px 0px 35px;} #product #left {width:33%;overflow:hidden;float:left;text-align:center;padding-right:3%;} #product #center {width:30%;overflow:hidden;float:left;margin-right:3%;} #product #right {width:31%;overflow:hidden;float:left;} #product #right div.label {width:50%;float:left;} #product #right div.value {text-align:right;} /*Overlay*/ #overlay{ position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } #overlay-close {float:right;margin:20px 20px 0px 0px;} #overlay-container {position:absolute;z-index: 100; text-align:left;} /*Product Images*/ #productimages, #productshipping, #productdresdnerfinanz, #productobserving, #cartmessage {background:#ffffff;border:1px solid #333333;} #productimages .header, #productshipping .header, #productdresdnerfinanz .header, #productobserving .header, #cartmessage .header {padding:20px;background:#f3f3f3 url('img/filter-bg.png') left center repeat-x;} #productimages .image {height:400px;padding:0px 19px 0px 19px;text-align:center;} #productshipping .selection {height:400px;padding:0px 19px 0px 19px;} #productdresdnerfinanz .selection,#productobserving .selection,#cartmessage .selection ,#productimages .images {padding:0px 19px 0px 19px;} .productOldPrice {text-decoration:line-through;} /*Boxes*/ div.smallbox, div.smallbox-orange {height:28px;line-height:28px;float:left;background:url('img/smallbox/first.png') 0px 0px no-repeat;padding:2px 20px 0px 35px;color:#666666;font-weight:bold; } div.smallbox-end, div.smallbox-orange-end {width:9px;height:30px;float:left;background:url('img/smallbox/end.png') 0px 0px no-repeat;} div.smallbox-orange {background-image:url('img/smallbox/first-orange.png');color:#ffffff;font-size:16px;} div.smallbox-orange-end {background-image:url('img/smallbox/end-orange.png');} div.bigbox {width:300px;height:60px;line-height:60px;float:left;background:url('img/bigbox/first.png') 0px 0px no-repeat;padding:0px 20px 0px 60px;color:#666666;font-weight:bold;font-size:20px;} div.bigbox-end {width:18px;height:60px;float:left;background:url('img/bigbox/end.png') 0px 0px no-repeat;} #product div.smallbox:hover, #product div.smallbox-orange:hover {background:url('img/smallbox/first-act.png') 0px 0px no-repeat;cursor:pointer;color:#EE801F;} /*div.bigbox:hover {background:url('img/bigbox/first-act.png') 0px 0px no-repeat;cursor:pointer;color:#EE801F;}*/ #product .tabs div.smallbox {padding-right:10px;} /*fb, google*/ div#sociallinks {background-color:transparent;border:none;display:block;margin-top:20px;} div#sociallinks>div {} div#sociallinks .links {float:left;} div#sociallinks .mitte {float:left;} div#sociallinks .rechts {float:left;} div#sociallinks div#link_facebook, div#sociallinks div#link_gplus, div#sociallinks div#link_twitter {color:transparent;width:83px;height:20px;margin:0px 20px 5px 24px;background: url(img/socialshareprivacy/dummy_facebook.png) -0px -0px no-repeat;} div#sociallinks div#link_twitter {width:60px;} div#sociallinks div#link_gplus {width:40px;margin-right:0px;} div#sociallinks div#link_gplus {background: url(img/socialshareprivacy/dummy_gplus.png) -0px -0px no-repeat;} div#sociallinks div#link_twitter {background: url(img/socialshareprivacy/dummy_twitter.png) -0px -0px no-repeat;} div#sociallinks div#link_gplus.on, div#sociallinks div#link_facebook.on, div#sociallinks div#link_twitter.on {background:none;} div#sociallinks div#btn_gplus, div#sociallinks div#btn_facebook, div#sociallinks div#btn_twitter {width:24px;height:12px;margin-top:6px;float:left;background: url(img/socialshareprivacy/socialshareprivacy_on_off.png) -0px -12px no-repeat;} div#sociallinks div#btn_gplus.off, div#sociallinks div#btn_facebook.off, div#sociallinks div#btn_twitter.off {background-position: 0 0;} div#sociallinks div#link_gplus:hover, div#sociallinks div#link_facebook:hover, div#sociallinks div#link_twitter:hover, div#sociallinks div#btn_gplus:hover, div#sociallinks div#btn_facebook:hover, div#sociallinks div#btn_twitter:hover {cursor:pointer;} /*review*/ #reviews a img {border:0px;} #reviews label {font-weight:bold;} /*cart*/ .giftcart .gm_class_input {float:left;margin:3px 5px 0px 0px;} /*checkout*/ #gm_checkout_payment textarea {width:100%;height:100px;} #gm_checkout_payment input {float:left; margin-right:5px;} .label-ot_subtotal, .label-ot_shipping, .label-ot_total, .label-ot_total_netto, .label-ot_tax, .label-ot_cod_fee, .label-ot_coupon {float:left;margin-left:70%;margin-bottom:3px;text-align:right;} .value-ot_subtotal, .value-ot_shipping, .value-ot_total, .value-ot_total_netto, .value-ot_tax, .value-ot_cod_fee, .value-ot_coupon {margin:0px 5% 3px 0px;font-weight:bold;color:#333333;} /*kandy*/ #kandyproductsinfocontracts .input-select {border:1px solid gray;} #kandyproductsinfocontracts .listheader {width:98%;padding:1%;background:#eeeeee;} #kandyproductsinfocontracts .listheader .column-name {width:50%;overflow:hidden;float:left;} #kandyproductsinfocontracts .listheader .column-basicprice {width:10%;overflow:hidden;float:left;text-align:right;} #kandyproductsinfocontracts .listheader .column-minimumprice {width:10%;overflow:hidden;float:left;text-align:right;} #kandyproductsinfocontracts .listheader .column-price {width:20%;overflow:hidden;float:left;text-align:right;} #kandyproductsinfocontracts .listheader .column-link {width:10%;overflow:hidden;float:left;text-align:center;} #kandyproductsinfocontracts .listbody {width:98%;padding:1%;} #kandyproductsinfocontracts .listbody .column-network {width:5%;overflow:hidden;float:left;} #kandyproductsinfocontracts .listbody .column-name {width:40%;overflow:hidden;float:left;padding-top:7px;} #kandyproductsinfocontracts .listbody .column-akz {width:5%;overflow:hidden;float:left;padding-top:7px;} #kandyproductsinfocontracts .listbody .column-basicprice {width:10%;overflow:hidden;float:left;padding-top:7px;text-align:right;} #kandyproductsinfocontracts .listbody .column-minimumprice {width:10%;overflow:hidden;float:left;padding-top:7px;text-align:right;} #kandyproductsinfocontracts .listbody .column-price {width:20%;overflow:hidden;float:left;padding-top:7px;text-align:right;} #kandyproductsinfocontracts .listbody .column-link {width:10%;overflow:hidden;float:left;text-align:center;} #kandyproductsinfocontracts .listbody .column-name a {color:#666666;} #kandyproductsinfocontracts .group {padding:10px;font-weight:bold;color:#333333;} #kandyproductsinfocontracts .contract {border-bottom:1px dotted #999999;} #kandyproductsinfocontracts .akz {margin:1%;background-color:#ffffff;padding:1%;width:96%;color:#333333;} #kandyproductsinfocontracts .detailsoptions .values .value {width:50%;overflow:hidden;float:left;text-align:right;} #kandycontractlegitimation input.input-text {width:60%;height:20px;padding:0px;margin:0px;border:0px;margin-bottom:5px;padding-top:4px;padding-left:4px;color:#6b6b6b;background:url('img/input-sprite.gif') 0 0 no-repeat;} #kandycontractlegitimation select.input-select {border:1px solid gray;margin-bottom:5px;} #SUCHE / AJAX / SUGGEST .suggest_link { background-color: #FFFFFF; padding-top: 8px; } .suggest_link_over { background-color: #f1f1f1; cursor: pointer; } #search_suggest { position: absolute; visibility: hidden; background-color: #FFFFFF; text-align: left; border: 1px solid #e98400; width:500px; margin-top:30px; padding: 2px 6px 2px 6px; }