﻿@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,700,600,400,300);

body { margin: 0px; }
#atu_template { color: #000; }
#atu_template * { font-family: 'Open Sans', sans-serif; }
#atu_template p, #s4t_foot {margin: 14px 0}
.header { width: 100%; }
.content * {line-height: 20px;}
input { font-family: 'Open Sans', sans-serif; }
input:focus, select:focus, textarea:focus, button:focus { outline: none; }

.row:before, .row:after{ content:' '; display: table; }
.row:after, .row:after { clear: both; }

.header .top { width: 100%; height: 100px; background: url('../gfx/top-header.png') no-repeat center top #fff; }
.header .top .inner { max-width: 925px; margin: 0px auto; padding-left: 20%; width: 80%; position: relative;  }
.header .top .box { float: left; font-size: 14px; text-align: center; margin: 5px 3%; line-height: 16px; }

.header .header_content { width: 100%; height: 80px; background: url('../gfx/header.jpg') no-repeat #fff; position: relative; background-position: center -99px; }
.header .header_content .inner { width: 1160px; margin: 0px auto; position: relative; }
.header .logo { display: block; width: 205px; height: 100px; background: url('../gfx/atu-logo.svg'); position: absolute; top: 0; left: 0; }

.header .nav .mobile { display: none; }
.header .mobile_nav_search { display: none; }
.header .nav { width: 1160px; background: url('../gfx/header-nav.png'); height: 50px; position: absolute; bottom: 0px; left: 50%; margin-left: -580px; text-align: center; margin-bottom: 0; }
.header .nav ul { margin: 0px; padding: 0px; }
.header .nav  li { list-style-type: none; float: left; font-size: 14px; height: 50px; border-right: 1px solid #949393; text-align: center; display: table; }
.header .nav  li:last-child { border-right: 0px; }
.header .nav  li:last-child a { padding-right: 24px; }
.header .nav  li  a { color: #000; text-decoration: none; display: table-cell; vertical-align: middle; padding: 0px 22px 0 21px; }
.header .nav  li a:hover { background: RGBA(255,255,255,0.5); }

.header .top .box .icon { width: 100px; height: 45px; margin: 4px auto; text-align: center; background-size: auto 36px!important; background-position: center center!important; line-height: 18px; }
.box.one .icon { background: url('../gfx/1-usp.png') no-repeat; }
.box.two .icon { background: url('../gfx/2-usp.png') no-repeat; }
.box.three .icon { background: url('../gfx/3-usp.png') no-repeat; }
.box.four .icon { background: url('../gfx/4-usp.png') no-repeat; }


.content { width: 100%; max-width: 1160px; margin: 20px auto 40px auto; overflow: hidden; }
.content .grid1 { float: left; max-width: 310px; width: 30%; position: relative; }
.content .grid2 { float: right; max-width: 790px; width: 68%; }
.content .grid3 { float: left; width: 275px; }

.content .image { position: relative;´}
.content .image img { width: 310px; }
.content .image .zoom { position: absolute; bottom: 0px; right: 0px; width: 118px; height: 119px; background: url('../gfx/img-zoom.png') 0px 0px no-repeat;}
.content .image:hover .zoom { background: url('../gfx/img-zoom.png') 0px -119px no-repeat;}
.content .reifenlabel { width: 150px; position: absolute; background: url('../gfx/reifenlabel-bg.png') no-repeat; padding-top: 32px; margin-top: -30px; left: 25%; }
.content .reifenlabel img { width: 150px; }

.content h1 { font-size: 20px; font-weight: bold; }
.content .artnr { font-size: 14px; color: #505050; }
.content .beschreibung { font-size: 14px; margin: 20px 0px 0px 0px; }
.content .beschreibung h2 { font-size: 14px; font-weight: bold; margin-top: 25px; }
.content .beschreibung table { font-size: 14px!important; }
.content .beschreibung td { font-size: 14px!important; }
.content .hinweis { font-size: 12px!important; padding: 20px 20px 6px 20px; margin: 20px 0px 0px 0px; background-color: #eeeeee; }
.content .hinweis p { margin-top: 0px; }
.content .hinweis .headline { font-weight: bold; }
.content ul { list-style-image: url('../gfx/list-style.png'); font-size: 14px; padding-left: 20px; margin: 0px; }
.content .attribute { font-size: 14px; }
.content .attribute table { font-size: 14px; }

.click_collect { width: 275px; background: #ebebeb; }
.click_collect .filiale { height: 175px; background: url('../gfx/click-collect-bg.jpg') center; position: relative; color: #fff; }
.click_collect .filiale p { font-size: 14px; font-weight: bold; position: absolute; bottom: 7px; width: 170px; margin: 0px !important; right: 25px; }
.click_collect .pin { background: url('../gfx/click-collect-pin.png'); width: 67px; height: 109px; position: absolute; bottom: 12px; left: 6px; }
.click_collect .box { font-size: 12px; background-image: url('../gfx/click-collect-steps.png'); background-repeat: no-repeat; margin: 20px; padding: 0px 0px 0px 50px; }
.click_collect .second { background-position: 0px -75px; }
.click_collect .third { background-position: 0px -150px; }
.click_collect .details { font-size: 10px; margin: 0px 15px; }
.click_collect .details a { color: #000; }
.click_collect .footer_line { height: 10px; width: 275px; margin-top: 15px;}

.footer { background: url('../gfx/search-bg.jpg') top center repeat-y; padding: 20px 0px; position: relative; margin-bottom: 10px; }
.footer h2 { text-align: center; font-size: 26px; font-weight: 300; color: #fff; margin: 0px; padding: 0px; }
.footer h3 { text-align: center; font-size: 18px; font-weight: 700; color: #fff; margin: 5px 0px 20px 0px; padding: 0px; }
.footer a { color: #000; }
.footer .inner { margin: 0px auto; max-width: 1160px; width: 100%; padding: 0 15px; }
.footer .box { width: 334px; height: 250px; float: left; background: RGBA(255,255,255,0.75); padding: 20px; margin-right: 19px; }
.footer .box#info { float: right; }
.footer .box.no-bg { background: transparent; }
.footer .box:last-child { margin-right: 0; }
.footer .box .headline { margin: 0px 0px 15px 0px; font-size: 14px; font-weight: bold; }
.footer #reifen { margin: 0px 19px; }
.footer .button { width: 260px; height: 35px; background: RGBA(195,21,37,1); line-height: 35px; color: #fff; text-align: center; font-size: 14px; font-weight: bold; cursor: pointer; clear: both; }
.footer .error { background: RGBA(80,80,80,1)!important; }
.footer .secondary { width: 208px; height: 35px; background: RGBA(80,80,80,1); line-height: 35px; color: #fff; text-align: center; font-size: 14px; font-weight: bold; cursor: pointer; clear: both; }
.footer .button:hover { background: #18222a; }
.footer .input_box { height: 38px; border: 1px solid #ebebeb; background: #fff; }
.footer .hsn_tsn_input { clear: both; margin-bottom: 10px; overflow: hidden; }
.footer .hsn_tsn { width: 160px; float: left; margin-top: 23px; }
.footer #hsn_border{ margin-right: 10px; }
.footer .hsn_tsn input { height: 38px; line-height: 38px; padding: 0px 10px; width: 158px; border: 0px !important; box-sizing: border-box}

.footer .service_option { width: 332px; float: left; margin-bottom: 10px;  }
.footer .service_option input { height: 38px; line-height: 38px; padding: 0px 10px; width: 332px; border: 0px !important; box-sizing: border-box }
.footer .logo { background: url(../gfx/logo.jpg) no-repeat center; width: 100px; height: 50px; background-size: 100%; }
.footer p { font-size: 14px; }

#eu-label { width: 100%; height: 270px; overflow: auto; margin: 13px 0; }
#eu-label .headline { height: 50px; line-height: 50px; background: url('../gfx/eu-headline.jpg') no-repeat; padding-left: 10px; font-size: 16px; font-weight: bold; }

#eu-label .label { float: left; width: 118px; height: 148px; margin: 0 20px 0px 0; background: url('../gfx/reifenlabel.jpg') no-repeat; background-size: 118px 148px; }
#eu-label .efficiency { float: left; width: 105px; height: 69px; margin: 0 20px 0px 0; background: url('../gfx/kraftstoffeffizienz.jpg') no-repeat; background-size: 105px 69px; }
#eu-label .traction { float: left; width: 105px; height: 69px; margin: 0 20px 0px 0; background: url('../gfx/nasshaftung.jpg') no-repeat; background-size: 105px 69px; }
#eu-label .noise { float: left; width: 105px; height: 69px; margin: 0 20px 0px 0; background: url('../gfx/rollgeraeusch.jpg') no-repeat; background-size: 105px 69px; }
#eu-label .snowflake { float: left; width: 105px; height: 69px;  margin: 0 20px 0px 0; background: url('../gfx/wintertauglichkeit.jpg') no-repeat; background-size: 105px 69px; }
#eu-label .ice { float: left; width: 105px; height: 69px; margin: 0 20px 0px 0; background: url('../gfx/eisgriff.jpg') no-repeat; background-size: 105px 69px; }
#eu-label .block { margin-bottom: 15px; }
#eu-label .block p { margin-top: 5px; }

/* Suchfelder FancyInput */

#car_search .iteminput input { width:432px; background:url(../gfx/lupe.png) right 5px top 2px no-repeat; padding-left:5px; line-height: 22px; color: #282828;}	
#car_search .combodrop_bottom { width: 432px!important; height: auto; max-height: 300px; margin-top: 8px}
#car_search .customcombo b, .customcombo b.left { display: block; height: 38px; line-height: 38px; font-weight: normal; padding: 0px 23px 0px 10px; background-image: url(../gfx/arrow-car-search.png); background-position: right 10px top 8px; background-repeat: no-repeat; background-color: #fff; cursor:pointer; font-size: 14px; width: 299px; color: #282828; border: 1px solid #ebebeb; overflow: hidden; }
#car_search .zeile { clear: both; float: left; margin-bottom: 10px; width: 332px; height: 40px; }	
#car_search .combodrop .scroll { overflow: auto; height: 272px;}

#service_input { clear: both; height: 50px; overflow: hidden; }
#service_input .combodrop_bottom { width: 410px!important; height: 300px; margin-top: 8px}
#service_input .customcombo b, .customcombo b.left { display: block; height: 38px; line-height: 38px; font-weight: normal; padding: 0px 23px 0px 10px; background-image: url(../gfx/arrow-car-search.png); background-position: right 10px top 8px; background-repeat: no-repeat; background-color: #fff; cursor:pointer; font-size: 14px; width: 299px; color: #282828; border: 1px solid #ebebeb; }
#service_input .combodrop_bottom { width: 332px!important; margin-top: 8px; height: auto; max-height: 200px; }
#service .iteminput { display: none; }
#service .combodrop .scroll { overflow: auto; height: 200px;}

#reifen .iteminput { display: none; }
#reifen_input_reifentyp .combodrop_bottom { width: 410px!important; height: 300px; margin-top: 8px}
#reifen_input_reifentyp .customcombo b, .customcombo b.left { display: block; height: 38px; line-height: 38px; font-weight: normal; padding: 0px 23px 0px 10px; background-image: url(../gfx/arrow-car-search.png); background-position: right 10px top 8px; background-repeat: no-repeat; background-color: #fff; cursor:pointer; font-size: 14px; width: 225px; color: #282828; border: 1px solid #ebebeb; }
#reifen_input_reifentyp .combodrop_bottom { width: 258px!important; margin-top: 8px; height: auto; }


.reifen_input_load { width: 96px!important; float: left; }		
#reifen_input_small { width: 267px; overflow: hidden; }		
#reifen_input_small .combodrop .scroll { overflow: auto; height: 200px;}		
#reifen_input_small .zeile { float: left; margin-bottom: 10px; width: 75px; height: 40px; }	
#reifen_input_small .combodrop_bottom { width: 410px!important; height: 300px; margin-top: 8px}
#reifen_input_small .customcombo b, .customcombo b.left { display: block; height: 38px; line-height: 38px; font-weight: normal; padding: 0px 23px 0px 10px; background-image: url(../gfx/arrow-car-search.png); background-position: right 10px top 8px; background-repeat: no-repeat; background-color: #fff; cursor:pointer; font-size: 14px; width: 33px; color: #282828; border: 1px solid #ebebeb; }
#reifen_input_small .combodrop_bottom { width: 66px!important; margin-top: 8px; height: auto; max-height: 200px; }
#reifen_input_small p { width: 14px; float: left; margin: 0px 4px 0px 3px; line-height: 40px; }
#reifen .spacer { clear: both; height: 25px; }

#reifen_input_speed { width: 163px; overflow: hidden; float: left; }	
#reifen_input_speed .zeile { float: left; margin-bottom: 10px; width: 163px; height: 40px; }	
#reifen_input_speed .combodrop_bottom { width: 410px!important; height: 300px; margin-top: 8px}
#reifen_input_speed .customcombo b, .customcombo b.left { display: block; height: 38px; line-height: 38px; font-weight: normal; padding: 0px 23px 0px 10px; background-image: url(../gfx/arrow-car-search.png); background-position: right 10px top 8px; background-repeat: no-repeat; background-color: #fff; cursor:pointer; font-size: 14px; width: 129px; color: #282828; border: 1px solid #ebebeb; }
#reifen_input_speed .combodrop_bottom { width: 162px!important; margin-top: 8px; height: auto; max-height: 200px; }

.even,.odd { background:#fff;}
.iteminput { background:#fff; line-height: 20px;  }
.customcombo { cursor:default; text-align:left; float: left; background:white; height:25px; line-height: 25px} 
.customcombo b span { float:right; margin-right:10px;  }
.customcombo.active { background-position: 0 -32px; } 
.customcombo.active b {  background-position: right -32px; color:#000  } 
.customcombo.selected { background-position: 0 0; } 
.customcombo.selected b {  background-position: right 10 top 10; color:#ebebeb  } 
.combodrop { border:1px solid #ebebeb; 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;}
.combodrop .lines {font:normal 11px/17px Arial; min-height:1px; }
.combodrop .lines .scroll {min-height: 120px;}
.combodrop .lines div { overflow:hidden; }
.combodrop .lines .item { color: #000; cursor: pointer; padding:8px 10px 3px 9px;margin:0px 0px; font-size: 12px}
.combodrop .lines .item:hover, .combodrop .lines .item.selected { background:#ebebeb; }
.customcombo.selected:hover { background-position: 0 0px;} 
.customcombo.disabled {cursor:default; color:#777; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } 
.customcombo.disabled b {background-position: right 10 top -22 !important; color:#888 !important; cursor: not-allowed; }
.combodrop_bottom .lines { border-radius: 0; height: 200px; overflow: auto; }
.combodrop_bottom .lines .item { text-align: left;}
.combodrop.noselect .lines .item { cursor:default;}
.combodrop.noselect .lines { cursor:default;}
.combodrop_bottom_left .lines .item { text-align: left;}
.combodrop_bottom .jspTrack { background: #eee !important;}


/* Services */
.top_services { margin-top: 29px; }
.top_services a { width: 120px; height: 38px; line-height: 38px; background: RGBA(255,255,255,0.5); display: block; float: left; text-align: center; margin: 0px 30px 10px 0px; color: #000 !important; text-decoration: none; font-size: 14px; }
.top_services a:hover { background: RGBA(255,255,255,0.8); }


/* Layer HSN/TSN */
.footer .layer { position: absolute; width: 585px; background: white; left: 50%; margin-left: -292px; font-size:14px; border: 20px solid rgb(255, 255, 255); border: 20px solid rgba(255, 255, 255, .7);-webkit-background-clip: padding-box; background-clip: padding-box; top: 84px; height: 368px; }
.footer .layer .headline { height: 35px; background: url('../gfx/fahrzeugliste-bg.jpg') no-repeat; font-size: 16px; font-weight: 700; padding: 125px 0px 0px 10px; }
.footer .layer .info { padding: 10px; font-weight: 700; }
.footer .layer .linkdiv { padding: 10px; cursor: pointer; }
.footer .layer .linkdiv  .hersteller { font-weight: 700; }
.footer .layer .fahrzeuge { height: 208px; overflow-y: auto; }
.footer .layer .close { position: absolute; top: -32px; right: -32px; height: 23px; width: 23px; cursor: pointer; background: url('../gfx/lightbox-close.png'); }
.footer .layer .close:hover { background-position: -22px 0px; }

#info .exp { font-size: 13px; }
#info hr { border: 0; height: 0; border-top: 1px solid #000; color: #000; margin-bottom: 20px; margin-top: 15px; }
#info .payment { margin-top: 30px; }
#info .payment .paypal { background: url(../gfx/paypal.svg) no-repeat; width: 100px; height: 50px; float: left; background-size: 100px; margin-right: 20px; }
#info .shipping .dpd { background: url(../gfx/shipping-logos.svg) no-repeat; width: 250px; height: 50px; float: left; background-size: 100% auto; background-position: center; }

#info .shipping .dpd-icon { background: url(../gfx/shipping-dpd.png) no-repeat; width: 100%; height: 49px; background-size: 80px; margin-right: 20px; background-position: center; }
#info .shipping .dpd-hint { text-align: center; margin: 0; }
.footer-payments {
	width: 100%;
	height: auto;
	text-align: center;
}
.footer-payments .footer-payment {
	background-size: cover;
	background-repeat: no-repeat;
	width: 64px;
	height: 36px;
	background-repeat: no-repeat;
	display: inline-block;
	margin: 0 3px;
}
.footer-payments .footer-payment.paypal-icon {
	background-image: url(../gfx/payment-paypal.png);
}
.footer-payments .footer-payment.google-pay {
	background-image: url(../gfx/payment-google-pay.png);
}
.footer-payments .footer-payment.visa {
	background-image: url(../gfx/payment-visa.png);
}
.footer-payments .footer-payment.mastercard {
	background-image: url(../gfx/payment-mastercard.png);
}
.footer-payments .footer-payment.american-express{
	background-image: url(../gfx/payment-american-express.png);
}
.footer-payments .footer-payment.sepa{
	background-image: url(../gfx/payment-sepa.png);
}
.footer-payments .footer-payment.bank {
	background-image: url(../gfx/payment-bank.png);
}

/* Image Lightbox */
#box_image_content { display: none; }
.box_zoom { max-height: 1050px; max-width: 850px; padding: 20px 20px; color: #333; font-size: 12px; background-color: #fff; }
.box_zoom img{ max-height: 900px; max-width: 850px;  }
.boz_zoom:after { /* clearfix */ content: ""; clear: both; display: block; }
.plainmodal-close { position: absolute; width: 23px; height: 23px; right: -10px; top: -10px; background: url('../gfx/lightbox-close.png') no-repeat; }
.plainmodal-close:hover { background-position: -23px 0; }
#box_pers_content { display: none; line-height: 20px }
#box_pers_content .pers_content { overflow-y: auto; width: 600px; height: 500px; font-size: 16px; font-family: 'Open Sans', sans-serif; }
#box_pers_content .pers_content h3 { color: #000; font-size: 30px; text-transform: uppercase; font-weight: 300; margin-top: 0px; }

/* Pers Content */
.pers_content .headline { height: 35px; font-size: 16px; font-weight: 700; padding: 125px 0px 0px 10px; }
.pers_content .lkw { background: url('../gfx/pers-content-lkw-bg.jpg') no-repeat; }
.pers_content .filiale { background: url('../gfx/pers-content-filiale-bg.jpg') no-repeat; }
.pers_content p { font-size: 14px; padding: 0px 10px; margin: 14px 0}
.pers_content ol { font-size: 14px; }

.warning { background: #eeeeee; padding: 15px 10px; font-size: 13px; }
.warning h3 { margin-top: 0; font-size: 15px; }
.warning .signs img { max-height: 65px; display: block; float: left; margin-right: 10px; }


/* Mobile Anpassungen */
@media screen and (max-width: 800px) {

	body { margin: 0px; }
	#atu_template { font-family: 'Open Sans', sans-serif; overflow: hidden; }
	.header { width: 100%; background: url('../gfx/header.jpg') no-repeat #fff; background-position: center; }
	input { font-family: 'Open Sans', sans-serif; }
	input:focus, select:focus, textarea:focus, button:focus { outline: none; }
	table {border-spacing: 0px!important;}

	.header .top { width: 100%; height: 50px; background: none;  }
	.header .top .inner { padding-left: 0; width: 100%; }
	.header .top .inner .box { display: none; }
	.header .top .box { float: left; font-size: 14px; text-align: center; margin: 5px 30px; }

	.header .header_content { background: none; height: 50px; }
	.header .header_content .inner { width: 100%; margin: 0px auto; position: relative; }
	.header .logo { display: block;  background: url('../gfx/atu-logo.svg');  position: relative; }
	.header .top .inner { background-color: rgba(255, 255, 255, 0.8); }

	.header .overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; background: RGBA(0,0,0,0.7); z-index: 99; display: none; }

	.header .mobile_nav_search { position: absolute; bottom: 0px; height: 50px; background: url('../gfx/header-mobile-nav-search.png') no-repeat center top #fff; line-height: 50px; width: 100%; }
	.header .mobile_nav_search .navigation { margin: 0px; padding: 0px 0px 0px 65px; font-weight: 700; font-size: 16px; background: url('../gfx/nav-icon.png') no-repeat 10px; }
	.header .mobile_nav_search .mobile_search { position: absolute; right: 20px; top: 0px; }
	.header .mobile_nav_search .mobile_search .input_box{ width: 33px; }
	.header .mobile_nav_search .mobile_search input { display: none; }

	.header .nav .mobile .headline { font-size: 16px; font-weight: 700; height: 50px; background: url('../gfx/nav-mobile-header.png'); margin: 0px; line-height: 50px; padding-left: 60px; position: relative; }
	.header .nav .mobile .close { height: 50px; width: 50px; background: url('../gfx/nav-mobile-close.png') no-repeat center; position: absolute; right: 0px; top: 0px; }
	.header .nav { min-width: 280px; max-width: 320px; width: 80%; height: 100%; background: #fff; position: fixed; top: 0px; left: -320px; z-index: 100; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s;}
	.header .nav ul { margin: 0px; padding: 0px; }
	.header .nav  li { list-style-type: none; float: left; font-size: 14px; height: 40px; border-bottom: 1px solid #949393; display: table; width: 100%;}
	.header .nav  li  a { color: #000; text-decoration: none; display: table-cell; vertical-align: middle; padding: 0px 21px; }
	.header .nav  li a:hover { background: RGBA(255,255,255,0.5); }

	.content { width: 100%; margin: 20px auto 40px auto; overflow: hidden; }
	.content .grid1 { clear: both; width: 100%; position: relative; }
	.content .grid2 { clear: both; width: 94%; margin: 0px 3%; }
	.content .grid3 { clear: both; width: 94%; margin: 20px 3% 0px 3%; }

	.content .image { position: relative; }
	.content .image img { width: 310px; }
	.content .image .zoom { display: none; }
	.content .reifenlabel { width: 90px; position: absolute; margin-top: -180px; left: 10px; background: none; }
	.content .reifenlabel img { width: 90px; }

	.content h1 { font-size: 20px; font-weight: bold; }
	.content .artnr { font-size: 14px; color: #505050; }
	.content .beschreibung { font-size: 14px; margin: 20px 0px 0px 0px; }
	.content .hinweis { font-size: 12px!important; padding: 20px 20px 6px 20px; margin: 20px 0px 0px 0px; background: rgba(235, 235, 235, 0.3); }
	.content .hinweis p { margin-top: 0px; }
	.content .beschreibung h2 { font-size: 14px; font-weight: bold; margin-top: 25px; }
	.content .beschreibung table { font-size: 14px!important; width: 90%!important; }
	.content .beschreibung td { font-size: 14px!important; }
	.content .hinweis .headline { font-weight: bold; }
	.content ul { list-style-image: url('../gfx/list-style.png'); font-size: 14px; padding-left: 20px; margin: 0px; }
	.content .attribute { font-size: 14px; }
	.content .attribute table { font-size: 14px; }

	.click_collect { width: 100%; background: #ebebeb; }
	.click_collect .filiale { height: 175px; background: url('../gfx/click-collect-bg.png') center no-repeat; position: relative; }
	.click_collect .filiale p { font-size: 14px; font-weight: bold; position: absolute; bottom: 7px; margin: 0px; right: 0px; padding-right: 17%; }	
	.click_collect .active { background-position: right 10px top -50px!important; }
	.click_collect .pin { background: url('../gfx/click-collect-pin.png'); width: 67px; height: 109px; position: absolute; bottom: 12px; left: 6px; }
	.click_collect .box { font-size: 12px; background-image: url('../gfx/click-collect-steps.png'); background-repeat: no-repeat; margin: 20px; padding: 0px 0px 0px 50px; min-height: 30px;  }
	.click_collect .second { background-position: 0px -75px; }
	.click_collect .third { background-position: 0px -150px; }
	.click_collect .details { display: none; }
	.click_collect .details a { color: #000; }
	.click_collect .footer_line { background: url('../gfx/click-collect-footer.png'); height: 10px; width: 100%; margin-top: 15px;}

	#eu-label { height: auto; width: 100%; }

	.footer { background: url('../gfx/search-bg.jpg') top center no-repeat #0c0b06; padding: 20px 0px 40px 0px; overflow: hidden; position: relative; width: 100%; margin-bottom: 0; }
	.footer h2 { text-align: center; font-size: 26px; font-weight: 300; color: #fff; margin: 0px; padding: 0px; }
	.footer h3 { text-align: center; font-size: 18px; font-weight: 700; color: #fff; margin: 5px 0px 20px 0px; padding: 0px; }
	.footer .inner { width: 100%; padding: 0; }
	.footer .box { width: 90%; height: 327px; clear: both; background: RGBA(255,255,255,0.75); padding: 3%; margin: 20px auto; float: none; height: auto; }
	.footer .box .headline { margin: 0px 0px 15px 0px; font-size: 14px; font-weight: bold; }
	.footer .button { width: 260px; height: 35px; background: RGBA(195,21,37,1); line-height: 35px; color: #fff; text-align: center; font-size: 14px; font-weight: bold; cursor: pointer; clear: both; }
	.footer .secondary { width: 208px; height: 35px; background: RGBA(80,80,80,1); line-height: 35px; color: #fff; text-align: center; font-size: 14px; font-weight: bold; cursor: pointer; clear: both; }
	.footer .box:last-child {margin: 0 auto; }
	.footer .button:hover { background: #18222a; }
	.footer .error { background: RGBA(80,80,80,1)!important; }
	.footer .input_box { height: 38px; border: 1px solid #ebebeb; background: #fff; }
	.footer .hsn_tsn_input { clear: both; margin-bottom: 10px; overflow: hidden; }
	.footer .hsn_tsn { width: 143px; float: left; margin-top: 23px; }
	.footer #hsn_border{ margin-right: 10px; }
	.footer .hsn_tsn input { height: 38px; line-height: 38px; padding: 0px 10px; width: 143px; border: 0px; }
	.footer .box#info { float: none; }
	.footer .service_option { width: 299px; float: left; margin-bottom: 10px;  }
	.footer .service_option input { height: 38px; line-height: 38px; padding: 0px 10px; width: 299px; border: 0px; }


	/* Suchfelder FancyInput */

	#car_search .iteminput input { width:100%; background:url(../gfx/lupe.png) right 5px top 2px no-repeat; padding-left:5px; line-height: 22px; color: #282828;}	
	#car_search .combodrop_bottom { width: 296px!important; height: auto; max-height: 300px; margin-top: 8px}
	#car_search .customcombo b, .customcombo b.left { display: block; height: 38px; line-height: 38px; font-weight: normal; padding: 0px 23px 0px 10px; background-image: url(../gfx/arrow-car-search.png); background-position: right 10px top 8px; background-repeat: no-repeat; background-color: #fff; cursor:pointer; font-size: 14px; width: 264px; color: #282828; border: 1px solid #ebebeb; overflow: hidden; }
	#car_search .zeile { clear: both; float: left; margin-bottom: 10px; width: 320px; height: 40px; }	
	#car_search .combodrop .scroll { overflow: auto; height: 272px;}

	#service_input { clear: both; height: 50px; overflow: hidden; }
	#service_input .combodrop_bottom { width: 410px!important; height: 300px; margin-top: 8px}
	#service_input .customcombo b, .customcombo b.left { display: block; height: 38px; line-height: 38px; font-weight: normal; padding: 0px 23px 0px 10px; background-image: url(../gfx/arrow-car-search.png); background-position: right 10px top 8px; background-repeat: no-repeat; background-color: #fff; cursor:pointer; font-size: 14px; width: 264px; color: #282828; border: 1px solid #ebebeb; }
	#service_input .combodrop_bottom { width: 320px!important; margin-top: 8px; height: auto; max-height: 200px; }
	#service .iteminput { display: none; }
	#service .combodrop .scroll { overflow: auto; height: 200px;}

	#reifen .iteminput { display: none; }
	#reifen_input_reifentyp .combodrop_bottom { width: 410px!important; height: 300px; margin-top: 8px}
	#reifen_input_reifentyp .customcombo b, .customcombo b.left { display: block; height: 38px; line-height: 38px; font-weight: normal; padding: 0px 23px 0px 10px; background-image: url(../gfx/arrow-car-search.png); background-position: right 10px top 8px; background-repeat: no-repeat; background-color: #fff; cursor:pointer; font-size: 14px; width: 225px; color: #282828; border: 1px solid #ebebeb; }
	#reifen_input_reifentyp .combodrop_bottom { width: 258px!important; margin-top: 8px; height: auto; }


	.reifen_input_load { width: 96px!important; float: left; }		
	#reifen_input_small { width: 267px; overflow: hidden; }		
	#reifen_input_small .combodrop .scroll { overflow: auto; height: 200px;}		
	#reifen_input_small .zeile { float: left; margin-bottom: 10px; width: 75px; height: 40px; }	
	#reifen_input_small .combodrop_bottom { width: 410px!important; height: 300px; margin-top: 8px}
	#reifen_input_small .customcombo b, .customcombo b.left { display: block; height: 38px; line-height: 38px; font-weight: normal; padding: 0px 23px 0px 10px; background-image: url(../gfx/arrow-car-search.png); background-position: right 10px top 8px; background-repeat: no-repeat; background-color: #fff; cursor:pointer; font-size: 14px; width: 33px; color: #282828; border: 1px solid #ebebeb; }
	#reifen_input_small .combodrop_bottom { width: 66px!important; margin-top: 8px; height: auto; max-height: 200px; }
	#reifen_input_small p { width: 14px; float: left; margin: 0px 4px 0px 3px; line-height: 40px; }
	#reifen .spacer { clear: both; height: 25px; }

	#reifen_input_speed { width: 163px; overflow: hidden; float: left; }	
	#reifen_input_speed .zeile { float: left; margin-bottom: 10px; width: 163px; height: 40px; }	
	#reifen_input_speed .combodrop_bottom { width: 410px!important; height: 300px; margin-top: 8px}
	#reifen_input_speed .customcombo b, .customcombo b.left { display: block; height: 38px; line-height: 38px; font-weight: normal; padding: 0px 23px 0px 10px; background-image: url(../gfx/arrow-car-search.png); background-position: right 10px top 8px; background-repeat: no-repeat; background-color: #fff; cursor:pointer; font-size: 14px; width: 129px; color: #282828; border: 1px solid #ebebeb; }
	#reifen_input_speed .combodrop_bottom { width: 162px!important; margin-top: 8px; height: auto; max-height: 200px; }

	.even,.odd { background:#fff;}
	.iteminput { background:#fff; line-height: 20px;  }
	.customcombo { cursor:default; text-align:left; float: left; background:white; height:25px; line-height: 25px} 
	.customcombo b span { float:right; margin-right:10px;  }
	.customcombo.active { background-position: 0 -32px; } 
	.customcombo.active b {  background-position: right -32px; color:#000  } 
	.customcombo.selected { background-position: 0 0; } 
	.customcombo.selected b {  background-position: right 10 top 10; color:#ebebeb  } 
	.combodrop { border:1px solid #ebebeb; 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;}
	.combodrop .lines {font:normal 11px/17px Arial; min-height:1px; }
	.combodrop .lines .scroll {min-height: 120px;}
	.combodrop .lines div { overflow:hidden; }
	.combodrop .lines .item { color: #000; cursor: pointer; padding:8px 10px 3px 9px;margin:0px 0px; font-size: 12px}
	.combodrop .lines .item:hover, .combodrop .lines .item.selected { background:#ebebeb; }
	.customcombo.selected:hover { background-position: 0 0px;} 
	.customcombo.disabled {cursor:default; color:#777; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } 
	.customcombo.disabled b {background-position: right 10 top -22 !important; color:#888 !important; cursor: not-allowed; }
	.combodrop_bottom .lines { border-radius: 0;}
	.combodrop_bottom .lines .item { text-align: left;}
	.combodrop.noselect .lines .item { cursor:default;}
	.combodrop.noselect .lines { cursor:default;}
	.combodrop_bottom_left .lines .item { text-align: left;}
	.combodrop_bottom .jspTrack { background: #eee !important;}


	/* Services */
	.top_services { margin-top: 29px; }
	.top_services a { width: 120px; height: 38px; line-height: 38px; background: RGBA(255,255,255,0.5); display: block; float: left; text-align: center; margin: 0px 30px 10px 0px; color: #000; text-decoration: none; font-size: 14px; }
	.top_services a:hover { background: RGBA(255,255,255,0.8); }


	/* Layer HSN/TSN */
	.footer .layer { position: absolute; width: 90%; background: white; left: 0px; font-size:14px; border: 20px solid rgb(255, 255, 255); border: 10px solid rgba(255, 255, 255, .7);-webkit-background-clip: padding-box; background-clip: padding-box; top: 184px; height: 368px; margin-left: 7px; }
	.footer .layer .headline { height: 35px; background: url('../gfx/fahrzeugliste-bg.jpg') no-repeat; font-size: 16px; font-weight: 700; padding: 125px 0px 0px 10px; }
	.footer .layer .info { padding: 10px; font-weight: 700; }
	.footer .layer .linkdiv { padding: 10px; cursor: pointer; }
	.footer .layer .linkdiv  .hersteller { font-weight: 700; }
	.footer .layer .fahrzeuge { height: 208px; overflow-y: auto; }
	.footer .layer .close { position: absolute; top: -22px; right: -22px; height: 23px; width: 23px; cursor: pointer; background: url('../gfx/lightbox-close.png'); }
	.footer .layer .close:hover { background-position: -22px 0px; }

	/* Image Lightbox */
	#box_image_content { display: none; }
	.box_zoom { max-height: 1050px; max-width: 850px; padding: 20px 20px; color: #333; font-size: 12px; background-color: #fff; width: 80%; }
	.box_zoom img{ max-height: 900px; max-width: 850px;  }
	.boz_zoom:after { /* clearfix */ content: ""; clear: both; display: block; }
	.plainmodal-close { position: absolute; width: 23px; height: 23px; right: -10px; top: -10px; background: url('../gfx/lightbox-close.png') no-repeat; }
	.plainmodal-close:hover { background-position: -23px 0; }
	#box_image_content { top:50%!important; }
	#box_pers_content { display: none; top: 50%!important; }
	#box_pers_content .pers_content { overflow-y: auto; overflow-x: hidden; width: 100%; height: 500px; font-size: 16px; font-family: 'Open Sans', sans-serif; }
	#box_pers_content .pers_content h3 { color: #000; font-size: 30px; text-transform: uppercase; font-weight: 300; margin-top: 0px; }

	/* Pers Content */
	.pers_content .headline { height: 35px; font-size: 16px; font-weight: 700; padding: 125px 0px 0px 10px; }
	.pers_content .lkw { background: url('../gfx/pers-content-lkw-bg.jpg') no-repeat; }
	.pers_content .filiale { background: url('../gfx/pers-content-filiale-bg.jpg') no-repeat; }
	.pers_content p { font-size: 14px; padding: 0px 10px; }
	.pers_content ol { font-size: 14px; }

}

/* Necessary */
.eBay_Desc { display: none; }

/* Hiding Click & Collect #146500 */

.content .grid3 { display: none; }