/* Start of CMSMS style sheet 'stylesheet' */
body {
	background-color: #dadada;
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:13px;
}

p { display: inline; 
}

A:link {
color: #0096d7;
text-decoration: none;
}

A:visited {
color: #0096d7;
text-decoration: none;
}

A:hover {
color: #333333;
text-decoration: none;
}

h1 {
	font-size: 17px;
font-weight: bold;
	color: #000;
margin: 1px 0 5px 1px;
padding: 0;
border-bottom: 1px #bbb dotted;
height: 19px;
}
h2 {
	font-size: 17px;
font-weight: bold;
	color: #000;
margin: 1px 0 5px 1px;
padding: 0;
border-bottom: 1px #bbb dotted;
height: 19px;
}

h3 {
	text-align: left;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	font-size: 14px;
	color: #333333;
margin-left: 8px;
margin-top: 7px;
margin-bottom: 6px;
padding: 0;
border-bottom: 1px #bbb dotted;
padding-bottom: 4px;
width: 625px;
}

h4 {
	font-size: 17px;
font-weight: bold;
	color: #000;
margin: 7px 0 5px 7px;
padding: 0;
width: 625px;
border-bottom: 1px #bbb dotted;
height: 20px;
}
h5 {
	font-size: 14px;
font-weight: bold;
	color: #000;
margin: 0;
padding-top: 3px;
height: 15px;
}

div#pagewrapper {
width: 955px;
margin: 0 auto;
}

div#header {
width: 955px;
height: 115px;
background-image:url(images/header_bg.png);
background-repeat:no-repeat;
}

.hlinks {
float: left;
height: 75px;
width: 500px;
padding-left: 25px;
padding-top: 25px;
}

.hrechts {
float: right;
height: 75px;
width: 172px;
padding-right: 15px;
padding-top: 12px;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:11px;
color: #555555;
line-height: 14px;
}

.wzw_block {
height: 85px;
}

div#main {
background-image:url(images/main_bg.png);
background-repeat:repeat-y;
overflow: hidden;
}

.titel {
width: 628px;
font-weight:bold;
background:url(images/dot_line.png);
background-position:bottom;
background-repeat:repeat-x;
padding-bottom: 5px;
padding-left: 2px;
}

.titel_rechts {
width: 280px;
font-weight:bold;
background:url(images/dot_line.png);
background-position:bottom;
background-repeat:repeat-x;
padding-bottom: 5px;
padding-left: 2px;
}

.titel2 {
font-weight:bold;
background:url(images/dot_line.png);
background-position:bottom;
background-repeat:repeat-x;
padding-bottom: 5px;
}

*.titel2 {
width: 630px;
margin-bottom: 10px;
}

.titel_h1 {
width: 305px;
font-weight:bold;
background:url(images/dot_line.png);
background-position:bottom;
background-repeat:repeat-x;
padding-bottom: 5px;
padding-left: 2px;
}
.titel_h2 {
width: 305px;
font-weight:bold;
background:url(images/dot_line.png);
background-position:bottom;
background-repeat:repeat-x;
padding-bottom: 5px;
padding-left: 2px;
}

.header_table {
font-weight:bold;
background:url(images/dot_line.png);
background-position:bottom;
background-repeat:repeat-x;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 20px;
text-align:right;
}

*.header_table {
width: 605px;
}

*.select {
align: right;
width: 615px;
}

.content {
width: 630px;
padding-top: 3px;
line-height: 19px;
/* min-height: 427px; */
overflow: auto;
}

.content_left {
width: 325px;
padding-top: 3px;
line-height: 19px;
overflow: auto;
}

.content_right {
width: 310px;
padding-top: 3px;
line-height: 19px;
}

.menu {
height: 50px;
margin-left: 6px;
background:url(images/bg_occasions_menu.jpg);
background-repeat:no-repeat;
}

.occasions {
background-color: #333333;
width: 643px;
height: 236px;
border: 1px #afafaf solid;
float: left;
margin-top: 1px;
margin-left: 6px;
}

div#sidebar {
float: right;
}

.zoeken {
width: 283px;
height: 224px;
border: 1px #afafaf solid;
float: right;
margin-top: 1px;
margin-right: 6px;
padding: 6px;
}

.buttons {
width: 295px;
padding-top: 2px;
margin-left: 1px;
}

.buttons2 {
width: 295px;
height : 100px;
padding-right: 8px;
margin-left: 0px;
}

.home {
width: 643px;
border: 1px #afafaf solid;
float: left;
margin-top: 1px;
margin-left: 6px;
}

.home2 {
width: 643px;
border: 1px #afafaf solid;
float: left;
margin-top: 1px;
margin-left: 6px;
height: 235px;
height: 270px;
}


.home3 {
width: 643px;
border: 1px #afafaf solid;
float: left;
margin-top: 1px;
margin-left: 6px;
}

.home_links {
width: 311px;
float: left;
padding-left: 6px;
padding-top: 6px;
padding-bottom: 6px;

}

.home_rechts {
width: 311px;
float: right;
padding-right: 7px;
padding-top: 6px;
padding-bottom: 6px;
}

.home_boven {
#width: 311px;
padding: 6px;
}

.leesmeer {
width: 305px;
clear: both;
text-align: right;
}

.formulier {
padding-left: 30px;
position: relative;
}

input{
border: 1px solid #a1a1a1;
background-color: #f1f1f1;
}

select{
border: 1px solid #a1a1a1;
background-color: #f1f1f1;
}

input.checkbox{
border: none;
background: none;
}

.form_field {
width: 152px;
border: 1px solid #a1a1a1;
background-color: #f1f1f1;
}


.home_onder {
#width: 311px;
padding: 6px;
}

.home_pic {
float: left;
clear: both;
padding-left: 6px;
padding-bottom: 6px;
}

.dotted_line {
height: 1px;
clear: both;
padding-left: 6px;
padding-bottom: 5px;
padding-right: 7px;
}

*.dotted_line {
height: 6px;
}

.zoeken_button {
border: 1px solid #a1a1a1;
background-color: #f1f1f1;
cursor: pointer;

}


.zoeken_button a{
border: 1px solid #a1a1a1;
background-color: #f1f1f1;
}


.zoeken_button a:visited{
border: 1px solid #a1a1a1;
background-color: #f1f1f1;
}

.zoeken_button a:hover{
background-color: #ffffff;
border: 1px #333333 solid;
}

.snelkeuze {
width: 295px;
height: 236px;
border: 1px #f4f4f4 solid;
float: right;
margin-top: 1px;
margin-right: 6px;
}

.typen {
width: 643px;
height: 75px;
border: 1px #afafaf solid;
float: left;
margin-top: 1px;
margin-left: 6px;
}

.banner {
width: 295px;
height: 75px;
border: 1px #afafaf solid;
float: right;
margin-top: 1px;
margin-right: 6px;
overflow: hidden;
}
.banner img{
width: auto;
height: 75px;

}

.border {
clear: both;
width: 943px;
height: 1px;
border-bottom: 1px #cccccc solid;
margin-left: 6px;
}

.border1 {
clear: both;
width: 943px;
height: 1px;
border-bottom: 1px #cccccc solid;
margin-left: 6px;
margin-bottom: 1px;
}

.border2 {
clear: both;
width: 943px;
height: 1px;
border-bottom: 1px #cccccc solid;
margin-left: 6px;
margin-top: 1px;
}

.border4 {
clear: both;
width: 610px;
height: 2px;
border-bottom: 1px #cccccc solid;
}

.border3 {
clear: both;
width: 297px;
height: 2px;
border-bottom: 1px #cccccc solid;
}

.space_border {
height: 7px;
}

div#footer {
height: 20px;
background-image:url(images/footer_bg.png);
background-repeat:no-repeat;
font-family: Tahoma, Arial;
font-size:10px;
color: #777777;
padding-top: 5px;
}

.flinks {
float: left;
width: 500px;
padding-left: 5px;
}

.frechts {
float: right;
width: 400px;
text-align: right;
padding-right: 4px;
}

div#footer a:link {
color: #666666;
text-decoration: none;
}

div#footer a:visited {
color: #666666;
text-decoration: none;
}

div#footer a:hover {
color: #000000;
text-decoration: none;
}

div#car_result {
height: 125px;
border-bottom: 1px #cccccc solid;
margin-bottom: 10px;
}

*div#car_result {
margin-left: 0;
}


// CONTENT
h3 {
	margin-top		: 15px;
}

form.search {
	width			    : 620px;
       background-color    : #f4f4f4;
       padding-left            : 10px;
}

	form.search ul.search_blocks {
		list-style-type	: none;
		height		: 150px;	
	}

	form.search ul.search_blocks li {
		float			: left;
		width			: 275px;	
		padding		: 0px;
	}

	form.search ul.search_options {
		list-style-type     	: none;
		height			: 620px;		
	}

	form.search ul.search_options li {
		float			: left;
		width			: 150px;	
		padding		: 5px;
	}
		
	form.search span.title {
		font-weight		: bold;
		display		        : block;
	}
.send {
clear: both;
text-align: right;
}


ul.results {
	list-style-type	: none;
	width			:600px;
	font-family:"Trebuchet MS", Arial, Verdana;
	font-size:13px;
padding: 0;
margin-left: 5px;
}

*ul.results {
	width			:620px;
}

	ul.results li.object {
		height			: 115px;
		position		        : relative;
		margin-bottom		: 5px;
	}

	*ul.results li.object {
              margin-left: -13px;
	}

	
		ul.results li.object span.media {
			position		: absolute;
			top			: 0px;
			left			: 0px;
		}
		
		ul.results li.object span.media img {
			width			: 150px;
                        border              : 1px #cccccc solid;
		}
	

		ul.results li.object a.type {
			font-weight	: bold;
			position		: absolute;
			top			: 0px;
			left			: 160px;
		}		

		ul.results li.object span.price {
			position		: absolute;
			top			: 55px;
			right			: 10px;
			text-align		: right;
                        font-weight	: bold;
		}

		ul.results li.object span.build {
			position		: absolute;
			top			: 55px;
			right			: 120px;
                       # font-weight	: bold;
		}	


		*ul.results li.object span.price {
			position		: absolute;
			top			: 55px;
			right			: 30px;
			text-align		: right;
                        font-weight	: bold;
		}

		*ul.results li.object span.build {
			position		: absolute;
			top			: 55px;
			right			: 152px;
                       # font-weight	: bold;
		}	

		ul.results li.object span.transmission {
			position		: absolute;
			top			: 45px;
			left			: 160px;
			font-size		: 90%;
		}


		ul.results li.object span.transmission2 {
			position		: absolute;
			top			: 45px;
			left			: 260px;
			font-size		: 90%;
		}
		
		ul.results li.object span.fuel {
			position		: absolute;
			top			: 65px;
			left			: 160px;
			font-size		: 90%;
		}

		ul.results li.object span.fuel2 {
			position		: absolute;
			top			: 65px;
			left			: 260px;
			font-size		: 90%;
		}
		
		ul.results li.object span.color {
			position		: absolute;
			top			: 25px;
			left			: 160px;
			font-size		: 90%;
		}

		ul.results li.object span.color2 {
			position		: absolute;
			top			: 25px;
			left			: 260px;
			font-size		: 90%;
		}
		
		ul.results li.object span.mileage {
			position		: absolute;
			top			: 85px;
			left			: 160px;
			font-size		: 90%;
		}

               ul.results li.object span.mileage2 {
			position		: absolute;
			top			: 85px;
			left			: 260px;
			font-size		: 90%;
		}

               ul.results li.object span.devider {
			position		: absolute;
			top			: 20px;
			left			: 430px;
		}

               ul.results li.object span.devider2 {
			position		: absolute;
			top			: 20px;
			left			: 502px;
		}

               *ul.results li.object span.devider {
			left			: 405px;
		}

               *ul.results li.object span.devider2 {
			left			: 490px;
		}

.object {
width: 600px;
	
}

	div.object div.preview {
		float			: left;
		width			: 28px;
	}
	
		div.object div.preview img {
			width			: 250px;
padding: 3px;
background-color: #dddddd;
		}

	div.object ul.def {
		list-style-type	: none;
		height		: 155px;
		margin-left		: 240px;
                                padding-top: 35px;
padding-left: 30px;
	}

		div.object ul.def li {
			height			: 20px;
		}

			div.object ul.def li span.label {
				float			: left;
				width			: 150px;
				font-weight	: bold;
			}

	div.object div.media img {
		width			: 50px;
padding: 2px;
background-color: #dddddd;	
	}


option.integer {
	text-align		: right;
}


ul {
	margin-left		: 15px;
}


// BODY
* {
	margin		: 0;
	padding		: 0;
	outline		: none;
}

img {
	border			: 0;
}

div.c {
	clear			: both;
}

div.s {
	height			: 20px;
}

div.container {
	width			: 643px;

}

.link {
	cursor			: pointer;
}

// Lightbox plugin
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
.pages a.active
{
    #font-weight: bold;
    color: #333333;
cursor: hand;
}

a.linkopacity img {
     filter:alpha(opacity=100);
     -moz-opacity: 1.0; 
     opacity: 1.0;
     -khtml-opacity: 1.0;
}
 
a.linkopacity:hover img {
     filter:alpha(opacity=70);   
     -moz-opacity: 0.7;   
     opacity: 0.7;
     -khtml-opacity: 0.7; 
}
.home_pic img{
float: left;
border: 4px #0096d7 solid;
margin-right: 4px;
}

/* SLIDE */
#slideshow {
	margin:0 auto;
	width:645px;
	height:195px;
	position:relative;
}
#slideshow #slidesContainer {
	margin:0 auto;
	width:645px;
	height:195px;
	overflow:auto;
	position:relative;
}
#slideshow #slidesContainer .slide {
	margin:0 auto;
	width:210px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
	height:195px;
}
/** 
 * Slideshow controls style rules.
 */
.control {
	width:55px;
	height:59px;
	text-indent:-10000px;
	position:absolute;
	cursor: pointer;
}
#leftControl {
	top:75px;
	left:0;
	background:transparent url(images/arrow_left-55.png) no-repeat 0 0;
	z-index: 500;
}
#rightControl {
	top:75px;
	right:0;
	background:transparent url(images/arrow_right-55.png) no-repeat 0 0;
	z-index: 501;
}
#pageContainer {
	margin:0 auto;
	width:645px;
}
.slide h2, .slide p {
	margin:0;
}
.slidepic {
	float:left;
	margin-left:7px;
}
.slidepic img{
border:1px #0096d7 solid;
}

.slidepic img:hover{
border: 1px #ccc solid;
}
.slidemerkmodel {
	width: 200px;
	float: left;
	padding-left: 7px;
	padding-bottom: 2px;
	color: #333;
	font-weight: bold;
font-size: 12px;
	font-family: "Segoe UI";
}
.slideprijs {
	width: 90px;
	float: right;
	text-align: right;
	padding-right: 6px;
	padding-top: 2px;
	color: #333;
	font-weight: bold;
	font-family: "Segoe UI";
}
.slidetype {
	width: 100px;
height:20px;
overflow: hidden;
	float: left;
	padding-left: 7px;
	padding-top: 2px;
	font-family: "Segoe UI";
	color: #333;
}

#intro {
background:url(images/main-bg.png) repeat-y;
overflow: auto;
padding-left: 6px;
}
.introleft {
width: 645px;
height: 234px;
border: 1px #ccc solid;
background: #f7f7f7 url(images/shade.jpg) repeat-x;
float: left;
}
#slider {
background: #ddd;
width: 645px;
height: 190px;
}
.introright {
width: 279px;
height: 220px;
border: 1px #ccc solid;
float: right;
padding: 7px;
background: #f7f7f7;
margin-right: 6px;
overflow: hidden;
}

#actie {
border: 1px #ddd solid;
width: 305px;
height: 150px;
margin: 0 auto;
overflow: hidden;
float: left;
background: #fff;
margin-bottom: 5px;
margin-left: 3px;
margin-right: 2px;
position: relative;
}

.actie {
position: absolute;
background:transparent url(images/actie.png) no-repeat 193px 82px;
z-index: 3;
width: 305px;
height: 150px;
display: block;
}

.actie a{
display: block;
margin-left: 5px;
margin-top: 129px;
outline: none;
}

.actietitel {
font-size: 15px;
font-weight: bold;
color: #444;
padding: 5px 5px 5px 5px;
height: 35px;
font-family: Arial;
}

.actiepic {
padding: 0 1px 0 1px;
width: 305px;
height: 80px;
overflow: hidden;
}
.actiepic img{
width: 303px;
height: 80px;
overflow: hidden;
}

.actiemore {
width: 304px;
height:180px;
display: block;
left: 0;
top: 0;
position: absolute;
z-index: 200;
}

#slide {
height: 70px;
overflow: hidden;
padding-left: 2px;
padding-top: 2px;
}

#slide ul{
list-style-type: none;
margin: 0;
padding: 0;
}
#slide img{
width: 295px;
height: auto;
}
.banner {
	height: 75px;
	overflow: hidden;
}
/* End of 'stylesheet' */

