.youtube-player { position: relative; padding-bottom: 56.23%; /* Use 75% for 4:3 videos */ height: 0; overflow: hidden; max-width: 100%; background: #000; } .youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; } .youtube-player img { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; transition: .4s all; } .youtube-player img:hover { -webkit-filter: brightness(75%); } .youtube-player .play { height: 75px; width: 222px; left: 50%; top: 50%; margin-left: -111px; margin-top: -37px; position: absolute; background: url(img/off.png) no-repeat #fffc; cursor: pointer; box-shadow: 0px 0px 23px red; border-radius: 15px; } /* background: url("//i.imgur.com/TxzC70f.png") no-repeat; */ /* Anfang Timeline */ html { box-sizing: border-box; font-size: 100%; } *, *::before, *::after { box-sizing: inherit; } .row { max-width: 75rem; margin-right: auto; margin-left: auto; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .column, .columns { -webkit-flex: 1 1 0px; -ms-flex: 1 1 0px; flex: 1 1 0px; padding-right: 0.625rem; padding-left: 0.625rem; min-width: initial; } @media print, screen and (min-width: 48em) { .column, .columns { padding-right: 0.9375rem; padding-left: 0.9375rem; } } .small-12 { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } @media print, screen and (min-width: 48em) { .medium-1 { -webkit-flex: 0 0 8.33333%; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .medium-6 { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .medium-offset-6 { margin-left: 50%; } .medium-order-6 { -webkit-order: 6; -ms-flex-order: 6; order: 6; } .medium-up-6 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .medium-up-6 > .column, .medium-up-6 > .columns { -webkit-flex: 0 0 16.66667%; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } } .area.content .market-tools-table { margin-top: 0; } .area.content-2 { background: #f6f6f6; } .area.content-2 h5 { font-size: 1.5rem; } .area.colored { background: #00031E; } .area.colored * { color: #fefefe; } .miles-box { margin-top: 3rem; } .miles-box > div:last-child ul li:last-child:before { border-color: #00031E; } .miles-list { margin: 0; } .miles-list li { display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: .875rem; margin: 0 !important; line-height: 1.3; } .miles-list li:before { border-left: 1px solid #fefefe; content: ''; position: relative; left: 6.125rem; top: .5rem; display: inline-block; } .miles-list li:first-child span.year { padding: 0; } .miles-list span { font-weight: 300; -webkit-align-self: baseline; -ms-flex-item-align: baseline; align-self: baseline; } .miles-list span:first-child { font-size: 1.25rem; min-width: 5rem; text-align: right; } .miles-list span:last-child { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; } .miles-list span.year { padding-top: 1.25rem; } .miles-list span.bullet-year { background: #fefefe; width: 1.125rem; height: 1.125rem; border-radius: 100%; border: 4px solid #00031E; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; margin: .25rem .5rem; position: relative; top: .25rem; } .WinPhone .miles-list span.bullet-year, .WinRT .miles-list span.bullet-year { top: 0; } /* Ende Timeline */ .z1, .z2, .z3, .z4, .z5, .z6, .z7{bottom: 10px;width: 75px;border: 3px solid #FFF;border-radius: 15px;line-height: 30px;text-align: center; font-weight: bold} .z1{background-color: #2a71b0} .z2{background-color: #008e5b} .z3{background-color: #8cbb26} .z4{background-color: #f4e500} .z5{background-color: #f18e1c} .z6{background-color: #e32322} .z7{background-color: #6d398b} #z_text{line-height: 33px;padding-left: 100px; margin-top: -34px;} .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #searchtop{font-size: 17px; width: 150px;height: 27px;background: none;color: aliceblue;border: none;box-shadow: none;text-align: center;border-bottom: 1px outset #fff;border-radius: inherit;} .box_search {float: left; margin-left: 55px} .bbackground {background-image: url("")} .currency{width:69px} .attri {padding-right: 10px;font-size: 16px;padding-top: 5px;} .axZm_table{width:66px;height:66px} /* .axZm_table{cellpadding:0;cellspacing:0;width:66px;height:66px} */ .zoomLogHolder{width:70px;} .axZmThumb{border:1px solid #DDDDDD;margin:0;padding:0;text-align:center;vertical-align:middle;line-height:0;background-color:#E6E6E6;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .axZmContainer{overflow:hidden;border:0px solid #CCCCCC;} .axZmClickZoomMsg{text-align:right;font-size:80%;position:relative;top:-2px;} .axZmThumbContainer{margin:0px 0px 10px 0px;padding:0;} #videobereich1{background-color:black;position:relative;height:0;padding-bottom:56.25%;} .videoExtern{background-color:black;position:absolute;top:0;left:0;width:100%;height:100%;} video{max-width:100%;height:auto;} .responsive-video{max-width:100%;height:auto;} .plnavi100{width:100%} .plnavile{float:left;width:49.9%} .plnavire{text-align:right;float:right;width:49.9%} .order_detais_totalprice{width:120px;float:right} .order_detais_totalprice{margin-bottom:25px} .footer{text-align:center} #footer{background:#242424;background:-webkit-linear-gradient(#242424 0%,#000000 100%);background:-moz-linear-gradient(#242424 0%,#000000 100%);background:-o-linear-gradient(#242424 0%,#000000 100%);background:-ms-linear-gradient(#242424 0%,#000000 100%);background:linear-gradient(#242424 0%,#000000 100%)} #footer{margin-top:15px;clear:both;padding:0 0% 0 0%;width:100%;border:1px solid #5F5F5F;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none} .adress_foot_header, .infoBoxHeading_foot{color:#FFFFFF;padding:5% 0 0.5% 0px;line-height:100%;font-size:17px;font-size:1.05rem;font-weight:bold;border-bottom:1px solid #FFFFFF;margin-bottom:4%;padding-left:3px} .boxText2{padding:0 0 0 0;text-decoration:none;color:#333333;line-height:30px} .footer_box{float:left;max-width:580px;width:98%;height:110%;margin-top:10px;padding:0 1% 0 1%} .news_in_box{float:left;width:100%} .newsletter{font-size:12px} #hinweis{width:100%;font-size:10px;text-align:center} #sys_twitter{background-image:url("img/sys/social_media.png");background-position:-114px 0;height:40px;width:40px;float:left} #sys_rss{background-image:url("img/sys/social_media.png");background-position:-152px 0;height:40px;width:40px;float:left} #sys_facebook{background-image:url("img/sys/social_media.png");background-position:0 0;height:40px;width:40px;float:left} #sys_google{background-image:url("img/sys/social_media.png");background-position:-76px 0;height:40px;width:40px;float:left} #sys_youtube{background-image:url("img/sys/social_media.png");background-position:-38px 0;height:40px;width:40px;float:left} #sys_twitter:hover{background-position:-114px 39px} #sys_rss:hover{background-position:-152px 39px} #sys_facebook:hover{background-position:0 39px} #sys_youtube:hover{background-position:-38px 39px} #sys_google:hover{background-position:-76px 39px} .boxText2 a:link, .boxText2 a:visited{color:#fff} .ftmove{padding-left:12px} .sitemap{-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;border-bottom:0px solid #5B85B6;color:#ffffff;padding:0.6% 0 0.6% 1.3%;font-size:18px;font-size:1.125rem;font-weight:bold;margin:0px 0px 15px 0;width:100%;padding-left:0;padding-right:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;line-height:25px;} .sitemap a{font-size:17px;font-weight:bold;color:#FFFFFF;} .infoBoxHeading_top_a, .infoBoxHeading_new, .sitemap_header{-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;border-bottom:0px solid #5B85B6;color:#ffffff;padding:0.6% 0 0.6% 1.3%;font-size:18px;font-size:1.125rem;font-weight:bold;margin:20px 0px 15px 0;} .new_product_outbox, .shopping_cart_products{min-width:160px;max-width:98%;width:100%;float:left;padding:1% 0% 0.5% 1%} .new_product_default{min-height:400px;min-width:160px;max-width:370px;width:99%;float:left;margin:0% 0% 0% 0%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color:#2e3046;background-color:#E6E6E633;border:1px solid #20202066;} .shopping_cart_product_default{background:#E6E6E6;min-width:160px;max-width:300px;width:100%;float:left;height:460px;margin:0% 0% 0% 0%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #CCCCCC} .new_product_default1{text-decoration:none;float:left;width:90%;padding:0% 5% 0% 5%} .new_product_default_image{padding:2%;text-align:center} .new_product_default_right{float:left;width:100%;padding-left:0px} .new_product_default_tax{font-size:10px;font-size:0.625rem;padding-bottom:10px} .boxTextBG, .new_product_default_price{font-weight:bolder;text-align:center} img{max-width:100%;height:auto;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;} .shippingtime_text_info{color:#4C4E5A;font-size:13px;font-size:0.8125rem;margin:5px 0 5% 0} .clearcolsboth{clear:both} .categorie_list_one{width:100%;float:left;text-align:center} .new_product_default1 a{font-size:18px;} .delete-high{min-height:0px;padding-bottom:20px;} #pileft{float:left} .pt{padding-top:10px} ul#siteAlphabet li, .infoBoxHeading_pro, .infoBoxHeading, .infoBoxHeading_right{-webkit-border-radius:15px 15px 55% 15px;-moz-border-radius:15px 15px 55% 15px;border-radius:15px 15px 55% 15px;border-bottom:3px solid #F8900C;padding:3% 0 3% 5%;line-height:100%;font-size:17px;font-weight:bold} .infoBoxHeading_option{border-bottom:0px solid #5B85B6;padding:2% 0 2% 3%;line-height:100%;font-size:15px;font-size:0.9375rem;font-weight:bold} ul#siteAlphabet li, .sitemap, .infoBoxHeading_option, .sitemap_header, .infoBoxHeading_pro, .infoBoxHeading, .infoBoxHeading_right, .infoBoxHeading_new, .infoBoxHeading_top_a, .menu, #headnav, #mobilheadnav, #mobilcartheadnav, .b2b, klappText, .sitemap{background:#4c4e5a;background:-webkit-linear-gradient(#4c4e5a 0%,#2c2d33 100%);background:-moz-linear-gradient(#4c4e5a 0%,#2c2d33 100%);background:-o-linear-gradient(#4c4e5a 0%,#2c2d33 100%);background:-ms-linear-gradient(#4c4e5a 0%,#2c2d33 100%);background:linear-gradient(#4c4e5a 0%,#2c2d33 100%)} ul#imageslider{margin:0 auto;padding:0;list-style:none;list-style-position:outside;overflow:hidden;max-width:100%;width:100%;padding-top:25px;} ul#imageslider #slidercontent{z-index:888;margin-top:-205px;overflow:hidden;text-align:justify;font-size:0.9em;background:#000;-moz-opacity:0.7;opacity:0.70;filter:alpha(opacity=70);padding:2% 5% 2% 5%;width:25%;float:right;} .vpe{width:100%;text-align:center;font-weight:bold;font-size:105%} .sp{width:100%;height:120px;display:inline-block;vertical-align:middle} .img_vpe{vertical-align:middle;border:0 none} .vpe_1, .vpe_2, .vpe_3, .vpe_4{padding-bottom:50px} .carousel-caption.relative{background:none;position:relative} .carousel-caption.relative h4,.carousel-caption.relative p{color:#333} .carousel-indicators li.white{background-color:#999;background-color:rgba(70,70,70,.25)} .carousel-indicators .white.active{background-color:#444} .carousel-inner >.item >img,.carousel-inner >.item >a >img{margin:0 auto} .carousel.carousel-fade .item{width:100%;-webkit-transition:opacity 2s ease-in-out;-moz-transition:opacity 2s ease-in-out;-ms-transition:opacity 2s ease-in-out;-o-transition:opacity 2s ease-in-out;transition:opacity 2s ease-in-out;opacity:100} .carousel.carousel-fade .active.item{opacity:1} .carousel.carousel-fade .active.left,.carousel.carousel-fade .active.right{left:0;z-index:2;opacity:0;filter:alpha(opacity=0)} .carousel.carousel-fade .next,.carousel.carousel-fade .prev{left:0;z-index:1} .carousel.carousel-fade .carousel-control{z-index:3} .carousel{position:relative;line-height:1;margin-bottom:20px} .carousel-inner{overflow:hidden;width:100%;position:relative;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-moz-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left} .carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;line-height:1} .carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block} .carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%} .carousel-inner>.next{left:100%} .carousel-inner>.prev{left:-100%} .carousel-inner>.next.left,.carousel-inner>.prev.right{left:0} .carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%} .carousel-control{position:absolute;top:40%;left:15px;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-align:center;background:#222;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;filter:alpha(opacity=50)} .carousel-control.right{left:auto;right:15px} .carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)} .carousel-indicators{position:absolute;bottom:5%;right:49%;z-index:5;margin:0;list-style:none} .carousel-indicators li{border:1px solid #C5C5C5;display:block;float:left;width:12px;height:12px;margin-left:5px;text-indent:-999px;background-color:#ccc;background-color:rgba(134, 134, 134, 0.25);border-radius:7px} .carousel-indicators .active{background-color:#919191}.carousel-caption{position:absolute;right:10%;padding:3%;background:#333;background:rgba(0,0,0,.75);top:0px;width:25%;font-size:5pt;} .carousel-caption h4,.carousel-caption p{color:#fff;line-height:20px} .carousel-caption h4{margin:0 0 5px} .carousel-caption p{margin-bottom:0} .img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} .pageHeading, .pageHeading_name_H1{letter-spacing:1px;font-family:Helvetica,Arial,sans-serif;font-weight:bold;line-height:36px;border-bottom:1px solid #ffffff;text-shadow:0px 1px 0px #999,0px 2px 0px #888,0px 3px 0px #777,0px 4px 0px #333,0px 8px 7px #001135} .pageHeading{margin-bottom:2%;font-size:32px;font-size:1.375rem} .contentsTopics, #moduleHeading{letter-spacing:0px;font-weight:bolder;font-size:20px;font-size:1.25rem;line-height:100%;border-bottom:1px solid #FFFFFF;padding-bottom:18px;margin-bottom:5px} .font16{font-size:14px;font-weight:initial} .nav-tabs>li>a, .navbar-inner, .infoBoxHeading_option, .sitemap_header, .infoBoxHeading_pro, .infoBoxHeading, .infoBoxHeading_right, .infoBoxHeading_new, .infoBoxHeading_top_a, .menu, #headnav, #mobilheadnav, #mobilcartheadnav, .b2b, klappText{background:#4c4e5a;background:-webkit-linear-gradient(#4c4e5a 0%,#2c2d33 100%);background:-moz-linear-gradient(#4c4e5a 0%,#2c2d33 100%);background:-o-linear-gradient(#4c4e5a 0%,#2c2d33 100%);background:-ms-linear-gradient(#4c4e5a 0%,#2c2d33 100%);background:linear-gradient(#4c4e5a 0%,#2c2d33 100%)} .infoBoxHeading_top_a{-webkit-border-radius: 15px 15px 55% 15px;-moz-border-radius: 15px 15px 55% 15px;border-radius: 15px 15px 55% 15px;border-bottom: 3px solid #F8900C;padding: 1% 0 1% 2%;} .navbar-inner, .box, .menu, .carousel-inner , .sitemap_header, .infoBoxHeading_top_a, .pic_rechts, .pic_r, .pic_l, .pic_m_l, .pic_m_r, #milka{box-shadow:5px 10px 20px #000;} .pic_l, .pic_r, .pic_m_l, .pic_m_r{width:100%} .pic_r, .pic_rechts{margin:0% 0% 2% 0%;float:right}.pic_l{margin:0% 0% 2% 0%;float:left} .infoBoxHeading_pro, .infoBoxHeading, .infoBoxHeading_right, #headnav, #mobilheadnav, #mobilcartheadnav{box-shadow:0px 10px 20px #000;margin:-9px -9px 0 -9px;} a:link, a:visited{text-decoration:none;color:#689AD5;text-shadow:1px 1px 1px rgba(0,0,0,6)} a:hover, #navigation a:hover{text-decoration:none;color:#689AD5;text-shadow:1px 1px 1px rgba(0,0,0,6)} .infoBoxHeading a{font-size:17px;font-weight:bold;color:#FFFFFF} .content a{font-weight:bold;color:#FFFFFF} h2 a:link,h2 a:visited{color:#fff;} h2 a:hover{color:#689AD5;} li.level1 a{text-decoration:none;color:#fff} li.level1 a.active:link, li.level1 a.active:active{text-decoration:none} .login_l, .login_r{width:100%} #galleria{width:264px;height:245px} .sw{padding-top:7px;} .roundmenu{-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;z-index:10;position:relative} .menu, .menu ul, .menu li, .menu a{margin:0;padding:0;border:none;outline:none} .menu{height:40px;width:100%;-webkit-border-radius:15px 15px 15px 15px;-moz-border-radius:15px 15px 15px 15px;border-radius:15px 15px 15px 15px;clear:none;float:left} .menu li{z-index:10;position:relative;list-style:none;float:left;display:block;height:40px;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none} .menu li a{display:block;padding:0 14px;margin:6px 0;line-height:28px;text-decoration:none;border-left:1px solid #393942;border-right:1px solid #4f5058;font-family:Helvetica, Arial, sans-serif;font-weight:bold;font-size:16px;font-size:1rem;color:#f3f3f3;text-shadow:1px 1px 1px rgba(0,0,0,.6);-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out} .menu li:first-child a{border-left:none} .menu li:last-child a{border-right:none} .menu li:hover > a{color:#689AD5} .menu ul{position:absolute;top:40px;left:0;opacity:0;background:#1f2024;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-transition:opacity .25s ease .1s;-moz-transition:opacity .25s ease .1s;-o-transition:opacity .25s ease .1s;-ms-transition:opacity .25s ease .1s;transition:opacity .25s ease .1s} .menu li:hover > ul{opacity:1} .menu ul li{z-index:10;height:0;overflow:hidden;padding:0;-webkit-transition:height .25s ease .1s;-moz-transition:height .25s ease .1s;-o-transition:height .25s ease .1s;-ms-transition:height .25s ease .1s;transition:height .25s ease .1s} .menu li:hover > ul li{height:100%;overflow:visible;padding-right:0} .menu ul li a{width:255px;padding:4px 0 4px 20px;margin:0;border:none;border-bottom:1px solid #353539} .menu ul li:last-child a{border:none} #boxcart{float:right;padding:30px 3% 0 0;text-align:right} #boxcart a{color:#fff} #popCart{position:fixed;top:25%;left:50%;width:560px;margin-left:-280px;background:#fff;border:1px solid #000;color:#000;z-index:100000;display:none;padding:10px 10px 25px 10px;;} .popup_header{font-family:Tahoma, Verdana, Arial, sans-serif;font-size:1.0em;text-align:center;vertical-align:bottom;padding:3px 10px;border:1px solid #ccc;margin:0px auto;width:380px;} .popup_image{font-family:Tahoma, Verdana, Arial, sans-serif;font-size:0.9em;text-align:center;color:#000;margin:10px auto;padding:5px;} #mycart{margin:0px auto;height:42px;width:320px;} .cart_symbol{height:42px;width:48px;float:left;background-image:url(img/shopping_cart.gif);background-position:left;background-repeat:no-repeat;} .cart_contents{font-family:Tahoma, Verdana, Arial, sans-serif;font-size:0.9em;text-align:left;color:#000;height:42px;float:right;} #pop_buttons_box{font-family:Tahoma, Verdana, Arial, sans-serif;font-size:1.0em;text-align:center;width:560px;height:28px;vertical-align:bottom;margin:10px auto 0 auto;} #pop_buttons_box a{color:#000;text-decoration:none;} #pop_buttons_box a:hover{color:#484848;text-decoration:none;} .close_button{float:left;width:160px;border:1px solid #000;} .cart_button{float:right;width:160px;border:1px solid #000;} .admin_box_content{float:left;min-width:230px;max-width:20%;width:100%;} @media screen and (min-width:768px){.desk9{left:25.641%;position:relative;right:auto;} .desk3{left:auto;position:relative;right:74.359%;margin-left:0 !important;} #GotoTop{padding:5px 3px;position:fixed;bottom:5px;right:10px;display:none;opacity:0.5;z-index:99999;} } .b2b, klappText{background:#4c4e5a;background:-webkit-linear-gradient(#4c4e5a 0%,#2c2d33 100%);background:-moz-linear-gradient(#4c4e5a 0%,#2c2d33 100%);background:-o-linear-gradient(#4c4e5a 0%,#2c2d33 100%);background:-ms-linear-gradient(#4c4e5a 0%,#2c2d33 100%);background:linear-gradient(#4c4e5a 0%,#2c2d33 100%)} .b2b, .b2b ul, .b2b li, .b2b a{margin:0;padding:0;border:none;outline:none;color:#fff} .b2b{padding-right:20px;padding-left:20px;line-height:39px;height:40px;-webkit-border-radius:15px 15px 15px 15px;-moz-border-radius:15px 15px 15px 15px;border-radius:15px 15px 15px 15px;clear:none;float:left} .b2b ul{overflow:hidden;position:absolute;top:40px;left:0;opacity:0;-webkit-transition:opacity .25s ease .1s;-moz-transition:opacity .25s ease .1s;-o-transition:opacity .25s ease .1s;-ms-transition:opacity .25s ease .1s;transition:opacity .25s ease .1s} .klappText input{opacity:0;} .controls input{opacity:1;} .input_on input{opacity:1;} .klappText label{} .klappText input + label:before{content:'';} .klappText input:checked + label:before{content:'';} .klappText input:not(:checked) ~ div{display:none;} .klappText input:focus + label{color:white;} /* .klappText input:focus + label{background-color:none;color:white;} */ .popupproductinfo, .popupprintorder{padding-top:0;} .nav-list > li > ul{padding-left:0;padding-right:0;} .nav-list ul > li > a{padding-left:30px;} .nav-list ul > li ul > li > a{padding-left:45px;} .nav-list ul > li ul > li ul > li > a{padding-left:60px;} .boxheader, .categoryheader, .boxcartheader{display:block;font-size:17px;line-height:25px;} .boxcontent{margin-top:10px;padding-top:10px;} .nav-tabs-container, .accordion-group{padding-top:37px;} .nav-tabs, .accordion-heading{margin-bottom:0px;} .nav-tabs>li>a{line-height:13px;border:0;outline:0;} .nav-tabs>li>a:hover,.nav-tabs>li>a:focus{border-style:solid;border-width:1px 1px 1px;border-color:#999 #999 transparent} .nav-tabs>li>a:link,.nav-tabs>li>a:active,.nav-tabs>li>a:visited,.nav-tabs>li>a:hover,.nav-tabs>li>a:focus{color:#fff} .nav-tabs>li:not(.active)>a:hover,.nav-tabs>li:not(.active)>a:focus{padding:7px 11px} .nav-tabs>.active>a,.nav-tabs>.active>a:hover,.nav-tabs>.active>a:focus{border-top:2px solid #F8900C;border-right:2px solid #F8900C;border-left:2px solid #F8900C;border-bottom:1px solid #2e3046;} .carousel-caption.relative{background:none;position:relative;} .carousel-caption.relative h4, .carousel-caption.relative p{color:#333333;} .carousel-indicators li.white{background-color:#999;background-color:rgba(70,70,70,.25);} .carousel-indicators .white.active{background-color:#444;} .carousel-inner > .item > img, .carousel-inner > .item > a > img{margin:0 auto;width:100%;} .carousel.carousel-fade .item{-webkit-transition:opacity 2s ease-in-out;-moz-transition:opacity 2s ease-in-out;-ms-transition:opacity 2s ease-in-out;-o-transition:opacity 2s ease-in-out;transition:opacity 2s ease-in-out;opacity:1;} .carousel.carousel-fade .active.item{opacity:1;} .carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right{left:0;z-index:2;opacity:0;filter:alpha(opacity=0);} .carousel.carousel-fade .next, .carousel.carousel-fade .prev{left:0;z-index:1;} .carousel.carousel-fade .carousel-control{z-index:3;} .content{margin-bottom:20px;text-align:justify;padding:0 8px 0 8px;} .checkoutcomment textarea{width:100%;margin-bottom:0;} p.rating label{padding-left:0;} div.agbframe{background:#fff;border:1px solid #666666;height:200px;overflow:auto;padding:10px;} .center-block{display:block;margin-left:auto;margin-right:auto;} .bottom-buffer{margin-bottom:20px;} .well-small form,.well-small ul{margin-bottom:0;} .bottom-line{border-bottom:1px solid #E5E5E5;} .productOldPrice{color:#fd3c3c;background:#FFF;padding:5px;line-height:28px;-webkit-border-radius:15px 15px 15px 15px;-moz-border-radius:15px 15px 15px 15px;border-radius:15px 15px 15px 15px;} .nav .dropdown-menu{margin:0;} .row-fluid [class*="span"]{*min-height:20px;} .footer .well.well-small{background-color:#FFFFFF;} .copyright{margin:0 auto;text-align:center;color:#666;font-size:11px;padding:0;} .copyright a{text-decoration:none;} span.cop_magenta{color:#B0347E;} span.cop_grey{color:#6D6D6D;} .parseTime{margin:0 auto;text-align:center;color:#666;font-size:11px;padding:0 0 10px 0;} #siteAlphabet{text-align:left;padding:0px 0px 0px 0px;margin:0px 0px 20px 0px;list-style-type:none;height:22px;font-size:12px;} ul#siteAlphabet li{float:left;list-style-type:none;margin-top:0px;margin-right:2px;margin-bottom:0px;margin-left:1px;padding-top:0px;padding-right:4px;padding-bottom:0px;padding-left:4px;} ul#siteAlphabet a, ul#siteAlphabet a:link, ul#siteAlphabet a:visited{line-height:25px;font-weight:bold;text-decoration:none;margin:0;padding:0;list-style-type:none;} ul#siteAlphabet a:hover{color:#689AD5;text-decoration:none;} ul#siteAlphabet a.active{font-weight:bold;color:#689AD5} #siteName{font-weight:normal;background-color:#f2f2f2;} .trenner{height:1px;overflow:hidden;margin:4px 0 4px 0;} ul#imageslider{padding:0;list-style:none;list-style-position:outside;overflow:hidden;width:570px;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;top:5px;} ul#imageslider #slidercontent{z-index:888;position:relative;top:-45px;width:570px;overflow:hidden;background:#ccc;font-size:0.9em;-moz-opacity:0.5;opacity:0.50;filter:alpha(opacity=50);padding-right:5px;padding-left:5px;height:45px;} .wwwd{overflow:scroll;clear:right;height:200px;width:100%;border:1px solid #CCC;padding:5px;overflow-x:hidden;border-radius: 4px;} .cssButton{position:relative;margin:0 4px 0 0;display:inline-block;text-align:left;overflow:hidden;text-decoration:none !important;} .buttonSize0, .buttonSize0 .background_hover, .buttonSize0 .animate_image, .buttonSize0 .buttonIcon, .buttonSize0 button{height:24px;line-height:24px;cursor:pointer;} .buttonSize1, .buttonSize1 .background_hover, .buttonSize1 .animate_image, .buttonSize1 .buttonIcon, .buttonSize1 button{height:24px;line-height:24px;cursor:pointer;} .buttonSize2, .buttonSize2 .background_hover, .buttonSize2 .animate_image, .buttonSize2 .buttonIcon, .buttonSize2 button{height:24px;line-height:24px;cursor:pointer;} .cssButton .background_hover, .cssButton .animate_image, .cssButton button{position:absolute !important;display:inline-block;width:100%;top:0;left:0;border:none;background:transparent;} .cssButton .animate_image{background-position:50% 50%;} .cssButton:hover .animate_image{background-position:60% 50%;} .cssButton .background_hover{opacity:0;filter:alpha(opacity=0);} .cssButton:hover .background_hover{opacity:1;filter:alpha(opacity=100);} .cssButton .buttonIcon{position:absolute;background-position:center center;background-repeat:no-repeat;} .cssButton.buttonSize0 .buttonIcon{width:35px;} .cssButton.buttonSize1 .buttonIcon{width:35px;} .cssButton.buttonSize2 .buttonIcon{width:25px;} .cssButton.buttonSize0 .buttonIcon{background-size:20px;-moz-background-size:20px;} .cssButton.buttonSize1 .buttonIcon{background-size:20px;-moz-background-size:20px;} .cssButton.buttonSize2 .buttonIcon{background-size:17px;-moz-background-size:17px;top:-2px;} .icononly.buttonSize0 .buttonIcon{width:28px;} .icononly.buttonSize1 .buttonIcon{width:24px;} .icononly.buttonSize2 .buttonIcon{width:24px;} .iconleft .buttonIcon{left:0;} .iconright .buttonIcon{right:0;} .cssButton .buttonText, .icononly .buttonIcon{position:relative;display:inline-block;font-weight:bold;font-size:12px;white-space:nowrap;} .cssButton .buttonText{padding:0 10px;} .iconleft.buttonSize0 .buttonText{padding:0 10px 0 33px;} .iconleft.buttonSize1 .buttonText{padding:0 10px 0 33px;} .iconleft.buttonSize2 .buttonText{padding:0 5px 0 25px;} .iconright.buttonSize0 .buttonText{padding:0 33px 0 10px;} .iconright.buttonSize1 .buttonText{padding:0 33px 0 10px;} .iconright.buttonSize2 .buttonText{padding:0 25px 0 5px;} .iconnone.buttonSize0 .buttonText{padding:0 10px;} .iconnone.buttonSize1 .buttonText{padding:0 10px;} .iconnone.buttonSize2 .buttonText{padding:0 5px;} .cssButton button{color:transparent;opacity:0;filter:alpha(opacity=0);} .buttonclear{clear:both;font-size:0;line-height:0;} .cssButton, .background_hover, .animate_image{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;} .cssButton.textButton{-moz-box-shadow:0 1px 2px rgba(0,0,0,0.3);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);box-shadow:0 1px 2px rgba(0,0,0,0.3);filter:progid:DXImageTransform.Microsoft.Shadow(color='#808080',direction='120',strength='2');} .cssButton .gradient_0{background:#689AD5;background-image:-webkit-linear-gradient(#689AD5 -0%, #00031E 30px);background-image:-moz-linear-gradient(#689AD5 -0%, #00031E 30px);background-image:-o-linear-gradient(#689AD5 -0%, #00031E 30px);background-image:linear-gradient(#689AD5 -0%, #00031E 30px)} .cssButton .gradient_1{background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 50%,rgba(0,0,0,.2) 51%,rgba(0,0,0,.6) 100%);background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 50%,rgba(0,0,0,.2) 51%,rgba(0,0,0,.6) 100%);background-image:linear-gradient(-90deg,rgba(255,255,255,.2) 0,rgba(255,255,255,.1) 50%,rgba(0,0,0,.2) 51%,rgba(0,0,0,.6) 100%);} .cssButton .gradient_2{background-image:-moz-linear-gradient(-90deg,rgba(255,255,255,0.1) 0,rgba(0,0,0,.3) 100%);background-image:-webkit-linear-gradient(-90deg,rgba(255,255,255,0.1) 0,rgba(0,0,0,.3) 100%);background-image:linear-gradient(-90deg,rgba(255,255,255,0.1) 0,rgba(0,0,0,.3) 100%);filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr=#1affffff,endColorstr=#4d000000);} .cssButton{color:#FFFFFF!important;} .cssButton .buttonText{text-shadow:1px 1px 1px #000000;text-shadow:1px 1px 1px rgba(0,0,0,1) !important;} .color_1{} .color_0{} .cssButton .background_hover, .cssButton .animate_image{-webkit-transition-duration:200ms;-webkit-transition-property:background-color,background-position,opacity;-webkit-transition-timing-function:ease-in-out;-moz-transition-duration:200ms;-moz-transition-property:background-color,background-position,opacity;-moz-transition-timing-function:ease-in-out;-o-transition-duration:200ms;-o-transition-property:background-color,background-position,opacity;-o-transition-timing-function:ease-in-out;transition-duration:200ms;transition-property:background-color,background-position,opacity;transition-timing-function:ease-in-out;} #xmas24{background:url(img/xmas24.jpg) no-repeat;width:100%;max-width:800px;overflow:hidden;background-position:top;background-size:100%;margin-top:15px;margin:0px auto} .xmas24_hg{font-weight:bold;color:#B0761F;text-decoration:none;width:14.1%;text-align:center;float:left;padding:4% 1% 4% 1.5%;text-shadow:1px 1px 1px #121212,1px -1px 1px #121212,-1px 1px 1px #121212,-1px -1px 1px #121212;} div#xmas24 a{font-weight:bold;color:#DB3737;text-decoration:none;padding:10px} div#xmas24 a:hover{color:#DB3737;text-decoration:none} #center_countdown, .center{text-align:center} @media screen and (min-width:360px){.xmas24_hg{padding:5% 1% 5% 1.5%}} @media screen and (min-width:450px){.xmas24_hg{padding:6% 1% 6% 1.5%}} @media only screen and (min-width:600px){.xmas24_hg{padding:6.5% 1% 6.5% 1.5%}} @media only screen and (min-width:802px){.xmas24_hg{padding:6% 1% 6% 1.5%}} @media only screen and (min-width:1000px){.xmas24_hg{padding:6.5% 1% 6.5% 1.5%}} @media only screen and (min-width:1100px){.xmas24_hg{padding:7% 1% 7% 1.5%}} .alter{background-image:url(img/alter.png);background-repeat:no-repeat;width:24px;height:24px;border:0px;font-size:0px;cursor:pointer;background-color:transparent;} .attribut_cart{float:left;padding-bottom:6px;clear:both;} .plus{display:block;background-image:url(img/plus.gif);background-repeat:no-repeat;width:13px !important;height:13px;border:0px;font-size:0px;cursor:pointer;margin:7px 0 0 -3px;} .minus{display:block;background-image:url(img/minus.gif);background-repeat:no-repeat;width:13px !important;height:13px;border:0px;font-size:0px;cursor:pointer;margin:7px;} .delete{display:block;background-image:url(img/delete.png);background-repeat:no-repeat;width:38px !important;height:38px;border:0px;font-size:0px;margin:0px auto;cursor:pointer;background-color:transparent;} .pcs_cart{width:56px;} .psydobotton{border:solid 2px;border-radius:15px;margin-bottom:10px;} .emvkpricea{font-family:Verdana, Arial, sans-serif;font-size:14px;font-weight:bold;text-shadow:0px 0px 4px #FF0000;line-height:27px} .emvkpricea1{font-family:Verdana, Arial, sans-serif;font-size:10px;color:#009E00;font-weight:bold} .emvkpriceb{font-family:Verdana, Arial, sans-serif;font-size:10px;color:#000000;font-weight:bold} .product_info_price{font-size:18px;line-height:28px;text-shadow:0px 0px 3px #009E00;font-family:"Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;font-weight:bolder;margin:10px 0 5px 0} .left{float:left} #productinfowrap{-moz-hyphens:none;hyphens:none;text-align:initial;} .margincartbttom{margin-right:-15px} .access_step_cc{background-color:#dddddd;padding-left:5px;padding-right:10px;} .access_step_c2{padding-left:5px;padding-right:10px;} #logo{max-width:100px;width:100%;margin:0px auto;margin-bottom:10px;background-image:url(img/head_logo_m.png);background-repeat:no-repeat;margin-top:10px;} #logo_img{width:100px;height:50px} @media screen and (min-width:360px){#galleria{width:320px;height:279px}.shopping_cart_products{min-width:160px;max-width:47.6%;width:100%}.advent_hg{padding:5% 1% 5% 1.5%}} @media screen and (max-width:360px){.new_product_outbox{min-width:160px;max-width:100%;width:100%}} @media screen and (min-width:450px){.categorie_pic{min-width:160px;max-width:47.6%;width:100%;padding:1% 0% 0.5% 1%}#galleria{width:400px;height:349px}.advent_hg{padding:6% 1% 6% 1.5%}} @media screen and (min-width:460px){.new_product_outbox{min-width:155px;max-width:47.6%;width:100%}} @media only screen and (min-width:500px){.vpe_1, .vpe_2, .vpe_3, .vpe_4, .vpe_5{float:left;width:48%;margin:1%}} @media screen and (min-width:550px){.pic_l, .pic_r, .pic_m_l, .pic_m_r{width:30%}.pic_r, .pic_rechts{margin:0% 0% 3% 3%;float:right}.pic_l{margin:0% 3% 3% 0%;float:left}.pic_m_l{margin:3% 0% 1% 3%;float:left}.pic_m_r{margin:3% 0% 1% 3%;float:right}} @media screen and (max-width:550px){.pic_rechts{width:100%}} @media screen and (min-width:550px){.footer_box{max-width:46.668%;width:100%;}.carousel-caption{font-size:75%;}} @media screen and (max-width:600px){#main_body{width:95%} #nav_left{display:none}.box_sitemap{width:94%} .nav-tabs > li, .nav-pills > li{float:none;} } @media only screen and (min-width:600px){#main_body{width:95%}#logo{max-width:200px;width:100%;margin:0px auto;margin-bottom:10px;background-image:url(img/head_logo_t.png);background-repeat:no-repeat;margin-top:10px}#logo_img{width:200px;height:100px}#head{padding-top:0px;width:100%;height:50px;text-align:center}#galleria{width:500px;height:436px}.new_product_outbox{min-width:160px;max-width:31.73333333333333%;width:100%}.contactboxleft{width:49%;float:left}.contactboxright{width:49%;float:right}.advent_hg{padding:6.5% 1% 6.5% 1.5%}} @media screen and (min-width:700px){#galleria{width:600px;height:525px}.shopping_cart_products{min-width:160px;max-width:31.73333333333333%;width:100%}.footer_box{max-width:30.668%;width:100%} } @media only screen and (max-width:801px){#nav_left{display:none} /* Mobile Navi über alles*/ #mobilheadnav{position:absolute;z-index:90;top:0px;left:0px;height:40px;width:40px;padding-top:4px;font-size:25px;text-align:center;-webkit-border-radius:0px 0px 30px 0px;-moz-border-radius:0px 0px 30px 0px;border-radius:0px 0px 30px 0px} #subMenu{display:none} #subMenu.showSubMenu {display:block} #loginbox{width:100%} #forgotten_new{font-size:10px;line-height:100%} #mobilcartheadnav{position: absolute;z-index:90;top:0px;right:0px;height:40px;width:40px;padding-top:4px;font-size:11px;text-align:center;-webkit-border-radius:0px 0px 0px 30px;-moz-border-radius:0px 0px 0px 30px;border-radius:0px 0px 0px 30px} #headnav{height:100%;position:absolute;z-index:85;top:0px;left:0px;width:90%;padding:13% 5% 5% 5%} #navi{position:relative;width:100%;margin-top:0px;padding-bottom:5px;float:right;text-align:right;right:5%} #links1, #links2{float:left;line-height:100%;padding-top:10px} #links3{float:left;line-height:62%;width:100%;padding-top:10px} #suche{float:left;text-align:left;padding-top:10px} .menu, .menu ul, .menu li, .menu a{margin:0;padding:0;border:none;outline:none} .menu{height:100%;width:100%;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;clear:none;float:left} .menu li{z-index:auto;position:relative;list-style:none;float:none;display:block;height:100%} .menu li a{display:block;padding:0 14px;margin:6px 0;line-height:28px;text-decoration:none;border-left:0px solid #393942;border-right:0px solid #4f5058;border-bottom:1px solid #4f5058;font-family:Helvetica,Arial,sans-serif;font-weight:bold;font-size:16px;font-size:1rem;color:#f3f3f3;text-shadow:1px 1px 1px rgba(0,0,0,.6);-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;transition:color .2s ease-in-out} .menu li:first-child a{border-left:none} .menu li:last-child a{border-right:none} .menu li:hover > a{color:#689AD5} .menu ul{width:89.3%;z-index:10;position:absolute;top:100%;left:0;opacity:0;background:#1f2024;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-transition:opacity .25s ease .1s;-moz-transition:opacity .25s ease .1s;-o-transition:opacity .25s ease .1s;-ms-transition:opacity .25s ease .1s;transition:opacity .25s ease .1s} .menu li:hover > ul{opacity:1} .menu ul li{z-index:10;height:0;overflow:hidden;padding:0;-webkit-transition:height .25s ease .1s;-moz-transition:height .25s ease .1s;-o-transition:height .25s ease .1s;-ms-transition:height .25s ease .1s;transition:height .25s ease .1s} .menu li:hover > ul li{overflow:visible;padding:0} .menu ul li a{width:initial;padding:4px 0 4px 20px;margin:0;border:none;border-bottom:1px solid #353539;z-index:999} .menu ul li:last-child a{border:none} #boxcart{display:none} #content{float:left;width:100%} .pageHeading, .pageHeading_name_H1{padding-top:10px;letter-spacing:0px;line-height:30px} .content{padding:0 20px 0 20px;} } @media only screen and (min-width:802px){#main_body, #main_body_top_nav{width:95%} .boxText2{line-height:22px} #logo{float:left;max-width:300px;width:100%;margin:0px auto;margin-bottom:10px;background-image:url(img/head_logo.png);background-repeat:no-repeat} #logo_img{max-width:300px;width:100%;height:140px} #milka{display:block;margin-bottom:6%;border-radius:15px;background-image:url(img/werbung.jpg);background-repeat:no-repeat;background-size:100% 100%;height:580px;border:1px solid #3C3C3C;} #nav_left{width:38%;padding-left:0.3%;float:left} #content{float:left;width:59.5%;padding-left:1.5%;margin-right:0.7%} .new_product_outbox, .shopping_cart_products{min-width:160px;max-width:47.6%;width:100%} .categorie_pic{min-width:160px;max-width:47.6%;width:100%} #main{padding:1.3% 0% 1% 0%} #mobilheadnav{display:none} #mobilcartheadnav{display:none} #head{padding-top:38px;width:100%;height:150px} #galleria{width:450px;height:393px} .contactboxleft{width:100%;float:left} .contactboxright{width:100%;float:left} .carousel-caption{font-size:70%;} .advent_hg{padding:6% 1% 6% 1.5%} #backround{background:url(img/bg.png) no-repeat;background-position-y:-42px;background-position-x:-200px;width:100%;height:229px;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;} .head_top{padding-top:210px;} .carousel{margin-top:226px;margin-bottom:-184px;} .content{padding:0 20px 0 20px;} .attri {text-align: right} .carousel-inner, .img-responsive{-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;} } @media only screen and (min-width:900px){#nav_left{width:34%;padding-left:0.3%;float:left} #content{float:left;width:63.5%;padding-left:1.5%;margin-right:0.7%} .new_product_outbox, .shopping_cart_products{min-width:160px;max-width:31.73333333333333%;width:100%} .product_listing_description{min-width:160px;max-width:31.73333333333333%;width:100%;padding-left:15px} .product_listing_image{min-width:160px;max-width:31.73333333333333%;width:100%;padding-top:10px} .reviews_text{width:66%;float:left;padding-left:10px} .product_listing_price_button{min-width:160px;max-width:31.73333333333333%;width:100%;text-align:center} #galleria{width:500px;height:436px} } @media only screen and (min-width:1000px){#main_body, #main_body_top_nav{width:92%} #nav_left{width:32%;padding-left:0.3%;float:left} #content{float:left;width:64.5%;padding-left:1.5%;margin-right:0.7%} .categorie_pic{min-width:160px;max-width:31.73333333333333%;width:100%} #galleria{width:580px;height:507px} .footer_box{max-width:17.968%;width:100%} .contactboxleft{width:49%;float:left} .contactboxright{width:49%;float:right} .carousel-caption{font-size:85%;} .advent_hg{padding:6.5% 1% 6.5% 1.5%} #backround{background-position-x:-206px;} } @media only screen and (min-width:1100px){#main_body, #main_body_top_nav{width:92%} #nav_left{width:27.5%;padding-left:0.3%;float:left} #content{float:left;width:70%;padding-left:1.5%;margin-right:0.7%} #galleria{width:600px;height:525px} .product_info_box_middle_left{min-width:160px;max-width:600px;width:100%} .login_l{float:left;width:49%} .login_r{float:right;width:49%} .carousel-caption{font-size:100%;} .advent_hg{padding:7% 1% 7% 1.5%} } @media only screen and (min-width:1102px){.vpe_1, .vpe_2, .vpe_3, .vpe_4, .vpe_5{padding-bottom:0px}.vpe_1, .vpe_2{width:12%}.vpe_3{width:17%}.vpe_4, .vpe_5{width:24%}} @media only screen and (min-width:1260px){#main_body, #main_body_top_nav{width:92%} #nav_left{width:25.5%;padding-left:0.3%;float:left} #content{float:left;width:72%;padding-left:1.5%;margin-right:0.7%} .product_listing_description{min-width:160px;max-width:250px;width:100%} } @media only screen and (min-width:1370px){#main_body, #main_body_top_nav{width:87%} #nav_left{width:23.5%;padding-left:0.3%;float:left} #content{float:left;width:74%;padding-left:1.5%;margin-right:0.7%} .new_product_outbox, .shopping_cart_products{min-width:160px;max-width:23.8%;width:100%} .categorie_pic{min-width:160px;max-width:23.8%;width:100%} .product_listing_description{min-width:160px;max-width:290px;width:100%} #backround{background:url(img/bg.png) no-repeat;background-position-y:-42px;background-position-x:-130px;} } @media only screen and (min-width:1550px){#main_body, #main_body_top_nav{width:83%} #nav_left{width:22%;padding-left:0.3%;float:left} #content{float:left;width:75.5%;padding-left:1.5%;margin-right:0.7%} .product_listing_description{min-width:160px;max-width:325px;width:100%} #backround{background:url(img/bg.png) no-repeat;background-position-y:-42px;background-position-x:-113px;padding-left:150px;padding-right:150px;width:-moz-max-content;} } @media only screen and (min-width:1650px){.footer_box{max-width:17.96%;width:100%} } @media only screen and (min-width:1750px){#main_body, #main_body_top_nav{width:78%} #nav_left{width:21.5%;padding-left:0.3%;float:left} #content{float:left;width:76%;padding-left:1.5%;margin-right:0.7%} .product_listing_description{min-width:160px;max-width:350px;width:100%} } @media only screen and (min-width:1920px){#main_body, #main_body_top_nav{width:1449px} #nav_left{width:22%;padding-left:0.3%;float:left} #content{float:left;width:75.5%;padding-left:1.5%;margin-right:0.7%}} @media all and (max-width:800px){#content{float:left;width:98%;padding-left:1%;margin-right:0%}}