/*
Theme Name: Audiovox 1.3 Responsive
Author: Weiß & Partner (EN/FS)
Author URI: http://www.weiss-partner.com
Description: Responsive Theme for Audovox Website
Version: 1.2

*/


html, body { min-height: 100%;  }

body { margin: 0px; padding:0px; background:url(img/bg_bottom.png) bottom center repeat-x #f5f5f5; font-family: 'Open Sans', sans-serif;}

.floatright, .alignright { float:right; }
.floatleft, .alignleft { float: left; }
.half {   width: 410px;  margin-top: 20px; font-size: 12px; line-height:1.4em; padding: 5px 60px 5px 5px;  } 
span.label { width: 50px; display:block; float:left; }
a img { border: none; }
img.alignleft { margin: 0px 10px 0px 0px; }
img.alignright { margin: 0px 0px 0px 10px; }

.background_container { background:url(img/background-big.png) top center  no-repeat; width: 100%; height: 100%; }

.header_bar { width: 100%; height: 62px; background:url(img/bg-headerbar.png) top center repeat-x; }
.header_bar .inner { width: 960px; margin:0px auto; height:100% }
.header_bar .inner img { margin: 15px 0 17px 5px; float: left; }
.header_bar .navigation { float: left; margin: 0 0 0 50px; padding: 0;  }
.header_bar .navigation ul { margin: 0; padding:0; list-style-type:none; }
.header_bar .navigation li { display:inline; width:auto;  }
.header_bar .navigation a { color: #fff; width:auto; text-decoration: none; height:30px; display: block; float: left; padding: 32px 8px 0px; vertical-align:baseline; font-size: 12px; text-transform:uppercase; }
.header_bar .navigation a:hover,
.header_bar li.current-menu-item a  { background: #ffffff;  color:#000000; }




.wrapper { width: 960px; margin: 0px auto; background: #ffffff; padding-bottom: 30px; margin-bottom: 30px;}
.slider { padding-top: 10px; }

.breadcrumb { padding: 10px; font-size: 11px; color: #666666; }
.breadcrumb  a { color:#666666; text-decoration:none; }
.breadcrumb i { vertical-align:baseline; margin: 0px 5px 0 0; }
.breadcrumb .icon-angle-right { margin: 0 5px; }

.box_fourth { width: 220px; padding: 10px; float: left; }
.box_fourth h2 { font-size: 21px; font-weight:600; text-transform:uppercase; border-left: 3px solid #0CF; padding:0; vertical-align:middle; padding-left: 5px; line-height:1em;  }

.category { border-bottom: 1px dashed #969696; width: 940px; margin: 0 auto; padding-bottom: 30px; margin-bottom: 30px; }

.cat_description { width: 225px; padding: 0px 5px 0px 0px; float:left; }
.produkte { width: 710px; float: right; }
.cat_product { width: 221px; padding: 0 10px 0 5px; float: left; position:relative; }

.elements h2 { font-size: 21px; font-weight:600; text-transform:uppercase; border-left: 3px solid #0CF; padding:0; vertical-align:middle; padding: 0; padding-left: 10px; line-height:1em; margin: 0;  }
.elements h3 { font-size: 15px; padding: 0; font-weight:600; padding: 0; margin: 0; }
.elements p { font-size: 11px; }
.cat_product p { font-size: 10px; }
.cat_image { width: 200px; height: 150px; display: block; margin: 0 auto; }
.cat_product img { display: block; margin: 0 auto; }

a.more_button { padding: 3px 10px; background: #c8c8c8; text-transform:uppercase; font-size: 11px; border-radius: 3px; color: #ffffff; text-decoration:none; line-height: 1em; }
a.more_button:hover { background:#969696; }


.produkt-images { width: 100%; height: 360px; padding: 10px 0 0; position:relative;  }
#prod_image_big { position:absolute; top: 10px; left: 0px; width: 712px; height:360px; }
#prod_image_small { position:absolute; top: 10px; right: 0px; width: 228px; height: 360px; overflow:hidden; }
.prod_image_big { width: 712px; height: 360px; display:none; }
.prod_image_small {  width: 228px; height:170px;  margin-bottom: 20px; }
#prod_image_big .current { display:block; }
#prod_image_small .current { display:none; }
.image_description {  background:url(img/bg-imagetext.png); width: 270px; height: 100px; position:absolute; bottom: 35px; right: 0; color: #fff;  }
.image_description h4 { margin: 5px 10px; padding: 0; font-size: 16px; }
.image_description p {margin: 0 10px; padding: 0; font-size: 11px; }


.trenner { padding: 0 ; padding-top: 20px; margin: 0 auto; margin-bottom: 20px; border-bottom:  1px dashed #969696; width:940px; }


.detail { padding: 0 5px; }
.detail h2 { font-size: 29px; font-weight: 600; padding: 0px 5px; margin: 0 0 30px; }
.detail h2 span { font-size: 11px; font-weight: bold; }
.detail h3 {font-size: 21px; font-weight:600; text-transform:uppercase; border-left: 3px solid #0CF; padding:0; vertical-align:middle; padding: 0; padding-left: 10px; line-height:1em; margin: 0 5px;}

.produktinformationen .col { width: 410px;  margin-top: 20px; font-size: 12px; line-height:1.4em; padding: 5px 60px 5px 5px;  } 


.icons { padding: 5px; }
.icons img { cursor:pointer; }
.pikto { padding: 5px; float: left; }
.pikto_big { margin: 5px; float: left; width: 85px; height: 34px; overflow:hidden; border-radius: 8px; }
.tooltip { display:none; width: 370px; height:216px; background:url(img/background-tooltip.png) top left no-repeat; }

.tooltip table { width: 290px; height: 158px; margin: 16px auto; font-size: 13px; color: #fff; }
.tooltip td { padding: 15px; }
.tooltip img { border-radius: 8px;}

h3.bar { border: none; background: #c8c8c8; margin: 5px; line-height: 42px; text-transform:uppercase; padding: 0; font-size: 15px; color: #ffffff; font-weight: 900; padding-left: 5px; cursor:pointer;  }

.half_1 { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 10px; float: left; margin-top: 0;}
.half_1 .inner { margin: 0px; background: #ececec; }
.half_1 .inner ul { margin: 0px 20px 0 26px; ; padding: 10px 0 0px;; clear:both; overflow: hidden; font-size: 12px;     }
.half_1 .inner li { display:block; width: 130px; float: left; padding: 3px;}

.half_1 h3.bar { background-image:none; padding-left: 10px; margin: 5px 0px 0px 0  }

.testbericht { padding: 20px; }

h3.bar.hover { background-color:#999999; }

.technical_features .col { width: 291px; font-size: 11px; padding: 10px 20px 10px 5px;  }
.technical_features p { padding: 0; margin:0;}
.technical_features ul { margin: 5px 0px 15px; padding:0; margin-left: 16px; }

.content_slider_content { display:none; }

.related_item { width: 25%; float: left; padding: 0 5px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.related_item .rel_img { height: 200px;}
.related_item h4 { font-size: 15px; padding: 0; font-weight:600; padding: 0; margin: 0; }
.related_item p {font-size: 10px;}
.related_item img { display: block; margin: 0 auto; }

.fullsize { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 60%; padding: 10px; }
.half {   -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; float: left;    } 
.kontaktformular .formfield { margin-top:30px; display:none;  }
.kontaktformular label { margin: 1em 0 0; display:block; clear:both; }
.kontaktformular input,
.kontaktformular textarea { width: 300px; border: 1px solid #969696; display:block; font-size:12px; padding: 2px; }
.kontaktformular select { width: 300px; border: 1px solid #969696; display: block; }
.kontaktformular .radioselection label { float:left; clear:none; margin: 0; width: 100px; }
.kontaktformular input.radio { width: 25px; float: left;}
.kontaktformular textarea { height: 250px; font-family: inherit; }
.kontaktformular .form_button { margin: 1em 0; }


.haendlerliste { font-size: 11px; margin: 30px 0; }
.haendlerliste a { color: inherit; text-decoration:none; }
.haendlerliste a:hover  { color: #FF9F00; }
.haendlerliste td,
.haendlerliste th { vertical-align:top; padding: 5px; text-align:left; border-right: 2px solid #fff; } 
.haendlerliste th i { float: right; vertical-align:middle; }
.haendlerliste th { cursor:pointer; }
.haendlerliste th.a-center,
.haendlerliste td.a-center { text-align:center; border-right: none;}
.haendlerliste td.even { background: #e5e5e5; }
.haendlerliste thead { background:#666; color: #fff; }

.hoverbody-default,
.clicklight-default,
.highlight-default { background:#f00 !important}

.nivoSlider {
    width: 960px !important;
    height: 360px !important;
    position:relative;
    background:url(images/loading.gif) no-repeat 50% 50%;
	z-index:999;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}
.nivo-caption { background:url(img/bg-imagetext.png); width: 270px; height: 100px; position:absolute; bottom: 35px; right: 0; color: #fff; }
.nivo-caption strong { margin: 5px 10px; padding: 0; font-size: 16px; }
.nivo-caption p { margin: 0 10px; padding: 0; font-size: 11px; }

.single-slider { position:relative; }
.single-slider .nivo-caption { display:block; }

.gallery_image { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; padding: 5px; float: left; }
.gallery_image img { display: block; margin: 0 auto; vertical-align:middle }


.highlight_item { font-size: 12px; padding: 5px; clear:both; }
.highlight_item h4,
.highlights h4 { font-size: 15px; background: #ececec; padding: 5px; }
.highlights h4 { margin: 0px 5px; }
.highlight_item h5,
.highlight_col h5 { font-size: 13px; margin: 20px 0 10px; }
.highlight_item ul { margin: 0; padding: 0; padding-left: 30px; overflow: auto; zoom: 1; }
.highlight_item img { display:block;}

.rel_tech_feat .col { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 5px; float: left; font-size: 12px; }

.colhalfs .col {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 5px; float: left; font-size: 12px; }

.downloads { padding: 10px; }
.downloads .half { background:#ebebeb; margin: 0 3% 0 0; padding:10px 0; width: 47%;  }
.downloads ul.icons-ul { margin-left: 0; padding: 0 30px;}
.downloads li { margin: 3px 0 ;}
.downloads a { color: #000000; text-decoration:none; padding-bottom: 2px; }
.downloads a:hover {padding-bottom: 1px; border-bottom: 1px dotted #000; }
.downloads h3 { font-size: 15px; text-transform:uppercase; padding: 0; margin: 0; padding: 0 10px; }
.downloads img { padding: 10px; vertical-align:middle; }

.highlight_col {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; padding: 10px; float: left; font-size: 12px; }

.kontakt .half { padding: 5px 60px 5px 10px;}

.downloadbar ul { font-size: 12px;}
.downloadbar li { margin: 3px 0 ;}
.downloadbar a { color: #000000; text-decoration:none; padding-bottom: 2px; }
.downloadbar a:hover {padding-bottom: 1px; border-bottom: 1px dotted #000; }

.listen_container h3.bar { margin: 5px 0; }

.top_actions { padding: 20px 0; overflow:hidden; }

.top_actions a { display:block; overflow:hidden;  padding: 10px; background: #ccc; float: left; font-size: 12px; margin-right: 20px; color: #333; text-decoration: none; }
.top_actions a:hover { background: #333; color: #ccc; }

.language { float: right; font-size: 10px;  color: #ddd; text-align: right; }
.language a { text-decoration:none; color: #ddd; }
.language i {  display: block !important; font-size: 30px; margin: 5px 0 2px; }

.stoerer { position: absolute; top: -20px; display: none; background:url(img/bg-imagetext.png);border: 1px solid #666; font-size: 12px; left: 28px; padding: 5px; color: #fff; border-radius: 5px;   }
.oem-notice { font-size:12px; display:block; color: #e7380d;}

.magnific_yt { position:relative; }
.magnific_yt i { position:absolute; top: 70px; color: #333; font-size: 80px; text-decoration:none; z-index:999; width:224px; text-align:center;
				o-transition: color 0.2s ease-in;-ms-transition: color 0.2s ease-in;-moz-transition: color 0.2s ease-in;-webkit-transition: color 0.2s ease-in;transition: color 0.2s ease-in;}
.magnific_yt i:hover {color:#111;}
.magnific_yt img {opacity:0.3; -moz-opacity:0.3; -webkit-opacity:0.3;}

#responsive-menu-button,
#responsive-lang-button {display:none;}

.kontaktformular input,
.kontaktformular textarea,
.kontaktformular select {width:100%;}

.bar.closed .icon-chevron-sign-down {display:none;}
.bar.closed .icon-chevron-sign-right {display:block;}

.bar.open .icon-chevron-sign-down {display:block;}
.bar.open .icon-chevron-sign-right {display:none;}

.bar.closed .icon-chevron-sign-down,
.bar.closed .icon-chevron-sign-right,
.bar.open .icon-chevron-sign-down,
.bar.open .icon-chevron-sign-right {font-size:35px;margin-right:15px;padding-top:4px;float:left;}

.icon-special {font-size:30px;margin-right:15px;padding-top:4px;float:left;}

@media screen and (max-width: 960px) {
	
	*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
 
	img {width:100%;height:auto;}
	.av-logo {
		width:30%;
		margin-left:35%; 
		height:40px;
		margin-top:8px;
		float:left;
	}
	html.svg .av-logo {
		background: url(img/Audiovox_white.svg) no-repeat; 
		background-size:100%;
	}
	html.no-svg .av-logo {
		background: url(img/Audiovox_white.png) no-repeat; 
		background-size:100%;
	}
	.av-logo img {display:none;}
	.background_container {background:none;}
	.language {display:none;}
	#main-nav {display:none;}
	#responsive-menu-button {display: block;position: absolute;right: 15px;top: 15px;color: #fff;text-decoration:none;font-size:25px;}
	#responsive-lang-button {display: block;position: absolute;left: 15px;top: 11px;color: #fff;text-decoration:none;font-size:30px;}
	
	.wrapper,
	.category,
	.header_bar .inner {width:100%;}
	
	.tooltip {display:none !important;}
	.trenner {width:100%;}
	
	.fullsize {width:100%;padding:15px;}
	
	.breadcrumb {padding: 8px 15px;}
		
	.cat_description {width:100%;padding: 0 15px;}
	.produkte {width:100%; clear:both}
	
	.cat_product {width:33.333%;padding:0 15px;}
		.cat_image {width:100%;float:left;height:auto;}
		
	.nivoSlider {width:100% !important;height:auto !important;}
		.nivo-directionNav a {top:40% !important;}
		.nivo-nextNav {background:url(next@2.png);}
		.nivo-prevNav {background:url(prev@2.png);}
	
	.produkt-images {height:auto;margin-bottom:25px;float:left;}
		#prod_image_big {width:75%;height:auto;position:relative;float:left;padding-right: .7%;}
			.prod_image_big {width:100%;height:auto;}
			.image_description {margin-right:.8%;}
		#prod_image_small {width:25%;position:relative;float:right;padding-left:.4%;height:auto;}
			.prod_image_small {width:100%;height:auto;margin-bottom:auto;}
		
	.detail {padding:0 15px;}
		.detail h2 {padding:0;}
			
	.produktinformationen .col {width:50%;padding:5px 20px 5px 0px;}
	
	h3.bar {margin: 5px 0;}
	
	.technical_features .col {width:50%;}
	
	.half_1 {padding:10px 15px;}
	
	a.more_button {padding:10px 20px;font-weight:bold;float:left;}
	
	#sidr-info a {
		color:#fff;
		text-decoration:none;
		padding: 0 15px;
		float:left;
		width:100%;
		clear:both;
		display: block;
		margin: 0;
		line-height: 48px;
		border-top: 1px solid #4d4d4d;
		border-bottom: 1px solid #1a1a1a;
	}
	#sidr-info a:hover {
		-webkit-box-shadow: inset 0 0 15px 3px #222;
		-moz-box-shadow: inset 0 0 15px 3px #222;
		box-shadow: inset 0 0 15px 3px #222;
	}
	#sidr-info .sidr-class-seperator {display:none;}
	#sidr-info .sidr-inner { padding: 0;float: left;width: 100%;border-bottom: 1px solid #4d4d4d; }
}

@media screen and (max-width: 768px) {
	.av-logo {width:40%; margin-left:30%; height:46px;margin-top:8px;}
}

@media screen and (max-width: 480px) {
	.nivo-caption {position:relative;float:left;clear:both;width:100%;bottom:0 !important;}
	.cat_product {width:100%;clear:both;margin:10px 0;}
	.av-logo { width:50%; margin-left:25%;margin-top:14px; }
	.half {width:100%;clear:both;padding:5px 15px !important;}
	
	#prod_image_big {width:100%;padding-right:0;}
		.image_description {margin-right:0;}
		.prod_image_small {width:49.5%;margin-top:1%;margin-right:1%;}
		.prod_image_small:last-child {margin-right:0;}
	#prod_image_small {width:100%;padding-left:0;clear:both;}
	
	.produktinformationen .col {width:100%;padding:0;clear:both;}
	
	.highlight_col {width:100%;clear:both;margin-bottom:10px;}
	.technical_features .col {width:100%;clear:both;}
	.gallery_image,
	.related_item {width:50%;}
	
	h3.bar {font-size:14px;}
}

@media screen and (max-width: 380px) {
	.av-logo {margin-top:20px;}
}