body	{
	background			: #FBF7F8;
	font				: 0.7em Tahoma, Arial, Helvetica, sans-serif;
}

.toegankelijkheid	{
	position			: absolute;
	left				: -999em;
}

.clear	{
	clear				: both;
}

.body-bg-rechts	{
	background			: #9FA0A2;
	right				: 0;
	top					: 0;
	width				: 50%;
	height				: 269px;
	position			: absolute;
	z-index				: -1;
}

/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after,
#footer .merken ul:after
{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}

	/* voor IE-mac */
	.clearfix,
	#footer .merken ul
	{	
		display			: inline-block;	
	}

	/* onderstaande overslaan voor IE-mac \*/
	* html .clearfix,
	* html #footer .merken ul
	{ 
		height			: 1%;
	}
	
	.clearfix,
	#footer .merken ul
	{ 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
	

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 0 auto;
	width				: 994px;
	background			: url(../img/container-bg.gif) repeat-y;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 323px;
}

#header a.logo	{
	position			: absolute;
	top					: 8px;
	left				: 10px;
}

/* merken */
#header ul.merken	{
	position			: absolute;
	top					: 121px;
	left				: 0;
	width				: 195px;
	padding-left		: 4px;
	height				: 29px;
	background			: url(../img/header-merken-bg.png) no-repeat;
}

#header ul.merken li	{
	float				: left;
}

#header ul.merken li a	{
	display				: block;
	height				: 29px;
	text-indent			: -900em;
	overflow			: hidden;
}

#header ul.merken li a.audi			{ width: 50px;	}	
#header ul.merken li a.volkswagen	{ width: 95px;	}	
#header ul.merken li a.seat			{ width: 46px;	}	

#header ul.merken li.actief a.audi			{ background: url(../img/header-merken.gif) no-repeat -4px 0;	}	
#header ul.merken li.actief a.volkswagen	{ background: url(../img/header-merken.gif) no-repeat -54px 0;	}	
#header ul.merken li.actief a.seat			{ background: url(../img/header-merken.gif) no-repeat -149px 0;	}	


/* --------------------------------	*/
/* navigatie					 	*/
/* --------------------------------	*/
#navigatie	{
	position			: relative;
	margin-top			: -173px;
	width				: 175px;
	padding				: 12px;
	float				: left;
	background			: url(../img/navigatie-bg.png) no-repeat left top;
	font-size			: 1.1em;
	line-height			: 1.4em;
}

#navigatie h2, #navigatie h3	{
	color				: #464646;
	font-weight			: bold;
}

#navigatie h3	{
	font-size			: 0.9em;
}

/* modellen, direct contact */
#navigatie .modellen,
#navigatie .direct-contact	{
	padding				: 0 6px 5px 6px;
	margin				: 0 0 10px 0;
	border-bottom		: solid 1px #e5e6e7;
}

#navigatie .modellen p,
#navigatie .direct-contact p	{
	padding				: 0 0 5px 0;
	font-size			: 0.9em;
}

#navigatie .modellen ul,
#navigatie .direct-contact ul {
	padding				: 0 0 5px 0;
}

#navigatie .modellen ul li,
#navigatie .direct-contact ul li {
	padding				: 0 0 0 15px;
	background			: url(../img/pijltje-rood.gif) no-repeat 3px;
}

#navigatie .modellen ul li a,
#navigatie .direct-contact ul li a	{
	color				: #000;
	text-decoration		: none;
}

#navigatie .modellen ul li a:hover,
#navigatie .direct-contact ul li a:hover	{
	color				: #CC0000;
	text-decoration		: underline;
}


/* contactinformatie */
#navigatie .contactinfo	{
	padding				: 0 6px 10px 6px;
	margin				: 0 0 10px 0;
	border-bottom		: solid 1px #e5e6e7;
}

#navigatie .contactinfo dl dt	{
	padding				: 0 0 0 15px;
	background			: url(../img/pijltje-rood.gif) no-repeat left 3px;
	zoom:1;
}

#navigatie .contactinfo dl dd	{
	padding				: 0 0 0 15px;
	margin				: 0 0 10px 0;
	background			: url(../img/telefoon-rood.gif) no-repeat left 3px;
}

#navigatie .contactinfo	p	{
	text-align			: center;
}

#navigatie .contactinfo p a	{
	width				: 107px;
	height				: 20px;
	line-height			: 20px;
	display				: block;
	margin				: 0 auto 5px auto;
	background			: url(../img/button-bg.gif) no-repeat left top;
	text-decoration		: none;
	font-size			: 0.9em;
	font-weight			: bold;
	color				: #000;
}


/* openingstijden */
#navigatie .openingstijden	{
	padding				: 0 6px 10px 6px;
	margin				: 0 0 10px 0;
	border-bottom		: solid 1px #e5e6e7;
}

#navigatie .openingstijden dl	{
	font-size			: 0.9em;
}

#navigatie .openingstijden dl dt	{
	float				: left;
	width				: 70px;
}



/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	position			: relative;
	margin-top			: -54px;
	width				: 600px;
	float				: left;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	padding				: 0 0 0 2px;
}

#menu ul	{
	height				: 29px;
}

#menu ul li	{
	float				: left;
	position			: relative;
	height				: 29px;
	border-right		: solid 1px #7c7c7f;
}

#menu ul li.last	{
	border-right		: none;
}

#menu ul li	a {
	float				: left;
	height				: 29px;
	display				: block;
	line-height			: 29px;
	padding				: 0 8px;
	font-size			: 1.2em;
	color				: #fff;
	text-decoration		: none;
}

/* submenu */
#menu ul li ul	{
	position			: absolute;
	top					: 28px;
	left				: 0;
	display				: none;
	background			: #464646;
	height				: auto;
	width				: 160px;
	border				: solid 1px #7c7c7f;
	border-bottom		: none;
	z-index				: 2345;
}

#menu ul li:hover ul	{
	display				: block;
}

#menu ul li ul li	{
	float				: none;
	height				: auto;
	border-right		: none;
}

#menu ul li ul li a	{
	float				: none;
	height				: auto;
	width				: 144px;
	line-height			: 1;
	padding				: 4px 8px;
	border-bottom		: solid 1px #7c7c7f;
}

/* --------------------------------	*/
/* broodkruimels				 	*/
/* --------------------------------	*/
#broodkruimels	{
	padding				: 5px 0 0 10px;
}

#broodkruimels li	{
	display				: inline;
	color				: #fff;
}

#broodkruimels li a	{
	text-decoration		: none;
	color				: #fff;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	padding				: 20px 10px;
	line-height			: 1.5em;
}

#content h1, #content h2	{
	background			: url(../img/content-titel.gif) no-repeat;
	padding				: 0 0 0 25px;
	margin				: 0 0 15px 0;
	color				: #464646;
	font-weight			: bold;
	font-size			: 1.2em;
}

#content h2	{
	margin				: 0 0 5px 0;
}

#content a 			{ color: #000; }
#content a:visited 	{ color: #777; }
#content a:hover 	{ color: #666; }

/* iwes opmaak */
#content .iwes blockquote	{
	margin				: 0 0 10px 30px;
}

#content .iwes ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content .iwes ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

/* formulieren */
#content .formmodule h4 {
	display				: none;
}

#content .formmodule ul {
	list-style			: none;
	margin				: 0;
}

#content input, 
#content select, 
#content textarea	{
	border				: solid 1px #999;
	font				: 1em Tahoma, Arial, Helvetica, sans-serif;
	padding				: 2px;
}

#content input.radio, 
#content input.checkbox 	{
	border				: none;
}

#content input.button 	{
	cursor				: pointer;
	width				: 107px;
	height				: 20px;
	padding				: 0 0 3px 0;
	font-weight			: bold;
	background			: url(../img/button-bg.gif) no-repeat left top;
	border				: none;
	color				: #000;
}

#content input.fout, #content textarea.fout	{
	border				: 1px solid #F00;
}

#content .melding, #content label.fout	{
	color				: #F00;
}

/* pagina navigatie*/
#content .pagina_navigatie {
	padding				: 10px 0;
	clear				: both;
}

#content .pagina_navigatie li {
	float				: left;
	margin				: 0 3px 0 0;
}

#content .pagina_navigatie li {
	padding				: 0;
}

.pagina_navigatie li.navigatie_item {
	padding				: 0;
}

#content .pagina_navigatie li.huidige_pagina {
	padding				: 1px 5px;
	font-weight			: bold;
	color				: #464646;
	border				: 1px solid #000000;
}

#content .pagina_navigatie a {
	float				: left;
	background			: #302826;
	color				: #BAAA9B;
	text-decoration		: none;
	padding				: 2px 6px;
}

#content .pagina_navigatie a:hover {
	background			: #000000;
	color				: #FFF;
}

/* --------------------------------	*/
/* homepage						 	*/
/* --------------------------------	*/
#home	{
	margin				: 0 0 0 -10px;
}

#home .iwes	{
	margin				: 5px 0 0 30px;
}

/* welkom */
#home .welkom	{
	background			: url(../img/home-welkom-bg.gif) no-repeat left bottom;
	width				: 491px;
	padding				: 0 0 25px 0;
	overflow			: hidden;
}

#home .welkom h1	{
	background			: url(../img/home-welkom-bg-top.gif) no-repeat left top;
	padding				: 25px 30px 0 30px;
	margin				: 0;
	font-size			: 1.4em;
	line-height			: normal;
}

/* inhoud */
#home .inhoud	{
}


/* klant reviews en nieuws */
#home .reviews,
#home .nieuws,
#home .nieuwe_modellen {
	width				: 160px;
	margin				: 0 0 20px 0;
}

#home .reviews ol,
#home .nieuws ol	{
	margin				: 0 0 5px 0;
	list-style			: none;
}

#home .reviews ol li a,
#home .nieuws ol li a	{
	text-decoration		: none;
}

#home .reviews p.meer,
#home .nieuws p.meer,
#home .nieuwe_modellen p.meer,
#home .occasions p.meer	{
	font-weight			: bold;
	text-align			: right;
}


/* occasion van de week */
#home .occasion,
.iwes .occasion,
#home .occasions	{
	width				: 230px;
	margin				: 0 0 18px 0;
}

#home .occasion	.foto,
.iwes .occasion	.foto {
	float				: left;
	width				: 85px;
}

#home .occasion	.foto img,
.iwes .occasion	.foto img {
	border				: solid 1px #999;
	margin				: 0 0 10px 0;
}

#home .occasion	dl,
.iwes .occasion	dl {
	float				: right;
	width				: 130px;
	line-height			: normal;
}

#home .occasion	dl dt,
.iwes .occasion	dl dt {
	float				: left;
	font-weight			: bold;
	padding				: 0 5px 0 0;
}

#home .occasion	.verkocht,
.iwes .occasion	.verkocht {
	clear				: both;
	text-align			: center;
	font-weight			: bold;
	font-size			: 1.3em;
	padding				: 5px 0;
	color				: #e70018;
}

#home .occasion	.prijs,
.iwes .occasion	.prijs {
	clear				: both;
	font-weight			: bold;
	padding				: 5px 0;
	color				: #5b84ab;
}

#home .occasion	.prijs strong,
.iwes .occasion	.prijs strong {
	color				: #e70018;
	font-size			: 1.3em;
	padding				: 0 0 0 5px;
}

#home .occasion p.meer,
.iwes .occasion p.meer		{
	font-weight			: bold;
	text-align			: right;
}

/* afspraak formulier */
#home .formmodule	{

}

#home .formmodule h4	{
	display				: block;
	margin				: 0 0 5px;
	background			: url(../img/content-titel.gif) no-repeat scroll 0 0;
	color				: #464646;
	font-size			: 1.2em;
	font-weight			: bold;
	padding				: 0 0 0 25px;
}

#home .formmodule .formulier .verplicht {
	display				: none;
}

#home .formmodule form	label {
	display				: none;
}

#home .formmodule form ul	{
	padding				: 0;
	margin				: 0;
	list-style			: none;
}

#home .formmodule form ul li	{
	margin				: 2px 0;
}

#home .formmodule form ul input, #home formmodule form ul select	{
	width				: 99%;
	margin				: 0 0 2px 0;
}

#home .formmodule form ul .input	{
}

#home .formmodule form ul input.standaardWaarde	{
	color				: #666;
}

#home .formmodule form ul input.button	{
	width				: 107px;
	margin				: 0 0 2px 0;
}


/* --------------------------------	*/
/* zoekresultaten			 		*/
/* --------------------------------	*/
#zoeken .zoekresultaten h3 {
	margin-bottom		: 10px;
}

#zoeken .zoekresultaten ul li {
	border-bottom		: solid 1px #000;
	_height				: 40px;
	min-height			: 40px;
	width				: 570px;
	padding				: 5px;
}


#zoeken .zoekresultaten li:hover {
	background			: #DBDBDB;
}

#zoeken .zoekresultaten a {
	text-decoration		: none;
}

#zoeken .zoekresultaten a:visited {
	color				: #93989C;
}


/* --------------------------------	*/
/* nieuwsoverzicht			 		*/
/* --------------------------------	*/
#nieuwsoverzicht {
	float				: left;
	width				: 570px;
	margin-bottom		: 10px;
}

#nieuwsoverzicht li {
	width				: 570px;
	height				: auto;
	margin				: 0;
	padding				: 10px 0 0 10px;
	border-bottom		: solid 1px #3F362D;
}

#nieuwsoverzicht li.last {
	border-bottom		: none;
}

#nieuwsoverzicht li:hover {
	background			: #DBDBDB;
}

#nieuwsoverzicht li .info,
#nieuwsoverzicht li .datum {
	float				: left;
}

#nieuwsoverzicht li .info{
	width				: 450px;
	min-height			: 60px;
	_height				: 60px;	
}

#nieuwsoverzicht li .info p a{
	text-align			: justify;
	width				: 514px;
	color				: #3B3630;
	text-decoration		: none;	
}

#nieuwsoverzicht li a:hover {
	color				: #000;
}

#nieuwsoverzicht li a:visited {
	color				: #93989C;
}

#nieuwsoverzicht li .datum {
	width				: 80px;
	font-weight			: bold;
}

#nieuwsoverzicht h4,
#nieuwsoverzicht h4 a {
	color				: #3B3630;
	text-decoration		: none;
	font-size			: 1.1em;
	text-transform		: uppercase;
}

#content .nieuws-terug {
	display				: block;
	margin-top			: 30px;
}


/* --------------------------------	*/
/* vestigingsoverzicht			 	*/
/* --------------------------------	*/
#vestigingsoverzicht {
	width				: 570px;
}

/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
.googlemap {
    width               : 290px;
    height              : 300px;
}

iframe.googlemaps	{
	border				: solid 1px black;
	overflow			: hidden; 
}

#googlemaps	{
	width				: 290px;
	height				: 250px;
	background			: #eee;
	text-align			: left;
	font				: 1em Trebuchet MS;
	color				: #000;
}

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* informatie					 	*/
/* --------------------------------	*/
#informatie	{
	position			: relative;
	margin-top			: -125px;
	width				: 171px;
	float				: left;
	background			: url(../img/informatie-bg.png) no-repeat left top;
	font-size			: 1.1em;
	line-height			: 1.4em;
	padding				: 16px 12px;
}

#informatie h2, #informatie h3	{
	color				: #464646;
	font-weight			: bold;
}

#informatie h3	{
	font-size			: 0.9em;
}


/* visie */
#informatie .visie	{
	padding				: 0 6px 5px 6px;
	margin				: 0 0 10px 0;
	border-bottom		: solid 1px #e5e6e7;
}

#informatie .visie ul {
	padding				: 0 0 5px 0;
	font-size			: 0.9em;
}

#informatie .visie ul li {
	padding				: 0 0 0 17px;
	background			: url(../img/visie-vink.gif) no-repeat 0;
}


/* onze showroom */
#informatie .showroom	{
	padding				: 0 6px 15px 6px;
	margin				: 0 0 10px 0;
	border-bottom		: solid 1px #e5e6e7;
	width				: 153px;
	overflow			: hidden;
	position			: relative;	
}

#informatie .showroom p	{
	margin				: 0 0 5px 0;
	font-size			: 0.9em;
}

#informatie .showroom a	{
	color				: #000;
}

#informatie .showroom a:hover	{
	color				: #c00;
	text-decoration		: underline;
}

#informatie .showroom div.foto	{
	border				: solid 1px #e5e6e7;
}

#informatie .showroom address	{
	border				: solid 1px #e5e6e7;
	border-top			: none;
	font-size			: 0.9em;
	font-style			: normal;
	padding				: 5px 8px;
}

#informatie .showroom .items	{
	height				: 180px;
	padding				: 0;
	overflow			: hidden;
}

#informatie .showroom ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#informatie .showroom ul li	{
	width				: 159px;
	height				: 180px;
	text-align			: center;
}



/* zoeken */
#informatie .zoeken	{
	padding				: 0 6px 10px 6px;
	margin				: 0 0 10px 0;
	border-bottom		: solid 1px #e5e6e7;
}

#informatie .zoeken label	{
	display				: none;
}

#informatie .zoeken input.text	{
	padding				: 3px;
	width				: 123px;
	border				: solid 1px #999;
	font				: 0.9em Tahoma, Arial, Helvetica, sans-serif;
	vertical-align		: top;
}

#informatie .zoeken input.standaardWaarde	{
	color				: #666;
}

#informatie .zoeken input.button	{
	line-height			: 99em;
	text-indent			: -99em;
	overflow			: hidden;
	padding				: 0;
	border				: none;
	background			: url(../img/zoeken-button.gif) no-repeat left bottom;
	width				: 24px;
	height				: 25px;
	cursor				: pointer;
}


/* mijn-zijm */
#informatie .mijn-zijm	{
	padding				: 0 6px 10px 6px;
	margin				: 0 0 10px 0;
	border-bottom		: solid 1px #e5e6e7;
}

#informatie .mijn-zijm p	{
	margin				: 0 0 5px 0;
	font-size			: 0.9em;
}

#informatie .mijn-zijm p.inloggen	{
	text-align			: center;
	background			: url(../img/mijn-zijm-bg.gif) no-repeat center top;
	padding				: 62px 0 0 0;
}

#informatie .mijn-zijm p.inloggen a	{
	width				: 107px;
	height				: 20px;
	line-height			: 20px;
	display				: block;
	margin				: 0 auto 5px auto;
	background			: url(../img/button-bg.gif) no-repeat left top;
	text-decoration		: none;
	font-weight			: bold;
	color				: #000;
}


/* samenwerken */
#informatie .samenwerken	{
	padding				: 10px 6px;
	text-align			: center;
	font-size			: 0.9em;
	color				: #666;
}

#informatie .samenwerken p	{
	margin				: 0 0 10px 0;
}

#informatie .samenwerken ul li	{
	display				: inline;
	padding				: 5px;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	clear				: both;	
	background			: #FBF7F8 url(../img/footer-bg.gif) no-repeat left top;
	line-height			: 1.5em;
	text-align			: center;
}

#footer p.copyright	{
	padding				: 15px 0 5px 0;
	font-size			: 0.95em;
}

#footer ul.snelmenu	{
	margin				: 0 0 20px 0;
	font-size			: 0.95em;
}

#footer ul.snelmenu li {
	display				: inline;
}

#footer ul.snelmenu li a {
	color				: #000;
	text-decoration		: none;
}

#footer ul.snelmenu li a:hover {
	text-decoration		: underline;
}


/* merken overzicht */
#footer .merken	{
	background			: url(../img/footer-merken-bg.gif) no-repeat left bottom;
	text-align			: left;
	font-size			: 1.1em;
}

#footer .merken ul	{
	background			: url(../img/footer-merken-bg-top.gif) no-repeat left top;
	padding				: 20px 0 20px 40px;
}


/* merk vlakken naast elkaar */
#footer .merken ul li.audi	{
	float				: left;
	width				: 210px;
}

#footer .merken ul li.volkswagen	{
	float				: left;
	width				: 420px;
	padding				: 0 0 0 20px;
	border-left			: solid 1px #e5e6e7;
}

#footer .merken ul li.seat	{
	float				: left;
	width				: 250px;
	padding				: 0 0 0 20px;
	border-left			: solid 1px #e5e6e7;
}

/* modellen en info breedtes */
#footer .merken ul li .modellen					{ float: left; width: 49.8%; overflow:hidden; }
#footer .merken ul li .informatie				{ float: left; width: 49.9%; overflow:hidden; }

#footer .merken ul li.volkswagen .modellen		{ float: left; width: 65%; overflow:hidden; }
#footer .merken ul li.volkswagen .informatie	{ float: left; width: 34.9%; overflow:hidden; }

#footer .merken ul li.seat .modellen			{ float: left; width: 60%; overflow:hidden; }
#footer .merken ul li.seat .informatie			{ float: left; width: 39.9%; overflow:hidden; }

/* overzicht lijstjes */
#footer .merken ul li ul	{
	background			: none;
	padding				: 0;
}

#footer .merken ul li ul li	{
	float				: none;
	width				: 80px;
	padding				: 0 0 0 15px;
	background			: url(../img/pijltje-rood.gif) no-repeat 3px;
}

#footer .merken ul li.volkswagen ul li { width: 115px; }
#footer .merken ul li.seat .modellen ul li	{ width: 135px; }

#footer .merken  li.volkswagen ul.first li {
	width				: 140px;
}

#footer .merken li.volkswagen  ul.last,
#footer .merken li.volkswagen  ul.last li {
	width				: 90px;
	margin-left			: 10px;
	overflow			: hidden;
}

#footer .merken ul li ul li a	{
	color				: #000;
	text-decoration		: none;
}

#footer .merken ul li ul li a:hover	{
	color				: #CC0000;
	text-decoration		: underline;
}

#footer .merken ul li .modellen ul	{
	float				: left;
	width				: 49.9%;
}

/* ontwikkeld door */
#footer p.ontwikkeld-door	{
	padding				: 10px;
	font-size			: 0.9em;
	color				: #999;
}

#footer p.ontwikkeld-door a	{
	color				: #999;
	text-decoration		: none;
}


/* --------------------------------	*/
/* sitemap						 	*/
/* --------------------------------	*/
#sitemap ul	{
	margin				: 0 0 0 20px;
	padding				: 0;
	list-style			: square;
	list-style-position	: inside;
	list-style-type		: square;	
}

#sitemap ul li	{
	font-weight			: bold;
	list-style			: square;
	list-style-type		: square;
}

#sitemap ul li ul li	{
	font-weight			: normal;
}

#sitemap ul.laag0, #sitemap ul li ul	{
	margin-left			: 20px;
}

#sitemap ul.laag1	{
	margin-left			: 40px;
}

#sitemap ul.laag2	{
	margin-left			: 60px;
}

#sitemap ul.laag3	{
	margin-left			: 80px;
}

#sitemap ul.laag4	{
	margin-left			: 100px;
}

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

#sitemap ul li a:hover {
	text-decoration		: underline;
}