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


/* ------------------------------ Algemeen ------------------------------ */

html {
}

body {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	line-height: 18px;
}

h1 {
	padding: 0px 0px 20px 0px;
	color: #4c4c4c;
	font-size: 26pt;
	font-weight: bold;
}

h2 {
	padding: 0px 0px 20px 0px;
	color: #4c4c4c;
	font-size: 16pt;
}

h3 {
	padding: 0px 0px 17px 0px;
	background-image: url(../images/layout/bgH3.png);
	background-position: 0px 100%;
	background-repeat: repeat-x;
	color: #ffffff;
	font-size: 11pt;
}

.mainContent h3 {
	padding: 0px 0px 15px 0px;
	background-image: none;
	color: #4c4c4c;
	font-size: 10.5pt;
	font-weight: bold;
}

h4 {
	padding: 0px 0px 5px 0px;
	color: #97964e;
	font-weight: bold;
	font-size: 10.5pt;
}

h5 {
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	font-size: 14pt;
}

h6 {
}

p {
	padding: 0px 0px 15px 0px;
	color: #4c4c4c;
}

img.twitter {
	padding: 0 5px 0 0;
}

.mainContent ul {
	padding: 10px 10px 10px 20px;
	margin: 0px 0px 15px 0px;
	background-image: url(../images/layout/bgBlock.jpg);
	background-color:#ededed;
	background-position: 0px 50%;
	background-repeat: repeat-x;
	text-align: left;
}

.mainContent ul li {
	padding: 0px 0px 0px 15px;
	background-image: url(../images/layout/ul.png);
	background-position: 0px 8px;
	background-repeat: no-repeat;
}

.mainContent ul.downloads li {
	padding: 0px 0px 0px 22px;
	background-image: url(../images/layout/ulDownload.png);
	cursor: pointer;
}

.mainContent ol {
}

.mainContent ol li {
}

span {
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	color: #0b67a8;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.btnBlue {
	padding: 4px 0px 5px 22px;
	background-image: url(../images/layout/bgBtn.jpg);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	color: #ffffff;
	text-decoration: none;
	display: block;
}

a.btnBlue:hover {
	background-position: 0px 100%;
}


/* ------------------------------ Top ------------------------------ */

img.imgFloatLeft {
	float: left;
	padding: 35px 0px 0px 18px;
}

img.imgLogoVolkswagen {
	float: right;
	padding: 27px 0px 0px 0px;
}

img.imgLogoVWB {
	float: right;
	padding: 27px 0px 0px 0px;
}

img.imgLogoSeat {
	float: right;
	padding: 31px 0px 0px 0px;
}

img.imgLogoAudi {
	float: right;
	padding: 39px 0px 0px 0px;
}




/* ------------------------------ Home ------------------------------ */

a.leesVerder {
	width: 103px;
	background-image: url(../images/layout/btnLeesVerder.png);
	background-repeat: no-repeat;
}

a.afspraakMaken {
	width: 210px;
	background-image: url(../images/layout/btnAfspraakMaken.png);
	background-repeat: no-repeat;
}

.werkplaatsTekst h2, .werkplaatsTekst p {
	padding-bottom: 10px;
}


/* ------------------------------ Merk ------------------------------ */

.boxModel img {
	float: left;
}

.boxModel h2 {
	padding-bottom: 10px;
}

.boxModel ul {
	height: 52px;
	padding: 15px 0px 0px 20px;
	background-image: url(../images/layout/bgBlock.jpg);
	background-position: 0px 100%;
	background-repeat: repeat-x;
}

.boxModel ul li {
	padding: 0px 0px 0px 15px;
	background-image: url(../images/layout/arrowGreenRight.png);
	background-position: 0px 7px;	
	background-repeat: no-repeat;
}

.boxModel a:hover {
	text-decoration: none;
}


/* ------------------------------ Normal ------------------------------ */

.title h1, .title h2 {
	color: #ffffff;
}

.titleblack h1, .titleblack h2 {
	color: #000000;
}

.contentKolom ul.downloads {
	margin-bottom: 20px;
}

.contentKolom .contentFoto .vergroten {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 23px;
	height: 23px;
	background-image: url(../images/layout/btnVergroten.jpg);
	background-position: 0px 0px;	
	background-repeat: no-repeat;
	cursor: pointer;
}


/* ------------------------------ Vervangend vervoer ------------------------------ */

.table table {
	font-size: 8pt;
}

.table table tr.tableHeading {
	height: 25px;
	border-bottom: 1px solid #0B67A8;
}

.table table th, .table table td {
	vertical-align: top;
	text-align: center;
}

.table table th {
	font-weight: bold;
}

.table table th.tableImg {
	width: 100px;
}

.table table th.tableMerk {
	width: 160px;
	text-align: left;
}

.table table th.tableBrandstof {
	width: 100px;
}

.table table td { 
	height: 45px;
	vertical-align: middle;
}

.table table td.tableCelMerk {
	text-align: left;
}


/* ------------------------------ Acties ------------------------------ */

a.leesVerderActies {
	position: absolute; 
	left: 20px;
	bottom: 18px;
	width: 260px;
	background-image: url(../images/layout/btnLeesVerderActies.png);
	background-repeat: no-repeat;
}

.resultItem h2 {
	padding: 15px 0px 15px 0px;
	line-height: 25px;
}

.resultItem h2 a {
	color: #4c4c4c;
	text-decoration: none;
}

.resultItem p {
	padding: 0px;
	text-align: justify;
}

a.terugNaarOverzicht {
	float: right;
	width: 160px;
	background-image: url(../images/layout/btnTerugNaarOverzicht.png);
	background-repeat: no-repeat;
}	

.vacatureItem h2 {
	font-size: 17pt;
}


/* ------------------------------ Contact ------------------------------ */

.contactGegevens h2 {
	padding-bottom: 5px;
}

.contactGegevens span.contactMerken {
	float: left;
	padding: 2px 0px 0px 0px;
	color: #4c4c4c;
	font-weight: bold;
}

.contactGegevens img {
	padding: 0px 0px 0px 10px;
}

.contactGegevens img.serviceFirst {
	padding-left: 14px;
}

br.paddingBr {
	margin-bottom: 8px;
}

.mainContent ul.sitemap {
	background-image: none;
	margin: 0px;
}


/* ------------------------------ mainRight ------------------------------ */

.boxSnellinks ul {
	padding: 7px 0px 0px 0px;
}

.boxSnellinks ul li {
	background-image: url(../images/layout/bgSnellinksBorder.png);
	background-position: 0px 100%;	
	background-repeat: repeat-x;
}

.boxSnellinks ul li a.snellink {
	width: 212px;
	padding: 3px 0px 5px 0px;
	background-image: url(../images/layout/arrowGreenRight.png);
	background-position: 95% 10px;	
	background-repeat: no-repeat;
	color: #ffffff;
	text-decoration: none;
	display: block;
}

.boxSnellinks ul li a.snellink:hover {
	color: #97964e;
}

.boxTanken img {
	padding: 10px 0px 0px 0px;
}

.boxTanken p {
	padding: 5px 0px 5px 0px;
	color: #ffffff;
}

a.meerInformatie {
	width: 188px;
	background-image: url(../images/layout/btnMeerInformatie.png);
	background-repeat: no-repeat;
}

.leverbaarInfo img {
	float: left;
}

.leverbaarInfo img.imgFloatRightLeverbaar {
	float: right;
}

.leverbaarInfo span {
	padding: 7px 0px 7px 0px;
	color: #ffffff;
	display: block;
	font-size: 10pt;
}

a.bekijken {
	width: 188px;
	background-image: url(../images/layout/btnBekijken.png);
	background-repeat: no-repeat;
}

.boxGarantie p {
	padding-top: 5px;
	color: #ffffff;
}


/* ------------------------------ Footer ------------------------------ */

.containerFooter span {
	float: left;
	color: #b8b8b8;
	font-size: 8pt;
}

.containerFooter span img {
	float: right;
	padding: 0px 0px 7px 5px;
}
 
.containerFooter span.spanFloatRight {
	float: right;
}

.containerFooter a {
	color: #b8b8b8;
	text-decoration: none;
}

.containerFooter a:hover {
	text-decoration: underline;
}