@charset "utf-8";
/* CSS Document */
/* Eigene Schriftarten */
@font-face { font-family: 'Bank Gothic'; src: url('/fonts/bankgthd.woff') format('opentype'); src: url('/fonts/bankgthd.ttf') format('truetype'); }

/* Normalisieren margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pri, input, p, blockquote, th, td, form { margin:0; padding:0; font-family: arial; font-size: 11px; color: #000000; }
p { line-height: 2; letter-spacing: 0.05em; }
form { color:#FFFFFF; }
/* Normalisieren font-size für Schriften */
h1, h2, h3, h4, h5, h6 { font-size:100%; }
/* Listen neutralisieren */
ol, ul { list-style:none; margin-left: 25px; }
li { /* font-size:12px; line-height: 2.5; */ }
/* Bilderrahmen neutralisieren */
img { border:0; margin:0px; }
a { text-decoration:none; display:inline; margin:0px; color: #FF5900; }
body{ background-color: #fff; text-align:center; }

.btn_default_gg { /* gg = grey gradient */ position: relative; padding: 5px 20px; border: none; border-radius: 3px; font-size: 14px; font-family: "Bank Gothic"; cursor: pointer; color: #000; border: 1px solid #000;/*#5a5a5a;*/ background: #f6f6f6; /* Old browsers */ background: -moz-linear-gradient(top,  #f6f6f6 0%, #a5a5a5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#a5a5a5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #f6f6f6 0%,#a5a5a5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #f6f6f6 0%,#a5a5a5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #f6f6f6 0%,#a5a5a5 100%); /* IE10+ */ background: linear-gradient(to bottom,  #f6f6f6 0%,#a5a5a5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#a5a5a5',GradientType=0 ); /* IE6-9 */ }
.btn_default_gg:hover { background: #f6f6f6; }
#liste_info_wrapper { position: fixed; width: 100%; height: 100%; background-color: rgba(125, 125, 125, 0.75); z-index: 1; }
#liste_info_box { position: relative; top: 50%; width: 300px; height: 160px; margin: -100px auto 0; padding: 20px; background-color: #fff; /*background-color: #ebebeb;*/ font-size: 12px; line-height: 1.5; text-align: center; border-radius: 5px; border: 1px solid #000; }
#liste_info_box h1 { margin: -20px -20px 15px; padding: 10px; color: #fff; background-color: #e76700; font-size: 16px; font-weight: normal; font-family: "Bank Gothic"; border-top-right-radius: 5px; border-top-left-radius: 5px; }
#liste_info_box img { position: relative; top: 3px; height: 13px; }
#liste_info_box button { margin-top: 20px; }
#outher_box{ position: relative; text-align: left; width: 986px; margin: 0px auto; /* TODO: check if required! */ /*overflow: hidden;*/ background-repeat: repeat-x; }
#content_box_top{ background-image: url(/we_images/layout/content_box_top.gif); width: 986px; height: 18px; }
#content_box_left{ float:left; background-image: url(/we_images/layout/content_box_left.gif); width: 18px; height: 668px; }
#content_box_portal{ float:left; width: 950px; background-image: url(/we_images/layout/bg_content.jpg); height: 668px; }
#content_box{ background-image: url(/we_images/layout/bg_content_standard.png); background-repeat: repeat-y; width: 986px; position:relative;top:0px; }
#content_box_right{ float:left; background-image: url(/we_images/layout/content_box_right.gif); width: 18px; height: 668px; }
#content_box_bottom{ clear:both; background-image: url(/we_images/layout/content_box_bottom.gif); width: 986px; height: 40px; }
.mainnav{ font-size:12px; font-weight:bold; color: #393939; }
#box_produktreihe_oben{ margin-top:190px; margin-left: 10px; }
.produktreihe_oben{ float:left; margin-right: 30px; }
#box_produktreihe_unten{ position:relative; top: 74px; margin-left: 10px; }
.produktreihe_unten{ float:left; margin-right: 30px; }
.produktreihe_ende{ float:left; }
.hl{ display:none; }
#logo { position: relative; float: right; margin-top: 30px; margin-right: 25px; margin-bottom: 5px; }
#logo img { width: 175px; }
#header-background { margin-left: 8px; box-shadow: 0 0px 8px #333; }


/******* TOP NAVIGATION *******/ #ul_topnav { margin-left: 218px; margin-right: 16px; margin-bottom: 20px; position: relative; top: -1px; height: 22px; box-shadow: 0px 6px 4px -2px #000; background: url('/images/topnav/topnav_back.png') repeat; }
#ul_topnav>li { position: relative; display: inline-block; padding: 0 10px 0; font-family: 'Bank Gothic'; font-size: 18px; top: -7px; }
#ul_topnav>li:hover, .topnav_active { background: url('/images/topnav/topnav_back_hover.png') repeat-x; background-position: 0 7px; }
#ul_topnav li:hover .topsubnav { display: block; }
#ul_topnav>li>a { color: #393939; }
.topsubnav { display: none; position: absolute; z-index: 2; top: 27px; left: 0; width:178px; background-color:#f1f1f1; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-left: 1px solid #dddddd; line-height: 1; }
.topsubnav li { position: relative; padding: 5px 0; line-height: 15px; font-size: 12px; color:#545252; }
.topsubnav li:not(:last-of-type) { border-bottom: 1px dashed #545252; }
.topsubnav li>a { padding-left: 17px; }
#li_hl_news{ width:250px; }
.lnk_subnav { font-size: 12px; color:#545252; }
/******* TOP NAVIGATION - END *******/ 


.ul_service_center { margin-left: 25px; }
.ul_service_center li{ list-style-image: url("/we_images/buttons/aufzaehlungszeichen.gif"); line-height: 2; letter-spacing: 0.05em; font-size: 11px; }
.clear{ clear:both; }
.hl_news{ display:inline; font-size: 20px; font-weight:bold; position:relative; top: -5px; left:25px; margin-right:50px; }
.hl_shop{ font-size: 24px; color:#5a5a5a; }
li{ list-style-type: none; margin: 0px; padding: 0px; line-height: 2; line-height: 2; font-size:11px; }
li a{ color: #000000; }
ul{ margin: 0px; padding: 0px; }
a{ text-decoration:none; }
.nav_bold{ font-weight: bold; }
.nav_bold_main{ background-color: #ffffff; position:relative; left:-6px; font-weight: bold; padding-left: 6px; }
.nav_aktiv2{ color: #FF5900; font-weight: bold; }
.nav_aktiv2 a{ color: #FF5900; }
.nav_aktiv3{ color: #FF5900; font-weight: bold; }
.nav_aktiv3 a{ color: #FF5900; }
#mainnav{ width: 199px; padding: 5px; float:left; margin-left: 20px; }
#subnav1{ padding-left: 12px; background-color: #ffffff; position:relative; left:-6px; }
#subnav2,
#subnav3,
#subnav4,
#subnav5{ padding-left: 12px; }
#newspart{ float:left; width:241px; height:200px; }
#inhalt{ float:left; width:700px; }
#inhalt_start{ float:left; width:520px; }
.hl_inhalt{ font-size: 20px; margin-bottom:5px; color:#4c4b4b; }
#right_part{ min-height:500px; float:left; position:relative; top:-10px; padding-left:25px; }
#right_part_start{ min-height:500px; float:left; position:relative; top:-10px; padding-left:20px; padding-top:37px; }
.location_pfeil_weiterfuehrend{ position:relative; top:5px; }
.next_location{ font-size: 12px; }
#seitenanzeige{ text-align:right;letter-spacing:normal;line-height:normal;font-size:12px;width:688px; }
.box_blaettern{ background-color:#ededed;border:1px solid #d0cfcf;height:18px;padding-top:3px;width:688px; }
.artikel_pro_seite{ float:left;color:#707270;font-size:12px;position:relative;top:-5px; }
.box_seiten{ float:right;text-align:right;width:270px;height:16px; }
.seite_zurueck{ display:inline; }
.blaettern{ display:inline;letter-spacing:normal;line-height:normal;position:relative;top:-3px; }
.seite_weiter{ display:inline;letter-spacing:normal;line-height:normal; }
.btn_artikel_pro_seite{ position:relative; top:2px; }
.lnk_blaettern_aktiv{ color:#707270; }
.artikelbox{ position:relative;float:left;margin-right:14px;width:162px;height:179px;background-image:url(/images/bgs/artikelbox.gif); }
.artikelbox_ende{ position:relative;float:left;width:162px;height:179px;background-image:url(/images/bgs/artikelbox.gif); }
.titel{ position:relative;top:3px;padding-left:5px;color:#ffffff;line-height:1;letter-spacing:normal;font-weight:bold;font-size:12px; }
.titel a{ color:#ffffff; }
.preis{ position:absolute;top:125px;left:15px; }
.btn_lieferbar{ position: absolute; right: 10px; top: 35px; }
.btn_indenkorb{ position:absolute;left:8px;top:159px; }
.btn_artikel_empfehlen{ position:absolute;left:121px;top:164px; }
.btn_zum_wunschzettel{ position:absolute;left:141px;top:164px; }
.sendebutton_start{ width: 33px; height: 20px; }
.input_start{ width: 155px; height: 20px; border:0px; background-image: url(/we_images/layout/bg_input.gif); position:relative; top:-6px; }
.overview li{ display:block; height:300px; }
#slider2 { height: 1%; position:relative; overflow:hidden; padding: 0 0 0 0; background-repeat:no-repeat; width:184px; height:660px; height: 767px; }
#slider2 .viewport { float: left; width: 184px; height: 399px;height: 565px; overflow: hidden; position: relative; top:3px; }
#slider2 .buttons { background:url("/shop/images/buttons/blaettern_start_weiter.gif") no-repeat scroll 0 0 transparent; display: block; margin: 0px 0px 0px 0px; width: 183px; height: 12px;}
.buttons .next {margin: 440px 0 0 0px; background:url("/shop/images/buttons/blaettern_start_zurueck.gif") no-repeat scroll 0 0 transparent; } 
#slider2 .disable { visibility: hidden; background-position: -20px;}
#slider2 .overview { list-style: none; position: absolute; padding: 0; margin: 0; width: 178px; left: 0; top: 0;}
#slider2 .overview li{ float: left; margin: 0 0 0 0; padding: 1px; height: 118px; width: 178px;}
#slider2 .slideshow{ background-image: url(/pkw-suche/images/bg_galerie.gif); width: 181px; height: 150px; text-align:center; }
.slideshowlink{ line-height:normal; font-weight:bold; font-size:11px; color:#393939; text-decoration:underline; }
#blaettern_runter{ position:relative;top:-12px; }
.vdt{ position:absolute; top:-500px; }
.slideshow{ height:130px; }
#blaettern_runter{ position:relative; top:19px; left:1px; }
#blaettern_oben{ position:relative; top:443px; top: 607px; left:1px; background:url(/shop/images/buttons/blaettern_start_zurueck.gif); }
#blaettern_oben.test { top: 607px; }
#box_slider{ height:456px; width:185px; background-image:url(/shop/images/bgs/bg_neuheiten_start.gif); margin-top:17px; }
#box_slider.test { height: 515px; height: 622px; background-image:url(/shop/images/bgs/bg_neuheiten_start_test.gif); }
#input_user{ width:165px;height:22px;border:1px solid #9e9e9e;font-size:13px;color:#b1b1b1;margin-top:15px; }
#input_pass{ width:165px;height:22px;border:1px solid #9e9e9e;font-size:13px;color:#b1b1b1;margin-top:12px; }
#form_login{ background-image:url(/shop/images/bgs/bg_login_start.gif);padding-left:9px;padding-right:9px;padding-top:22px;color:#7a7a7a;height:237px;background-repeat:no-repeat; }
#img_topteaser{ margin-top:30px; }
#teaser-cal22 { position: relative; top: 10px; }
#teaser-outlet { position: relative; top: 25px; }
#marken-logos { margin-top: 40px; }
#marken-logos li { float: left; margin-right: 11.6px; width: 77px; height: 70px; line-height: 70px; text-align: center; }
#marken-logos li:last-child { margin-right: 0; }
#marken-logos li a { display: inline-block; vertical-align: middle; }
#marken-logos li img { max-width: 100%; max-height: 70px; }
#footer_info{ text-align:center; line-height:1; }
#footer_info a{ font-size:13px; font-weight:bold; }


/* DETAILANSICHT */ 
.hr_detail{ border:0px; border-bottom:1px solid #bbbbbb; margin:0px; }
#art_detail_sub_header { position:relative; height: 22px; margin-bottom: 10px; }
#art_detail_sub_header img { position: absolute; top: 50%; right: 0; margin-top: -11px; margin-left: 5px; }
#art_detail_sub_header span { display: inline-block; }
#art_nr_detail { position: relative; width: 160px; }
#lieferbarkeit_detail { position: absolute; width: 35px; height: 22px; right: 445px; }
#tech_daten_header { position: absolute; width: 430px; right: 0; }
#tech_daten { font-size:11px; color:#4C4B4B; }
.h2_detail{ display:inline; font-size:12px; color:#4C4B4B; font-weight:bold; }
#box_bild{ /*text-align:center;*/ width:250px; float:left; }
#box_hauptbild { display: table-cell; width:250px; height: 250px; border:1px solid #bbbbbb; vertical-align: middle; }
#box_hauptbild .zoomWrapper { display: table-cell; margin: auto; height: 100% !important; }
.zoomWrapper #zoom-hauptbild { position: relative !important; display: inline-block; vertical-align: middle; }
.vorschaubild { float: left; width:48px; height:48px; margin-top: 3px; margin-right: 3px; border:1px solid #bbbbbb; }
.IElte8 .vorschaubild a { line-height: 48px; }
.vorschaubild img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-width: 46px; max-height: 46px; }
.IElte8 .vorschaubild img, 
.OPERAlt12 .vorschaubild img, 
.FFlte15  .vorschaubild img{ top: 0; vertical-align: middle; }
#box_attribute_werte{ padding-left:28px; /*height:240px;*/ float:left; width: 420px; }
#box_attribute{ float:left; font-weight:bold; width:150px; line-height:1.5; position:relative; top:-4px; }
#box_werte{ float:left; line-height:1.5; position:relative; top:-4px; width:270px; word-wrap:break-word; }
#attributebox { margin-bottom: 15px; }
.img_attribute{ /*height:30px; */ max-width: 100px; margin-right:10px; position:relative; }
#logobox { float: left; }
#preisbox { float: right; text-align:right; position:relative; /*width:400px;*/ }
#preisbox select { height: 23px; }
#preisimage { margin-bottom: 15px; }
#detail_uvp{ margin-bottom: 10px; font-size:16px; position:relative; left:-12px; }
.info-minbst { display: inline-block; margin-right: 10px; font-size: 20px; }
.info-minbst img { vertical-align: top; }
.info-minbst span { padding: 0 5px; background: #0072c6; color: #fff; }
.artikelbox .info-minbst, .artikelbox_ende .info-minbst { position: absolute; right: 0; bottom: 1px; font-size: 14px; }
.artikelbox .info-minbst img, .artikelbox_ende .info-minbst img { height: 18px; }
.box_artikel_verknuepft .info-minbst { font-size: 16px; }
.box_artikel_verknuepft .info-minbst img { height: 20px; }
#wk_uebersicht .info-minbst { float: none; margin: 5px 0 0; font-size: 16px; }
#wk_uebersicht .info-minbst img { height: 18px; }
.schnellbestellung_artikel .info-minbst { display: none; margin: 0; width: 50px; font-size: 16px; }
.schnellbestellung_artikel .info-minbst img { margin-top: 1px; margin-right: -4px; height: 18px; }
.err-minbst { display: none; margin-bottom: 20px; padding: 5px; border: 1px solid #f00; background: rgba( 255, 0, 0, 0.1 ); color: #f00; text-align: left; }
.box_artikel_verknuepft .err-minbst { margin: 0 5px 5px; }
td .err-minbst { margin: 5px 0; }
.schnellbestellung_artikel .err-minbst { font-size: 10px; }
label.select { top:-15px; display: inline-block; position:relative; }
label.select select { height: 26px; font-size:14px; }
#input_menge_hauptartikel{ text-align:center; width:23px; height:23px; position:relative; font-size:14px; }
.hl_bereiche{ font-size:16px; color:#4C4B4B; font-weight:bold; }
.box_artikel_verknuepft{ width:347px; padding-top:5px; padding-bottom:5px; margin-bottom:5px; float:left; background-color:#f6f6f6; }
.box_bild_verknuepft{ width:80px; float:left; height:80px; border:1px solid #bbbbbb; text-align:center; background-color:#ffffff; margin-left:5px; }
.wert_verknuepft{ padding-left:15px; font-weight:strong; }
.artikel_verknuepft{ float: left; width: 124px; }
.preis_verknuepft{ float:left; width:124px; padding-left:15px; }
.lieferbar_verknuepft{ text-align:right; }
.input_mitbestellen{ width:25px; position:relative; top:4px; }
.img_mitbestellen{ position:relative; top:8px; }
/* ENDE DETAILANSICHT*/


/* LISTENANSICHT */ 
.box_sortierung{ float:left;padding-left:35px;/*padding-right:35px;*/color:#707270;font-size:12px;position:relative;top:-2px; }
#input_sortierung{ height:18px; }
.liste_artikelnummer{ position:absolute;left:5px;top:34px;color:#000000; }


/* BASICS */ 
#box_mein_konto { width:152px; height:44px; position:absolute; top:2px; right:212px; padding-left: 5px; background-image: url('/shop/images/buttons/mitlaufendes_konto.gif'); background-repeat: no-repeat; }
#box_mein_konto>p { color: #FF5900; }
#box_warenkorb{ width:152px; height:44px; position:absolute; top:46px; right:212px; padding-left: 5px; background-image:url(/shop/images/buttons/mitlaufender_wk.gif); background-repeat: no-repeat; }
#box_warenkorb_uebersicht { position: absolute; padding: 5px; top: 90px; right: 220px; background-color: #ebebeb; border-radius: 5px; border: 1px solid #3f3f3f; z-index: 1; }
#box_warenkorb_uebersicht p { margin-top: 10px; font-size: 14px; font-weight: bold; text-align: center; }
#box_warenkorb_uebersicht table { width: 100%; border-spacing: 0; }
#box_warenkorb_uebersicht td { padding-bottom: 5px; }
#box_warenkorb_uebersicht tr:last-of-type td { padding-top: 5px; border-top: 1px solid #5a5a5a; color: #e76700; }
#box_warenkorb_uebersicht td { width: 50%; font-size: 14px; }
#box_warenkorb_uebersicht td:last-of-type { text-align: right; }
#box_warenkorb_uebersicht_title { margin: -5px !important; border-top-left-radius: 5px; border-top-right-radius: 5px; font-family: "Bank Gothic"; font-size: 16px; font-weight: normal !important; color: #ffffff; background-color: #e76700; }
#box_warenkorb_uebersicht_title .fa { margin: 0 10px; }
#box_warenkorb_uebersicht_title .fa-times-circle { position: absolute; margin: 0; top: 2px; right: 2px; cursor: pointer; }
.btn_warenkorb_uebersicht_return::before { position: absolute; top: 6px; left: 5px; content: "\f0d9"; font-family: "FontAwesome"; }
.btn_warenkorb_uebersicht_next { color: #e76700; }
.btn_warenkorb_uebersicht_next::after { position: absolute; top: 6px; right: 5px; content: "\f0da"; font-family: "FontAwesome"; }
#txt_mwk_artikelanzahl{ float:left; font-size:11px; color:#9e9e9e; width:40px; white-space: nowrap; }
#txt_mwk_wert{ float: right; margin-right: 40px; font-size:11px; color:#9e9e9e; max-width:67px; text-align:right; }
#sie_sind_angemeldet{ position:absolute; left:15px; top:75px; width:800px; }
#box_suche{ position:absolute; top:200px; left:647px; height:23px; }
#text_suche{ font-size:13px; color:#797979; }
#form_suche{ display:inline; }
#input_suche{ height:18px; width:220px; font-size:13px; color:#aaaaaa; }
#btn_suche{ position:relative; top:5px; }


#box_footer{ background-image:url(/shop/images/footer.png); width:990px; height:50px; position:relative; top:-1px; left:-2px; text-align:center; }
#text_footer{ color:#fff; padding-top:10px; }
.bild_listenansicht_pad{ position:absolute; left:2px; top:60px; }


/* MEIN KONTO */ 
#profilbox1 { border: 1px solid #BBBBBB; padding: 25px; }
#profilbox1 .left-box { float: left; padding-right: 50px; width: 273px; border-right: 1px solid #BBBBBB; }
#profilbox1 .right-box { float: left; padding-left: 50px; width: 274px; }
#tbl_alt_lieferadresse tr td{ line-height:2; }
#tbl_alt_lieferadresse input[type="text"] { width: 160px; }
#profilbox2 td.note { text-align: center; }
#profilbox2 td.note .fa-sticky-note { color: #E0C860; font-size: 16px; cursor: pointer; }
#profilbox2 td.note .note-box { display: none; position: absolute; padding: 10px; width: 250px; border: 1px solid #bbb; background: #fff; text-align: left; }
#profilbox2 td.note .note-box h1 { margin: -10px -10px 10px; padding: 5px; background: #dedede; text-align: center; }
#profilbox2 td.note .note-box h1 .fa-times-circle { position: absolute; top: -10px; right: -10px; font-size: 16px; cursor: pointer; }
#felder_registrieren{ float:left; line-height:2; /*width:150px;*/ }
#form_registrieren{ float:left; color: #000000; }
.form_registrieren_input{ width: 264px; margin-bottom: 7px; }
#top_buttons { position: absolute; top: 0; left: 10px; }
#top_buttons .facebooklogo_basics, #top_buttons .youtubelogo_basics, #top_buttons .basic_nav{ position: relative; float: left; top: 0; left: 0; }
.facebooklogo_basics{ position:absolute; top:0px; left:310px; }
.facebooklogo_shop{ left:261px; }
.youtubelogo_basics{ position:absolute; top:0px; left:387px; }
#gsg-kat-logo { float: right; }