/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


body, html {
	margin: 0;
	padding: 0;
	
	font-family: 'Roboto',Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background:#bbbbbb;
	
}


#wrapper {
	
	background:#FFFFFF;
	width:1200px;
	padding: 4px;

}

#wrapper_new {
	
	background:#FFFFFF;
	width:1200px;
	padding: 4px;

}



#wrapper_inner {


}




a {
	text-decoration: none;
	color: #333333;
}

a:hover {
	text-decoration: underline;
}

a.text {
	text-decoration: underline;
    color:#154385;
}

a.text:hover {
	text-decoration: none;
	border-bottom: none;
	color: #5789C1;
}


a img {
	border: none;
}

td{
vertical-align:top;
}

.img-responsive {
max-width: 100%; 
height: auto; 
display:block; 
}

.special_responsive {
width: 100%;
max-width: 300px;
height: auto; 

}





.img-fluid {
max-width: 100%; 
height: auto; 

}



hr{height:1px;}


.center{

text-align:center;
}

/* Header */
#header{
	
	
	background: #FFFFFF;
	border:2.0px solid #154385 ;
	width: 100%;
	margin:0;
	padding:0;
	}
	
#header_inner{
	
	width: 66%;

	padding:8px;
	padding-bottom:0px;
}	
	
	

h1{
font-size: 2.6em;
font-weight:400;
color:#154385 ;
}






#header_navi{
	
	width: 100%;
	height: 6px;
	
	padding: 2px;
	text-align:center;
	
	
}


#header_navi a{
	
	display: block; 

	
	width: 69px;
	height: 30px;
	color:#FFFFFF; 
	
	
	
}

#header_navi a:hover{
	
	display: block; 

	background:#FFFFFF;
	width:69px;
	height:30px;
	color:#034EA2; 
	
	
	
}


#fa_fi_data a{

	color:#FFFFFF; 
	}
	
#fa_fi_data a:hover{

	color:#FFFFFF; 
	}

#navi_inner_left{
	float:left;
	border-width:1px; 
	border-style:solid; 
	border-color:#FFFFFF; 
	
	width:69px;
	height:30px;
	color:#FFFFFF; 
	padding:2px;
	font-size:12px;
	font-weight:bold;
	
}

#navi_inner_right{
	float:right;
	border-width:1px; 
	border-style:solid; 
	border-color:#FFFFFF; 
	
	width:69px;
	height:30px;
	color:#FFFFFF; 
	padding:2px;
	font-size:12px;
	font-weight:bold;
	
}
#distance{
	float:left;
	width:4px;
	
	
}
.dist{
	padding-bottom:10px;

}

.clearfix{
	clear:both;

}



#page {
	
	width: 100%;
	margin: 40
   font-size: 12px;
	
}

#content_inner {
padding-top:6px;
padding-bottom:6px;
}

li{
padding-bottom:10px;
padding-right:20px;
}



#page a.under_u:hover {

text-decoration: underline; 
}

#page a.under_u {

text-decoration: underline;
}

#p_link{
padding-top:2px;
text-align:center;
border-radius:4px;
height:20px;	

font-size:14px;
background: url(../images/bg_fa_light.png) repeat-x left top; 	
cursor: pointer;

}

#p_link:hover{
opacity: 0.8;


}





#p_link_round{
text-align:left;
padding-top:10px;
padding-left:10px;
padding-bottom:0;
border-radius: 4px;
height:24px;	
	
	}





#p_link a {
display: block; 
color:#FFFFFF;
}

#p_link a:hover {
display: block; 
color:#FFFFFF;
text-decoration:none;
	
}

#p_link_round a {
display: block; 
color:#FFFFFF;
}

#p_link_round a:hover {
display: block; 
color:#FFFFFF;
}




#start_text {
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	font-size: 18px;
	border-top: 2.0px solid #FFFFFF;
	border-bottom: 4.0px solid #FFFFFF;
	
	background:-moz-linear-gradient(bottom,#b3b3b3,#f1f1f1); /* Firefox */
   background:-webkit-gradient(linear,left top,left bottom,from(#f1f1f1),to(#b3b3b3)); /* Chrome, Safari */
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#b3b3b3'); 
  }
  
  
  
  
  #fahrzeugsuche {
  	width:99%;
  	padding:6px;
	background:#ccddee;
	color: #034EA2;
}

#page hr{
	width:100%;
	height:1px;
 
	
}

#page input{
	width:100%;
	height:18px;
   border-width:1px; 
	border-style:solid; 
	border-color:#CCCCCC; 	
	
}
#page input.submit{
border-radius: 2px 2px 2px 2px;

background-image:linear-gradient(to bottom left, #cccccc,#ffffff);
border: 1px solid #5c8abe;
font-size:12px;
cursor:pointer;
width:100%;
color:#034EA2;
min-height: 20px;
padding:2px;
	
}

#page input.submit:hover{
color:#FFFFFF;

background-image:linear-gradient(to bottom left, #efefef,#034EA2);
}



#page textarea{
	width:100%;
	height:60px;
   border-width:1px; 
	border-style:solid; 
	border-color:#CCCCCC; 
	font-family:   Arial, Verdana, Helvetica, sans-serif;	
	
}

#page select{
   border-width:1px; 
	border-style:solid; 
	border-color:#CCCCCC; 	
	
}
#fahrzeugsuche select{
   border-width:1px; 
	border-style:solid; 
	border-color:#154385 ;	
	border-radius: 4px;
	color:#154385 ;	
	padding: 3px;
}






#footer {
	
		width: 100%;
	
	margin: 0 ;
	padding: 0px;
	color: #034EA2;
	
	background: #FFFFFF;
}

#footer_inner_top {
	background: #DDDDDD;
	
		
	font-size: 13px;
	font-weight:500;
	line-height:20px;
	height:20px;

	color: #034EA2;
}

#footer_inner_top:hover {
	background: #ccddee;


	color: #034EA2;
}



#footer_inner_top a {
	text-decoration: none;
	color: #034EA2;
}

#footer_inner_top a:hover {
	border-bottom: none;
	color: #5789C1;
}

#footer_ef {
	padding-left:2px;
	height:24px;

		width: 100%;
	color: #034EA2;
	font-size: 10px;
}

#footer_inner_bot {
	height:16px;
	padding-top:3px;
	text-align: right;
	font-size: 10px;
	color: #FFFFFF;
	width: 100%;
	
}

.col_md_4 {
float:left;
width: 33.33333333%;


}

.col_md_3 {
float:left;
width: 25%;

}

.col_md_2_spec {
float:left;
width: 20%;

}

.col_md_2 {
float:left;
width: 16.66666667%;

}

      
.spec_button{
border-radius: 2px 2px 2px 2px;

background-image:linear-gradient(to bottom left, #cccccc,#ffffff);
border: 1px solid #5c8abe;
font-size:12px;
cursor:pointer;
width:100%;
color:#034EA2;
min-height: 20px;
padding:2px;

}

.spec_button:hover{
color:#FFFFFF;

background-image:linear-gradient(to bottom left, #efefef,#034EA2);
}


#view_button{
float:right;
padding-top:8px;
height:24px;
width:48%;
text-align:center;
border-radius: 4px;
	
	}

#view_button a:hover{
color:#FFFFFF;
	
	}
	
	
.clear{

clear:both;
}




#fz_box_15 {
float:left;
width:15%;

}

#fz_box_20 {
float:left;
width:20%;

}

#fz_box_25 {
float:left;
width:25%;

}

#fz_box_35 {
float:left;
width:35%;

}
	
	/* =============================
 Media queries 
============================= */

@media only screen and (max-width: 767px) {
	
#header{
	
	
	

	width: 99%;
	
	}

#header_inner{


	width: 100%;

	padding:0;
}



#fz_box_15 {
float:left;
width:100%;

}

#fz_box_20 {
float:left;
width:100%;

}

#fz_box_25 {
float:left;
width:100%;

}

#fz_box_35 {
float:left;
width:100%;

}
	

}
	
@media only screen and (max-width: 480px) {


.col_md_4 {
float:none;
width: 100%;
text-align:center;	
}
.col_md_3 {
float:none;
width: 100%;
text-align:center;	
}

.col_md_2_spec {
float:none;
width: 100%;
text-align:center;	
}



#fz_box {

width:100%;

}
	
} 	
  	
@media only screen and (max-width: 360px) {

#header_top{
	
	height: 26px;
	padding-top:16px;

	font-size: 1.3em;
	font-weight: 600;
	
}
	
}