/* css knipper bug oplossing */
html { 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}

body	{
	background			: #639ccf url(../img/body_bg.jpg) center -100px no-repeat;
	margin				: 15px 0;
	padding				: 0;
	font				: 0.8em Arial;
	text-align			: center; /* #container centreren voor IE5 */
}

.toegankelijkheid	{
	display				: none;
}

.clear	{
	clear				: both;
}

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 0 auto;
	width				: 975px;
	text-align			: left;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	height				: 300px;
}

#header #flashHeader	{
	height				: 300px;
	width				: 945px;
	position			: absolute;
	top					: 0;
	left				: 0;
}

#header h1	{
	margin				: 0;
	position			: absolute;
	top					: 20px;
	left				: 0;
	z-index				: 5;
}

#header h1 a	{
	text-indent			: -9000px;
	overflow			: hidden;
	display				: block;
	height				: 128px;
	width				: 244px;
	background			: url(../img/logo.gif) no-repeat;
}

#header	.foto {
	position			: absolute;
	top					: 0;
	left				: 120px;
	height				: 300px;
	width				: 771px;
	background			: url(../img/foto.jpg) no-repeat 0 0;
	z-index				: 1;
}

#header	.keurmerk {
	position			: absolute;
	top					: 75px;
	left				: 800px;
	height				: 125px;
	width				: 145px;
	background			: url(../img/keurmerk.gif) no-repeat;
	text-indent			: -900em;
	z-index				: 3;
	margin				: 0;
}

#header	.slogan {
	position			: absolute;
	top					: 150px;
	left				: 280px;
	height				: 49px;
	width				: 350px;
	background			: url(../img/slogan.gif) no-repeat;
	text-indent			: -900em;
	z-index				: 4;
	margin				: 0;
}


/* --------------------------------	*/
/* logos						 	*/
/* --------------------------------	*/
#logos	{
	position			: absolute;
	top					: 0;
	right				: 0;
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#logos li	{
	margin				: 0 0 5px 0;
}

#logos img	{
	border				: none;
}


/* --------------------------------	*/
/* plaatsnamen					 	*/
/* --------------------------------	*/
#plaatsnamen	{
	margin				: 3px auto;
	padding				: 3px 0 3px 65px;
	height				: 1.4em;
	list-style			: none;
	border-top			: solid 3px #f57e20;
	border-bottom		: solid 3px #f57e20;
	width				: 805px;
	font-weight			: bold;
}

#plaatsnamen li	{
	display				: block;
	float				: left;
	padding				: 0 5px;
}

#plaatsnamen li a	{
	color				: #0b479d;
	text-decoration		: none;
	font-size			: 1.2em;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	padding				: 20px 0 0 0;
}


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk	{
	width				: 183px;
	float				: left;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
ul#menu 	{
	width				: 175px;
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#menu li 	{
	position			: relative;
}

#menu li a	{
	background			: url(../img/menu_item.gif) no-repeat left top;
	padding				: 6px 0 6px 15px;
	font-size			: 1.2em;
	font-weight			: bold;
	margin				: 0;
	display				: block;
	width				: 149px;
	color				: #fff;
	text-decoration		: none;
}

#menu li a:hover	{	background: url(../img/menu_item_h.gif) no-repeat left top;	}
#menu li.aktief a	{	width: 160px; background: url(../img/menu_item_a.gif) no-repeat left top !important;	}

#menu li.eerste a			{	background: url(../img/menu_item_eerste.gif) no-repeat left top;	}
#menu li.eerste a:hover		{	background: url(../img/menu_item_eerste_h.gif) no-repeat left top;	}
#menu li.eerste_aktief a	{	width: 160px; background: url(../img/menu_item_eerste_a.gif) no-repeat left top;	}

#menu li.laatste	{ 
	zoom				: 1;
}

#menu li.laatste div	{ 
	height				: 7px;
	width				: 164px;
	overflow			: hidden;
	position			: absolute;
	bottom				: 0;
	left				: 0;
	z-index				: 100;
	background			: url(../img/menu_item_laatste.gif) no-repeat left top;	
}

/* --------------------------------	*/
/* banner						 	*/
/* --------------------------------	*/
#banner	{
	text-align			: center;
}

#banner a	{
	display				: block;
	width				: 120px;
	height				: 60px;
	margin				: 0 auto 15px auto;
}

#banner img	{
	border				: none;
	
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: right;
	width				: 780px;
	line-height			: 1.55em;
	padding-bottom		: 15px;
}

#content p	{
	margin				: 0 0 15px 0;
}

#content h2	{
	margin				: 0 0 15px 0;
	color				: #0B479D;
	font				: bold 1.6em Arial;
}

#content h3	{
	margin				: 0;
	color				: #0B479D;
	font				: bold 1.1em Arial;
}

#content h3.titel {
	border				: solid 1px #fff;
	background			: #F9A25F;
	color				: #fff;
	font-size			: 0.9em;
	padding				: 5px;
	margin				: 0 0 15px 0;
}

#content a	{
	color				: #0B479D;
}

#content div.content	{
	background			: url(../img/content_top.gif) no-repeat;
	padding-top			: 6px;
	width				: 780px;
}

#content div.iwes	{
	background			: #83B0D9 url(../img/content_bg.jpg) no-repeat;
	border				: solid 1px #5982BE;
	border-top			: none;
	width				: 748px;
	padding				: 10px 15px;
}

#content input, #content select, #content textarea	{
	border				: solid 1px #0B479D;
	font				: 1em Arial;
}

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

#content input.button 	{
	cursor				: pointer;
	border				: solid 1px #fff;
	background			: #F9A25F;
	color				: #fff;
	font-weight			: bold;
}


/* --------------------------------	*/
/* merken						 	*/
/* --------------------------------	*/
#merken ul {
	margin				: 0 0 15px 0;
	padding				: 0;
	list-style			: none;
}

#merken li {
	float				: left;
	width				: 115px;
	height				: 115px;
}

#merken li a {
	display				: block;
	width				: 90px;
	height				: 90px;
	padding				: 5px;
	text-align			: center;
	line-height			: 90px;
	border				: solid 1px #5982BE;
	background			: #fff;
}

#merken li a img {
	border				: none;
}


/* --------------------------------	*/
/* dealers						 	*/
/* --------------------------------	*/
#dealers ul {
	margin				: 0 0 15px 0;
	padding				: 0;
	list-style			: none;
}

#dealers form {
	border				: solid 1px #fff;
	background			: #F9A25F;
	padding				: 5px;
	margin				: 0 0 15px 0;
	color				: #fff;
	font-weight			: bold;
}


/* --------------------------------	*/
/* dealer						 	*/
/* --------------------------------	*/
#dealer	dl {
	margin				: 0 0 15px 0;
	padding				: 0;
}

#dealer	dt {
	font-weight			: bold;
}

#dealer	dd {
	margin				: 0 0 10px 0;
}

#dealer .route	{
	height				: 200px;
	display				: none;
	border				: solid 1px #0B479D;
}

#dealer img	{
	border				: solid 1px #0B479D;
}

#dealer .informatie	{
	float				: left;
	width				: 48%;
}

#dealer .adressen	{
	float				: right;
	width				: 49%;
}

#dealer .informatie ul	{
	margin				: 0 0 15px 0;
	padding				: 0;
	list-style			: none;
}

#dealer .informatie ul li	{
	display				: inline;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	clear				: both;
	padding				: 10px 0;
	height				: 15px;
	margin				: 0 auto;
	border-top			: solid 2px #87afd9;
	width				: 870px;
	position			: relative;
}

#footer p.wens	{
	margin				: 0 auto;
	background			: url(../img/footer_wens.gif) no-repeat;
	width				: 347px;
	height				: 48px;
	text-indent			: -900em;
}

#footer a.amimpact	{
	font-size			: 0.8em;
	text-decoration		: none;
	color				: #ccd8ea;
	float				: right;
}



/* --------------------------------	*/
/* contact formulier			 	*/
/* --------------------------------	*/
.contactform {
	margin				: 0;
}

.contactform input.button   {
	margin-top			: 10px;
}

.contactform ul {
	list-style			: none;
	margin				: 0;
	padding 			: 0;
}

.contactform fieldset {
	border				: 0;
	margin				: 0;
	padding				: 0;
}

.contactform legend 	{
	display				: none;
}

.contactform label 	{
	font-weight			: bold;
}

.contactform .veldFout 	{
	border				: 1px solid red !important;
}

.contactform #frmMelding 	{
	color				: red;
	font-weight			: bold;
	margin				: 10px 0;
}

.contactform li.postcode	{
	float				: left;
	width				: 70px;
}

.contactform li.plaats	{
	float				: left;
	width				: 230px;
}

.contactform li.telefoon	{
	clear				: both;
}












