body {
	width: 100%;

}

#modelbox, #navigation, #content, #k_footer {
	width: 100%;
	padding: 0px;
	margin: 0px;
}

img {
	max-width: 100%;
	height: auto;
}

hr {
	width: 98%;
}

#content {
	width: 96%;
	padding: 70px 2% 0px 2%;
	overflow: show;
	background: #fff !important;
}

#content  h1.title, #main_box  h1.title.full, #main_box h1.title {
	width: 100%;
	font-size: 25px;
	margin: 0px 0px 10px 0px;
	height: auto;
   text-align: left;
}

#content h2 {
   width: 100%;
   padding: 10px 0px;
   line-height: 1.5;
   text-align: left;
}

#content h2.block {
	margin: 20px 0px 20px -2%;
	padding: 5px 2%;
	width: 100%;
}

#content iframe {
	float: left;
	width: 100%;
	height: 50%;
	margin: 0px 0px 10px 0px;
}

#big {
	display: none !important;
}

html {
	background: #fff;
	padding: 0px;
	margin: 0px;
	max-width: 100%;
	-webkit-text-size-adjust: none;
	-webkit-appearance: none;
}

body {
	overflow-y: auto;
	-webkit-text-size-adjust: none;
	-webkit-appearance: none;
/* 	overflow-x: hidden; */
	background: #fff !important;
}




/* Konfigurator */

#content #content {
	margin: 0px 0px 0px -3%;
	width: 102% !important;
	padding: 25px 2% 0px 2%;
}

iframe#headlineLike {
	border:none; 
	overflow:hidden; 
	width:450px; 
	height:35px;
	float: left;
}

#configToolbox {
	display: none;
	position: absolute;
	margin: 10px 0px 0px 560px;
}

#modelbox {
	width: 100% !important;
	float: left;
	height: 130px !important;
	background-color: #fff;
}

#model {
	width: 98.2% !important;
	padding: 10px 1% 0px 1% !important;
	height: 120px !important;
	position: fixed !important;
	top: 0px !important;
	left: 0px;
	z-index: 9000;
	background: #FFF !important;
	box-shadow: 0px 5px 5px #CCC;
}

#model #blankText {
	width: 100%;
	display: block;
}

#model #blankText img {
	margin: 0px;
	max-height: 100%;
	max-width: 40%;
}

#model #blankText h1 {
	width: 58%;
	padding: 0px 1%;
	margin: 0px;
}

#model #blankText p {
	width: 58%;
	padding: 0px 1%;
	margin: 0px;	
}

#model.fixed {
	top: 0px !important;
}

#model p {
	font-size: 10px;
	line-height: 1.2;
}

#configIcon {
	display: none;
}

#model #pic {
	float: left;
	margin-right: 2%;
	width: 30%;
}

#model #pic img {
	max-width: 100%;
	width: auto;
	max-height: 90px;
}

#model #layout {
	width: 31% !important;
}

#layout img {
	float: left;
	margin: 5px 0px;
	padding: 0px;
	width: 100px;
	border: solid 0px #4d657f;
	background-color: #fff;
}

#model #config {
	width: 30% !important;
	padding: 0px 1%;
}

#model h1 {
	float: left;
	font-size: 12px;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 5px;

	font-weight: normal;
	width: 54%;
	clear: right;
	border: 0px;
}

#model h2 {
	font-size: 15px !important;
	margin: 0px !important;
	width: 96% !important;
	padding: 14px 2% !important;
	text-align: left !important;
	font-weight: bold;
}

#model h2.modelTitle {
	font-size: 14px !important;
	margin: 0px !important;
	width: 59% !important;
	padding: 2px 2% !important;
}

#model h2 span {
	display: none;
}

#model h3 {
	width: 98% !important;
	padding: 0px 2% !important;
	display: none;
}

#model h3 span {
	float: right;
}

#content #model h5 {
	display: none !important;
	width: 96% !important;
	padding: 5px 2% !important;
	font-size: 10px !important;
}

#model h4{
	text-align:center;
}

#model #pictures {
	float: right;
	margin: 5px;
	width: 240px;
}

#navigation {
	display: none;
	float: left;
	width: 780px;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	background-color: transparent;
}

#navigation a {
	display: block;
	float: left;
	width: 260px;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	font-size: 17px;
	padding: 10px 0px;
	margin: 0px 0px 20px 0px;
	color: #555;
	border-bottom: solid 0px #ccc;
}

#navigation a:hover {
	background-color: #ddd;
}

#navigation a.check {
	background: url(../images/check.png) 95% 5px no-repeat;
}

#navigation a.open {
	background: url(../images/konfigurator/arrow.jpg) center bottom no-repeat;
	background-color: #ddd;
	margin: 0px;
	padding: 10px 0px 30px 0px;
}

#content h2.head {
	width: 98%;
	padding: 20px 1% 10px 1%;
	font-size: 17px;
}

#col1 {
	display: none;
	width: 100%;
	float: left;
	padding: 0px 0px;
}

#col1 .row {
	display: block;
	float: left;
	width: 15%;
	background-color: #fff;
	padding: 5px 1%;
	border-bottom: solid 1px #ccc;
}

#col1 p {
	float: left;
	display: block;
	width: 100px;
	background-color: #fff;
	padding: 0px 1% 0px 1%;

}

#col1 p label {
	float: left;
	margin: 5px 0px 0px 0px;
}

#col1 .rowTitle {
	display: block;
	float: left;
	font-weight: bold;
	width: 98%;
	background-color: #fff;
	padding: 20px 1% 5px 1%;
	border-bottom: solid 1px #ccc;
}

#col1  .slider {
	width: 180px;
	margin: 10px;
}

#col1 ul.vehicle_select li ul {
	width: 220px;
	list-style-image: none;
}

#content ul {
	list-style-image: none;
}

#col1 .vehicle_select li ul li {
	width: 200px;
}

#col1 .vehicle_select li ul a {
	width: auto;
}

#col1 input, #col2 input, #col3 input, #col4 input, #errorWindow input {
	border: 0px;
	background-image: none !important;
	
}

#col2 {
	width: 100% !important;
	margin: 5px 0px 0px 0% !important;
	position: relative;
	border: solid 0px #eeeeee !important;
}

#col2 a {
	color: #333;
}

#col2 .headline, #col3 .headline, #col4 .headline {
	width: 96% !important;
	margin: 0px !important;
	padding: 5px 2% !important;
}

#col2 .container {
	width: 100% !important;
	margin: 0px !important;
}

#col2 .container div.img {
	height: auto !important;
}

#col2 .container div.img img {
	left: unset !important;
	position: static !important;
	margin: 20px 0px 5px !important;
	width: 50%;
}

#col2 .container h2 {
	width: 100% !important;
	text-align: center !important;
}

#col2 .container h2 .small {
	font-size: 8px;
}

#col2 .container h2 a img {
	position: relative;
	background-color: #777;
}

#col2 .container h2 a:hover img {
	background-color: #333;
}

#col2 .container span {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 5px 0px;
	font-size: 11px;
}

#col2 .loading {
	width: 100px;
	height: 100px;
	margin: 0px auto;
	background: url(../images/loading.gif) center center no-repeat;
}

#col2 .container:hover {
	background-color: #fff;
}

#col2 .container:hover h2 {
	background-color: #ccc;
}

#col2 ul {
	margin: 0px;
	padding: 0px;
}

#col2 ul li {
	list-style-type: none;
}

#col2 ul li:hover {
	background-color: #efefef;
}

#col2 .row {
	height: auto !important;
}

#col2 .row .checkbox {
	/*display: none !important;*/
}

#col2 label {
	width: 100% !important;
	display: table;
}

#col2 .row  img {
	float: left;
}

#col2 .layout {
	width: 100% !important;
	margin: 0px 2% 0px 0px;
}

#col2 .layout img {
	max-width: 100%;
	max-height: 100px;
	height: auto !important;
}

#col2 h1 {
	width: 100% !important;
	font-size: 14px !important;
	padding: 0px;
}

#col2 h2 {
	width: 100% !important;
	font-size: 13px !important;
	float: left !important;
	text-align: left !important;
	margin: 0px;
}

#col2 h3 {
	display: none;
}

#col3, #col4  {
	width: 100%;
	height: auto;
/*	overflow-y: scroll; */
	float: left;
	border: solid 0px #eeeeee;
}

#col3 ul, #col4 ul {
	margin: 0px;
	padding: 0px;
}

#col3 ul li, #col4  ul li {
	list-style-type: none;
}

#col3 ul li:hover, #col4 ul li:hover {
	background-color: #efefef;
}

#col3 .row .checkbox, #col4 .row .checkbox {
	display: block;
	width: 7% !important;
	padding: 0px !important;
}

#col3 .row .checkbox img, #col4 .row .checkbox img {
	width: 18px;
}

#col3 label, #col4 label {
	width: 93% !important;
	display: table;
}

#Xcol3 .headline , #Xcol4 .headline {
	display: block;
	float: left;
	font-size: 17px;
	font-weight: bold;
	width: 98%;
	height: auto;
	padding: 5px 1%;
	background-color: #efefef;
	margin: 5px 0px 0px 0px;
}

#col4 .headline {
	cursor: pointer;
}

#col3 h1, #col4 h1 {
	text-align: left !important;
	width: 100%;
	font-size: 13px;
	display: table-header-group;
	float: none;
}

#col4 h1:first-child {
	padding: 10px 0px;
}

#col3 h2, #col4 h2 {
	width: 100% !important;
	text-align: right;
	font-size: 11px;
}

#col4 h2 span.lineThrough {
	width: 70px;
	text-decoration: line-through;
	float: left;
}

#col4 h2 span.lineThrough2 {
	width: 70px;
	text-align: right;
	float: left;
}

#col4 h2 span.lineThrough3:before {
	content: "- ";
}

#col3 h3, #col4 h3 {
	text-align: left !important;
	font-size: 10px;
	width: 100%;
}

#col4 h4 {
	display: none;
	border-bottom: solid 1px #aaa;
	float: left;
	width: 98%;
	font-size: 17px;
	padding: 10px 1%;
	margin: 30px 0px 0px 0px;
}

#col4 h4:first-child {
	margin: 0px 0px 0px 0px;
}

#col4 .row .checkbox {
	padding: 0px 10px;
}

#Xcol4 .row{
	height: auto;
	padding: 5px 0px;
	background-color: #fff;
	border-top: solid 1px #fff;
	border-bottom: dotted 1px #aaa;
}

#content .rowPolster label {
	width: 100% !important;
}

.rowPolster {
	padding: 5px 1% !important;
	width: 98% !important;
}

.rowPolster img {
	border: 0px !important;
	width: 100% !important;
}

.rowPolster .lederIcon {
	width: 30% !important;
}

.rowPolster div {
	width: 100%;
	text-align: center;
}

#code {
	font-size: 10px !important;
}

#k_footer {
	width: 98%;
	margin: 15px 1%;
}

#k_anfrage {
	width: 98% !important;
	margin: 10px 0px 0px -1% !important;
	padding: 2% !important;
}

#k_anfrage h2 {
	width: 100% !important;
	font-size: 19px !important;
	color: #fff;
}

#k_anfrage hr {
	width: 100% !important;
}

#k_anfrage .row, #k_anfrage .row_half, #k_anfrage .row_quarter {
	float: left;
	width: 99%;
	margin: 0px 0px 10px 0px;
	text-align: left;
}

#k_anfrage .row_half {
	width: 99% !important;
	margin-right: 0%;
}

#k_anfrage .row_quarter {
	width: 99% !important;
	margin-right: 0%;	
}

#k_anfrage .row span, #k_anfrage .row_half span, #k_anfrage .row_quarter span {
	width: 98% !important;
	padding: 0px 1% !important;
}

#k_anfrage textarea, #k_anfrage input, #k_anfrage select {
	width: 98% !important;
	padding: 3px 1% !important;
}

#k_anfrage .str {
	width: 70% !important;
}

#k_anfrage .nr {
	width: 24% !important;
}

#k_anfrage .plz{
	width: 34% !important;
}

#k_anfrage .ort {
	width: 60% !important;
}

div.row_half:nth-child(15) {
	display: none !important;
}

#k_anfrage select {
	height: 25px;
	width: 280px;
	float: left;
	margin-right: 0px;
}

#k_anfrage input {
	width: 100%;
	height: 15px;
}

#k_anfrage span input {
	width: auto !important;
}

#content #k_anfrage input.submit {
	width: 100% !important;

	margin: 0px 0px 0px 0px !important;
	left: 0px !important;

}

#k_anfrage span.big {
	margin-top: 40px;
	font-size: 18px;
}

#k_anfrage #inzahlung {
	width: 100% !important;
	padding: 10px 2% !important;
	margin-left: -2% !important;
}

#k_anfrage .ok {
	padding: 5px 0px 0px 30px;
	height: 60px;
	width: 200px;
	margin: 40px 25px 40px 25px;
	background: url(../images/check.png) left top no-repeat;
}

.configElement .info {
	width: 400px;
	float: left;
}

.configElement {
	float: left;
}

.configElement .info div {
	float: left;
	padding: 0px 10px;
}

.configElement .info .key {
	width: 170px;
}

.configElement .info .val {
	width: 180px;
}

.configElement .layout {
	float: left;
	width: 270px;
}

.configElement .open {
	float: left;
	padding: 20px 5px;
}

.configElement .linklist {
	float: left;
	width: 760px;
	padding: 5px 10px;
	margin: 15px 0px;
	border-top: dotted 1px #ccc;
}

#errorOverlay {
	display: none;
	position: fixed;
	z-index: 10000;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #fff;
}

#errorWindow {
	width: 94% !important;
	margin-left: -50% !important;
	padding: 3% !important;
	top: 200px !important;
	font-size: 12px;
	text-align: left;
}

#content #errorWindow h1#title {
	width: 100% !important;
	margin: 0px 0px 5px !important;
	padding: 10px 0px !important;
	color: #555 !important;
}

#errorWindow b {
	width: 99% !important;
	padding: 5px 4% !important;
	margin: 0px 0px 0px -4% !important;
	text-align: left;
}

#errorWindow ul {
	margin: 0px;
	padding: 0px;
}

#errorWindow  ul li {
	list-style-type: none;
}

#errorWindow ul li:hover {
	background-color: #324a64;
}

#errorWindow .row .checkbox {
	width: 7% !important;
	padding: 0px !important;
}

#errorWindow .row h1 {
	width: 73% !important;
	font-size: 12px !important;
}

#errorWindow .row h2 {
	width: 25% !important;
	color: #fff !important;
	font-size: 12px !important;
}

#errorWindow h3 {
	float: right;
	width: 75%;
	font-size: 13px;
	font-weight: normal;
	margin: 0px 20% 0px 0px;
}