*{ margin: 0; padding: 0; } html, body{ margin:0; padding:0; height: 100%; } body{ background-color: #ffffff; background-image: url(/images/bg.png); background-repeat: repeat-x; } #warenkorb3 a:link,#warenkorb3 a:visited,#warenkorb3 a:hover{ color: #6a6a6a; font-size: 9px; font-weight: normal; font-style: normal; } #warenkorb1{ color: #ffffff; font-size: 10px; position: absolute; left: 43px; top: 8px; } #warenkorb2{ position: absolute; left: 116px; top: 8px; color: #ffffff; font-size: 10px; } #pagewidth{ width:calc(100% - 20px); max-width:1200px; min-height: 500px; text-align:left; margin: 0 auto; position: relative; overflow:hidden; } #wrapper{ width: 100%; } #wgpfeil{ position: absolute; left: -15px; top: 5px; } #wgpfeilsub{ position: absolute; left: -5px; top: 5px; } #shopnavi{ margin-top: 10px; } .shopsub{ padding-left: 28px; } #rightcol{ float: left; width: 0px; position: relative; } .wgmain{ border-style: dotted; border-color: #919599; border-width: 0px; border-bottom-width: 1px; width: 220px; margin-bottom: 15px; position: relative; } .wgmain a:link,.wgmain a:visited,.wgmain a:hover{ color: #575a5e; font-size: 16px; text-transform: uppercase; } .wgmain a.active:link,.wgmain a.active:visited,.wgmain a.active:hover,.wg a.active:link,.wg a.active:visited,.wg a.active:hover{ color: #ff5b23; } .wg a:link,.wg a:visited,.wg a:hover{ color: #575a5e; font-size: 12px; } .wgsub3{ padding: 10px; } .wgsub33{ position: relative; margin-left: -20px; padding-left: 20px; width: 185px; } .wgsub33 a:link,.wgsub33 a:visited,.wgsub33 a:hover{ color: #8c7e6b; } .wg{ margin-bottom: 10px; position: relative; } .wgpfeil{ position: absolute; left: 210px; top: 5px; } .wgaktiv{ background-color: #F3ECE0; margin-left: -10px; padding-left: 10px; } .wgsub3aktiv{ background-color: #F3ECE0; } .wgsub3hover{ background-color: #F3ECE0; } #header2{ height: 326px; position: relative; } #header2s{ position: absolute; left: 0px; top: 0px; width: 901px; height: 10px; background-image: url(/images/so.png); background-repeat: no-repeat; } #adresse{ color: #6a6a6a; padding-left: 18px; } #headerimg{ float: left; width: 675px; height: 319px; background-image: url(/images/blue.png); background-repeat: no-repeat; position: relative; text-align: center; overflow: hidden; } #loginbox a:link,#loginbox a:visited,#loginbox a:hover{ color: #ffffff; } .nav1{ padding-left: 39px; } .nav3 img{ vertical-align: top; } #lpf{ padding-top: 10px; padding-left: 5px; } #navi2{ background-image: url(/images/navi2.png); width: 1030px; height: 45px; position: absolute; left: 0px; top: 64px;padding-left: 250px; } #telefon{ position: absolute; left: 1100px; top: -50px; } #navi a:link,#navi a:visited,#navi a:hover,#navi2 a:link,#navi2 a:visited,#navi2 a:hover{ color: #8a8a8c; font-style: normal; font-weight: normal; font-size: 14px; } a.nav{ text-decoration: none; font-weight: normal; font-style: normal; font-size: 16px; text-transform: uppercase; } a.navaktiv{ text-decoration: none; font-weight: normal; font-style: normal; font-size: 13px; text-transform: uppercase; } a.nav:link,a.nav:visited,a.nav:hover{color: #ffffff;} a.shopnav{ text-decoration: none; font-weight: normal; font-style: normal; font-size: 11px; } a.shopnav:link,a.shopnav:visited,a.shopnav:hover{color: #929292;} #content{ background-color: #ffffff; position: relative; } #footerleft{ position: absolute; left: -160px; top: -25px; width: 206px; height: 96px; background-color: #e9e9e9; border-style: solid; border-color: #b9b5b1; border-width: 0px; border-left-width: 2px; border-right-width:2px; border-bottom-width: 2px; } #footercontent{ margin-left:auto; margin-right:auto; width: 925px; padding-top: 45px; position: relative; } #footercontent2{ margin-left:auto; margin-right:auto; width: 925px; padding-top: 45px; text-align: center; color: #424242; } #footercontent2 a:link,#footercontent2 a:visited,#footercontent2 a:hover{ color: #424242; font-weight: normal; font-style: normal; } #shopleft{ float: left; width: 220px; height: 100%; } #shopleft div { color: #000000; margin: 0; padding: 0; padding-top: 8px; padding-bottom: 8px; padding-left: 30px; width: 190px; border-style: solid; border-color: #8ab5dd; border-width: 0px; border-bottom-width: 1px; } #shopleft div.aktiv{ background-color: #73dc12; } #shopleft div.aktiv a{ font-weight: bold; } .shopwghead{ color: #ffffff; font-size: 16px; float: left; } .shopwgartikeldata{ border-color: #8ab5dd; border-style: solid; border-width: 0px; border-top-width: 1px; width: 640px; padding-top: 10px; } .shopwgbild{ float: left; width: 135px; min-height: 149px; text-align: center; position: relative; padding-top: 30px; background-image: url(/images/shoptrenner.png); background-repeat: no-repeat; background-position: top right; } .shopwgartnr{ position: absolute; left: 0px; top: 0px; width: 82px; height: 15px; text-align: left; font-weight: bold; padding-left: 5px; } .shopwgartnrzubehoer{ position: absolute; left: 0px; top: 60px; width: 82px; height: 15px; background-image: url(/images/artnr.png); background-repeat: no-repeat; color: #ffffff; text-align: left; font-weight: bold; padding-left: 5px; } .shopwgpreiszubehoer{ font-weight: bold; font-size: 12px; position: absolute; left: 90px; top: 60px; text-align: right; width: 80px; } #vtitel{ position: absolute; left: 90px; top: 0px; color: #7ca8d1; font-weight: bold; } #vpreis{ position: absolute; left: 210px; top: 130px; color: #7ca8d1; font-weight: bold; font-size: 16px; } .shopwgbildzoom{ position: relative; left: 10px; } .shopwgartikel{ float: left; width: 300px; padding-left: 30px; padding-bottom: 20px; background-image: url(/images/shoptrenner.png); background-repeat: no-repeat; background-position: right center; min-height: 149px; } .shopwgartikelklein{ float: left; width: 260px; padding-left: 30px; padding-bottom: 20px; background-image: url(/images/shoptrenner.png); background-repeat: no-repeat; background-position: right center; min-height: 149px; } .artikelkastendetail h2,.artikelkastenhead h2{ color: #ff5b23; font-weight: bold; margin: 0; padding: 0; font-size: 12px; margin-bottom: 0px; padding-bottom: 0px; } .artikelkastendetail a:link,.artikelkastendetail a:visited,.artikelkastendetail a:hover{ color: #a13f3f; } .shopwgpreis{ float: left; width: 173px; } .shopwgpreis1{ font-weight: bold; font-size: 14px; width: 163px; padding-bottom: 10px; background-image: url(/images/shoptrenner2.png); background-repeat: no-repeat; background-position: left bottom; padding-left: 10px; } .shopartpreis{ float: left; width: 320px; background-image: url(/images/shoptrenner5.png); background-repeat: no-repeat; background-position: left bottom; margin-left: -10px; } .shopartpreis1{ float: left; font-weight: bold; font-size: 14px; width: 170px; padding-bottom: 10px; padding-left: 40px; } .shoparttobasket{ width: 320px; background-image: url(/images/shoptrenner5.png); background-repeat: no-repeat; background-position: left bottom; margin-left: -10px; padding-left: 50px; padding-top: 10px; padding-bottom: 20px; } .shopwganzahl{ width: 163px; padding-bottom: 10px; background-image: url(/images/shoptrenner2.png); background-repeat: no-repeat; background-position: left bottom; padding: 10px; padding-bottom: 20px; } .shopartanzahl{ float: left; width: 100px; } .shopwgtobasket{ padding: 10px; } .shopwgtobasket img{ margin-bottom: 10px; } .shopwgtobasket a,.shoparttobasket a{ font-style: normal; font-weight: normal; } .shopwgtobasket a:link,.shopwgtobasket a:visited,.shopwgtobasket a:hover,.shoparttobasket a:link,.shoparttobasket a:visited,.shoparttobasket a:hover{ color: #000000; } .clearfix:after { content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height:1%;} .clearfix {display:block;} /* End hide from IE-mac */ * html li li { display:inline; } /* IE6 Bugfix... */ #warenkorbdetail h3{ font-size: 16px; font-weight: bold; margin: 0; padding: 0; margin-bottom: 10px; color: #a1a1a1; } #warenkorbclose{ position: absolute; right: 10px; top: 10px; text-align: center; width: 100px; } #warenkorbdetail2{ position: absolute; left: 225px; top: 150px; background-image: url(/images/blase.png); background-repeat: no-repeat; width: 200px; height: 66px; } #warenkorbdetail3{ float: left; width: 50px; height: 70px; overflow: hidden; padding: 5px; padding-top: 10px; } #warenkorbdetail4{ float: left; width: 125px; color: #ffffff; font-size: 14px; padding: 5px; padding-top: 20px; font-weight: bold; text-transform: uppercase; } .checkoutbox{ margin-top: 20px; float: left; color: #c7c7c7; text-transform: uppercase; height: 19px; padding: 8px; padding-top: 10px; padding-bottom: 10px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; margin-right: 10px; } .checkoutboxaktiv{ margin-top: 20px; background-color: #73dc12; border-radius: 4px; border-width: 2px; float: left; color: #ffffff; text-transform: uppercase; height: 19px; padding: 8px; padding-top: 10px; padding-bottom: 10px; font-family: Verdana, Geneva, sans-serif; font-size: 14px; margin-right: 10px; } .checkoutbox a,.checkoutboxaktiv a{ font-style: normal; font-family: Verdana, Geneva, sans-serif; font-size: 14px; } .checkoutbox a:link,.checkoutboxaktiv a:link,.checkoutbox a:visited,.checkoutboxaktiv a:visited,.checkoutbox a:hover,.checkoutboxaktiv a:hover{ color: #ffffff; } .shopwgbild img{ max-height: 90px; } .shopsumme3{ position: absolute; left: 270px; top: 35px; color: #000000; font-size: 10px; font-weight: normal; } .shopbuttons{ width: 600px; padding-top: 20px; border-color: #8ab5dd; border-style: solid; border-width: 0px; border-bottom-width: 1px; height: 20px; } .shopbuttonleft{ float: left; width: 300px; } .shopbuttonright{ float: left; width: 300px; text-align: right; } td{ color: #000000; } .greybox2 td{ color: #ffffff; } .greybox2 table.orders td{ color: #000000; } #footer1{ float: left; width: 195px; padding-left: 100px; color: #ffffff; } #footer2{ float: left; width: 235px; color: #ffffff; } #footer3{ float: left; width: 270px; text-align:right; color: #ffffff; } #footer3 a:link,#footer3 a:visited,#footer3 a:hover{ color: #ffffff; font-size: 14px; } .pf2{ float: left; width: 30px; } .pfc{ float: left; font-size: 14px; } .pfc img{ padding-top: 10px; } .eingabe{ padding: 8px 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #cfcfcf; -webkit-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1); -moz-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1); box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1); } .eingabe:focus { outline:0; border:1px solid #ff5b23; -webkit-box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10); -moz-box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10); box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10); } .eingabefehler{ padding: 8px 5px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #ff0000; -webkit-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1); -moz-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1); box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1); } .eingabefehler:focus { outline:0; border:1px solid #ff0000; -webkit-box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10); -moz-box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10); box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10); } .haendler{ float: left; width: 250px; height: 120px; padding: 10px; margin-bottom: 10px; margin-right: 10px; border-style: solid; border-color: #2F618E; border-width: 0px; border-bottom-width: 1px; } .haendler2{ height: 120px; float: left; width: 1px; border-width: 0px; border-right-width: 1px; border-style: solid; border-color: #2F618E; } #slider{ position: relative; left: 40px; } #slider ul, #slider li{ margin:0; padding:0; list-style:none; } #slider li{ width:580px; height:150px; overflow:hidden; } .graphic, #prevBtn, #nextBtn, .sliderprev, .slidernext{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; } #prevBtn, #nextBtn, .slidernext, .sliderprev{ display:block; width:28px; height:74px; position:absolute; left:0px; top:10px; z-index:1000; } #nextBtn, .slidernext{ left:620px; } #prevBtn a, #nextBtn a, .slidernext a, .sliderprev a{ display:block; position:relative; width:28px; height:74px; background:url(/images/left.png) no-repeat 0 0; } #nextBtn a, .slidernext a{ background:url(/images/right.png) no-repeat 0 0; } #lastseenarticels{ background-color: #e7e7e7; position: absolute; left: 910px; top: -45px; width: 225px; } #lastseenarticlestitle{ background-color: #888888; width: 225px; padding-top: 10px; padding-bottom: 10px; color: #cfcfcf; font-size: 16px; text-align: center; text-transform: uppercase; } .lastseenarticlesartnr{ position: absolute; left: 0px; top: 60px; width: 82px; height: 15px; background-image: url(/images/artnr.png); background-repeat: no-repeat; color: #ffffff; text-align: left; font-weight: bold; padding-left: 5px; } .lastseenarticlespreis{ position: absolute; left: 130px; top: 62px; font-weight: bold; font-size: 12px; } .lastseenarticlespic{ position: absolute; left: 34px; top: -10px; } #lastseencont{ background-color: #888888; color: #cfcfcf; text-align: right; padding: 10px; padding-right: 15px; font-size: 14px; } #shopleft div.shopsub{ padding-left: 45px; width: 175px; background-color: #eeeeee; } #mis_search{ padding: 10px; } .artikelkastensuche{ background-color: #ffffff; border: solid #7b6c65 1px; width: 370px; height: 240px; float: left; margin-right: 15px; margin-bottom: 20px; } .artikelkastenhead{ } .artikelkastenvariation{ background-color: #f9f3e8; width: 293px; height: 35px; } .akv1{ width: 67px; float: left; padding-left: 7px; padding-right: 5px; } .akv1ta{ display: table; position: relative; height: 35px; width: 67px; vertical-align: middle; } .akv1td{ display: table-cell; vertical-align: middle; position: relative; width: 100%; } .akv2{ width: 64px; float: left; padding-top: 10px; color: #a13f3f; font-weight: bold; } .akv3{ width: 150px; float: left; padding-top: 8px; } .akv3 img{ vertical-align: middle; } #customerinfo{ position: absolute; left: 540px; top: 5px; width: 250px; color: #acacac; font-size: 11px; } #zertifikat{ position: absolute; left: 740px; top: 0px; } #warenkorbhead{ position: absolute; left: 830px; top: 5px; color: #acacac; font-size: 18px; } #warenkorbhead a:link,#warenkorbhead a:visited,#warenkorbhead a:hover{ color: #acacac; } a.crumb:link,a.crumb:visited,a.crumb:hover{ color: #575a5e; } a.crumbactive:link,a.crumbactive:visited,a.crumbactive:hover{ color: #ff5b23; } #artikeldetail{ position: relative; left: -30px; margin-top: 20px; } .artikelhead{ background: url(/images/artikeltop.png) no-repeat; width: 567px; height: 29px; color: #ffffff; font-size: 12px; padding-left: 40px; padding-top: 7px; } .artikeldetailkasten{ margin-top: -8px; margin-left: 14px; border: #5d5448 solid 2px; width: 565px; min-height: 300px; background-color: #ffffff; padding: 10px; } .artikeldetailoben{ height: 250px; width: 100%; } .artikeldetailunten{ width: 100%; padding-top: 20px; } .artikeldetailbild{ float: left; width: 165px; } .artikeldetailbild img{ max-width: 165px; } .artikeldetailvarianten{ float: left; width: 390px; border: #5d5448 solid 1px; } .artikeldetailvariation{ border: #5d5448 solid; border-width: 1px 0 0 0; padding-top: 5px; padding-bottom: 5px; } .artdv1{ float: left; width: 70px; padding-left: 10px; } .artdv2{ float: left; width: 63px; } .artdv3{ float: left; width: 72px; color: #a13f3f; font-weight: bold; text-align: right; } .artdv4{ float: left; width: 155px; padding-left: 20px; } .artdvhead{ background-color: #5d5448; color: #ffffff; height: 19px; padding-top: 3px; } .artdv4 img{ vertical-align: middle; } #empfehlungen{ margin-top: 20px; background-image: url(/images/empfehlungen.png); background-repeat: no-repeat; width: 742px; height: 190px; padding-top: 53px; padding-left: 35px; } .empfklein{ margin-top: 20px; background-image: url(/images/empfklein.png); background-repeat: no-repeat; width: 158px; height: 179px; padding-top: 60px; padding-left: 10px; float: left; position: relative; margin-right: 30px; } #empfehlungen2{ margin-left: 17px; } .empfkleinb{ position: absolute; left: 8px; top: -15px; } .empfkleinb img{ max-height: 70px; } .empfkleini{ height: 80px; overflow: hidden; } .empfkleini h2{ color: #000000; font-size: 10px; } .empfk{ width: 371px; float: left; } .empfb{ width: 130px; float: left; } .empfb img{ max-height: 150px; } .empfi{ float: left; width: 221px; padding-right: 20px; } .empfi2{ height: 86px; } .empfi3{ height: 50px; } .empfi2 h2{ color: #a13f3f; font-weight: bold; margin: 0; padding: 0; font-size: 12px; margin-bottom: 5px; } .empfi2 a:link,.empfi2 a:visited,.empfi2 a:hover{ color: #a13f3f; } span.preis{ color: #a13f3f; } #tabs_wrapper { width: 560px; } #tabs_container { border-bottom: 1px solid #ccc; } #tabs { list-style: none; padding: 9px 0 9px 0; margin: 0 0 0 10px; font: Verdana, Arial, Helvetica 12px; } #tabs li { display: inline; } #tabs li a { border: 1px solid #ccc; padding: 9px 12px; text-decoration: none; background-color: #eeeeee; border-bottom: none; color: #b4000b; outline: none; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; } #tabs li a:hover { background-color: #dddddd; padding: 9px 12px; } #tabs li.active a { border-bottom: 1px solid #fff; background-color: #fff; padding: 9px 12px 10px 6px; border-bottom: none; } #tabs li.active a:hover { background-color: #eeeeee; padding: 9px 12px 10px 6px; border-bottom: none; } #tabs_content_container { border: 1px solid #ccc; border-top: none; padding: 10px; width: 520px; } .tab_content { display: none; } #shop{ position: relative; } #wgheader{ position: absolute; left: -35px; top: -20px; } #wgheaderspacer{ padding-top: 80px; } #suchfeld{ width: calc(100% - 110px); color: #cccccc; } #button_42_1 { margin-left:8px; } .button{ display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px Arial, Helvetica, sans-serif; padding: 2px 9px 2px 9px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .button:hover { text-decoration: none; } .button:active { position: relative; top: 1px; } .grey { color: #ffffff; border: solid 1px #696c6f; background: #696c6f; background: -webkit-gradient(linear, left top, left bottom, from(#696c6f), to(#4f5256)); background: -moz-linear-gradient(top, #696c6f, #4f5256); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#696c6f', endColorstr='#4f5256'); } .grey:hover,.grey:active{ background: #787a7c; background: -webkit-gradient(linear, left top, left bottom, from(#787a7c), to(#5a5d61)); background: -moz-linear-gradient(top, #787a7c, #5a5d61); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#787a7c', endColorstr='#5a5d61'); } .grey2 { color: #ffffff; border: solid 1px #cccccc; background: #cccccc; background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#9a9b9d)); background: -moz-linear-gradient(top, #cccccc, #9a9b9d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#9a9b9d'); } .grey2:hover,.grey2:active{ background: #cccccc; background: -webkit-gradient(linear, left top, left bottom, from(#d7d5d5), to(#a7a8a9)); background: -moz-linear-gradient(top, #d7d5d5, #a7a8a9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d5d5', endColorstr='#a7a8a9'); } .addtocart{ text-decoration: none; font: 14px Arial, Helvetica, sans-serif; padding: 4px 12px 4px 12px; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .grey3 { color: #000000; border: solid 1px #e7e7e7; background: #e7e7e7; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e7e7e7)); background: -moz-linear-gradient(top, #ffffff, #e7e7e7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e7e7e7'); } .orange { color: #ffffff; border: solid 1px #ff561c; background: #ff561c; background: -webkit-gradient(linear, left top, left bottom, from(#ff561c), to(#f99270)); background: -moz-linear-gradient(top, #ff561c, #f99270); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff561c', endColorstr='#f99270'); } .orange:hover,.orange:active{ background: #ff561c; background: -webkit-gradient(linear, left top, left bottom, from(#ff6732), to(#ff9672)); background: -moz-linear-gradient(top, #ff6732, #ff9672); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6732', endColorstr='#ff9672'); } .green { color: #ffffff; border: solid 1px #8de41c; background: #8de41c; background: -webkit-gradient(linear, left top, left bottom, from(#8de41c), to(#48670c)); background: -moz-linear-gradient(top, #8de41c, #48670c); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8de41c', endColorstr='#48670c'); } .green:hover,.green:active{ background: #a4f738; background: -webkit-gradient(linear, left top, left bottom, from(#a4f738), to(#4f740a)); background: -moz-linear-gradient(top, #a4f738, #4f740a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4f738', endColorstr='#4f740a'); } .loginmail{ color: #cccccc; padding: 3px 38px; height: 22px; width: calc(100% - 76px); background-image: url(/images/l_user.png); background-repeat: no-repeat; background-position: 6px 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #cfcfcf; -webkit-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1); -moz-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1); box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1); } .loginmail:focus { outline:0; border:1px solid #ff5b23; -webkit-box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10); -moz-box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10); box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10); } .loginpw{ color: #cccccc; margin-top: 6px; padding: 3px 38px; height: 22px; width: calc(100% - 76px); background-image: url(/images/l_pw.png); background-repeat: no-repeat; background-position: 6px 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #cfcfcf; -webkit-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1); -moz-box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1); box-shadow: inset 0 0 4px 2px rgba(0,0,0, 0.1); } .loginpw:focus { outline:0; border:1px solid #ff5b23; -webkit-box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10); -moz-box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10); box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10); } #loginpw{ display: none; } #loginpw3{ display: none; } #homeintro{ float: left; text-transform: uppercase; text-align: center; margin-left: 20px; width: 865px; background-color: #f0f0f0; padding: 20px; font-size: 18px; height: 300px; } #homeintro h1{ color: #6e7074; font-size: 24px; margin-bottom: 25px; } a.button:link,a.button:hover,a.button:visited{ color: #ffffff; } .bigbox{ background-color: #575a5e; border-radius: 10px; border: 4px solid #575a5e; } table.white td{ color: #ffffff; vertical-align: middle; } div.bigbox h1{ color: #ffffff; font-size: 16px; margin-bottom: 15px; margin-top: 15px; text-decoration: underline; } #behmann_baugruppen_auswahl{ color: #ff5216; font-size: 11px; } .greybox{ background-color: #f0f0f0; border-radius: 2px; border-width: 1px; border-color: #f0f0f0; border-style: solid; color: #575a5e; position: relative; } .greybox2{ background-color: #575a5e; border-radius: 2px; border-width: 1px; border-color: #575a5e; border-style: solid; color: #ffffff; position: relative; } .whitebox{ background-color: #ffffff; border-radius: 4px; border-width: 2px; border-color: #a8a5a5; border-style: solid; color: #ffffff; position: relative; } .missteps{ border-style: solid; border-width: 0px; border-bottom-width: 1px; border-color: #ff561c; color: #ffffff; font-size: 14px; width: 840px; height: 41px; } .ora{ color: #ff561c; } @media screen and (-webkit-min-device-pixel-ratio:0) { .cselect select { padding-right:30px; } } .cselect select:focus { -webkit-box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10); -moz-box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10); box-shadow: 0 0 5px 4px rgba(36,184,194, 0.10); } .cselect:after { content: url(/images/pfeil.png); position: absolute; top: 0; right: 0; bottom: 0; font-size: 14px; line-height: 30px; padding: 0 7px; background: #bbb; color: white; pointer-events:none; -webkit-border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; border-radius: 0 6px 6px 0; } .no-pointer-events .cselect:after { content: none; } #mis_h_baugruppen{ position: relative; } #mis_h_baugruppen_pfeil{ position: absolute; bottom: -20px; right: 0px; } #mis_h_baugruppen_pfeil img{ cursor: hand; cursor: pointer; } .trenner { border-style: solid; border-width: 0px; border-top-width: 1px; border-color: #ff561c; width: 100%; padding-top: 10px; } .greybox2 h2{ color: #ff5b23; font-weight: normal; font-size: 14px; margin-bottom: 15px; } .bgreen, table.white td.bgreen{ color: #12ce12; } .bred, table.white td.bred{ color: #ea310d; } #topangebot, .topangebot{ float: left; width: 250px; height: 340px; padding: 10px; } #topangebot,.topprodukt, .topangebot3 { cursor: hand; cursor: pointer; } .topangebot{ height: auto; } .topangebot{ padding-top: 0px; padding-bottom: 0px; } .topangebot h2{ background-color: #ff5b23; color: #ffffff; padding: 10px; font-weight: bold; font-size: 16px; } #topangebot2,.topangebot2{ font-size: 18px; text-align: center; padding: 10px; } #topangebot3,.topangebot3{ padding: 10px; margin-top: 20px; } .topangebot3{ margin-top: 1px; } #topangebot4 h2,.topangebot4 h2{ background-color: #ff5b23; color: #ffffff; margin-top: 5px; font-weight: bold; font-size: 14px; padding-left: 10px; min-height: 20px; padding-top: 5px; padding-bottom: 5px; margin-bottom: 5px; margin-left: -10px; width: 205px; display: block; } .topangebot4 h2{ width: 195px; } #topangebot4 img, .topangebot4 img{ margin-top: 10px; max-width: 125px; } #topangebot_infos,.topangebot_infos{ position: absolute; right: 0px; bottom: 45px; font-size: 11px; padding: 2px 5px 2px 5px; background-color: #ff5b23; } #topangebot_infos a:link,#topangebot_infos a:visited,#topangebot_infos a:hover,.topangebot_infos a:link,.topangebot_infos a:visited,.topangebot_infos a:hover{ color: #ffffff; } #topangebot_preis,.topangebot_preis{ position: absolute; right: 0px; bottom: 5px; font-size: 16px; font-weight: bold; padding-right: 5px; color: #ff5b23; } .borange{ color: #ff561c; } .topprodukt_infos a:link,.topprodukt_infos a:visited,.topprodukt_infos a:hover{ color: #ffffff; } #autotypen{ display: none; width: 1156px; margin-top: 20px; padding: 5px 20px 5px 20px; } td.autotyp{ width: 330px; padding-left: 20px; height: 20px; border-style: solid; border-width: 0px; border-right-width: 1px; border-color: #bfbfbf; } td.autotyp img{ vertical-align: middle; padding-right: 20px; } td.autotyp a:link,td.autotyp a:visited,td.autotyp a:hover{ color: #575a5e; font-size: 16px; } #fahrzeugwahl h2{ color: #ff5216; font-size: 16px; } .shopwkartikel{ float: left; width: 220px; } .shopwkbild{ float: left; height: 10px; width: 100px; min-width: 100px; padding: 0.01em; } .shopwkanzahl{ float: left; width: 100px; } .shopwkpreis{ float: left; width: 103px; text-align: right; } .shopwkloeschen{ float: left; width: 120px; text-align: right; } a.behmann_baugruppe:link,a.behmann_baugruppe:visited,a.behmann_baugruppe:hover{ color: #ffffff; } a.behmann_baugruppe:hover{ font-weight: bold; } .basketfehler{ font-size: 11px; color: #ff3245; margin-top: 15px; } #flags{ position: relative; cursor: hand; cursor: pointer; } #flags2 img{ margin-bottom: 3px; } #footer_autotypen a:link,#footer_autotypen a:visited,#footer_autotypen a:visited, #zusatzfooter a:link,#zusatzfooter a:visited,#zusatzfooter a:visited{ color: #ffffff; font-size: 10px; } #flags img{ width: 20px; } #kontakt{ position: absolute; left: 375px; top: 5px; } #kontakt a:link,#kontakt a:visited,#kontakt a:hover{ color: #ffffff; } @media (min-width:1100px) { #header { height:155px; position: relative; background-color:#575a5e; width: 100%; } #warenkorb { position: absolute; left: 0px; top: 108px; background-image: url(/images/warenkorb.png); background-repeat: no-repeat; width: 278px; height: 47px; cursor: hand; cursor: pointer; padding-top: 6px; z-index: 3; } #navi { background-image: url(/images/nav.png); width: 70%; height: 40px; position: absolute; left: 255px; top: 115px; z-index: 2; } #suche1 { position: absolute; left: 28%; top: 34px; width: 44%; height: 81px; background-color: #ffffff; } #logo_wrapper { width:28%; height:115px; display:table; vertical-align: middle; } #logo{ padding:20px; width:100%; display:table-cell; vertical-align: middle; } #logo a { display:block; } #logo img { display:table-cell; width:100%; } #forgot { display:block; margin-top:12px; } #loginbutton{ position: absolute; right: 0px; top: 130px; margin-right: 10px; } #login_gesamt { width:28%; position:absolute; left:72%; top:0px; background:#575a5e; z-index:100; height:155px; } #login { height: 36px; width:100%; top: 0px; } #loginbox { padding: 10px; padding-top:5px; color: #ffffff; padding-bottom: 2px; width:calc(100% - 20px); } #suche2 { position: absolute; left: 10px; top: 10px; width:calc(100% - 30px); background-color: #f0f0f0; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } .nav{ background-image: url(/images/navi.png); background-repeat: no-repeat; background-position: top right; padding-right: 40px; padding-left: 25px; min-width: 64px; float: left; height: 28px; padding-top: 12px; position: relative; } .nav2{ background-image: url(/images/navi.png); background-repeat: no-repeat; background-position: top right; padding-right: 28px; padding-left: 8px; min-width: 10px; float: left; height: 30px; padding-top: 9px; } .nav3{ background-position: top right; padding-right: 8px; padding-left: 10px; width: 50px; float: left; height: 30px; padding-top: 9px; } #flags2{ position: absolute; left: -10px; top: 45px; width: 68px; height: 162px; padding-top: 30px; background-image: url(/images/flags.png); background-repeat: no-repeat; display: none; text-align: center; } .wk1{ float: left; padding-left: 56px; width: 120px; font-size: 16px; } .wk2{ float: left; width: 80px; color: #ff7c4f; font-size: 16px; } #login img { width:100%; display:block; } #fahrzeugwahl{ float: left; width: calc(40% - 48px); padding: 20px; height: 290px; color: #575a5e; padding-bottom:55px; } #kaeuferintro{ text-transform: uppercase; float: left; margin-left: 20px; width: calc(60% - 50px); text-align: center; line-height:30px; padding:15px; } #maincol{ width:100%; min-height: 600px; padding-top: 20px; } label.cselect { position: relative; display:block; } .cselect select { display: block; width:100% !important; border: 2px solid #bbb; padding: 4px 3px 3px 5px; margin: 0; font: inherit; outline:none; line-height: 1.2; background: #f8f8f8; -webkit-appearance:none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .orangebox{ background-color: #ffffff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px; border-width: 2px; border-color: #ff5216; border-style: solid; color: #ffffff; position: relative; } #kaeuferintro h1{ color: #6e7074; font-size: 24px; margin-bottom: 25px; margin-top:20px; } #autos { display:block; margin:0 auto; margin-top:40px; } #topprodukte{ width: 100%; margin-top: 20px; margin-bottom: 10px; } #topprodukte h2{ display: block; color: #575a5e; padding: 5px 0px 5px 10px; font-weight: normal; font-size: 16px; } .reihe { overflow:hidden; } .reihe { padding-left: 1px; background-color: #F0F0F0; padding-right:0px; } .topprodukt{ width: calc(33.33333% - 23px); min-height: 190px; float: left; padding-bottom: 1000px; margin-bottom: -1000px; background-color: white; margin-left: 12px; margin-top:12px; text-align: center; position: relative; } .topprodukt h2{ background-color: #ff5b23; color: #ffffff; font-weight: bold; padding-left: 10px; height: 20px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 5px; padding-right: 20px; display: block; min-width: 200px; } .topprodukt_content { padding:15px; line-height:26px; position: relative; } .topprodukt img{ max-width: 150px; padding-left: 20px; padding-top: 10px; display:block; margin:0 auto; margin-top:20px; } .topproduktgreybox { background-color: #FFFFFF; border-color: #F0F0F0; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; border-style: solid; color: #575A5E; position: relative; } .kuenstlich { width:100%; height:80px; } .topprodukt_preis{ position: absolute; right: 0px; bottom: -70px; font-size: 16px; font-weight: bold; padding-right: 5px; color: #ff5b23; } .topprodukt_infos{ position: absolute; right: 0px; bottom: -35px; font-size: 11px; padding: 2px 5px 2px 5px; background-color: #ff5b23; } #footer{ background-image: url(/images/footerneu.jpg); background-repeat: no-repeat; width: 100%; height: 146px; position: relative; } #copyright{ position: absolute; left: 0px; top: 123px; width: 100%; text-align: center; color: #ffffff; font-weight: bold; } #footer_autotypen{ padding-left: 580px; padding-top: 15px; color: #ffffff; font-size: 10px; } #zusatzfooter { display:none; } #logo_footer { display:none; } .abc_2 { float: left; width: calc(100% - 320px); padding: 10px; margin-left: 20px } .artikelkasten{ background-color: #ffffff; border: solid #7b6c65 1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; width: calc(100% - 70px); margin-left: 15px; min-height: 110px; margin-top: 20px; padding: 20px; position: relative; } .artikelkastendetail{ float: left; width: 288px; padding: 6px; } .artikelkastenbild{ float: left; width: 160px; height: 100%; border-style: solid; border-color: #8f8e8e; border-width: 3px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; text-align: center; padding-top: 10px; padding-bottom: 10px; } .artikelkastenbild img{ max-width: 140px; max-height: 90px; } #filter { display:none; } #topangebot4,.topangebot4{ position: relative; border-style: solid; border-width: 2px; border-color: #ff561c; width: 195px; margin-left: 6px; background-color: #ffffff; min-height: 240px; color: #575a5e; padding-left: 10px; padding-right: 10px; } #warenkorbdetail{ left:auto !important; right: 50px; margin-left: -300px; position: absolute; top: 30%; width: 600px; height: 140px; z-index: 20000000; display: none; border-style: solid; border-width: 5px; border-color: #ff5216; background-color: #ffffff; padding: 20px; font-size: 16px; color: #a1a1a1; } .basket_1 { float: left; width: calc(100% - 338px); padding: 20px; margin-left:20px; } .basket_2 { width: calc(100% - 40px); padding: 20px } .shopwgartikeldataklein{ width: 100%; padding-top: 10px; border-style: solid; border-color: #ffffff; border-width: 0px; border-top-width: 1px; margin-top: 10px; } .trennlinie{ margin-top: 10px; width: 100%; border-style: solid; border-color: #ffffff; border-width: 0px; border-top-width: 1px; } .basket_only_big { display:block; } .basket_only_small { display:none; } .shopsumme{ width: 300px; color: #ffffff; font-size: 16px; font-weight: bold; padding-left: 250px; position: relative; height: 50px; } .shopsumme2{ position: absolute; left: 425px; top: 0px; text-align:right; width: 100px; color: #ffffff; font-size: 16px; font-weight: bold; } .cs_line { width: 100%; text-align: right } .dmp_1 { width:100% !important; } .dmp_2 { width:calc(100% - 65px) !important; } .dmp_3 { margin-left:-30px; width:100%; padding-bottom:15px; } .m_item { width:calc(20% - 20px); margin-left:10px; margin-right:10px; } } /*##################################################################*/ @media (max-width:1099px) { .mindest { text-align:left; color:#FF5B23; font-size:18px; padding-bottom:20px; padding-left:20px; padding-top:10px; padding-right:12px; } } @media (min-width:1100px) { .mindest { text-align:center; color:#FF5B23; font-size:20px; padding-bottom:20px; padding-top:5px; } } @media (min-width:830px) and (max-width:1099px) { #header { height:185px; position: relative; background-color:#575a5e; width: 100%; } #warenkorb { position: absolute; left: 0px; top: 150px; background-image: url(/images/warenkorb.png); background-repeat: no-repeat; width: 278px; height: 147px; cursor: hand; cursor: pointer; padding-top: 6px; z-index: 3; } #navi { background-image: url(/images/nav.png); width: calc(100% - 255px); height: 40px; position: absolute; left: 255px; top: 155px; z-index: 2; } #suche1 { position: absolute; left: 0%; top: 180px; width: 100%; height: 130px; } #logo_wrapper { width:350px; position: absolute; left:30px; top:20px; } #logo{ padding:20px; width:100%; display:table-cell; vertical-align: middle; } #logo a { display:block; } #logo img { display:table-cell; width:100%; } #forgot { display:block; margin-top:18px; } #loginbutton{ position: absolute; right: 0px; top: 125px; margin-right: 10px; } #login_gesamt { width:320px; position:absolute; right:10px; top:0px; background:#575a5e; z-index:100; height:155px; } #login { height: 36px; width: calc(100% - 16px); top: 0px; margin-left: 8px; margin-bottom:-2px; } #loginbox{ padding: 10px; padding-top:5px; color: #ffffff; padding-bottom: 2px; padding-top:0px; width:calc(100% - 20px); } #suche2 { position: absolute; left: 0px; top: 10px; width:calc(100% - 10px); background-color: #f0f0f0; padding-left: 10px; padding-top: 30px; padding-bottom: 10px; } #header_wrapper { height:262px; position:relative; width:100%; } .nav{ background-image: url(/images/navi.png); background-repeat: no-repeat; background-position: top right; padding-right: 40px; padding-left: 25px; min-width: 64px; float: left; height: 28px; padding-top: 12px; position: relative; } .nav2{ background-image: url(/images/navi.png); background-repeat: no-repeat; background-position: top right; padding-right: 28px; padding-left: 8px; min-width: 10px; float: left; height: 30px; padding-top: 9px; } .nav3{ background-position: top right; padding-right: 8px; padding-left: 10px; width: 50px; float: left; height: 30px; padding-top: 9px; } #flags2{ position: absolute; left: -10px; top: 45px; width: 68px; height: 162px; padding-top: 30px; background-image: url(/images/flags.png); background-repeat: no-repeat; display: none; text-align: center; } .wk1{ float: left; padding-left: 56px; width: 120px; font-size: 16px; } .wk2{ float: left; width: 80px; color: #ff7c4f; font-size: 16px; } #login img { width:100%; display:block; } #fahrzeugwahl{ float: left; width: calc(45% - 48px); padding: 20px; height: 290px; color: #575a5e; padding-bottom:55px; } #kaeuferintro{ text-transform: uppercase; float: left; margin-left: 20px; width: calc(55% - 50px); text-align: center; line-height:30px; padding:15px; } #maincol{ width:100%; min-height: 600px; padding-top: 5px; } label.cselect { position: relative; display:block; } .cselect select { display: block; width:100% !important; border: 2px solid #bbb; padding: 4px 3px 3px 5px; margin: 0; font: inherit; outline:none; line-height: 1.2; background: #f8f8f8; -webkit-appearance:none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .orangebox{ background-color: #ffffff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px; border-width: 2px; border-color: #ff5216; border-style: solid; color: #ffffff; position: relative; } #kaeuferintro h1{ color: #6e7074; font-size: 24px; margin-bottom: 25px; margin-top:20px; } #autos { display:block; margin:0 auto; margin-top:40px; } #topprodukte{ width: 100%; margin-top: 20px; margin-bottom: 10px; } #topprodukte h2{ display: block; color: #575a5e; padding: 5px 0px 5px 10px; font-weight: normal; font-size: 16px; } #topprodukte{ width: 100%; margin-top: 20px; margin-bottom: 10px; } #topprodukte h2{ display: block; color: #575a5e; padding: 5px 0px 5px 10px; font-weight: normal; font-size: 16px; } .reihe { overflow:hidden; } .reihe { padding-left: 0px; background-color: #F0F0F0; padding-right:2px; } .topprodukt{ width: calc(50% - 23px); min-height: 190px; float: left; padding-bottom: 1000px; margin-bottom: -1000px; background-color: white; margin-left: 12px; margin-top:12px; text-align: center; position: relative; } .topprodukt h2{ background-color: #ff5b23; color: #ffffff; font-weight: bold; padding-left: 10px; height: 20px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 5px; padding-right: 20px; display: block; min-width: 200px; } .topprodukt_content { padding:15px; line-height:26px; position: relative; } .topprodukt img{ max-width: 150px; padding-left: 20px; padding-top: 10px; display:block; margin:0 auto; margin-top:20px; } .topproduktgreybox { background-color: #FFFFFF; border-color: #F0F0F0; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; border-style: solid; color: #575A5E; position: relative; } .kuenstlich { width:100%; height:80px; } .topprodukt_preis{ position: absolute; right: 0px; bottom: -70px; font-size: 16px; font-weight: bold; padding-right: 5px; color: #ff5b23; } .topprodukt_infos{ position: absolute; right: 0px; bottom: -35px; font-size: 11px; padding: 2px 5px 2px 5px; background-color: #ff5b23; } #footer{ background-image: url(/images/footerneu.jpg); background-repeat: no-repeat; width: 100%; height: 146px; position: relative; } #copyright{ position: absolute; left: 0px; top: 123px; width: 100%; text-align: center; color: #ffffff; font-weight: bold; } #footer_autotypen{ display:none; } #zusatzfooter { background-color:#4A4E51; padding:20px; } #logo_footer { width:230px; position: absolute; right:20px; top:30px; } #logo_footer img { display:block; width:100%; } #zusatzfooter_neu { display:none; } .abc_2 { float: left; width: calc(100% - 320px); padding: 10px; margin-left: 20px } .artikelkasten{ background-color: #ffffff; border: solid #7b6c65 1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; width: calc(100% - 42px); margin-left: 0px; min-height: 110px; margin-top: 15px; padding: 20px; position: relative; } .artikelkastendetail{ float: left; width: 288px; padding: 6px; padding-right:110px; } .artikelkastenbild{ float: left; width: 160px; height: 100%; border-style: solid; border-color: #8f8e8e; border-width: 3px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; text-align: center; padding-top: 10px; padding-bottom: 10px; } .artikelkastenbild img{ max-width: 140px; max-height: 90px; } #filter { display:none; } #topangebot4,.topangebot4{ position: relative; border-style: solid; border-width: 2px; border-color: #ff561c; width: 195px; margin-left: 6px; background-color: #ffffff; min-height: 240px; color: #575a5e; padding-left: 10px; padding-right: 10px; } #warenkorbdetail{ left:auto !important; right: 50px; margin-left: -300px; position: absolute; top: 30%; width: 600px; height: 140px; z-index: 20000000; display: none; border-style: solid; border-width: 5px; border-color: #ff5216; background-color: #ffffff; padding: 20px; font-size: 16px; color: #a1a1a1; } .basket_1 { float: left; width: calc(100% - 338px); padding: 20px; margin-left:20px; } .basket_2 { width: calc(100% - 40px); padding: 20px } .shopwgartikeldataklein{ width: 100%; padding-top: 10px; border-style: solid; border-color: #ffffff; border-width: 0px; border-top-width: 1px; margin-top: 10px; } .trennlinie{ margin-top: 10px; width: 100%; border-style: solid; border-color: #ffffff; border-width: 0px; border-top-width: 1px; } .shopwgartikeldataklein { position:relative; } .basket_only_big { display:none; } .basket_only_small { display:block; } .shopwghead, .shopwkartikel, .shopwkbild, .shopwkanzahl, .shopwkpreis, .shopwkloeschen { width:calc(100% - 150px) !important; float:none !important; text-align: left !important;; } .shopwkbild { height:auto !important; width:150px !important; position: absolute; right:0px; top:0px; } .shopwkbild img { width:100% !important; } .dpm_1 { padding-bottom:5px; } .dpm_2, .dpm_3 { padding-top:12px; padding-bottom:5px; } .shopwkpreis { font-weight:bold; font-size:20px; } .dpm_4 { padding-top:20px; padding-bottom:6px; } .shopsumme{ width: 100%; color: #ffffff; font-size: 16px; font-weight: bold; position: relative; height: 50px; } .shopsumme2{ text-align:left; display:inline; color: #ffffff; font-size: 16px; font-weight: bold; } .cs_line { width: 100%; text-align: right } .dmp_1 { width:100% !important; } .dmp_2 { width:calc(100% - 65px) !important; } .dmp_3 { margin-left:-20px; width:100%; padding-bottom:15px; } .m_item { width:calc(20% - 20px); margin-left:10px; margin-right:10px; } } /*#################################################################*/ @media (max-width:829px) { #header { height:120px; position: relative; background-color:#575a5e; width: 100%; } #warenkorb { position: absolute; left: 0px; top: 120px; background-image: url(/bilder/small.png); background-repeat: repeat; width: 100%; height: 46px; cursor: hand; cursor: pointer; padding-top: 6px; z-index: 3; } #navi { background-image: url(/images/nav.png); width: 100%; height: 40px; position: absolute; left: 0px; top: 172px; z-index: 101; } #suche1 { position: absolute; left: 0%; bottom:-73px; width: 100%; height: 73px; } #logo_wrapper { width:100%; max-width:300px; margin:0 auto; padding-top:10px; } #logo{ padding:20px; width:100%; display:table-cell; vertical-align: middle; } #logo a { display:block; } #logo img { display:table-cell; width:100%; } #forgot { display:block; margin-top:18px; } #loginbutton{ position: absolute; right: 0px; top: 125px; margin-right: 10px; } #login_gesamt { width:100%; position:absolute; top:226px; background:#575a5e; z-index:100; height:155px; } #login { height: 36px; width: calc(100% - 16px); top: 0px; margin-left: 8px; margin-bottom:-2px; background-image:url('bilder/login.png'); background-repeat: repeat; position: relative; overflow:hidden; } #loginbox{ padding: 10px; padding-top:5px; color: #ffffff; padding-bottom: 2px; padding-top:0px; width:calc(100% - 20px); } #suche2 { position: absolute; left: 0px; top: 0px; width:calc(100% - 10px); background-color: #f0f0f0; padding-left: 10px; padding-top: 30px; padding-bottom: 10px; } #suche2 span { display:block; margin-top:10px; } #header_wrapper { height:380px; position:relative; width:100%; margin-bottom:75px; } .nav{ background-image: url(/images/nav.png); background-repeat: repeat; background-position: top right; padding-right: 40px; padding-left: 25px; width:calc(100% - 65px); height: 28px; padding-top: 12px; position: relative; } .nav2{ background-image: url(/bilder/small.png); background-repeat: repeat; background-position: top right; width:50%; float: left; height: 46px; padding-top: 9px; } .nav3{ background-image: url(/bilder/small.png); background-repeat: repeat; background-position: top right; padding-right: 8px; padding-left: 10px; width: calc(50% - 18px); float: left; height: 46px; padding-top: 9px; } #nav_div_1, #nav_div_2, #nav_div_3 { display:none !important; } #facebook { display:block; margin:0 auto; margin-top:4px; } .node_1, .node_2 { display:block; margin:0 auto; } .node_1 { margin-top:7px !important; } .node_2 { margin-top:-26px; margin-left:calc(50% + 15px); } #flags2{ position: absolute; left:calc(50% - 15px); top: 45px; width: 68px; height: 162px; padding-top: 30px; background-image: url(/images/flags.png); background-repeat: no-repeat; display: none; text-align: center; z-index:1000; } .wk1{ float: left; padding-left: 25px; font-size: 16px; width:110px; } .wk2{ float: left; padding-left:15px; color: #ff7c4f; font-size: 16px; width:calc(100% - 150px); } #login img { height:100%; display:block; position: absolute; left:calc(50% - 167px); } #fahrzeugwahl{ width: calc(100% - 44px); padding: 20px; color: #575a5e; padding-bottom:55px; } label.cselect { position: relative; display:block; } .cselect select { display: block; width:100% !important; border: 2px solid #bbb; padding: 4px 3px 3px 5px; margin: 0; font: inherit; outline:none; line-height: 1.2; background: #f8f8f8; -webkit-appearance:none; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .orangebox{ background-color: #ffffff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px; border-width: 2px; border-color: #ff5216; border-style: solid; color: #ffffff; position: relative; } #kaeuferintro{ text-transform: uppercase; width: calc(100% - 30px); text-align: center; line-height:30px; padding:15px; margin-top:15px; } #maincol{ width:100%; min-height: 600px; padding-top: 5px; } #kaeuferintro h1{ color: #6e7074; font-size: 24px; margin-bottom: 25px; margin-top:20px; } #autos { display:block; margin:0 auto; margin-top:40px; width:100%; max-width:300px; } #topprodukte{ width: 100%; margin-top: 0px; margin-bottom: 10px; } #topprodukte h2{ display: block; color: #575a5e; padding: 5px 0px 5px 10px; font-weight: normal; font-size: 16px; } .topprodukt{ width: calc(100% - 2px); background-color: white; margin-top:12px; text-align: center; position: relative; padding-bottom:80px; } .topprodukt h2{ background-color: #ff5b23; color: #ffffff; font-weight: bold; padding-left: 10px; min-height:20px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 5px; padding-right: 20px; display: block; min-width: 200px; } .topprodukt_content { padding:15px; line-height:26px; } .topprodukt img{ max-width: 150px; padding-left: 20px; padding-top: 10px; display:block; margin:0 auto; margin-top:20px; } .only_big { display:none; } .topproduktgreybox { background-color: #FFFFFF; border:2px solid #f0f0f0; color: #575A5E; position: relative; } .kuenstlich { width:100%; height:10px; } .topprodukt_preis{ position: absolute; right: 0px; bottom: 8px; font-size: 16px; font-weight: bold; padding-right: 5px; color: #ff5b23; } .topprodukt_infos{ position: absolute; right: 0px; bottom: 44px; font-size: 11px; padding: 2px 5px 2px 5px; background-color: #ff5b23; } #footer{ display:none; } #footer_autotypen{ display:none; } #zusatzfooter { background-color:#4A4E51; padding:20px; margin-top:20px; } #logo_footer { width:230px; position: absolute; right:20px; top:30px; } #logo_footer img { display: none; } #zusatzfooter_neu { width:calc(100% + 40px); margin-left:-20px; margin-top:-20px; } #copyright{ width: 100%; text-align: center; color: #ffffff; font-weight: bold; padding-top:30px; padding-bottom:30px; } #zusatzfooter_neu img { display:block; width:100%; } .abc_1 { display:none; } .abc_2 { width: calc(100% - 21px); padding: 10px; margin-left: 0px; -moz-border-radius:0px !important; -webkit-border-radius:0px !important; border-radius:0px !important; } .artikelkasten{ background-color: #ffffff; border: solid #7b6c65 1px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; width: calc(100% - 42px); margin-left: 0px; min-height: 110px; margin-top: 15px; padding: 20px; padding-bottom:80px; position: relative; } .artikelkastendetail{ width: calc(100% - 12px); padding: 6px; margin-top:10px; } .artikelkastenbild{ width: 140px; height: 100%; border-style: solid; border-color: #8f8e8e; border-width: 3px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; text-align: center; padding-top: 10px; padding-bottom: 10px; } .artikelkastenbild img{ max-width: 140px; max-height: 90px; } #filter { display:block; text-align:center; background:#FF5B23; padding:20px; margin-top:-14px; margin-bottom:25px; } #filter a:link { color:white; text-align: center; display: block; font-size:17px; line-height:20px; font-weight: bold; } #filter a:visited { color:white; text-align: center; display: block; font-size:17px; line-height:20px; font-weight: bold; } h1 { display:block; visibility: hidden; margin-top:-50px !important; } .abc_1_child .greybox, .topangebot { position: initial !important; margin:0 auto !important; float: none !important; max-width:250px !important; width:100% !important; } .schliessen { display:block; width:50px; margin:0 auto; margin-top:20px; margin-bottom:20px; } #topangebot4,.topangebot4{ position: relative; border-style: solid; border-width: 2px; border-color: #ff561c; width: 195px; margin-left: 6px; background-color: #ffffff; min-height: 240px; color: #575a5e; padding-left: 10px; padding-right: 10px; padding-bottom:90px; } #shopnavi * { text-align:left; } #warenkorbdetail{ left:5% !important; position: absolute; top: 30%; width: calc(90% - 50px); z-index: 20000000; display: none; border-style: solid; border-width: 5px; border-color: #ff5216; background-color: #ffffff; padding: 20px; padding-top:50px; font-size: 16px; color: #a1a1a1; } #lightbox-container-image-box { width:100% !important; max-width:250px !important; height: auto !important; } #lightbox-image { display:block !important; width:100% !important; } #lightbox-container-image-data-box { width:calc(100% - 28px) !important; max-width:230px !important; } #jquery-overlay { z-index:100000000000000000000000 !important; } #jquery-lightbox { z-index:1000000000000000000000000 !important; } .basket_only_big { display:none; } .basket_only_small { display:block; } .shopwgartikeldataklein{ width: 100%; padding-top: 10px; border-style: solid; border-color: #ffffff; border-width: 0px; border-top-width: 1px; margin-top: 10px; width:calc(100% - 60px); padding:10px; } .trennlinie{ margin-top: 10px; width: 100%; border-style: solid; border-color: #ffffff; border-width: 0px; border-top-width: 1px; } .shopwgartikeldataklein { margin:0 auto; position:relative; margin-top:20px; } .basket_only_big { display:none; } .basket_only_small { display:block; } .shopwghead, .shopwkartikel, .shopwkbild, .shopwkanzahl, .shopwkpreis, .shopwkloeschen { width:calc(100% - 150px) !important; float:none !important; text-align: left !important;; } .shopwkbild { height:auto !important; width:150px !important; position: absolute; right:0px; top:0px; } .shopwkbild img { width:100% !important; } .dpm_1 { padding-bottom:5px; } .dpm_2, .dpm_3 { padding-top:12px; padding-bottom:5px; } .shopwkpreis { font-weight:bold; font-size:20px; } .dpm_4 { padding-top:20px; padding-bottom:6px; } .shopsumme{ width: calc(100% - 40px); color: #ffffff; font-size: 16px; font-weight: bold; position: relative; height: 50px; margin:0 auto; } .shopsumme2{ text-align:left; display:inline; color: #ffffff; font-size: 16px; font-weight: bold; } .eg { padding-left:10px; margin-top:-80px; line-height:50px; } #pform { display:block; width:calc(100% - 20px); margin:0 auto; } .cs_line { width: 100%; text-align: center; padding-top:20px; padding-bottom:20px; } .dmp_1 { width:100% !important; } .dmp_2 { width:calc(100% - 65px) !important; } .dmp_3 { width:100%; background:#f1f1f1; padding-top:10px; padding-bottom:10px; } .m_item { width:100%; background:#f1f1f1; padding-top:10px; padding-bottom:10px; } } @media (max-width:499px) { .shopwghead, .shopwkartikel, .shopwkbild, .shopwkanzahl, .shopwkpreis, .shopwkloeschen { width:calc(100% - 0px) !important; float:none !important; text-align: left !important;; } .shopwkbild { padding-top:20px; height:auto !important; width:100% !important; position: relative !important; } .shopwkbild img { width:100% !important; } .shopsumme2{ text-align:left; display:block !important; color: #ffffff; font-size: 16px; font-weight: bold; } .dmp_1 { width:100% !important; } .dmp_2 { width:calc(100% - 0px) !important; margin-left:-30px; } .dmp_3 { width:100%; background:#f1f1f1; padding-top:10px; padding-bottom:10px; } .m_item { width:100%; background:#f1f1f1; padding-top:10px; padding-bottom:10px; } .dmp_4 { padding-left:10px; padding-right:10px; padding-top:10px; } } /*##################################################################*/ #vdiv { display:none; } #backup_menu { z-index:10000; } .stay { font-size:11px; margin-bottom:-5px; display:block; margin-top:5px; } .stay input { display:inline-block; margin-left:5px; padding-top:5px; } .kreditkarte-anschrift { display:block; padding-top:14px; padding-bottom:8px; text-align:right; font-size:12px; line-height:30px; letter-spacing: 1px; font-weight:700; } @media (min-width:1000px) { .customer-box-1 { width:calc(50% - 40px) !important; margin-left:20px; } .customer-box-2 { width:calc(50% - 40px) !important; margin-left:20px; } } @media (max-width:999px) { .customer-box-1 { width:calc(100% - 40px) !important; margin-left:20px; float:none !important; } .customer-box-2 { width:calc(100% - 40px) !important; margin-left:20px; float:none !important; margin-top:30px; } .cust-trenner { display:none; } .custinfo-table { width:100%; } .custinfo-table .eingabe { display:block; width:calc(100% - 15px) !important; } .custinfo-table input[name="plz"] { width:calc(50% - 15px) !important; display:inline-block; } .custinfo-table input[name="ort"] { width:calc(50% - 15px) !important; display:inline-block; } .custinfo-abstand { width:5px !important; } .customer-box-2 .custinfo-table tr td { padding-top:4px; padding-bottom:4px; } } @media (min-width:500px) { .myproducts-white { background-color:#EEEEEE; display:table !important; width: 100% !important; margin-left: 0px !important; color:#222222 !important; } } @media (max-width:499px) { .myproducts-white { background-color:#EEEEEE; display:table !important; width: calc(100% - 8px) !important; margin-left: 2px !important; color:#222222 !important; } } .myproducts-white * { color:#222222 !important; } .flex-row, .flex-row-b { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top:5px; width:calc(100% + 6px); margin-left:-3px; } .flex-box, .flex-box-inhalt-b { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; } @media (min-width:900px) { .flex-box { width:25%; } .flex-box-b { width:50%; } .flex-row-b { margin-top:10px; } } @media (min-width:500px) and (max-width:899px) { .flex-box { width:50%; margin-top:10px; } .flex-row { margin-top:-5px; } .flex-box-b { width:50%; } .flex-row-b { margin-top:10px; } } @media (max-width:499px) { .flex-box { width:calc(100% - 5px); margin-top:10px; } .flex-box-b { width:100%; margin-top:10px; } .flex-row { width:calc(100% + 7px); } .flex-row-b { margin-top:0px; width:calc(100% + 2px); } } .flex-box-inhalt, .flex-box-inhalt-b { padding:10px; background:#EEEEEE; width:calc(100% - 30px); margin-left:5px; color:#111111; padding-top:15px; padding-bottom:15px; } .flex-title { font-weight:bold; padding-bottom:10px; } @media(min-width:830px) { .checkout-greybox { width: calc(100% - 332px); margin-left:15px; } } @media(max-width:829px) { .checkout-greybox { width: 100%; } } @media (min-width:1000px) { .bat-box-1, .bat-box-2 { width:calc(50% - 50px) !important; border:none !important; padding:20px !important; margin:0px !important; } .bat-box-2 { margin-left:20px !important; } .bat-box-1 input[type="text"], .bat-box-1 input[type="password"] { width:calc(100% - 80px) !important; } .bat-box-2 input[type="text"], .bat-box-2 input[type="password"] { width:calc(100% - 15px) !important; } .bat-box-2 input[name="plz"] { width:calc(50% - 17px) !important; } .bat-box-2 input[name="ort"] { width:calc(50% - 15px) !important; } } @media (min-width:830px) and (max-width:999px) { .bat-box-1, .bat-box-2 { width:calc(100% - 40px) !important; border:none !important; padding:20px !important; margin:0px !important; } .bat-box-2 { margin-left:0px !important; margin-top:20px !important; } .bat-box-2 .white { width:100% !important; } .bat-box-1 input[type="text"], .bat-box-1 input[type="password"] { width:calc(100% - 80px) !important; } .bat-box-2 input[type="text"], .bat-box-2 input[type="password"] { width:calc(100% - 15px) !important; } .bat-box-2 input[name="plz"] { width:calc(50% - 17px) !important; } .bat-box-2 input[name="ort"] { width:calc(50% - 15px) !important; } } @media (max-width:829px) { .bat-box-1, .bat-box-2 { width:calc(100% - 85px) !important; border:none !important; padding:20px !important; margin:0px !important; } .bat-box-2 { margin-left:0px !important; margin-top:20px !important; } .bat-box-2 .white { width:100% !important; } .bat-box-1 input[type="text"], .bat-box-1 input[type="password"] { width:calc(100% - 80px) !important; } .bat-box-2 input[type="text"], .bat-box-2 input[type="password"] { width:calc(100% - 15px) !important; } .bat-box-2 input[name="plz"] { width:calc(50% - 17px) !important; } .bat-box-2 input[name="ort"] { width:calc(50% - 15px) !important; } } @media (max-width:449px) { .logo-shop { width:100% !important; display:block; } } .hidden-trenner { visibility:hidden; display:block; width:100% !important; }