﻿body {margin:0;padding:0;font-family: arial;font-size:10px;}
a {color: #252E3F;text-decoration:none;}
a:hover {color: #252E3F;text-decoration:underling;}
* 
{
	margin:0;
	padding:0;
}
p {text-align:left;}
.clear {
    clear: both;
}
#pagewrap {
    display: block;
    font-size: 1em;
}
#header {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    height: 60px;
    position: relative;
    padding:3px;
}
#header h1, #header h3 
{
	margin:0;
}
#pagewrap .spacer
{
	width:3%;
}

/* Pager */

		.pager {
			padding: 3px;
			display: block;
			height: 28px;
			margin-top:7px;
		}
		
		.pager .totaladds
		{
			margin-left: 16px;
			padding-top: 2px;
			float:left;
		}
		
		.pager_btn {
			background: -webkit-gradient(linear,left bottom,left top,color-stop(0.47, rgb(204,204,204)),color-stop(0.46, rgb(204,204,204)),color-stop(1, rgb(239,239,239)));
			background: -moz-linear-gradient(center bottom , #CCCCCC 47%, #CCCCCC 46%, #FEFEFE 100%) repeat scroll 0 0 #CCCCCC;	
			background: #cccccc; /* Old browsers */
			background: -moz-linear-gradient(top,  #cccccc 0%, #fefefe 50%, #cccccc 51%, #cccccc 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(50%,#fefefe), color-stop(51%,#cccccc), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #cccccc 0%,#fefefe 50%,#cccccc 51%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #cccccc 0%,#fefefe 50%,#cccccc 51%,#cccccc 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #cccccc 0%,#fefefe 50%,#cccccc 51%,#cccccc 100%); /* IE10+ */
			background: linear-gradient(top,  #cccccc 0%,#fefefe 50%,#cccccc 51%,#cccccc 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

			border: 1px solid #252E3F;
			background-color: #ffb500;
			line-height: 1em;
			text-align: center;
			display: block;
			width: 65px;
			margin: 0;
			color: #000;
			font-size: 1.3em;
		}
		
		.pager_btn_unclickable {
			background: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.46, rgb(150,150,150)),
			color-stop(0.46, rgb(150,150,150)),
			color-stop(0.50, rgb(160,160,160))
			);
				
			background: -moz-linear-gradient(
				center bottom,
				rgb(150,150,150) 47%,
				rgb(150,150,150) 46%,
				rgb(160,160,160) 45%
			);
				
			border: 1px solid #ffe29a;
			background-color: #969696;
			line-height: 2.2em;
			text-align: center;
			display: block;
			width: 65px;
			margin: 0;
			color: #000;
			font-size: 1em;
		}
		
		
		#prev {
			-moz-border-radius: 6px 0 0 6px;
			-opera-border-radius:  6px 0 0 6px;
			-khtml-border-radius: 6px 0 0 6px;
			border-radius: 6px 0 0 6px;
			
			float: left;
		}
		
		#next {
			-moz-border-radius: 0 6px 6px 0;
			-opera-border-radius:  0 6px 6px 0;
			-khtml-border-radius: 0 6px 6px 0;
			border-radius: 0 6px 6px 0;
			
			float: right;
		}
		
		#pagenumbers {
			display: block;
			float: left;
		}
		
		#list_currentpage {
			width: 30px;
			line-height: 2.2em;
			text-align: center;
			margin: 0 5px;
			color: #000;
			font-size: 1em;
			float: left;
			border: 1px solid #ffe29a;
			
			background: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.46, rgb(255,202,60)),
			color-stop(0.46, rgb(255,202,60)),
			color-stop(0.50, rgb(255,194,46))
			);
				
			background: -moz-linear-gradient(
				center bottom,
				rgb(255,202,60) 47%,
				rgb(255,202,60) 46%,
				rgb(255,194,46) 45%
			);
		}
		
		.pagenumbers {
			width: 30px;
			line-height: 2.2em;
			text-align: center;
			margin: 0 5px;
			color: #000;
			font-size: 1em;
			float: left;
			border: 1px solid #ffe29a;
			
			background: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0.46, rgb(255,181,0)),
			color-stop(0.46, rgb(255,181,0)),
			color-stop(0.50, rgb(255,190,15))
			);
				
			background: -moz-linear-gradient(
				center bottom,
				rgb(255,181,0) 47%,
				rgb(255,181,0) 46%,
				rgb(255,190,15) 45%
			);
		}



/* einde pager */


#pagewrap .main_menu {width:31%;display: block;float: left;text-align: center; height:20px;height: 20px; line-height:20px;
                      background: -moz-linear-gradient(center bottom , #CCCCCC 47%, #CCCCCC 46%, #FEFEFE 100%) repeat scroll 0 0 #CCCCCC; 
                      border-radius: 6px 6px 6px 6px;border: 1px solid #252E3F;margin: 5px 2px 5px 3px;
                      -moz-border-radius: 6px 6px 6px 6px;
					  -opera-border-radius:  6px 6px 6px 6px;
					  -khtml-border-radius: 6px 6px 6px 6px;
                      background: -webkit-gradient(
								linear,
								left bottom,
								left top,
								color-stop(0.47, rgb(204,204,204)),
								color-stop(0.46, rgb(204,204,204)),
								color-stop(1, rgb(239,239,239))
							);
                      }
	
.auto_list {
	background: -moz-linear-gradient(center bottom , #CCCCCC 47%, #CCCCCC 10%, #FFFFFF 100%) repeat scroll 0 0 #EFEFEF;
	background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.47, rgb(204,204,204)),
		color-stop(0.46, rgb(204,204,204)),
		color-stop(1, rgb(239,239,239))
	);
	background: #cccccc; /* Old browsers */
	background: -moz-linear-gradient(top,  #cccccc 0%, #fefefe 50%, #cccccc 51%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(50%,#fefefe), color-stop(51%,#cccccc), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cccccc 0%,#fefefe 50%,#cccccc 51%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cccccc 0%,#fefefe 50%,#cccccc 51%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cccccc 0%,#fefefe 50%,#cccccc 51%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(top,  #cccccc 0%,#fefefe 50%,#cccccc 51%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

	border-top: 1px solid  #252E3F;
	display: block;
	font-size: 1.2em;
	height: 77px;
	position: relative;
	width: 100%;
	clear: both;
	margin-bottom: 5px;
}

.auto_list h3 {
    line-height: 1.4em;
    margin: 2px 0 0;
    padding: 0;
}
.auto_list p {
    line-height: 1em;
    margin: 0;
    padding: 0;
    color:#333333;
}
.auto_list p.prijs,  .auto_list div.prijs
{
	margin-top:3px;
    font-weight:bold;
}
.auto_list div.prijs div.prijs
{
    display:block;
    float:left;
}
.auto_list div.prijs div.actieprijs 
{
    margin-left:5px;
}
.auto_list div.prijs.verlaagd 
{
    text-decoration:line-through;
    color:#ccc;
}
.auto_list .fotoholder 
{
	float: left;
	padding: 0px;
	border-radius: 3px;
	border: solid 1px #666;
	margin:2px 7px 2px 2px;
	background-color:#FFF;
	-webkit-box-shadow: 1px 1px 1px 1px #333;
	-moz-box-shadow: 1px 1px 1px 1px #333;
	box-shadow: 1px 1px 1px 1px #333; 
}
.auto_list img.auto {
    float: left;
    height: auto;
    margin: 5px;
    width: 75px;
}
.auto_list img[src*="list_arrow.png"] {
    float: right;
    position: absolute;
    right: 10px;
    top: 30px;
}

/* Filters */
#filterFrame 
{
    padding:3px;
}
#filterFrame select 
{
    width:100%;
}
#filterFrame a.btn 
{
    width:100%;
    text-align:center;
    display:block;
    height:20px;
    line-height:20px;
    background: -moz-linear-gradient(center bottom , #CCCCCC 47%, #CCCCCC 46%, #FEFEFE 100%) repeat scroll 0 0 #CCCCCC; 
    border-radius: 6px 6px 6px 6px;border: 1px solid #CCCCCC;margin: 5px 0px 5px 0px;
    -moz-border-radius: 6px 6px 6px 6px;
	-opera-border-radius:  6px 6px 6px 6px;
	-khtml-border-radius: 6px 6px 6px 6px;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.47, rgb(204,204,204)),color-stop(0.46, rgb(204,204,204)),color-stop(1, rgb(239,239,239)));
}
/* Einde Filters */
a.activefilters
{
    display:block;
    height:20px;
    line-height:20px;
    border-radius: 6px 6px 6px 6px;
    border: 1px solid #252E3F;
    margin: 5px 0px 5px 0px;
    padding-left:5px;
    background-image: url(images/close.png);
    background-repeat:no-repeat;
    background-position:right;
    
}

/* Advertenties per stuk */
.autooverzicht .auto_ad, .autooverzicht
{
	position:relative;
	margin-top:5px;
}
.autooverzicht .prijs.verlaagd 
{
    text-decoration:line-through;
}
.autooverzicht #tab_specs ul div.prijs 
{
    width:auto;
    margin-right:5px;
}
.autooverzicht h3
{
	padding-left:0px;
}
.autooverzicht .tabtable
{
	width:100%;
}
.autooverzicht .foto_auto
{
	width:100%;
}
.autooverzicht #tab_opties .opties
{
	margin:0 0 0 8px;
	padding: 0 0 0 8px;
}
.autooverzicht #fotos
{
	margin:0px;
}
.autooverzicht #fotos .fotoholder
{
	margin-bottom: 10px;
}
.autooverzicht #fotos .meerfotos
{
	float:right;
	margin-right:3px;
}
.autooverzicht .auto_ad h3.titel
{
	padding-left:3px;
	display: block;
    float: left;
    margin:0;
}
.autooverzicht .auto_ad .terugnaarlijst
{
	float: right;
	display:block;
	padding-right:4px;
}
.autooverzicht #tab_details 
{
	padding-left:3px;
}
.autooverzicht #tab_contact
{
	padding-left:3px;
}
.autooverzicht .terugnaarlijst
{
	position:absolute;
	top:0px;
	right:10px;
}
.autooverzicht .fotoholder
{
	background-color: #FFFFFF;
    border: 1px solid #666666;
    border-radius: 3px 3px 3px 3px;
    /*box-shadow: 1px 1px 1px 1px #333333;*/
    float: left;
    margin: 2px 7px 2px 2px;
    padding: 1%;
    width:96%;
}
.autooverzicht .videoholder
{

}
.autooverzicht .auto_list .fotoholder
{
	width:auto;	
	padding: 0px;
}
.autooverzicht .verkocht_mob {
    left: 3px;
    position: absolute;
    top: 2px;
    width: 90px;
}
.autooverzicht #tab_specs, .autooverzicht #tab_opties, .autooverzicht #tab_details, .autooverzicht #tab_contact
{
	border-radius: 3px;
	border: solid 1px #666;
	margin:2px 7px 2px 2px;
	padding: 7px 5px 7px 5px;
	font-size: 1.3em;
}
.autooverzicht #tab_specs ul 
{
	width:100%
}
.autooverzicht #tab_specs ul li, .autooverzicht #tab_details ul li
{
	list-style-type:none;
	line-height: 2em;
}
.autooverzicht #tab_opties ul li 
{
	list-style-type:square;
	line-height: 2em;
}

.autooverzicht #tab_specs ul div 
{
	width:46%;
	float:left;
}

.autooverzicht .odd
{

}

/*contact*/
#pnlContact 
{
	padding-left: 6px;
}
#pnlContact p
{
	padding: 0;
	margin:0;
	line-height:1.3em;
}
/* route */
.defaultText {
	font-style: italic;
	color: gray
}

	div.map-control {
		padding: 10px 0;
		margin: 0 10%;
	}
	
	ul#map-mini-info {
		padding: 0;
		line-height: 2em;
		float: left;
		width: 100%;
		margin: 0
	}
	
	ul#map-mini-info li {
		display: block;
		float: left;
		font-size: 1em;
		width: 50%;
		overflow: hidden;
		white-space: nowrap
	}
	
	#map {
		color: #000000;
		padding: 0;
		margin: 0;
		border: 2px solid #333333
	}
	
	#map-info {
		width: auto
	}
	
	#map-info a {
		color: #586585
	}
	
	#map-info_left {

	}
	
	#map-info .map-get-route {
		position: relative;
		margin: 0;
		float: left
	}
	
	.map-get-route {
		margin: 0;
	}
	
	.map-get-route input {
		width: 75%;
		height: 28px;
		float:left;
		text-indent: 10px;
		border: 1px solid #555555
	}
	
	.map-get-route .map-btn-route {
		background: none repeat scroll 0 0 #333333;
		border: 1px solid gray;
		color: #FFFFFF;
		display: inline;
		float: right;
		font-weight: bold;
		height: 30px;
		line-height: 26px;
		overflow: hidden;
		text-align: center;
		text-decoration: underline;
		width: 20%;
	}
	
	.map-get-route .map-btn-route:hover, #map-info .map-get-route a:hover {
		cursor:hand;
		cursor:pointer;
		background-position: center bottom
	}