/* Basics */
 img { -ms-interpolation-mode: bicubic; }
#body_content { width: 1000px; margin: 0px auto; font-family: 'Exo 2', sans-serif!important;}
#body_content h3 { color: #fff; font-family: 'Exo 2', sans-serif; font-size: 28px; margin: 0px; padding: 0px; font-weight: 400; }
.suchfeld_input { border: 0px; background-color: #FFFFFF; height: 40px; padding: 3px; font-family: 'Exo 2', sans-serif; font-size: 14px; color: #282828; border-radius: 2px; padding: 0 10px; }
#body_content h2 { font-size: 24px; color: #333333; font-weight: 400; margin: 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #dddddd; margin-bottom: 20px }
#inhalt { width: 1000px!important; margin: 0px auto; }
#CentralArea {  margin: 0px auto; font-family: 'Exo 2', sans-serif;}
#LeftPanel { width: 222px!important; }
#ContentPanel { width: 761px!important; }
#template { display:none; }
a:link img { border: none; }
.v4acpcont { display: none }

/* Artikel Kategorieansicht */
#top_seller_artikel a { text-decoration: none; }
#CentralArea .row a:nth-child(3n+0) .artikel_kachel { border-right: 0px; }
.artikel_kachel { width: 225px; padding: 5px 14px 5px 5px; float: left; border-right: 1px solid #dddddd; margin-right: 10px; position: relative }
.artikel_kachel .inner { width: 225px; overflow: hidden }
.artikel_kachel .image_container { width: 225px; height: 140px; position: relative; }
.artikel_kachel .image_container .img img{ width: 140px; height: 140px }
.artikel_kachel .image_container .hersteller_logo { position: absolute; bottom: 0px; right: 2px; max-height: 85px; width: 85px; }
.artikel_kachel .image_container .hersteller_logo img { border: 1px solid #ddd; max-height: 85px; max-width: 85px; }
.artikel_kachel .artikel_name { font-size: 16px; color: #282828; height: 90px; overflow: hidden; }
.artikel_kachel .artikel_name_long { font-size: 18px; color: #282828; display:none; }
.artikel_kachel .preis { font-size: 18px; color: #fff; background-color: #f29100; border-radius: 2px; height: 40px; line-height: 40px; padding: 0px 15px; float: right; text-align: right; }
.artikel_kachel .preis .euro { font-size: 14px; padding: 0px; margin: 0px 0 0 2px; }
.artikel_kachel .info  { display: none; clear: both; margin-top: 70px }
.artikel_kachel .info p { color: #282828; font-size: 14px; margin: 0px; }
.artikel_kachel .artikel_details { color: #282828; font-size: 14px; margin: 0px 0px 20px 0px; display: none; }
.artikel_kachel .artikel_grundpreis { color: #282828; font-size: 12px; margin: 0px 0px 20px 0px; }
/* Artikel HOVER */
.artikel_kachel:hover .inner  { width: 250px; position: absolute; top: -115px; left: -28px; border: 1px solid #dddddd; background-color: #fff; z-index: 100; padding: 25px}
.artikel_kachel:hover .image_container { margin: 0px auto; width: 155px; height: 250px; position: relative; }
.artikel_kachel:hover .image_container .img img{ width: 155px; height: 155px }
.artikel_kachel:hover .info  { display: block; }
.artikel_kachel:hover  .image_container .hersteller_logo { max-height: 100px; width: 100px; }
.artikel_kachel:hover  .image_container .hersteller_logo img { max-height: 100px; max-width: 100px; }
.artikel_kachel:hover  .artikel_details { display: block; }
.artikel_kachel:hover  .artikel_name { display: none; }
.artikel_kachel:hover  .artikel_name_long { display: block; }
.list_template_spacer { margin: 0 0 10px 0; height: 10px; border-bottom: 1px solid #ddd; clear: both }

/* Sortline */
.pre_list{ width: 100%; margin: -16px 0 0 0; }
.post_list{ width: 100%; margin: 10px 0 0 0; clear: both; }
.sortline .articleAmount { float: left; color: #333333; font-size: 14px; line-height: 40px; }
.sortline .sort_container { float: right; width: 190px; border: 1px solid #ddd; position: relative; padding: 10px 10px 6px 20px; cursor: pointer; }
.sortline .sortname { float: left; color: #333333; font-size: 14px; }
.sortline .active_sort { float: right; }
.sortline .sort_items  { position: absolute; background-color: #fff; border: 1px solid #ddd; z-index: 10; top: 37px; left: -1px; width: 220px; }
.sortline .sort_items  a { color: #333333; font-size: 13px; line-height: 18px; padding: 3px 0px 2px 18px; }
.sortline .sitem { display: block; }

/* Paging */
#paging  { float: left; text-align: center; width: 380px; margin-top: 8px; }
#paging a { color: #333333; font-size: 18px; margin: 0px 3px; }
#paging .disabled{ color: #f29100; cursor: default; text-decoration: none!important; }
#paging .paging_disabled{ display:none; }

/* Header */
#top_header { width: 100%; height: 35px; background-color: #282828; color: #fff; font-family: 'Exo 2', sans-serif; }
#top_header .inner { width: 1000px; margin: 0px auto; line-height: 32px; font-weight: 300; text-align: right }
#top_header .inner a { color: #fff; text-decoration: none; padding: 0px 10px 0px 10px; border-right: 1px solid #fff; font-size: 13px}
#top_header .inner a:hover { text-decoration: underline; color: #dddddd }
#top_header .inner a:last-child { border-right: 0px }

#header { width: 1000px; margin: 0px auto 5px auto; }
#header #ws_logo { height: 81px; width: 310px; background: url('../gfx/ws-autoteile.jpg') no-repeat; float: left; }

/* USP Boxen Header */
.usp_box { background-color: #fff; float: left; height: 60px; margin: 0px 31px 0px 0px; background-repeat: no-repeat; font-family: 'Exo 2', sans-serif; padding: 21px 0 0 50px; font-size: 14px; color: #282828}
.usp_box h4 { margin: 0px; padding: 0px; color: #f29100; font-size: 20px; font-weight: 400; }
.usp_box a { text-decoration: none; color: #282828!important; }
.usp_box a:hover { text-decoration: underline; }
#header #hotline { background-image: url('../gfx/icon-usp-phone.jpg'); }
#header #mail { background-image: url('../gfx/icon-usp-mail.jpg'); padding-left: 57px; }
#header #versand { background-image: url('../gfx/icon-usp-versand.jpg'); padding-left: 57px;}

#navigation { clear: both; width: 100%; margin-top: 10px; height: 51px; background: url('../gfx/bg-nav.jpg');}

/* Navigation 1. Ebene */
#kategorien { list-style-type: none; font-family: 'Exo 2', sans-serif; font-size: 16px; color: #282828; padding: 0px; height: 51px;}
#kategorien a { color: #282828; text-decoration: none; line-height: 51px; }
#kategorien > li { display: inline; padding: 10px 20px 16px 20px; border-right: 1px solid #d4d4d4; position: relative; }
#kategorien li:hover { background-color: #4d4d4d; }
#kategorien li:hover a { color: #fff; }

/* Navigation 2. Ebene */
#kategorien li ul { position: absolute; left: 0px; top: 45px; background-color: #4d4d4d; padding: 20px 0px; display: none}
#kategorien li ul li { list-style-type: none; background-color: #4d4d4d; width: 280px; border-bottom: 1px solid #878787; padding: 0px 20px; position: relative;}
#kategorien li ul li a{ line-height: 35px; display: block; }
#kategorien li ul li:hover { background-color: #282828; border-bottom: 1px solid #282828; background-image: url('../gfx/nav-arrow.jpg'); background-position: right center; background-repeat: no-repeat;}
#kategorien li ul li:hover > a { color: #f29100 }

/* Navigation 3. Ebene */
#kategorien li ul  li ul { position: absolute; left: 320px; top: 0px; background-color: #878787; padding: 20px 0px; display: none; }
#kategorien li ul li ul li { list-style-type: none; background-color: #878787; width: 280px; border-bottom: 1px solid #4d4d4d; padding: 0px 20px;}
#kategorien li ul li ul li a{ line-height: 35px; }
#kategorien li ul li ul li:hover { background-color: #282828; border-bottom: 1px solid #282828; background-image: none; }
#kategorien li ul li ul li:hover a { color: #f29100 }

#kategorien li:hover > ul { display: block; z-index: 200;}

/* Suchleiste */
#search { background: url('../gfx/icon-search.jpg') no-repeat left top #282828; width: 900px; height: 40px; padding: 10px 20px 10px 80px; margin-bottom: 20px; }
.search_angebot { height: 101px!important; }
.search_angebot .trenner { width: 980px; height: 1px; background-color: #ddd; clear: both; margin: 10px 0px 10px -70px;}
#search_input { width: 540px; }
#search #search_button { float: right; width: 280px; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 20px }

/* Footer */
#footer_wrap { display: none; }
.footer { width: 100%; background-color: #282828; font-family: 'Exo 2', sans-serif; overflow: hidden; margin: 30px 0 0 0;}
.footer_inner { width: 1000px; margin: 0px auto; }
.footer_box { width: 240px; margin: 20px 10px 20px 0; float: left; color: #fff; font-size: 13px; }
.footer_box p { margin: 0; padding: 0; }
.footer_box .ueberschrift { font-size: 20px; color: #f29100; margin: 0 0 10px 0; }
.footer_box .zahlung { font-size: 17px; margin: 4px 0 10px 0; }
.footer_box a { color: #fff!important; text-decoration: none; font-size: 13px; line-height: 18px; }
.footer_box a:hover { color: #ddd; text-decoration: underline }
.footer_box img { margin: 7px 4px 0 0 }
.powered { width: 1000px; text-align: right; margin: 5px auto; }
.powered a { color: #282828!important; font-family: 'Exo 2', sans-serif; font-size: 15px; text-decoration: none; }


/* Buttons */
.button { border-radius: 2px; cursor: pointer; font-family: 'Exo 2', sans-serif; display: block; text-decoration: none!important;}

.button_orange { background-color: #f29100;  }
.button_orange:hover { background-color: #d98200; }
.button_blue { background-color: #0082cc;}
.button_blue:hover { background-color: #0071b3; }

.button_disabled { cursor: default; }
.button_disabled:hover { cursor: default; background-color: #0082cc; }

.search_icon {background:url('../gfx/search-button-icon.png') no-repeat right top; margin: 0px; padding-right: 35px; }

/* Fahrzeugsuche */
#car_search { width: 630px; height: 384px; background: url('../gfx/car-search-people.png') right bottom no-repeat #282828; float: left; margin-right: 20px; padding: 12px 10px 10px 20px;}
#search_status { width: 480px; height: 61px; background-image: url('../gfx/sprite-search-status.png'); margin: 25px 0 35px 0; }
#car_search #car_search_button { width: 480px; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 20px }

#key_search { background-color: #282828; width: 290px; float: left; height: 230px; margin-bottom: 20px; padding: 12px 10px 10px 20px; }
.key_search_input { width: 150px; margin-top: 15px;}
#hsn_input { margin-top: 25px; }

#key_search #key_search_button { width: 280px; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 20px; margin-top: 20px; }

#fzs_info { background: url('../gfx/fzs-info.jpg') no-repeat right top #282828; width: 280px; float: left; height: 104px; color: #fff; font-family: 'Exo 2', sans-serif; font-size: 20px; padding: 15px 20px; }
#fzs_info .info_button { position: relative; font-weight: 300; font-size: 14px; background: url('../gfx/info-button.jpg') no-repeat; padding: 0 0 0 30px; height: 42px; text-decoration: underline; cursor: help; line-height: 22px; margin-top: 5px;}
#fzs_info .info_button .fzs_layer { position: absolute; left: -700px; top: -364px; width: 630px; height: 377px; background: #282828; display: none; z-index: 20; padding: 18px 10px 10px 20px; color: #fff}
#fzs_info .info_button:hover .fzs_layer { display: block; }
#fzs_info .fzs_layer .fzs_img{ float: left; margin: 20px 20px 10px 0; }
#fzs_info .fzs_layer .fzs_text{ margin: 20px 0px 10px 0; }


/* Suchfeld Fahrzeugsuche */
#car_search_input .zeile { clear: both; float: left; margin-bottom: 15px; width: 465px; height: 40px;}	
#car_search_input .even,.odd { background:#fff;}
#car_search_input .iteminput { background:#fff; line-height: 20px;  }
#car_search_input .iteminput input { width:469px; background:url(../gfx/lupe.png) 449px 2px no-repeat; padding-left:5px; line-height: 22px; font-family: 'Exo 2', sans-serif; color: #282828;}	
#car_search_input .customcombo {  cursor:default; text-align:left; float: left; background:white; height:25px; line-height: 25px} 
#car_search_input .customcombo b, .customcombo b.left {  display:block;height:40px; line-height:40px;  font-weight:normal; padding:0px 23px 0px 10px; background-image:url(../gfx/arrow-car-search.png); background-position: right 10px top 10px; background-repeat: no-repeat; background-color: #fff; cursor:pointer; font-size: 14px; color:#4c4c4c!important; width: 447px; font-family: 'Exo 2', sans-serif; color: #282828; }
#car_search_input .customcombo b span { float:right; margin-right:10px;  }
#car_search_input .customcombo.active { background-position: 0 -32px; } 
#car_search_input .customcombo.active b {  background-position: right -32px; color:#000  } 
#car_search_input .customcombo.selected { background-position: 0 0; } 
#car_search_input .customcombo.selected b {  background-position: right 10 top 10; color:#4c4c4c  } 
#car_search_input .combodrop { border:1px solid #333; border-radius:2px; position: absolute; overflow:hidden !important; width:100%; white-space:nowrap; height:auto; overflow:visible; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background:white;}
#car_search_input .combodrop .scroll { overflow: auto; height: 272px;}
#car_search_input .combodrop .lines {font:normal 11px/17px Arial; min-height:1px; }
#car_search_input .combodrop .lines .scroll {min-height: 120px;}
#car_search_input .combodrop .lines div { overflow:hidden; }
#car_search_input .combodrop .lines .item { color: #000; cursor: pointer; padding:8px 10px 3px 9px;margin:0px 0px; font-size: 12px}
#car_search_input .combodrop .lines .item:hover, .combodrop .lines .item.selected { background:#ccc; }
#car_search_input .customcombo.selected:hover { background-position: 0 0px;} 
#car_search_input .customcombo.disabled {cursor:default; color:#777; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } 
#car_search_input .customcombo.disabled b {background-position: right 10 top -22 !important; color:#888 !important;}
#car_search_input .combodrop_bottom { width: 479px!important; height: 300px; margin-top: 8px}
#car_search_input .combodrop_bottom .lines { border-radius: 0;}
#car_search_input .combodrop_bottom .lines .item { text-align: left;}
#car_search_input .combodrop.noselect .lines .item { cursor:default;}
#car_search_input .combodrop.noselect .lines { cursor:default;}
#car_search_input .combodrop_bottom_left .lines .item { text-align: left;}
#car_search_input .combodrop_bottom .jspTrack { background: #eee !important;}


/* Flexslider */
#slide {float: left; width: 1000px; height: 250px; margin: 25px 0; clear: both; }
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  {outline: none;}
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
.flexslider {width:1000px; z-index:1; position:relative; display:block; float: right}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; z-index:1;} 
.flexslider .slides img {max-width: 1000px; max-height: 250px; display: block; z-index:1; border:0px;}
.flexslider .slides a {z-index:1;}
.carousel li {margin-right: 5px}
.flex-direction-nav {list-style: none outside none; margin: 0; padding: 0;}
.flex-direction-nav a {cursor: pointer; display: block; height: 28px; margin-top: 7px; position: absolute; text-indent: -9999px; width: 31px; z-index: 10;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-control-nav {margin-top: -25px; position: absolute; width: 1000px; text-align: center}
.flex-control-nav li {display: inline-block; zoom: 1; }
.flex-control-paging li a {background: #4d4d4d; display: inline-block; width: 8px; height: 8px; margin-right: 5px; color: #fff; font-family: 'Exo 2', sans-serif;; font-size: 0px; border-radius: 4px;}
.flex-control-paging li a.flex-active {background: #f29100; cursor: default;}
.flex-control-paging li a.flex-active:hover {background: #f29100; cursor: default;}
.flex-control-paging li a:hover {background: #333333; cursor: pointer;}


/* Artikel Topseller */
#top_seller_artikel a { text-decoration: none; }
.top_seller { width: 225px; padding: 5px 14px 5px 5px; float: left; border-right: 1px solid #dddddd; margin-right: 10px; position: relative }
.top_seller .inner { width: 225px; overflow: hidden }
#topseller4 { padding: 5px; border-right: 0px; margin-right: 0px }
.top_seller .image_container { width: 225px; height: 140px; position: relative; }
.top_seller .image_container .img img{ width: 140px; height: 140px }
.top_seller .image_container .hersteller_logo { position: absolute; bottom: 0px; right: 2px; max-height: 85px; width: 85px; }
.top_seller .image_container .hersteller_logo img { border: 1px solid #ddd; max-height: 85px; max-width: 85px; }
.top_seller .artikel_name { font-size: 18px; color: #282828; }
.top_seller .preis { font-size: 32px; color: #fff; background-color: #f29100; border-radius: 2px; height: 40px; line-height: 40px; padding: 0px 15px; float: right; text-align: right; }
.top_seller .preis .euro { font-size: 14px; padding: 0px; margin: 0px; }
.top_seller .info  { display: none; clear: both; margin-top: 70px }
.top_seller .info p { color: #282828; font-size: 14px; margin: 0px; }
/* Artikel Topseller HOVER */
.top_seller:hover .inner  { width: 250px; position: absolute; top: -145px; left: -28px; border: 1px solid #dddddd; background-color: #fff; z-index: 100; padding: 25px}
.top_seller:hover .image_container { margin: 0px auto; width: 250px; height: 300px; position: relative; }
.top_seller:hover .image_container .img img{ width: 250px; height: 250px }
.top_seller:hover .info  { display: block; }
.top_seller:hover .image_container .hersteller_logo { max-height: 130px; width: 130px; }
.top_seller:hover .image_container .hersteller_logo img { max-height: 130px; max-width: 130px; }

/* Promo Boxen Startseite */
.promoboxen { margin-bottom: 30px; overflow: hidden; clear: both; }
.promoboxen_start { float: left; margin: 0 20px 0 0; width: 320px; height: 190px; }
.promoboxen_start:last-child { margin: 0 0 0 0; }
.promoboxen_start img { max-width: 320px; max-height: 190px; }

/* Kategorie Boxen Startseite */
.kategorieboxen { clear: both; overflow: hidden; margin-bottom: 30px }
.kategorie_start { float: left; width: 160px; height: 160px; margin-right: 8px;}
.kategorie_start:nth-child(6n+0) { margin-right: 0px;}
.kategorie_start img { max-width: 160px; max-height: 160px; }

/* Marken Slider Startseie */
#marken_slider {display:none;}
.marken_start .nbs-flexisel-container {position:relative;max-width:1000px;height: 148px;margin-bottom: 55px; }
.marken_start .nbs-flexisel-ul {position:relative;width:20000px;margin:0px;padding:0px;list-style-type:none;text-align:center;height: 148px}
.marken_start .nbs-flexisel-inner {overflow:hidden;float:left;width:100%;}
.marken_start .nbs-flexisel-item {float:left;padding:0px;cursor:pointer;position:relative;line-height:0px; margin: 0px 0 0 12px; }
.marken_start .nbs-flexisel-item img {cursor: pointer;position: relative;margin-top:10px;max-width:115px;max-height: 115px}
.marken_start .nbs-flexisel-nav-left,.nbs-flexisel-nav-right {width: 30px;height: 148px; position: absolute;cursor: pointer;z-index: 100;background: url(../gfx/slider-button.png) no-repeat;}
.marken_start .nbs-flexisel-nav-left {left:0px;}
.marken_start .nbs-flexisel-nav-right {right:0px; background: url(../gfx/slider-button2.png) no-repeat; }
/* Marken Slider Tooltips Startseite */
#marken_slider .tooltip { background: url('../gfx/tooltip-marken-bg.png') top center; height: 16px; margin: 0px; padding: 24px 0 0 0; color: #fff; display: none; }
#marken_slider a { text-decoration: none }
#marken_slider li:hover .tooltip { display: block; }

/* TecDoc Info Startseite */
#tectoc_teile { float: left; width: 495px; }
#tectoc_teile div { float: left; }
#tectoc_teile .ueberschrift_tecdoc { font-size: 20px; font-weight: 400; color: #f29100; margin-bottom: 10px; }
#tectoc_teile p { font-size: 13px; font-weight: 300; color: #333333; margin: 0px; padding: 0px; }

/* Bewertungen Startseite */
#bewertungen { float: left; width: 495px; background: url('../gfx/bewertungen-people.png') right bottom no-repeat #282828; overflow: hidden; margin-left: 10px; color: #fff}
#bewertungen .ueberschrift_bewertungen { font-size: 28px; font-weight: 400; color: #fff; margin: 10px 0 10px 15px; }
#bewertungs_slider {display:none;}
#bewertungen .nbs-flexisel-container {position:relative;max-width:495px;height: 115px;margin-bottom: 55px; }
#bewertungen .nbs-flexisel-ul {position:relative;width:9000px;margin:0px;padding:0px;list-style-type:none;height: 148px}
#bewertungen .nbs-flexisel-inner {overflow:hidden;float:left;width:100%;}
#bewertungen .nbs-flexisel-item {float:left;padding:0px;position:relative;line-height:20px; margin: 0 50px 0 45px; max-width: 400px}
#bewertungen .nbs-flexisel-nav-left,.nbs-flexisel-nav-right {width: 30px;height: 148px; position: absolute;;z-index: 100;background: url(../gfx/slider-button-bewertung.png) no-repeat; cursor: pointer;}
#bewertungen .nbs-flexisel-nav-left {left:0px;}
#bewertungen .nbs-flexisel-nav-right {right:0px; background: url(../gfx/slider-button-bewertung2.png) no-repeat;}
#bewertungs_slider p { color: #fff; font-size: 14px; }
#bewertungs_slider .name { font-size: 16px; }
#bewertungs_slider .date { font-size: 10px; }

#bewertungen .anzahl { background: url('../gfx/bewertung-icon-plus.jpg') no-repeat left center; height: 28px; line-height: 28px; padding: 0 0 0 45px; margin: 0 0 20px 20px; font-size: 16px;}
#bewertungen .positive { background: url('../gfx/bewertung-icon-thumb.jpg') no-repeat left center; height: 40px;  padding: 0 0 0 45px; margin: 0 0 22px 20px; font-size: 16px;}
#bewertungen #cnt_bewertungen, #pos_bewertungen { display: inline; }

/* Sidebar */
#sidebar { width: 222px; font-family: 'Exo 2', sans-serif; }
.sidebar_headline { color: #333333; font-size: 20px; border-bottom: 1px solid #dddddd; padding: 0 0 10px 0; margin: 0 0 10px 0; }
#sidebar .box_fahrzeug { margin: 0 0 30px 0; }
#garage { font-size: 18px; line-height: 24px; }
#garage .headline { color: #282828; }
#garage #fahrzeug { color: #f29100; }
#waehlen { width: 150px; height: 30px; line-height: 30px; color: #fff; text-align: center; font-size: 14px; margin: 10px 0 20px 0; }
#search_sidebar { width: 150px; height: 30px; line-height: 30px; color: #fff; text-align: center; font-size: 14px; margin-bottom: 20px; }

#suchfeld { display: none; }

/* Suchfeld Fahrzeugsuche Sidebar */
#sidebar .suchfeld_links { margin: 10px 0 10px 0; overflow: hidden; }
#sidebar .zeile { clear: both; float: left; margin-bottom: 10px; width: 220px}
#sidebar .zeile select { width: 220px; height: 25px; line-height: 25px;}

/* HSN/TSN Suche Sidebar */
#suchfeld .headline{ color: #333333; font-size: 16px; }
.sidebar_search { width: 222px!important; background-color: #fff!important; padding: 0px!important; height: 100px!important; }
.sidebar_search #key_search_button { width: 150px!important; height:30px!important; line-height:30px!important; font-size: 14px!important;  }
.sidebar_search .suchfeld_input { border: 1px solid #ddd!important; width: 82px!important; margin: 10px 5px 0 0!important; height: 30px!important; }

/* Sidebar Kategorien Baumfunktion */
.box_kategorien ol.tree { padding: 0 0 0 13px; width: 187px; }
.box_kategorien li { position: relative; margin-left: -15px; margin-bottom: 5px;list-style: none; }
.box_kategorien li a { color: #282828; text-decoration: none; font-size: 14px; }
.box_kategorien li.file { }
.box_kategorien li.file a	{ padding-left: 0px; text-decoration: none; display: block; color: #282828; font-size: 12px; line-height: 18px}
.box_kategorien li.file a:hover { text-decoration: underline; }

.box_kategorien li input { position: absolute; left: 0; margin-left: 0; opacity: 0; z-index: 2; cursor: pointer; height: 1em; width: 1em; top: 0; }

.box_kategorien li input + ol { background: url('../gfx/toggle-small-expand.png') 40px 0 no-repeat; margin: -0.938em 0 0 -37px; /* 15px */ height: 1em; }

.box_kategorien li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
.box_kategorien li label { cursor: pointer; display: block; padding-left: 20px; }

.box_kategorien li input:checked + ol { background: url('../gfx/toggle-small.png') 40px 5px no-repeat; margin: -1.25em 0 0 -37px; /* 20px */ padding: 1.563em 0 0 80px; height: auto; }

.box_kategorien li input:checked + ol > li { display: block; margin: 0 0 0.125em;  /* 2px */}
.box_kategorien li input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ }


/*	Layer für HSN/TSN-Suche */
.layer { background: white; border: 1px solid black; padding: 10px; padding-bottom: 15px; font-family: 'Exo 2', sans-serif; height: auto !important; top:300px !important; position: absolute; width: 450px; left: 50%; margin-left: -225px; z-index: 200;}

.linkdiv { cursor: pointer; margin-top: 20px; font-family: 'Exo 2', sans-serif; }
.linkdiv .hersteller { margin-bottom: 3px; font-weight: bold; font-family: 'Exo 2', sans-serif; }
.linkdiv .modell { margin-bottom: 3px; padding-left: 25px; font-family: 'Exo 2', sans-serif; }
.linkdiv .typ { padding-left: 25px; font-family: 'Exo 2', sans-serif; }
.linkdiv .checkbox { float: left;}

.layer_green {background:green; padding:5px; font-weight:bold; color: white;font-family: 'Exo 2', sans-serif;}
.layer_red {background:red; padding:5px; font-weight:bold; color: white;font-family: 'Exo 2', sans-serif;}


/* Angebotstemplate */
.angebot_top_links { float: left; }
.angebot_top_rechts { float: left; margin-left: 20px; width: 448px; }
.big_image_box { width: 530px; height: 350px; border: 1px solid #ddd; text-align: center; }
.big_image_box .detail_bild { margin: 0px auto; width: 350px; position: relative; }
.big_image_box  img { max-width: 350px; max-height: 350px; }
.small_images { margin: 20px 0; width: 532px;}
.small_images .thumb_images { width: 90px; height: 90px; border: 1px solid #ddd; float: left; text-align: center; margin: 0 18px 10px 0; }
.small_images .thumb_images:nth-child(5n+0) { margin: 0 0px 10px 0; }
.small_images img { max-width: 90px; max-height: 90px; margin: 0px auto; }
#product_title { background-color: #282828; font-size: 28px; color: #fff; padding: 10px; width: 428px; }
#product_lieferumfang { color: #282828; font-size: 14px; margin: 0px 10px 20px 10px; width:503px; overflow: hidden; }
#product_lieferumfang  h3 { color: #282828; font-size: 20px; margin-bottom: 8px; }
#product_lieferumfang  .headline { color: #282828; font-size: 20px; margin-bottom: 8px; }
#product_lieferumfang  li { max-width: 390px; }
.youtube_video { float: left; margin: 0 20px 30px 0; width: 505px;}
#product_descr { float: left; color: #282828; font-size: 14px; margin: 0px 0px 30px 0px; width: 460px; }
#product_descr ul { padding: 0px 0px 0px 16px; margin: 0px; }
#product_descr h3 { color: #282828; font-size: 20px; margin-bottom: 8px; }

.sb_artnr { color: #a0a0a0; font-family: 'Exo 2', sans-serif; font-size: 18px; text-align: center; }

.hsntsn_angebot { margin: 0px 0px 0px -65px; color: #fff; font-size: 24px; font-family: 'Exo 2', sans-serif; line-height: 34px; }
.hsntsn_angebot p { margin: 0px 33px 0px 0px; float: left; }
.search_angebot input { width: 170px; }
.search_angebot #hsn_input { float: left; margin: 0px 30px 0px 0px; }
.search_angebot #tsn_input { float: left; margin: 0px; }
.search_angebot #key_search_button { width: 280px; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 20px; float: right; }
.youtube_video_layer { position: absolute; width: 530px; height: 320px; background: #fff; top: 0px; left: -90px; z-index: 1000; padding-top: 30px; display: none; }
#youtube_thumb { padding-top: 19px; height: 71px; position: relative; }
#youtube_thumb .play_button { background-image: url('../gfx/video-play.png'); background-repeat: no-repeat; background-position: center center; width: 90px; height: 90px; position: absolute; top: 0px; left: 0px; opacity: 0.5; }
#youtube_thumb .play_button:hover { opacity: 1; cursor: pointer; }

/* Tabs */
.artikel_eigenschaften { background-color: #282828; color: #fff; font-size: 28px; margin: 30px 0px 10px 0px; padding: 10px 0px 10px 10px; }
#tabs-container { margin-top: 20px; }
.tabs-menu { float: left; clear: both; padding: 0px 0px 10px 0px; margin: 0px; border-bottom: 1px solid #ddd; width: 100%}
.tabs-menu li { list-style-type: none; padding: 0 15px;  height: 50px; line-height: 39px; float: left; margin-right: 10px; background: url('../gfx/tabs-menu.png') no-repeat right 9px #fff; }
/*.tabs-menu li:first-child { padding: 0 15px 0 0; } */
.tabs-menu li:last-child { background: none; }
.tabs-menu li.current { list-style-type: none; position: relative; z-index: 5; background-color: #fff; }
.tabs-menu li a { list-style-type: none; padding: 0px 10px 5px 0px; color: #333; font-size: 18px; font-weight: 500; text-decoration: none; }
.tabs-menu li a:hover { color: #f29100!important;  }
.tabs-menu li a span { font-size: 14px; display: block; line-height: 3px; }
.tabs-menu .current a { font-weight: 500; color: #f29100; }
.tab { background-color: #fff; float: left; margin-bottom: 35px; width: 1000px; }
.tab-content { display: none; max-height: 415px; overflow-y: auto; font-size: 14px; color: #333333; padding: 10px 0 0 0; }
.tab-content li { line-height: 20px; }
.tab-content .block { width: 45%; margin-right: 10px; float: left; }
.tab-content .block ul { padding: 0px 0px 0px 16px; }
#tab-1 { display: block; }
.info_pfeil { background: url('../gfx/set-artikel-info-pfeil.png'); width: 127px; height: 145px; position: absolute; margin: 40px 0 0 -140px; display: none; }



/* Artikel Cross Selling */
.crossselling_head { margin-top: 30px!important; }
#crossselling { display: none; }
#crossselling_artikel { margin-top: 30px; min-height: 300px }
#crossselling_artikel a { text-decoration: none; }
.xseller { width: 225px; padding: 5px 14px 5px 5px; float: left; border-right: 0px solid #dddddd; margin-right: 10px; position: relative }
.xseller .inner { width: 225px; overflow: hidden }
#xseller4 { padding: 5px; border-right: 0px; margin-right: 0px }
.xseller .image_container { width: 225px; height: 140px; position: relative; }
.xseller .image_container .img img{ width: 140px; height: 140px }
.xseller .image_container .hersteller_logo { position: absolute; bottom: 0px; right: 2px; max-height: 85px; width: 85px; }
.xseller .image_container .hersteller_logo img { border: 1px solid #ddd; max-height: 85px; max-width: 85px; }
.xseller .artikel_name { font-size: 18px; color: #282828; height: 90px; }
.xseller .preis { font-size: 32px; color: #fff; background-color: #f29100; border-radius: 2px; height: 40px; line-height: 40px; padding: 0px 15px; float: right; text-align: right; }
.xseller .preis .euro { font-size: 14px; padding: 0px; margin: 0px; }
.xseller .info  { display: none; clear: both; margin-top: 70px }
.xseller .info p { color: #282828; font-size: 14px; margin: 0px; }
/* Artikel Cross Selling HOVER */
/* .xseller:hover .inner  { width: 250px; position: absolute; top: -145px; left: -28px; border: 1px solid #dddddd; background-color: #fff; z-index: 100; padding: 25px}
.xseller:hover .image_container { margin: 0px auto; width: 250px; height: 300px; position: relative; }
.xseller:hover .image_container .img img{ width: 250px; height: 250px }
.xseller:hover .info  { display: block; }
.xseller:hover .image_container .hersteller_logo { max-height: 130px; width: 130px; }
.xseller:hover .image_container .hersteller_logo img { max-height: 130px; max-width: 130px; } */

/* Teilecheck */
#teilecheck { width: 100%; background-color: #282828; overflow: hidden; clear: both; }
#teilecheck .headline{ width: 100%; border-bottom: 1px solid #fff; font-size: 28px; color: #fff; padding: 20px; margin: 0 0 20px 0; }
#teilecheck .teilecheck_status{ width: 82px; height: 700px; background: url('../gfx/sprite-teilecheck-status.png') no-repeat; background-position: 0px 0px; margin: 29px 5px 0px 15px; float: left; }
.chrome .teilecheck_status{ margin: 24px 5px 0px 15px!important; }
#teilecheck .step3{ background-position: -83px 0px; }
#teilecheck .step4{ background-position: -166px 0px; }
#teileinner { float: left; width: 878px; color: #fff; font-size: 14px; }

.styled-select { width: 270px; margin: 0 0 10px 0; float: left; }
.checkformselector select { padding: 0px 0px 0px 8px; width: 260px; border: none; box-shadow: none; background: transparent; background: url('../gfx/arrow_down.png') 400px 0px; background-repeat: no-repeat; background-position: right 15px top 10px; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: 38px; font-size: 14px; color: #282828; font-family: 'Exo 2', sans-serif; height: 38px; border-radius: 2px; }
.checkformselector select::-ms-expand { display: none; }
.checkformselector select:focus { outline: none; }

.hsntsn_check { height: 40px; line-height: 40px; border-radius: 2px; float: left; border: 0px; padding: 0 10px; margin: 0px 10px 0px 0px; }

#step1 .fzs_info { width: 248px; height: 58px; background: url('../gfx/fzs-info.jpg') no-repeat right; background-size: 75px 70px; position: absolute; top: 63px; right: 78px; border: 1px solid #ddd; padding: 5px; line-height: 19px; cursor: help; z-index: 10; }
#step1 .fzs_info .info_button { width: 30px; height: 25px; background-color: #f29100; float: left; margin: 4px 15px 10px 5px; font-family: Courier New; font-size: 20px; text-align: center; font-weight: bold; padding: 5px 0 0 0;}
#step1 .fzs_info .fzs_layer { position: absolute; left: -403px; top: 68px; width: 630px; height: 377px; background: #282828; display: none; z-index: 20; padding: 18px 10px 10px 20px; color: #fff; border: 1px solid #ddd; z-index: 9; }
#step1 .fzs_info .fzs_layer .fzs_img{ float: left; margin: 20px 20px 10px 0; }
#step1 .fzs_info .fzs_layer .fzs_text{ margin: 20px 0px 10px 0; }
#step1 .fzs_info:hover .fzs_layer { display: block }

#step1 { padding-top: 15px; position: relative; }
#step2 { margin-top: 59px;  }
#step3 { margin: 39px 0; line-height: 12px; }

.neutral,.ok,.notok { display:none; }
#statusarea { height: 64px; }
#statusarea.selection .neutral { display:block !important; }
#statusarea { margin-top: 10px; }
#statusarea .neutral { color: #ffe400; font-size: 18px; }
#statusarea .ok { color: #ff9900; font-size: 18px; }
#statusarea .notok { color: #ff0000; font-size: 18px; }
.selection .neutral { display:block !important; }
.success .ok { display:block !important; }
.error .notok { display:block !important; }

#tableOutput,#tableOutputHead { width:878px; margin-top:40px; position:relative; color:#424242; border-spacing:0; font-family: 'Exo 2', sans-serif; }
#tableOutput { margin-top:0; width:850px; }
.tableOutputdiv { display:block; height:275px; overflow-y:scroll; background-color:#fff; }
#tableOutput tr,tableOutputHead tr { background-color:#fff; cursor:pointer; height:32px; }
#tableOutput tbody tr:hover { background-color:rgba(0,0,0,0.15); }
#tableOutput td,#tableOutput th,#tableOutputHead th { padding:6px 1px; border-bottom:1px solid #f6e7d0; }
#tableOutput th,#tableOutputHead th { background-color:#ff9900; font-weight:400; text-align:left; color:#fff; padding:6px 11px 6px 0; font-size: 13px;}
#tableOutput tr:last-child td { border-bottom:0; }
#tableOutput tr td:last-child { padding-right:20px; }
#tableOutput tbody { background-color:#fff; }
#tableOutput tbody tr td { font-size:12px; padding: 2px 4px 2px 5px; border-left: 1px solid #ddd; }
#tableOutput tbody tr td:nth-child(2) { border-left: 0px; padding: 2px 9px 2px 0px;}
#tableOutput tbody tr.selected td + td + td + td + td + td + td { transition:all 0.5s ease-out 0s; }

.icCheck { width:45px; text-align:center; background:url("../gfx/ic_nocheck.png") center center no-repeat; }
.selected .icCheck { background:url("../gfx/ic_check.png") center center no-repeat; }

#step3 .submit { border-radius: 2px; height: 45px; line-height: 45px; width: 400px; font-family: 'Exo 2', sans-serif; display: block; text-decoration: none!important; margin-top: 15px; }
#step3 .submit a { color: #fff; font-size: 20px; text-decoration: none; }
#step3 .button { background-color: #f29100; cursor: pointer; }
#step3 .disabled { background-color: #4d4d4d; cursor: not-allowed; }
#step3 .buttonIcon { float: left; }
#step3 .buttonIcon img{ padding: 12px 25px 1px 50px; }


/* Persönliche Seite */
.pers_spacer { clear: both; margin-bottom: 40px; }
.zahlung_versand { width: 480px; float: left; margin: 0px 10px}
.zahlung_versand small { margin: 0px 10px}
.zahlung_versand_block { float: left; width: 460px; padding-bottom: 20px; margin: 0 20px 20px 0; border-bottom: 1px solid #ddd }
.zahlung_headline { height: 50px; line-height: 60px; padding: 0 0 0 105px; margin-bottom: 10px; background-repeat: no-repeat; background-size: 79px 40px; background-position: 10px 10px; }
.paypal { background-image: url('../gfx/paypal.png'); }
.nachnahme { background-image: url('../gfx/nachnahme.png');  }
.ueberweisung { background-image: url('../gfx/vorkasse.png');  }
.dhl{ background-image: url('../gfx/dhl_yellow.png'); }
.dpd{ background-image: url('../gfx/dpd.png'); }
.spedition{ background-image: url('../gfx/wahl+co.png'); }
.clock_green { background: url('../gfx/clock-green.png') no-repeat; padding: 0 0 0 30px; height: 22px; line-height: 22px; margin: 0 0 0 10px; }
.clock_red { background: url('../gfx/clock-red.png') no-repeat; padding: 0 0 0 30px; height: 22px; line-height: 22px; margin: 10px 0 0 10px; }

.internationaler_versand  { width: 1000px; border-spacing: 0px; border-collapse: separate; font-family: 'Exo 2', sans-serif; }
.internationaler_versand thead { background-color: #282828; color: white; font-family: 'Exo 2', sans-serif; }
.internationaler_versand  td { padding: 5px 10px; font-family: 'Exo 2', sans-serif; }
.internationaler_versand tr:nth-child(even){ background-color: #eee }
.internationaler_versand tbody tr:hover{ background-color: #ddd }
.internationaler_versand thead td { padding: 10px }
.internationaler_versand  img { margin-right: 10px; }

.faq_head { width: 980px; padding: 10px; margin: 20px 0px 10px 0px; background-color: #282828; color: #fff; font-size: 14px; }
.faq_content { font-size: 14px; }

.teilecheck_box { font-family: 'Exo 2', sans-serif!important; width: 970px; background: url('../gfx/teilecheck-people.png') no-repeat bottom right #282828; padding: 12px 10px 10px 20px; overflow: hidden; position: relative }
.teilecheck_box p { color: #fff; width: 40%; float: left; font-size: 14px; }
.teilecheck_box #mail { width: 280px; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 20px; margin: 10px 0 20px 0; float: left; clear: both; }
.teilecheck_box .info_box { border: 1px solid #ddd; width: 210px; height: 180px; background-color: #fff; position: absolute; right: 327px; top: 27px; padding: 10px; border-radius: 2px; }
.teilecheck_box .info_box .check { background-image: url('../gfx/ic_check.png'); background-repeat: no-repeat; background-position: 0px 7px; padding: 0px 0px 0px 33px; margin: 10px 0px 0px 0px; font-size: 10px; color: #282828; min-height: 32px;}
.teilecheck_box .info_box .check a { font-size: 14px; color: #282828; text-decoration: none; }
.pre_head { line-height: 22px; font-weight: 500; font-size: 18px; clear: both; margin-bottom: 10px; text-decoration: underline}
.pre_text { font-weight: 500; font-size: 14px; clear: both; margin-bottom: 20px; }
.teilecheck_fzs_img { float: left; margin-right: 20px;  }
.teilecheck_fzs_text { float: left; font-size: 14px; color: #282828; width: 500px; }
.fzs_new_link { display: none; }
.fzs_link{ font-size: 12px; }
.fzs_link:hover { cursor: pointer; text-decoration: underline }
.info_wichtig { background-image: url('../gfx/warning.jpg'); background-repeat: no-repeat; background-position: 10px 10px; border: 2px solid #ff0000; padding: 10px 10px 10px 50px; margin: 10px 0px; max-width: 600px; }
.info_wichtig strong { color: #ff0000; }
.teilecheck_ident_img { float: left; margin-right: 20px; width: 300px; }
.teilecheck_ident_img img{ border: 1px solid #ddd; padding: 5px; }

.widerruf_box { font-family: 'Exo 2', sans-serif!important; width: 970px; background: url('../gfx/teilecheck-people.png') no-repeat center right #282828; padding: 12px 10px 10px 20px; overflow: hidden; position: relative }
.widerruf_box p { color: #fff; width: 40%; float: left; font-size: 14px; margin: 20px 0px; }
.widerruf_box #mail { width: 300px; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 20px; margin: 10px 0 20px 0; float: left; clear: both; }
.widerruf_box .info_box { border: 1px solid #ddd; width: 232px; height: 160px; background-color: #fff; position: absolute; right: 327px; top: 18px; padding: 10px 7px 10px 10px; font-family: 'Exo 2', sans-serif!important; border-radius: 2px; }
.widerruf_box .info_box .check { background-image: url('../gfx/ic_check.png'); background-repeat: no-repeat; background-position: 0px 7px; padding: 0px 0px 0px 33px; margin: 10px 0px 0px 0px; font-size: 10px; color: #282828; min-height: 32px; }
.widerruf_box .info_box .check a { font-size: 14px; color: #282828; text-decoration: none; }
.widerruf_text { float: left; font-size: 14px; color: #282828; width: 500px; }
#widerruf_button { width: 230px; height: 30px; line-height: 30px; color: #fff; text-align: center; font-size: 18px; margin: 10px 0 20px 0; float: left; clear: both; }
.widerruf_img { float: left; position: relative; width: 200px; overflow: hidden; height: 150px;}
.widerruf_img div { position: absolute; width: 150px; height: 150px; background-image: url('../gfx/sprite-widerruf.jpg');}
.widerruf_img .sendung { background-position: 0px -151px;}
.widerruf_img .geld { background-position: 0px -302px;}

.reklamation_img { float: left; position: relative; width: 200px; overflow: hidden; height: 150px;}
.reklamation_img div { position: absolute; width: 150px; height: 150px; background-image: url('../gfx/sprite-reklamation.jpg');}
.reklamation_img .pruefung { background-position: 0px -151px;}
.reklamation_img .ersatz { background-position: 0px -302px;}
.reklamation_img .geld { background-position: 0px -453px;}
#reklamation_button { width: 300px; height: 30px; line-height: 30px; color: #fff; text-align: center; font-size: 18px; margin: 10px 0 10px 0; float: left; clear: both; }
.reklamation_oder { width: 430px; float: left; }
.reklamation_oder strong { font-size: 24px; color: #333333; font-weight: 400; line-height: 40px; }
.reklamation_oder .reklamation_img { width: 170px; }
.reklamation_oder_text { width: 100px; margin: 50px 20px 0 20px; padding: 10px 0px; float: left; text-align: center; background-color: #f29100; color: #fff; font-weight: 500; }

.agb_head { font-size: 18px; }
.agb_text { font-size: 14px; margin: 5px 0px 20px 20px; }
.agb_text a { color: #333333; }
.impressum_text { font-size: 14px; margin: 5px 0px 20px 0px; }
.icon_impressum  { clear: both; position: relative; padding: 0px 0 0 30px; min-height: 30px; margin: 0 0 0 10px; }
.icon_impressum  div{ background-image: url('../gfx/sprite-icons-impressum.png'); background-repeat: no-repeat; height: 20px; width: 20px; position: absolute; top: 0px; left: 0px; background-size: 20px 160px; }
.impressum_location { background-position: 0px 0px; }
.impressum_register { background-position: 0px -20px; }
.impressum_zeiten { background-position: 0px -40px; }
.impressum_phone { background-position: 0px -60px; }
.impressum_fax { background-position: 0px -80px; }
.impressum_mail { background-position: 0px -100px; }
.impressum_web { background-position: 0px -120px; }
.impressum_bank { background-position: 0px -140px; }
.impressum_head { font-size: 18px; margin: 20px 0 10px 0 }


