/* YouTube Responsive */ #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%; } /* eigene Videos Responsive */ video { max-width: 100%; height: auto; } .headerError{margin:5px;border:1px solid #CC3300;background-color:#FF8566;padding:5px} /* Weihnachts Curser */ /* body{border: 0px none #FFF;cursor: url('img/cursor.png'), pointer;} */ img{border:0} /* Listen zeichen und einrückung */ ul{list-style-type:disc;margin-left:3%;padding-left: 13px} ol{list-style-type:decimal;margin-left:3%;padding-left: 13px} li{list-style-position:outside} h1{font-size:21px;font-size:1.3125rem} h2{font-size:18px;font-size:1.125rem} h3{font-size:18px;font-size:1.125rem} /* 1 Schrift Grundangabe*/ html{font-size:100%;font-family:Arial,Helvetica,sans-serif;color:#FFFFFF} /* Browserdefault 16px schriftgrößen berechnung 22px/16 = 1.375 rem*/ .highlights{width:99%;font-family:Arial,Helvetica,sans-serif;font-size:9pt;border:1px solid #ccc;color:#49176e;background-color:#C4D4E4;overflow:hidden;margin:0px} /* 6 Überschrift Seitentitel*/ .pageHeading, .pageHeading_name_H1{padding-top:23px;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:1.125rem;font-weight:initial} /* H1 Texte größe ändern Startseite ? */ /* 1 Fehlerausgabe*/ .headerError{margin:5px;border:1px solid #CC3300;background-color:#FF8566;padding:5px} /* Content Bilder Formatierung*/ .pic_first, .pic_m_left, .pic_m_right {border: 1px solid #F8900C;width: 100%} .pic_first{margin: 0% 0% 3% 3%;float: right} .pic_m_left{margin: 3% 0% 3% 3%;float: left} .pic_m_right{margin: 3% 0% 3% 3%;float: right} /* 2 Hintergrund gesamt*/ /* background:#000120 url(img/bg.png) repeat-x;background-attachment:scroll;*/ body{background:#00031E;background-image:-webkit-linear-gradient(#689AD5 -0%,#00031E 980px);background-image:-moz-linear-gradient(#689AD5 -0%,#00031E 980px);background-image:-o-linear-gradient(#689AD5 -0%,#00031E 980px);background-image:linear-gradient(#689AD5 -0%,#00031E 980px);-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto} #backround{background-position:-4.5% 0px} /* Haupt DIV gesamt Container*/ #main_body, #main_body_top_nav{font-size:18px;font-size:1.125rem;margin:0px auto} #main{padding:1.3% 0% 1% 0%} /* #innerBox{text-align:center;overflow:hidden;float:left;clear:both;padding-right:1px}*/ /* Navi über alles*/ #headnav{position:absolute;z-index:90;top:0px;left:0px;width:100%;padding-top:4px;padding-bottom:7px} #links1, #links2, #links4{float:left;line-height:100%} #links3{float:left;text-align:left;padding-top:1px} #suche{float:right;text-align:right} #suche table{float:right;font-size:11px} #suche{} .search{} #suche input, #suche td{width:100px;margin:0;padding:0;margin-top:2px;margin-right:9px} .infoBoxHeadingnavi{width:100%;text-align:left;border-bottom:0px solid #5B85B6;color:#ffffff;padding:3px 10px 0 0;height:22px;font-size:14px;font-weight:bold} #head_navi_info{height:25px;float:right;padding:0 0 0 5px} #search{max-height:30px;margin-right:5px;float:left;text-align:left} #searchbox{margin:auto;width:240px} #head_login_box{} #infoBoxHeading1, #infoBoxHeading2{vertical-align:middle;padding:0px 18px 0px 0px;float:right} #infoBoxHeading3{vertical-align:middle;padding:3px 0px 0px;float:left;width:100%} #forgotten_new{font-size:10px;line-height:4px} #navi{position: absolute;margin-top:124px;padding-left:50%} #loginbox{width:366px} /* Adventskalender */ #advent{background:url(img/advent.jpg) no-repeat;width:100%;max-width:800px;overflow:hidden;background-position:top;background-size:100%;margin-top:15px;margin: 0px auto} .advent_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#advent a{font-weight:bold;color:#DB3737;text-decoration:none;padding:10px;text-shadow:1px 1px 1px #121212,1px -1px 1px #121212,-1px 1px 1px #121212,-1px -1px 1px #121212;} div#advent a:hover{color:#DB3737;text-decoration:none} #center_countdown{text-align:center} .left{float:left;margin:0px} /* STATISCHE LEISTE WARENKORB & LINKS */ #staticcart{position:fixed;top:0;left:0;width:100%;z-index:3;background:#000;border-bottom:1px solid #3A3A3A;padding:5px 0} #staticcartinner{width:980px;margin:0 auto;color:#ffffff} #staticcartinner a{color:#ffffff} #staticcartinner a:hover{color:#317078} #cart1{margin-left:60px;float:left;line-height:28px;background:url(img/cart.png) no-repeat;text-indent:40px} /* 4 Head DIV Container rest unter responsive*/ #logo{max-width:100px;width:100%;margin:0px auto;margin-bottom:10px;background-image:url(img/head_logo_m.png);background-repeat:no-repeat} #logo_img{width:100px;height:50px} /* 6 Navigation Links gesamt Container*/ #nav_left{width:18%;padding-left:0.3%;float:left;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none} #milka{display:none} /* Kategorien Text Ausrichtung*/ *{margin:0px;padding:0px} /* Imagesliders*/ .img-responsive{width:100%} /* 7 Seiten Content Main*/ #content{padding-bottom:25px;float:left;width:79.5%;padding-left:1.5%;margin-right:0.7%;text-align:justify} /* Neu hier anmeldung*/ .new1{min-width:200px;max-width:200px;float:left;padding-right:1%} .new2{min-width:230px;max-width:230px;float:left} /* Footer*/ .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:20px;font-size:1.25rem;font-weight:bold;border-bottom: 1px solid #FFFFFF;margin-bottom:4%} .boxText2{padding:0 0 0 0;text-decoration:none;color:#333333;line-height:30px} .footer_box{float:left;min-width:190px;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("/templates/hepros_design/img/sys/social_media.png");background-position:-114px 0;height:40px;width:40px;float:left} #sys_rss{background-image:url("/templates/hepros_design/img/sys/social_media.png");background-position:-152px 0;height:40px;width:40px;float:left} #sys_facebook{background-image:url("/templates/hepros_design/img/sys/social_media.png");background-position:0 0;height:40px;width:40px;float:left} #sys_google{background-image:url("/templates/hepros_design/img/sys/social_media.png");background-position:-76px 0;height:40px;width:40px;float:left} #sys_youtube{background-image:url("/templates/hepros_design/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} /* Cart Navigation*/ .infoBoxHeadingcart{color:#ffffff;font-size:80%;font-weight:bold} #cart{width:200px;float:right;padding:36px 3% 0 0;text-align:right} #boxcart{width:230px;float:right;padding:36px 3% 0 0;text-align:right} /* 6 Header + Box left*/ .infoBoxHeading_pro, .infoBoxHeading, .infoBoxHeading_right{-webkit-border-radius:0px 0px 55% 15px;-moz-border-radius:0px 0px 55% 15px;border-radius:0px 0px 55% 15px;border-bottom:3px solid #F8900C;padding:3% 0 3% 3%;line-height:100%;font-size:18px;font-size:1.125rem;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} /* 6 Header Hintergrundfarbe + foot Alle*/ .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%)} .admin_box{float: left; background-color:#E6E6E6;line-height:100%;margin:12px 8px 0px 5px;text-align:left;border:1px solid #3C3C3C;border-radius:15px;box-shadow: 0px 10px 20px #000;} .admin_boxText{font-size:11px;margin:5px 0% 0% 2%;text-decoration:none;color:#4C4E5A} .admin_box_content{float:left;min-width:222px;max-width:20%;width:100%} .box, .box_pro1{overflow:hidden;background-color:#E6E6E6;line-height:100%;margin:0 0 6% 0;text-align:left;border:1px solid #3C3C3C;border-radius:15px 15px 15px 15px} .box_cat{text-align:left;padding:25px 0px 0px 0px} .boxText, .boxText_center, .boxText1{font-size:0.9375rem;margin:4% 4% 4% 4%;text-decoration:none;color:#4C4E5A} .boxText1, .boxText_center{text-align:center} .versand{line-height:100%;font-size:1.375rem;color:#4C4E5A;font-weight:bold;text-shadow:2px 2px 2px #689AD5;margin-bottom:10px} .bestseller{font-size: 15px} /* Boxen Shaddow*/ .box, .menu, .carousel-inner , .sitemap_header, .infoBoxHeading_top_a, .pic_first, .pic_m_left, .pic_m_right, #milka{box-shadow: 5px 10px 20px #000;} .infoBoxHeading_pro, .infoBoxHeading, .infoBoxHeading_right, #headnav, #mobilheadnav, #mobilcartheadnav{box-shadow: 0px 10px 20px #000;margin-bottom: 20px;} /* Top Artikel auf der Startseite*/ .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} .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: 490px;background:#E6E6E6;min-width:160px;max-width:300px;width:98%;float:left;margin:0% 0% 0% 0%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #CCCCCC} .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:5% 5% 5% 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{color:#4C4E5A;font-size:10px;font-size:0.625rem;padding-bottom:10px} .boxTextBG, .new_product_default_price{color:#4C4E5A;font-weight:bolder;text-shadow:0px 0px 15px #AAFFAA;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} .infoBoxHeadingnewproductslink{border-radius:1em 1em 1em 1em;text-align:left;background:#C40000 0 -10px repeat-x;border-bottom:0px solid #5B85B6;color:#ffffff;padding:7px 0 0 7px;height:22px;font-size:14px;font-weight:bold} /* 6 Flipmenue Wärungen*/ .categorie_list{width:52px} /* 6 Kategorie übersicht*/ .categorie_list_one{width:100%;float:left;text-align:center} .categorie_pic{min-width:160px;max-width:100%;width:100%;float:left;padding:1% 0% 0.5% 0%} .categorie_pic_one{background:#E6E6E6;min-width:160px;max-width:100%;width:100%;height:170px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #CCCCCC} .categorie_text{font-size:14px;font-size:0.875rem;text-align:center;padding:5px 3px 5px 3px;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none} .categorie_text_sitmap{font-size:18px;font-size:1.125rem;line-height:38px;padding:5px 3px 5px 3px;font-weight:bold;list-style-type:none} /* 6 Bewertung in Produkt Infoseite*/ .autorleft{float:left;padding:0% 1% 0% 1%} /* Links Shop weiß/blau*/ a:link, a:visited{text-decoration:none;color:#ffffff;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)} /* CSS Oberkategorie Linke Box*/ li.maincat_non{height:100%;list-style:none} /* Unter Kategorie Box left */ li.level1{line-height:100%;height:100%;list-style:none;padding:0% 0 6% 0%;height:100%;font-weight:bold} li.level1 a{text-decoration:none;font-size:18px;font-size:1.125rem;color:#4C4E5A;text-shadow:0 0 1px #f3f3f3,0 0 2px #f3f3f3,0 0 3px #f3f3f3,0 0 5px #689AD5,0 0 7px #689AD5,0 0 10px #689AD5,0 0 15px #689AD5} li.level1 a:hover{color:#689AD5} li.level1 a.active:link, li.level1 a.active:active{text-decoration:none} li.level2{list-style:none;padding-left:20px;margin:3px 0 3px 0} li.level2 a{text-decoration:none;font-size:20px;font-size: 1.25rem} /* Links Shop schwarz/blau achtung schatten muss raus finde ich aber nicht sieht doppelt dick aus*/ .new_product_default_tax a:link, .new_product_default_tax a:visited, .new_product_default1 a:link, .categorie_text_sitmap a:visited, .categorie_text_sitmap a:link, .categorie_text a:visited, .categorie_text a:link, .new_product_default1 a:visited, .boxText a:link, .boxText a:visited,.boxText1 a:link, .admin_boxText a:link, .admin_boxText a:visited, .boxText1 a:visited{letter-spacing:1px;text-decoration:none;color:#4C4E5A;text-shadow:0px 0px 0px #000} .new_product_default1 a:hover, .categorie_text_sitmap a:hover, .categorie_text a:hover, .boxText a:hover, .boxText1 a:hover{text-decoration:none;color:#689AD5;text-shadow:1px 1px 1px rgba(0,0,0,6)} .new_product_default1 a:link, .categorie_text_sitmap a:link, .categorie_text a:link{letter-spacing:0px;text-shadow:1px 1px 1px #689AD5} .login_l, .login_r{width:100%} #galleria {width:264px;height:245px} /* CSS Categorie Head*/ .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} /* CSS B2B Login einblenden ausblenden*/ .b2b, .b2b ul, .b2b li, .b2b a {margin:0;padding:0;border:none;outline:none} .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 { /* Ermöglicht Ansteuerung über Tastatur (HTab) */ opacity: 0; } .input_on input { /* Ermöglicht Ansteuerung über Tastatur (HTab) */ opacity: 1; } .klappText label { } .klappText input + label:before { content: ''; } .klappText input:checked + label:before { content: 'X '; } .klappText input:not(:checked) ~ div { display: none; } .klappText input:focus + label { /* Markierung des fokussierten LABEL-Elements */ background-color: red; color: white; } /* Produktlisting Kategorie übersicht */ .product_listing_box{width:100%;overflow:hidden;margin-bottom:15px;text-align:left} .product_listing_box_center{padding:0% 0% 0.6% 0.6%;width:98.8%} .product_listing_box_hot{width:140px;height:70px} .product_listing_box_left{width:16px;height:152px} .product_listing_box_right{width:17px;height:152px} .product_listing_description{width:100%;padding-left:5px;padding-top:18px} .product_listing_image{width:100%;padding-top:10px} .product_listing_price_button{width:100%;text-align:center} .product_listing_header{height:100%;margin:5px 0 0 0} .product_listing_mwst{font-size:10px;padding-right:30px} .product_listing_price{width:250px;text-align:right;padding-right:15px} .product_listing_price_detail{font-weight:bolder;padding-top:15px} .product_listing_shipping{font-size:10px;color:#FDC859;font-weight:bolder} .product_name{width:100%} .poll_question{background-color:#dddddd;padding:5px;margin-bottom:10px;font-family:Verdana, Arial, sans-serif;font-size:11px;color:#000000} dd{line-height:22px} div.inputRequirement, dd.inputRequirement{color:#CC0000} #table{text-align:center;width:80px;height:65px;float:left;left:0;padding-top:30px;border:1px ridge silver} .checkout_payment_adress_current{float:left;width:32%;padding-left:15px} .checkout_payment_agb strong{color:#FF0000} .checkout_payment_arrow{float:left;width:23%;text-align:center} .checkout_payment_container{width:555px;text-align:left;height:120px} .checkout_payment_continue{margin:15px 0 0 0;height:55px} .checkout_payment_info_text{float:left;width:40%} .checkoutBarCurrent, .greetUser, li.maincat a:link, a.nav:link, li.maincat a:visited, a.nav:visited{font-weight:bolder} .new_index{width:160px;float:right;padding-top:15px} .checkoutBarTo, div.checkoutBarCurrent{margin:15px 0 10px 0;padding:0 2px 0 2px;font-size:11px} .clr{clear:both;float:none} /* Warenkorb Details*/ .order_details, .checkout_payment_comments, .checkout_payment_agb, .productOldPrice{} .order_details_article_header, .order_details_qty_header, .order_details_remove_header, .order_details_totalprice_header, .order_details_shippingtime_header, .order_details_singleprice_header{width:160px} .order_details_article_header, .order_details_article, .order_details_img_header, .order_details_img{width:220px;float:left} .order_details_img{text-align:center;margin:-35px 0px 10px 0px} .order_details_qty_header, .order_details_qty{width:120px;float:left;text-align:center} .order_details_remove{text-align:center;margin-top:15px} .order_details_remove_header, .order_details_remove{width:30px;float:left} .order_details_totalcost{text-align:right;margin:15px 0 0 0} .order_details_totalcost strong{font-weight:bolder} .order_details_totalprice_header, .order_detais_totalprice, .order_details_shippingtime, .order_details_shippingtime_header, .order_details_singleprice_header, .order_details_singleprice{width:120px;float:right} .order_detais_totalprice, .order_details_shippingtime, .order_details_qty_header{margin-bottom:25px} .bestseller_price{text-align:right} .cart_text_detail{margin-bottom:50px} #info_message{border:1px solid;border-color:#ff0000;background-color:#FFCCCC;padding:10px;color:#4C4E5A;margin-top:15px} /* Produktinformation*/ .accContent{} .product_content{margin-top:15px} .product_info_box{width:100%;overflow:hidden} .product_info_box_bottom{height:12px} .product_info_box_middle{width:100%;background:#ffffff} .product_info_box_middle_left{width:100%;text-align:center} .buttom_padding {margin-top:5px} .product_info_box_middle_left2{min-width:165px;max-width:175px;width:100%;margin-right:2%;padding-left:2%;text-align:left;margin-bottom:15px} .product_info_box_middle_right{min-width:165px;max-width:175px;width:100%;margin-right:2%;padding-left:2%;text-align:left;margin-bottom:15px} .product_info_description{overflow:hidden;margin-bottom:15px;text-align:left} .product_info_dropdown{width:100%;font-size:smaller;margin:10px 0 10px 0} .product_info_menge{} .product_info_price{font-size:20px;color:#ffffff;text-shadow:0px 0px 15px #AAFFAA;font-family:"Trebuchet MS", Arial, Tahoma, Helvetica, sans-serif;font-weight:bolder;margin:10px 0 5px 0} .product_info_print{font-size:13px;margin-top:10px;-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none} .product_info_print img a{cursor:pointer} .product_info_shipping{font-size:10px;color:#696969;font-weight:bolder} .product_info_tax{font-size:10px} /* Produkterinnerung*/ .boxtext_pro{margin:2% 2% 2% 2%;text-decoration:none;color:#333333} .box_produkterinnerung{margin:1% 0 1% 0;border:1px solid #5B85B6;text-align:left;background:#E6E6E6 0 -10px repeat-x;border-radius:14px 14px 14px 14px} .box_produkterinnerung_links{float:left;width:100%;text-align:left;padding:10px 0px 10px 15px} .left{float:left;margin:0px} .right{float:right;margin:0px} .right1{float:right;width:410px} .reviews_pic{text-align:center} .reviews_text{width:100%;float:left} #review{width:100%} #checkout_line{background:url(img/checkout_line.png) repeat-x;line-height:12px} #comments{width:100%} #head_bestellablauf{background:url(img/head.jpg) #FFFFFF no-repeat;width:989px;height:187px} .luckyZoomSmallImageCont{position:relative} .luckyZoomBigImageCont{overflow:hidden;position:absolute;z-index:100;border:1px solid #9E2F2D;visibility:hidden} .luckyZoomHeader, .luckyZoomHeader a{position:relative;z-index:10;left:0px;top:0px;font:10px Tahoma, Verdana, Arial, sans-serif;color:#FFFFFF;background:#9E2F2D;padding:3px} .luckyZoomPup{z-index:10;visibility:hidden;position:absolute;width:50px;height:50px;border:1px solid #AAAAAA;background:#FFFFFF} .plus{display:block;background-image:url(img/plus.gif);background-repeat:no-repeat;width:13px;height:13px;border:0px;font-size:0px;cursor:pointer} .minus{display:block;background-image:url(img/minus.gif);background-repeat:no-repeat;width:13px;height:13px;border:0px;font-size:0px;cursor:pointer} .delete{display:block;background-image:url(img/delete.gif);background-repeat:no-repeat;width:19px;height:22px;border:0px;font-size:0px;background-color:#FFCC99;cursor:pointer} .clearcolsboth{clear:both} #site_nav{font-size:0.9em;margin-left:5px;float:left} h2.categoryheader{background-color:#F3A807;background-image:url(img/box_bg.png);height:28px;font-size:14px;font-weight:bold;color:#FFFFFF;padding:2px 8px 0px 8px;margin:0;line-height:28px;vertical-align:middle} #vertical_align, #vertical_align1, #vertical_align2, #vertical_align3{vertical-align:middle} h2.categoryheader a{text-decoration:none;color:#fff;border:1px solid #5B85B6} ul#categorymenu{background-color:#000000;margin-bottom:15px;border:solid #DB9502;border-width:0px 1px 1px 1px} ul#categorymenu li.level1{list-style-type:none;background-color:#DA9401;padding:4px 0px 4px 6px;border:solid #fff;border-width:1px 0px 0px 0px} ul#categorymenu li.level1 a{text-decoration:none;color:#FFFFFF;font-weight:bold} ul#categorymenu li.level2{-type:none;background-color:#EEA003;padding:4px 0px 4px 24px;border:solid #fff;border-width:1px 0px 0px 0px} ul#categorymenu li.level2 a{font-size:11px;text-decoration:none;color:#FFFFFF;font-weight:bold} ul#categorymenu li.level3{list-style-type:none;background-color:#EEA003;padding:4px 0px 4px 40px;border:solid #fff;border-width:1px 0px 0px 0px} ul#categorymenu li.level3 a{font-size:11px;text-decoration:none;color:#FFFFFF;font-weight:bold} .contact2{border:0px none;background:#FFF} .contactboxleft {} .contactboxright {} #message_body{width:100%} /* Sitemap*/ .sitemapwrap{float:left;width:100%} .box_sitemap{padding:1%;float:left;width:43.5%;background-color:#E6E6E6;margin:10px 2% 1% 2%;text-align:left;border:1px solid #3C3C3C;border-radius:5px 5px 5px 5px} .sitemap_header{text-align:center} .box_sitemap_container{} /* Warenkorb popup*/ #popCart {position:absolute;top:0%;left:0%;width:100%;height:100%;margin:0% 0% 0% 0%;background:#E6E6E6;border:1px solid #333333;z-index:100000;display:none;padding:5% 10px 25px 10px;text-decoration:none;color:#333333;text-shadow:none;-moz-opacity: 0.97;opacity: 0.97;filter:alpha(opacity=97)} .popup_header {color:#333333;font-size:1.0em;text-shadow:none;text-align:center;vertical-align:bottom;padding:3px 10px;border:1px solid #333333;margin:0px auto;width:480px} .popup_image {font-size:0.9em;text-align:center;text-shadow:none;color:#333333;margin:10px auto;padding:5px} #mycart {margin:0px auto;height:42px;width:450px} .cart_symbol {height:42px;width:48px;float:left;background-image:url(img/shopping_cart.gif);background-position:left;background-repeat:no-repeat} .cart_contents {width:600px;font-size:0.9em;margin:0px auto;text-shadow:none;color:#333333;height:42px;float: right} #pop_buttons_box {font-size:1.0em;text-shadow:none;text-align:center;width:560px;height:28px;vertical-align:bottom;margin:10px auto 0 auto} #pop_buttons_box a {color:#333333;text-decoration:none;text-shadow:none} #pop_buttons_box a:hover {color:#333333;text-decoration:none;text-shadow:none} .close_button {float:left;width:160px;border:1px solid #333333;margin-top:25px} .cart_button {float:right;width:160px;border:1px solid #333333;margin-top:25px} .access_step_cc{background-color:#dddddd;padding-left:5px;padding-right:10px} .access_step_c2{padding-left:5px;padding-right:10px} /* UVP Preis gestaltung*/ .emvkpricea{font-family:Verdana, Arial, sans-serif;font-size:14px;color:#ffffff;font-weight:bold;text-shadow:0px 0px 5px #FF0000;line-height: 27px} .emvkpricea1{font-family:Verdana, Arial, sans-serif;font-size:10px;color:#AAFFAA;font-weight:bold} .emvkpriceb{font-family:Verdana, Arial, sans-serif;font-size:10px;color:#000000;font-weight:bold} .alter{display:block;background-image:url(img/alter.png);background-repeat:no-repeat;width:24px;height:24px;border:0px;font-size:0px;cursor:pointer;background-color:transparent} .cheaply_table{border:1px solid #dddddd;background-color:#f2f2f2} .cheaply_description{border-left:1px;padding:5px} .cheaply_line{height:0px;padding:5px} .line{clear:both} .lexikon_keyword{font-family:Verdana, Arial, sans-serif;color:#000000} .rma_choose{font-family:Verdana, Arial, sans-serif;font-size:10px;color:#000000;background-color:#eeeeee} .rma_table_heading{font-family:Verdana, Arial, sans-serif;font-size:10px;color:#000000;background-color:#dddddd;padding-left:5px;height:18px} .rma_table_content{font-family:Verdana, Arial, sans-serif;font-size:10px;color:#000000;background-color:#f1f1f1;padding-left:5px;height:18px} .rma_choose_body{font-family:Verdana, Arial, sans-serif;font-size:10px;padding:5px} .rma_options{font-family:Verdana, Arial, sans-serif;font-size:10px} .Stil1{color:#990000;font-weight:bold} .Stil2{font-size:16px;font-weight:bold;color:#FFFF99} form fieldset, .form-content{margin:0;padding:0;border:none} #currencies {width:70px} #storename{background:#CCCCCC url(img/) repeat-x;height:70px;padding-top:5px;padding-left:30px;border-left:1px solid #000000;border-right:1px solid #000000;border-top:1px solid #CCCCCC;font-size:11px;font-weight:bold} /* Bilder Map Startseite */ #map{position:relative} #map ul{list-style:none outside none;margin:0;padding:0} #map a{background:url("img/non.gif") repeat scroll 0 0 transparent;position:absolute;text-indent:-1000em} #map a:hover{} #map .scooter a{height:181px;left:0;top:4px;width:205px} #map .bike a{height:205px;left:180px;top:11px;width:220px} #map .waveboard a{height:187px;left:398px;top:0;width:192px} #map .toys a{height:191px;left:57px;top:195px;width:225px} #map .offer a{height:191px;left:310px;top:194px;width:225px} /* anfang produkt filter ist deinstalliert kann gelöscht werden*/ ul.product_filter{margin:0;padding:15px;display:block;width:100%;clear:both} ul.product_filter li{float:left;width:25%} .cat_titel{padding:4px 5px;color:#333;cursor:pointer;border-top:1px solid #fff;border-bottom:1px solid #dddddd} .cat_items{display:block;cursor:pointer;margin:4px 0 4px 10px} .cat_items a{display:block;cursor:pointer} .cat_active{color:#000;font-weight:700} /* ende produkt filter ist deinstalliert kann gelöscht werden*/ /* Accordion */ .ui-accordion .ui-accordion-header{cursor:pointer;position:relative;margin-top:1px;zoom:1} .ui-accordion .ui-accordion-li-fix{display:inline} .ui-accordion .ui-accordion-header-active{border-bottom:0 !important} .ui-accordion .ui-accordion-header a{display:block;font-size:1em;padding:.5em .5em .5em .7em} /* IE7-/Win - Fix extra vertical space in lists */ .ui-accordion a{zoom:1} .ui-accordion-icons .ui-accordion-header a{padding-left:2.2em} .ui-accordion .ui-accordion-header .ui-icon{position:absolute;left:.5em;top:50%;margin-top:-8px} .ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;margin-top:-2px;position:relative;top:1px;margin-bottom:2px;overflow:auto;display:none;zoom:1} .ui-accordion .ui-accordion-content-active{display:block} .ui-accordion-header div.uniradio span{height:20px;padding-left:24px;width:20px} .ui-accordion-header input[type="radio"]{position:relative;height:33px;width:455px;left:-24px;top:-7px;margin:0 !important} /* Suche Autocomplete*/ .ac_results{padding:0px;border:1px solid black;background-color:white;overflow:hidden;z-index:1000005;color:#333333} .ac_results ul{width:100%;list-style-position:outside;list-style:none;padding:0;margin:0} li strong.treffer{color:#B43C07;text-decoration:underline} .ac_results li{margin:0px;padding:2px 5px;cursor:default;display:block;font:menu;font-size:12px;line-height:16px;overflow:hidden} .ac_loading{background:white url(img/indicator.gif) right center no-repeat} .ac_odd{background-color:#eee} .ac_over{background-color:#666;color:white} /* Blog*/ a:focus{outline:none} .blog_text img{margin:10px} .blog_titel{padding:4px 5px;color:#333;cursor:pointer} .blog_link{display:block;cursor:pointer;margin:4px 0 4px 10px;font-family:Verdana;font-size:10px} .blog_active{font-weight:700} .datum{float:left;margin:0 10px 0 0;width:60px} .datum p{background:#D70606 url(img/icons/date.png) no-repeat scroll 0 0;color:#DDDDDD;float:left;font-size:70%;height:50px;margin:0 10px 0 0;overflow:hidden;padding:5px;text-align:center;width:40px} .datum span.monat{display:block;margin-bottom:8px;font-size:12px} .datum span.tag{color:#444444;display:block;font-size:195%;font-weight:bold;line-height:0.9} div.datum p span.jahr{color:#666666;font-family:Tahoma,Arial,sans-serif;font-size:80%;margin:0;padding:0} .blog_list, .blog_text{font-size:110%} #comment{cursor:pointer;padding:3px 0 3px 20px;background:url(img/icons/add.gif) 0 2px no-repeat} fieldset.blog_comments{padding:10px;border:1px solid #ccc} #blog_comments{padding:0 10px;font-weight:900} #comment:hover{text-decoration:underline} div.add_success{padding:3px 0 3px 20px;background:url(img/icons/tick.gif) 0 2px no-repeat} div.box_comment{display:block;width:99%;position:relative;padding:3px;margin:0 5px;border:1px solid #ccc} div.box_comment div.delete{position:absolute;height:16px;top:50%;left:10px;margin-top:-8px} div.box_comment_name{position:relative;margin:10px 0 0 10px} span.arrow{background:#FFF url(img/icons/arrow_down.gif) no-repeat;width:10px;height:10px;position:absolute;top:-11px;left:40px} .star-rating{list-style:none;margin-left:5px!important;padding:0px;width:125px;height:25px;position:relative;background:url(img/icons/star.gif) top left repeat-x} .star-rating li{padding:0px;margin:0px;float:left} .star-rating li a{display:block;width:25px;height:25px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding:0px} .star-rating li a:hover{background:url(img/icons/star.gif) left bottom;z-index:2;left:0px} .star-rating a.one-star{left:0px} .star-rating a.one-star:hover{width:25px} .star-rating a.two-stars{left:25px} .star-rating a.two-stars:hover{width:50px} .star-rating a.three-stars{left:50px} .star-rating a.three-stars:hover{width:75px} .star-rating a.four-stars{left:75px} .star-rating a.four-stars:hover{width:100px} .star-rating a.five-stars{left:100px} .star-rating a.five-stars:hover{width:125px} .star-rating li.current-rating{background:url(img/icons/star.gif) left center;position:absolute;height:25px;display:block;text-indent:-9000px;z-index:1} /* api bundle*/ .head1{float:left;width:160px;text-align:center;padding:5px 0px 3px 5px} .head2{float:left;width:80px;text-align:center;padding:5px 0px 0px 0px} .head3{float:left;text-align:left;width:230px;padding:5px 0px 0px 0px;color:#333333} .head4{float:right;width:90px;text-align:center;padding:5px 0px 0px 0px} .BundleBoxContent a:link, .BundleBoxContent a:visited{text-decoration:none;color:#333333} box{width:100%} .BundleBox{background:#b6b7cb} .line{border-top-width:thin;border-top-style:solid;border-top-color:#5B85B6} .BundleBoxHeadline{background:#f8f8f9;font-family:Verdana, Arial, sans-serif;font-size:12px;font-weight:bold} .BundleBoxHead{width:580px;padding-left:0px;font-family:Verdana, Arial, sans-serif;font-size:14px;font-weight:bold;color:#333333} .BundleBoxSum{border-top-width:thin;border-top-style:solid;border-top-color:#5B85B6;font-family:Verdana, Arial, sans-serif;font-size:12px;font-weight:bold;color:#333333;padding-right:10px} .BundleBoxSave{font-family:Verdana,Arial,sans-serif;font-size:12px;font-weight:bold;color:red;padding-right:10px} .BundleBoxContent{font-family:Verdana,Arial,sans-serif;font-size:12px;font-weight:bold;color:#333333} .BundleTopicContent_1{font-family:Verdana,Arial,sans-serif;font-size:14px;font-weight:bold} .BundleTopicContent_2{font-family:Verdana,Arial,sans-serif;font-size:14px;font-weight:bold;color:red} .BundleContentTopics{font-family:Verdana,Arial,sans-serif;font-size:14px;font-weight:bold} .BundleContentTopicsSmall{font-family:Verdana,Arial,sans-serif;font-size:9px;font-weight:normal} /* Imageslider Startseite */ ul#imageslider { margin:0 auto; padding:0; list-style:none; list-style-position:outside; overflow:hidden;/* overflow:hidden;Falls die Inhalte zu gross sind, werden diese abgeschnitten */ max-width:100%;width:100%; /* Breite des Slideshowcontainers */ padding-top:25px; } ul#imageslider #slidercontent { /* Textanzeige deaktiviert durch display:none; */ z-index: 888; /* Durch den z-index wird der Conatiner des Textes auf das Bild gelegt */ margin-top: -205px; /* position: relative; top: -205px; Damit der Text auf dem Bild angezeigt werden kann müssen wir den Container nach oben ziehen */ /* Breite des Slideshowcontainers */ overflow: hidden; /* Falls die Inhalte zu gross sind, werden diese abgeschnitten */ text-align: justify; font-size: 0.9em; background: #000; /* Regelt die Transparenz des Textes um das Bild darunter noch sehen zu können */ -moz-opacity: 0.7; opacity: 0.70; filter:alpha(opacity=70); padding: 2% 5% 2% 5%; width: 25%; float: right; } /* Großhandel VPE*/ .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 - Bilderslider für Bilder mit weißem Hintergrund*/ .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} .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} .img-polaroid{padding-top: 25px;} .responsive-video { max-width: 100%; height: auto; } /* CSS Responsive Angaben */ @media screen and (min-width:360px){#galleria{width:320px;height:279px}.shopping_cart_products{min-width:160px;max-width:47.6%;width:100%}.new_product_outbox{min-width:155px;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 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_first, .pic_m_left, .pic_m_right {width: 47%}.pic_first{margin: 0% 0% 1% 3%;float: right}.pic_m_left{margin: 3% 0% 1% 3%;float: left}.pic_m_right{margin: 3% 0% 1% 3%;float: right}.footer_box{min-width:190px;max-width:46.668%;width:100%;}.carousel-caption{font-size: 75%;}} @media screen and (max-width:600px){#main_body{width:95%}/* dies ist rausgeflogen top artikel ausblenden .infoBoxHeading_top_a{display:none}.new_product_outbox{display:none}*/#nav_left{display:none}.box_sitemap{width:94%}} @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}#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{min-width:190px;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} /* CSS Categorie Mobile*/ .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} /* Produkt überschrift ? */ } @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} #backround{background:url(img/bg.png) no-repeat;background-position:270% 0px} #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%} } @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%} #backround{background:url(img/bg.png) no-repeat;background-position:-235% 0px} .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%} #backround{background:url(img/bg.png) no-repeat;background-position:-100% 0px} #galleria{width:580px;height:507px} .footer_box{min-width:190px;max-width:22.668%;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%} } @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%} #backround{background:url(img/bg.png) no-repeat;background-position:-75% 0px} #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%} #backround{background:url(img/bg.png) no-repeat;background-position:-44% 0px} .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%} #backround{background:url(img/bg.png) no-repeat;background-position:-27% 0px} .product_listing_description{min-width:160px;max-width:290px;width:100%} } @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%} #backround{background:url(img/bg.png) no-repeat;background-position:-15% 0px} .product_listing_description{min-width:160px;max-width:325px;width:100%} } @media only screen and (min-width:1650px){.footer_box{min-width:190px;max-width:14.66%;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%} #backround{background:url(img/bg.png) no-repeat;background-position:-7.5% 0px} .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%} #backround{background:url(img/bg.png) no-repeat;background-position:-4.5% 0px} } @media all and (max-width:800px){#content{float:left;width:98%;padding-left:1%;margin-right:0%}} /* ====================================================================================================================== */ .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:28px;line-height:28px;cursor:pointer} .buttonSize1, .buttonSize1 .background_hover, .buttonSize1 .animate_image, .buttonSize1 .buttonIcon, .buttonSize1 button{height:24px;line-height:19px;cursor:pointer} .buttonSize2, .buttonSize2 .background_hover, .buttonSize2 .animate_image, .buttonSize2 .buttonIcon, .buttonSize2 button{height:20px;line-height:20px;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:13px;-moz-background-size:13px} /* ================================================= */ .icononly.buttonSize0 .buttonIcon{width:28px} .icononly.buttonSize1 .buttonIcon{width:24px} .icononly.buttonSize2 .buttonIcon{width:20px} /* ================================================= */ .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 style =================================== */ .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')} /* Verlauf */ .cssButton .gradient_0{/*background-image:url(buttons/cssbutton_ico/gradient_0.png) ;*/ 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)} /* not IE */ .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)} /* Text Farbe */ .cssButton{color:#FFFFFF!important} /* Text-Shadow */ .cssButton .buttonText{text-shadow:1px 1px 1px #000000;text-shadow:1px 1px 1px rgba(0,0,0,1) !important} /* Button Farbe */ .color_1{background-color:#CCC!important} .color_0{background-color:#689AD5!important} /* css Animation ================================== (not IE) */ .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} /* =============list-style-type:none;========================================================================================================= */