body {
	overflow-x:hidden;
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
	font-size:15pt;
	color:#000000;
	background-color:#FFFFFF;
}

.overview_hersteller_logo {
	width:146px;
	height:146px;
	border:1px solid #09F !important;
	//background-color:#f00;
	border-radius:7px;
}

.overview_types_group_table {
	float:left;
	font-size:12pt;
	padding:5px;
	max-width:155px;
	height:150px;
	text-decoration:none;
	color:#000;
}

.overview_types_group_table a {
	text-decoration:none;
	color:#000;
}

.overview_types_group_table:hover, .overview_types_group_table a:hover {
	color:#0099ff;
}

h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
	margin-left:11px;
	font-size:13pt;	
}

.menu ul, menu_small ul {
	display:table;
	width:100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

info_window {
	position:fixed !important;
}
	   
.menu li, menu_small li {
	display: table-cell; 
	margin-left:5px;
	margin-right:5px;
	text-align: center;
	list-style:none;
	padding-top:15px;
	padding-bottom:15px;
	color:#FFFFFF;
}

.menu li:hover {
	background-color:#666666;	
}

.menu_active {
	background-image:url(../images/active_button.png);
	background-repeat:no-repeat;
	background-position:center bottom;	
	cursor:default;
}

.header {
	position:fixed;
	z-index:1000;
	top:0px;
	width:100%;
}

.back, .next {
	cursor:pointer;
	position:relative;
	float:left; 
	height:100%;
	width:10%;
	
	font-size:13pt;
	color:#FF6600;
	
	padding-top:12px;
	padding-bottom:13px;
	background-color:#333;
	text-align:center;
	
}

.nextclickmessage {
	font-size:12pt;
	cursor:default;
	width:79%;
	margin-left:10%;
	margin-top:4px;
	border:1px solid #9B9;
	border-radius: 5px;
	background-color:#DFD;
	text-align:center;
	padding:4px;
	display:none;	
}

.pointer {
	cursor:pointer;
}

.normal {
	cursor:default;	
}

.arrow_left {
	font-size:18pt;
	position:relative;
	left:-3px;
	top:2px;
}

.arrow_right {
	font-size:18pt;
	position:relative;
	left:3px;
	top:2px;
}

.text_left {
	position:relative; 
	top:-1px; 
	left:3px;	
}

.text_right {
	position:relative; 
	top:-1px; 
	left:-3px;
}

.back:hover, .next:hover {
	color:#FFF;
}

.menu {
	float:left; 
	height:100%;
	width:80%;
	
	background-color:#0099ff;
}

.clear {
	clear:both;	
}

.content {
	position:relative;
	margin-left:50%;
	width:768px;
	left:-384px;
	margin-top:85px;
	display:table;	
	padding-bottom:50px;
}

.content_left, .content_right {
	display:table-cell;
	width:379px;
	position:relative;
}

.spacer {
	min-width:10px;	
}

.smallsize {
	display:none;
	visibility:hidden;	
}	

.nav {
	
	padding-left:0px;
	list-style:none;
	
}

.nav li a {
	display: block;
	padding: 10px 5px;
	border-bottom: 1px solid #ccc;
	
	text-decoration: none;
	font-weight:bold;
	color: #000;
}

.active {
	background-image:url(../images/aktiv.jpg);
	background-position:right center;
	background-repeat:no-repeat;	
}

.inactive {
	background-image:url(../images/aktiv.jpg);
	background-position:right center;
	background-repeat:no-repeat;
}

.nav li a:hover {
	color: #09F;
}

.nav li ul {
	font-size:12pt;
	padding-left: 0;
	display: none; // used to hide sub-menus
}

.nav li ul li {
	list-style:none;	
}

.nav li ul li a {
	background-image:none;
	padding: 10px 0px
	border-bottom: 1px solid #ccc;
	font-weight:normal;
}

.nav li ul li a:hover {
	color: #999;
}

.elements {
	display:table;	
	width:100%;
}

.element_select {
	display:table-cell;
	width:25px; 
	vertical-align:top;
}

.element_name {
	display:table-cell;
	vertical-align:top;
}

.element_info {
	display:table-cell;
	width:32px;
	vertical-align:top;
}

.element_serie {
	font-size:10pt;
	padding:5px; 
	border:1px solid #CCC;
	cursor:pointer;	
	float:right;	
	margin-top:-4px;	
}

.element_serie:hover {
	color:#0099FF;		
}

.serie_button {
	position:relative;
	top:-4px;
	font-size:10pt;
	padding:5px; 
	border:1px solid #CCC;
	cursor:pointer;	
	float:right;
}

.serie_button:hover {
	color:#0099FF;	
}


.button {
	position:relative;
	top:-6px;	
}

.table {
	font-size:13pt;
	margin-top:9px;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:35px;
	display:table;	
	width:100%;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	line-height:22pt;
	font-weight:bold;
}

.table_elements {
	display:table;	
	width:100%;
	font-size:12pt;
	border-collapse:collapse;
	line-height:20pt;
	margin-bottom:20px;
}

.table_row {
	display:table-row;	
	border-bottom:1px solid #CCC;
}

.table_data {
	display:table-cell;	
	padding-left:10px;
	vertical-align:top;
}

.car_image_area {
	padding-top:10px;
	font-size:10pt;
	line-height:20pt;
	color:#666;
}

#car_image_area_clon {
	visbility:hidden;
	display:none;
}

.freitext {
	font-size:10pt !important;
}

.table_data_small {
	display:table-cell;
	float: right;
	padding-right:10px;
	vertical-align:top;
}

.hidden {
	visibility:hidden;
	display:none;	
}

.name {
	
}

.price {
	padding-top:5px;	
}

.info {
	font-size:10pt;	
}

.percent {
	font-size:12pt; 
	position:relative; 
	left:-4px;	
}

.loading_window {
	visibility:hidden;
	display:none;
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	padding-top:0px;
	width:100%;
	height:100%;
	z-index:9999;
	background-color:#666666;
	color:#FFF;
	opacity:0.9; 
	display: table-cell;
	vertical-align:middle;
}

.waiting_text {
	position:fixed;
	left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	
}

.config_special_window {
	font-size:13pt;

	visibility:hidden;
	position: fixed !important;
	top: 20% !important;
	left:30% !important;
	right:30% !important;
	padding:20px !important;
	
	max-height:75%; 
	overflow:auto;

	background-color:#ddd;
	z-index:9999;
}

.config_info_window { 
	cursor:pointer !important;
	visibility:hidden;	
	padding:15px !important;
	max-width:800px !important;
	max-height:65% !important;
	font-size:12pt;
	position: fixed !important;
	left: 50% !important;
    	top: 250px !important;
    	transform: translate(-50%, 0%) !important;
	overflow:auto !important;
	
	background-color:#DDD;
	z-index:9999;
}

.config_serie_window {
	visibility:hidden;
	padding:15px;
	height:85%;
	width:90%;
	max-width:800px;
	font-size:12pt;
	background-color:#DDD;
	z-index:9999;
	
	position:fixed;
	top:5%;
	margin-left:50%;
	transform: translate(-50%, -0%);
	overflow:auto;
}

.config_info_window {
	top: 80px;
	transform: translate(-50%, -0%);
}

.config_equipment_comparison_window {
	visibility:hidden;
	display:none;
	z-index:9999;
	background-color:#CCCCCC;
	opacity:1;
	position:fixed;
	top:80px;
	left:10px;
	right:10px;
	bottom:10px;
}

.equipment_compare_area {
	background-color:#CCCCCC;
}

.equipment_serie_marker 
{
	width:16px; 
	height:16px; 	
	background-image:url(../images/equipment_included.png);
	background-repeat:no-repeat;	
}

.equipment_free_optional_marker 
{
	width:16px; 
	height:16px; 	
	background-image:url(../images/equipment_included.png);
	background-repeat:no-repeat;
}

.equipment_optional_marker 
{
	width:16px; 
	height:16px; 	
	background-image:url(../images/equipment_optional.png);
	background-repeat:no-repeat;
}

.equipment_not_existent_marker 
{
	width:16px; 
	height:16px; 	
	background-image:url(../images/equipment_excluded.png);
	background-repeat:no-repeat;
}

.config_packet_comparison_window {
	visibility:hidden;
	display:none;
	z-index:9999;
	background-color:#CCCCCC;
}

.config_serie_window {
	box-shadow: 0px 0px 500px 5000px rgba(0, 0, 0, 0.9);
	-moz-box-shadow: 0px 0px 500 px 5000px rgba(0, 0, 0, 0.9);
}

.hersteller_div {
	padding:2.5%;
	width:20%;
	float:left;		
}
	
.hersteller_div a{
	text-decoration:none;
	color:#000000;	
}

.customer_data_description {
	padding-top:4px;
	padding-bottom:0px;
	font-size:13pt;
	float:left;
	width:45%;
}

customer_data_input {
	font-size:13pt;
	float:left;
	width:55%;
}

.customer_data {
	clear:left;
}

.customer_data_head {
	font-weight:bold;
	padding-bottom:5px;	
}

.overview_types {
	float:left;	
	width:150px;
	font-size:13px;
	text-decoration:none;
	cursor:pointer;
	padding:5px 10px 5px 10px;
}

.overview_types:hover {
	color:#0099FF;	
}

.overview_types a {
	text-decoration:none;
	color:#000;	
}

.overview_types a:hover {
	color:#0099FF;	
}

.overview_types_picture {
	width:150px;
	height:100px;	
}

overview_types_caption {
		
}

.typen_div {
	vertical-align:top;
	padding:1%;
	width:18%;
	float:left;		
}

.typen_div a{
	text-decoration:none;
	color:#000000;	
}

.button_print {
	float:left;
	width:47.5%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#CCCCCC;
	cursor:pointer;	
}

.button_submit {
	float:left;
	width:47.5%;
	margin-right:5%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#CCCCCC;
	cursor:pointer;	
}

.button_submit:hover, .button_print:hover {
	background-color:#0099FF;	
}

.button_copy {
	padding-bottom:10px;
}

.button_datenschutz {
	clear:left;
	padding-top:30px;
	cursor:pointer;	
	color:#999999;
}

.button_datenschutz:hover {
	color:#0099FF;
}

.order_buttons {
	padding-top:30px;
	padding-bottom:30px;
	font-size:13pt;	
}

.nfz_headline {
	clear:left;
	padding-top:20px;
}

.float {
	float:left;
}

.serie_table {
	display:table;
}

.serie_tr {
	display:table-row;
}

.serie_td {
	display:table-cell;
}

.config_selection_favorite {	
	display:inline-block;
	position:relative;
	top:+2px;
	width:14px;
	height:14px;	
	background-image:url(../images/favorite_icon.png);
}



@media (min-width: 1000px) {
	.spacer {
		min-width:15px;	
	}
	.content_left, .content_right {
		min-width:400px;
	}
	.content {
		width:815px;
		left:-407px;
	}
}

@media (min-width: 1200px) {
	.spacer {
		min-width:20px;	
	}
	.content_left, .content_right {
		min-width:425px;
	}
	.content {
		width:870px;
		left:-435px;
	}
	
	.hersteller_div {
		padding:1%;
		width:18%;
	}
}

@media (min-width: 1400px) {
	.spacer {
		min-width:25px;	
	}
	.content_left, .content_right {
		min-width:450px;
	}
	.content {
		width:925px;
		left:-462px;
	}
}

@media (min-width: 1600px) {
	.spacer {
		min-width:30px;	
	}
	.content_left, .content_right {
		min-width:475px;
	}
	.content {
		width:980px;
		left:-490px;
	}
}

@media (max-width: 767px) {	

	.nav {
		padding-left:5px;
		padding-right:5px;	
	}
	.content {
		margin-left:0;
		width:95%;
		position:absolute;
		display:block;	
		left:2.5%;
		right:2.5%;
	}
	.content_left, .content_right {
		display:block;
		width:100%;
		margin-bottom:20px;
	}
	.fullsize {
		visibility:hidden;
		display:none;
	}
	
	.smallsize {
		visibility:visible;
		display:block;
	}	
	.config_special_window, .config_info_window {
		visibility:hidden;	
		padding:5%;
		width:90%;
		max-height:70%;
		position: fixed;
		left: 0%;
    	top: 85px;
    	transform: translate(-0%, -0%);
		
		overflow:auto;
		z-index:9999;
	}
}

@media (max-width: 750px) {
	body {
		font-size:16pt;	
	}
	
	.back, .next { 
		padding-bottom:15px;
	}
}

@media (max-width: 700px) {
	.hersteller_div {
		padding:1.6%;
		width:30%;
	}
}

@media (max-width: 500px) {
	.hersteller_div {
		padding:2.5%;
		width:45%;
	}
}

@media (max-width: 400px) {
	.hersteller_div {
		padding:2.5%;
		width:95%;
	}
}