@charset "utf-8";
/* CSS Document */

html, body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#00205b;
	background-color:#2d2a25;
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	}
	
#container {
	position:relative;
	width:950px;
	margin:0px auto 0px auto;
	background-image:url(../images/contentBack.gif);
	background-repeat:repeat-y;
	background-color:#ffffff;
	}
	
#top {
	position:relative;
	width:950px;
	height:75px;
	background-color:#FFFFFF;
	}
	
#header {
	float:left;
	width:950px;
	height:223px;
	z-index:1;
	}		
	
#logos {
	position:absolute; right:0px; top:0px;
	height:60px;
	width:400px;
	padding:15px 40px 0px 0px;
	}	
	
#menuDiv {
	position:relative;
	width:950px;
	height:51px;
	background-image:url(../images/menuback.jpg);
	background-repeat:repeat-x;
	z-index:100;	
	}
	
#kolom1 {
	float:left;
	width:475px;
	background-color:#000000;
	z-index:1;
	}
	
#kolom2 {
	float:left;
	width:475px;
	background-color:#FF00FF;
	z-index:1;	
	}		
	
#homeHeader {
	float:left;
	width:475px;
	height:274px;
	background-color:#000000;
	}
	
#homeNews {
	float:left;
	width:422px;
	height:205px;
	padding:18px 28px 0px 25px;
	background-color:#ffffff;
	overflow:hidden;
	}
	
.homeNewsImg {
	float:left;
	border:2px solid #e3e3e3;
	}
	
#homeNews p {
	float:left;
	width:253px;
	margin-right:10px;
	}
	
#my_slideshow {
	float:left;
	height:167px;
	width:475px;
	background-color:#000000;
	}	
	
#homeLogos {
	height:30px;
	width:443px;
	background-color:#FFFFFF;
	border:1px solid #d8dbe6;
	padding:10px 0px 0px 0px;
	margin-top:3px;
	}
	
#homeLogos img {
	margin-left:10px;	
	}
	
#homeOccasions {
	clear:left;
	width:450px;
	height:199px;
	padding:19px 0px 0px 25px;
	background-color:#eceef7;
	overflow:hidden;	
	}
	
#homeServices {
	float:left;
	width:445px;
	height:220px;
	padding:20px 0px 0px 30px;
	background-color:#ffffff;
	background-image:url(../images/vestigingAssen.jpg);
	}
	
#homeWerkplaats{	
	float:left;
	width:170px;
	height:200px;
	padding-right:10px;
	border-right:1px solid #ccd2de;
}

#homeNewsletter {	
	float:left;
	margin:0px 0px 0px 20px;
	border:0px;
	width:235px;
}

#homeNewsletter input {	
	color:#00205B;
}

#homeDemos {
	float:left;
	width:475px;
	height:220px;
	padding:20px 0px 0px 0px;
	background-color:#ffffff;
	}
	
#cavImgSlider{
	width:475px;
	height:175px;
}
		
	
/* Vervolgspagina */

#contentLeft {
	float:left;
	width:520px;
	padding:15px 30px 10px 30px; 
	}

#contentRight {
	float:left;
	width:330px;
	padding:0px 0px 10px 20px;
	}
	
#contentRightwerkplaats {
	float:right;
	width:220px;
	margin:30px 0px 0px 10px;
	padding:0px 0px 10px 0px;
	}
	
#contentRight li {
	list-style:inside;
	list-style-type:disc;
	margin-top:7px;
	}
	
#contentRight ul {
	margin-top:15px;
	}	
	
#contentLeft li {
	list-style:inside;
	list-style-type:disc;
	margin-top:7px;
	}
	
#contentLeft ul {
	margin-top:15px;
	}			
	
#contentLarge {
	float:left;
	width:890px;
	padding:15px 30px 30px 30px;
	background-color:#ffffff;	
	}
	
.serviceBox {
	float:left;
	width:200px;
	margin:15px 0px 0px 0px;
	}

.showroombox {
	float:left;
	width:135px;
	margin:15px 11px 50px 0px;
	}	
	
.showroombox p {
	margin-bottom:5px;
	color:#000033;
	font-size:12px;
	font-weight:bold;
	
}

.serviceBox2 {
	float:left;
	width:250px;
	margin:15px 0px 0px 0px;
	}
	
.serviceBox img {
	margin-bottom:5px;
	}
	
.spacer {
	float:left;
	width:30px;
	height:200px;
	background-image:url(../images/spacerBack.gif);
	background-repeat:repeat-y;
	margin:15px 0px 0px 0px;
	}

#bottomBanners {
	position:relative;
	width:950px;
	height: 40px;
	margin:0px auto 0px auto;
	border-top:1px solid #ccd2de;
	padding:10px 0px 0px 0px;
	text-align:center;
	background-color:#ffffff;
	
}

#bottomBanners a img {
	margin:0 20px;
	border: none;
}
	
#footer {
	clear:both;
	width:920px;
	height:17px;
	margin:0px auto 0px auto;
	border-top:1px solid #ccd2de;
	padding:3px 0px 3px 30px;
	color:#FFFFFF;
	font-size:11px;
	}
	
#footer a {
	color:#FFFFFF;
	font-size:11px;
	}
	
#cartel {
	float:right;
	padding-right:30px;
	}		
	
#footerContent {
	float:left;
}
	
.demo {
	float:left;
	width:300px;
	margin:0px 0px 10px 0px;
	}
	
.demo img {
	float:left;
	margin:5px 12px 0px 0px;
	border:2px solid #c4c8d7;
	}
	
.demo img:hover {
	border:2px solid #00205b;
	}	
	
.demo p {
	margin-top:3px;
	}
	
.prijs {
	color:#006b05;
	font-weight:bold;
	}	
	
.ContactPerson {
	float:left;
	width:153px;
	height:260px;
	margin:10px 20px 0px 0px;
	}
	
.ContactPersonRight {
	float:left;
	width:143px;
	height:230px;
	margin:0px 10px 0px 0px;
	}	
	
.ContactPerson img {
	border:1px solid #a9a9a9;
	}
	
.ContactPersonIMG {
	border:1px solid #a9a9a9;
	}	
	
.vacature {
	float:left;
	width:500px;
	margin:5px 0px 10px 0px;
	}
	
.nieuwsitem {
	float:left;
	width:520px;
	margin:15px 0px 0px 0px;
	padding:0px 0px 15px 0px;
	border-bottom:1px solid #ccd2de;
	}
.nieuwsitem2{
	float:left;
	width:520px;
	margin:15px 0px 0px 0px;
	padding:0px 0px 15px 0px;
	border-bottom:1px solid #ccd2de;
	color: #00205B;
}



.nieuwsitem2 a
{
color: #00205B;
}
.nieuwsitem2 img{
	float: right;
}


/*met plaatje*/
.nieuwsitem p {
	float:left;
	width:380px;
	margin:0px 20px 0px 0px;
	}

/*zonder plaatje*/
.nieuwsitem p.breed {
	float:left;
	width:auto;
	margin:0px 20px 0px 0px;
	}

	
.nieuwsitem img {
	float:left;
	width:120px;
	}

.inpage_nieuws {
	margin:5px 0px 15px 0px;
	padding:10px;
	border:2px solid #C4C8D7;
	position:relative;
	background-color:#eceef7;
}

.inpage_nieuws img {
	float:right;
	margin-left: 20px;
}

.img {
	float:left;
	margin:0px 15px 15px 0px;
	}
	
.img2 {
	margin:10px 15px 10px 0px;
	border:2px solid #c4c8d7;
	}		
	
	
/* CAV */

.cav_zoeken_formulier select {
	padding:2px;
	margin:5px;
	}

#CartelAutoVoorraad table td {
	padding:5px;
	}

.cav_overzicht_resultaat_table {
	width:750px;
	}	
	
.cav_td_data img {
	float:right;
	}
	
.cav_lijst_merkmodel {
	font-weight:bold;
	}
	
.cav_overzicht_pager {
	background-color:#eceef7;
	border-bottom:1px solid #bdc2d9;
	border-top:1px solid #bdc2d9;	
	}
	
.cav_overzicht_head_table {
	width:750px;
	}	
	
.cav_overzicht_head_table_items {
	padding:2px 5px 2px 5px;
}

.cav_overzicht_head_table_items_active {
	padding:2px 5px 2px 5px;
	background-color:#00205b;
	color:#ffffff;
	}
	
.cav_detail_table {
	width:850px;
	}

.cav_detail_merk_prijs_header_item {
	font-size:18px;
	color:#00205b;
	font-weight:bold;
	}
	
.cav_detail_autopresentatie {
	width:850px;
	margin:15px 0px 0px 0px;
	}
	
.cav_detail_autopresentatie td {
	padding:2px;	
	}	
	
.cav_detail_kopjes {
	border-bottom:1px solid #ccd2de;
	background-color:#eceef7;	
	}


		
/* Tekst styles */

a {
	color:#00205b;
	text-decoration:underline;
	}
	
.arrowBlauw {
	background-image:url(../images/arrowBlauw.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:12px;
	}

.arrowRood {
	background-image:url(../images/arrowBlauw.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:12px;
	color:#9d0f09;
	}


h2 {
	font-size:14px;
	margin-bottom:10px;
	font-weight:bold;
}	

.h2demo {
	margin-left:30px;
	}

h1 {
	font-size:18px;
	margin-bottom:10px;
}

#contentLeft h1 {
	font-size:24px;
	margin-bottom:10px;
	}	
	
#contentLeft h2 {
	font-size:18px;
	margin-bottom:10px;
	color:#7e86ad;
	font-weight:normal;
	}	
	
#contentRight h2 {
	font-size:18px;
	margin-top:15px;
	color:#7e86ad;
	font-weight:normal;
	}

#contentRight h3 {
	font-size:18px;
	margin-top:15px;
	color:#00205b;
	font-weight:normal;
	}
	
#contentRight h4 {
	font-size:14px;
	font-weight:bold;
	color:#00205b;
	text-decoration:none;
	margin-top:15px;
}	

#contentLarge h1 {
	font-size:24px;
	margin-bottom:10px;
	}	
	
#contentLarge h2 {
	font-size:18px;
	margin-bottom:10px;
	color:#7e86ad;
	font-weight:normal;
	}

#contentLarge h3 {
	font-size:15px;
	margin-bottom:10px;
	color:#7e86ad;
	font-weight:bold;
	}
	
#contentLarge h4 {
	font-size:14px;
	font-weight:bold;
	color:#00205b;
	text-decoration:none;
	margin-top:15px;
}		
	
.demo h4, .demo h4 a {
	font-size:14px;
	font-weight:bold;
	color:#00205b;
	text-decoration:none;
	}	
	
.ContactPerson h4 {
	font-size:14px;
	font-weight:bold;
	color:#00205b;
	}			

strong {
	font-weight:bold;
	}
	
/* Formulieren */

label {
	float:left;
	width:100px;
	height:20px;
	padding:3px 0px 0px 0px;	
	}	
	
input {
	padding:4px 0px 4px 4px;
	border:1px solid #b8bed9;
	margin-bottom:2px;
	background-image:url(../images/inputBack.jpg);
	background-repeat:no-repeat;
	}

	
input:focus {
	background-image:url(../images/inputBackHover.jpg);
	background-repeat:no-repeat;
	}	

.button {
	padding:3px 3px 3px 3px;
	background-color: #FFFFFF;
	background-repeat:repeat-x;
	border:1px solid #b8bed9;
	display:block;
	font-size:11px;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	margin:10px 0px 0px 0px;
	}
	
.button2 {
	width:140px;
	height:29px;
	padding:0px 0px 10px 37px;
	background-image:url(../images/btnBackBlue.jpg);
	background-repeat:no-repeat;
	border:0px solid #000000;
	display:block;
	font-size:11px;
	font-weight:bold;
	color:#00205b;
	cursor:pointer;
	text-decoration:none;
	margin:5px 0px 0px 0px;
	text-align:left;
	}
	
.button3 {
	background-image:url(../images/btnBackBlue1.jpg);
	background-repeat:no-repeat;
	border:0 solid #000000;
	color:#00205B;
	cursor:pointer;
	display:block;
	font-size:11px;
	font-weight:bold;
	height:23px;
	margin:0;
	padding:0 0 0 34px;
	text-align:left;
	text-decoration:none;
	width:121px;
	}	

.button2:focus {
	background-image:url(../images/btnBackBlue.jpg);
	background-repeat:no-repeat;
	}
	
input.formButton {
	padding:0px 10px 0px 10px;
	height:23px;
	color:#00205b;
	font-size:11px;
	font-weight:bold;	
	text-align:center;
	border:1px solid #b8bed9;
	background-image:url(../images/formButton.jpg);
	background-repeat:repeat-x;
	cursor:pointer;
	}
	
input.formButton:focus {
	background-image:url(../images/formButton.jpg);
	background-repeat:repeat-x;
	}
	
.input2 {
	margin:10px 0px 0px 10px;
	padding:0px 10px 0px 10px;
	height:23px;
	width:80px;
	color:#00205b;
	font-size:11px;
	font-weight:bold;	
	text-align:center;
	border:1px solid #b8bed9;
	background-image:url(../images/formButton.jpg);
	background-repeat:repeat-x;
	cursor:pointer;
}

.input2:focus {
	background-image:url(../images/formButton.jpg);
	background-repeat:repeat-x;
	}
	
form strong {
	font-weight: normal;
	float: left;
	margin-right: 20px;
	margin-top: 5px;
}

#contactformulier input.no_border {
	border:0px;
	background:none;
	margin-top: 7px;
	width: 20px;
}

/* TABELLEN */

#openingstijden  th {
	background-color:#eceef7;
	border-bottom:1px solid #ccd2de;
	padding:3px;
	font-weight:bold;	
	}
	
#openingstijden  td {
	padding:3px;
	border-bottom:1px solid #ccd2de;
	}
		
	
	
/* TABS		*/

#tabs {
	float:left;
	height:186px;
	width:420px;
	background-color:#364c76;
	background-image:url(../images/occasionsBack.jpg);
	background-position:bottom;
	}
	
#tabs h3 {
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	}	

.tabs {
	background-color:#eceef7; 
	color:#ffffff; 
	height:23px; 
	}
	
.tab {
	padding:15px 0px 0px 15px;
	height:148px;
	}
	
.tab li {
	color:#FFFFFF;
	list-style:disc;
	list-style:inside;
	margin-top:3px;
	}
				
.tab p {
	color:#FFFFFF;
	}
	
.tab table {
	margin:7px 0px 0px 0px;
	}	
	
.tab select {
	padding:0px;
	width:195px;
	height:20px;
	}	
	
.occasion_zoeken {
	color:#FFFFFF;
	margin:0px 10px 0px 0px;
	}
	
.right {
	color:#FFFFFF;
	float:left;
	margin:10px 0px 0px 0px;
	}

.right a {
	color:#FFFFFF;
	}					

.tabs ul {
	margin:0px; 
	padding:0px; 
	list-style:none; 
	text-align:left;
	}
	
.tabs li {
	display:inline; 
	line-height:23px;
	color:#FFFFFF;
	}
	
.tabs li a {
/*	display:inline-block;*/
	position:relative;
	color:#ffffff; 
	text-decoration:none; 
	background-image:url(../images/tabSmall.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:6px 15px 4px 15px;
/*	height:21px;*/
	}
	
.tabs li a.tabactive {
	background-color:#364c76; 
	font-weight:normal;  
	background-image:url(../images/tabLarge.jpg);
	background-position:center;
	background-repeat:repeat-x;	
	position:relative;
	padding:5px 15px 6px 15px;
	color:#FFFFFF;
	}


/* Contact */

#contactformulier label{
	float:left;
	width:200px;
	height:20px;
	padding:7px 0px 0px 0px;
	display:block;
}

#contactformulier input, select{
	float:left;
	width:200px;
	padding:3px;
	margin:3px 0px 0px 0px;
	border:1px solid #cecece;
}

#contactformulier textarea{
	float:left;
	margin:5px 0px 0px 0px;
	padding:3px;	
	width:300px;
	height:150px;
	border:1px solid #cecece;
	background-image:url(../images/inputBack.jpg);
	background-repeat:no-repeat;	
}

#contactformulier textarea:focus {
	background-image:url(../images/inputBackHover.jpg);
	background-repeat:no-repeat;
	}	
	
#map {
	border:1px solid #ccd2de;
	width:500px;
	}
	
/* Werkplaatsafpraak */

#werkplaatsformulier label{
	float:left;
	width:200px;
	height:20px;
	padding:7px 0px 0px 0px;
	display:block;
}

.checkbox {
	margin:4px;
	}	

	
/*Nieuwsslider CSS index.php*/	
.fl {
	float: left; 
	display: inline;
}

.news_slider {
	position: relative; 
	width: 420px;
	height:190px;
	background-color:#FFFFFF;
	text-align: left;
	overflow:hidden;	
}

.news_slider .prev, .news_slider .next {
	position: absolute; 
	bottom:0px;
/*	top: 95%;*/
}

.news_slider .next {
	right: 0;
}

.news_slider .container {
	position: relative; 
	top: 0; left: 0px; 
	width: 420px; 
}

.news_slider .news_items {
    /*        The width must be equal to .item ((width + margin-right) * 2).    */
	position: relative; 
	width: 420px; 
	height:175px;
	top: 0; 
	background-color:#ffffff;
}

.news_slider .item {
    /*       Must contain a width and a margin-right.    */
	width: 4000px; 
	margin-right: 10px;
	background-color:#ffffff;
}

.news_slider .item div {
	width: 4000px;
	background-color:#ffffff;
	padding: 0 0 10px 0;
}
/*Einde nieuwsslider CSS*/	

/* Actie pagina */

#contentLeftEssentia {
	float:left;
	width:520px;
	padding:0px 30px 10px 30px; 
	}
	
#contentLeftEssentia h1 { 
	margin-top:35px;
	font-size:18px;
	font-weight:bold;
}

#contentLeftEssentia img { 
	margin-top:20px;
	padding-bottom:10px;
}		

#contentRightEssentia {
	float:left;
	width:330px;
	padding:0px 0px 10px 20px;
	}

#contentRightEssentia h1 { 
	margin-top:35px;
	font-size:17px;
	font-weight:bold;
}

.aanbieding {
	font-size:24px;
	font-weight:bold;
	color:#ff8a00;
}

/* Formulier */
#aanbiedingsformulier label{
	float:left;
	width:80px;
	height:20px;
	padding:7px 0px 0px 0px;
	display:block;
}

#aanbiedingsformulier input{
	float:left;
	width:200px;
	padding:3px;
	margin:3px 0px 0px 0px;
	border:1px solid #cecece;
}

#aanbiedingsformulier input.checkbox{
	float:left;
	width:16px;
	height:15px;
	padding:0px;
	margin:9px 0px 0px 0px;
	background:none;
	border:none;
	outline:none;
	-moz-outline-style:none;
}

#aanbiedingsformulier textarea{
	float:left;
	margin:5px 0px 0px 0px;
	padding:3px;	
	width:200px;
	height:150px;
	border:1px solid #cecece;
	background-image:url(../images/inputBack.jpg);
	background-repeat:no-repeat;	
}

#aanbiedingsformulier textarea:focus {
	background-image:url(../images/inputBackHover.jpg);
	background-repeat:no-repeat;
}	
	
#aanbiedingsformulier input.verstuurButton {
	width:100px;
	padding:0px 10px 0px 10px;
	height:23px;
	color:#00205b;
	font-size:11px;
	font-weight:bold;	
	text-align:center;
	border:1px solid #b8bed9;
	background-image:url(../images/formButton.jpg);
	background-repeat:repeat-x;
	cursor:pointer;
	}
	
#aanbiedingsformulier input.verstuurButton:focus {
	background-image:url(../images/formButton.jpg);
	background-repeat:repeat-x;
	}

.adres {
	margin-left:80px;
	font-size:12px;
	}
	
.actie {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#ffffff;

	margin:0px;
	margin-bottom:10px;
	padding:15px 0px 0px 0px;
	}
	
.proefrit {
	margin:0px;
	padding:7px 0px 0px 0px;
	}
	
em {font-style: italic;}


.cav_prijs_van {
	color: #7e86ad;
}

.cav_prijs_van_prijs {
	color: #7e86ad;
}

.cav_prijs_voor_prijs {
	color: #00205B;
}

.cav_prijs_voor_prijs {
color:#00205B;
font-size:14px;
font-weight:bold;
height:20px;
margin-top:5px;
padding:5px 0;
text-align:left;
width:72px;
}

/* ARCHIEF STYLES */
#archief li {
	background-color:#00205B;
	background-image:url(../images/forwd_16.gif);
	background-position:500px, 5px;
	background-repeat:no-repeat	;
	color:#FFFFFF;
	list-style:none;
	color:#FFFFFF;
	padding:4px 8px;
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
}

#archief ul {
	margin:0px 0px 0px 20px;
	display:none;
}

#archief ul li {
	background-color:#eceef7;
	background-position:480px, 5px;
	font-size:12px;
	color:#00205B;
}

#archief ul ul {
	margin:6px 0px 20px 20px;
}

#archief ul ul li {
	border-bottom:1px solid #00205B;
	margin:0px 0px 5px 0px;
	background-color:#FFFFFF;
	padding:0px;
}

#archief ul ul li a {
	text-decoration:none;
}