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

html, body	{
	height				: 100%;
}

body	{
	background			: #CFCFCF url(../img/body_bg.gif) left top;
	margin				: 0;
	padding				: 0;
	font				: 0.7em Tahoma;
	text-align			: center; /* #container centreren voor IE5 */
}

.toegankelijkheid	{
	display				: none;
}


/* --------------------------------	*/
/* bgcontainer					 	*/
/* --------------------------------	*/
#bgcontainer	{
	background			: url(../img/bgcontainer_bg.gif) repeat-y center top;
	min-height			: 100%;
	_height				: 100%;
}


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


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 149px;
	background			: url(../img/header_bg.gif) no-repeat 0 17px;
}

#header h1	{
	margin				: 0;
	position			: absolute;
	top					: 31px;
	left				: 66px;
}

#header h1 a img	{
	border				: none;
}

/* foto */
#header div.foto	{	
	width				: 353px;
	height				: 103px;	
	position			: absolute;
	top					: 28px;
	left				: 413px;
}

#exterieur #header div.foto	{	background: url(../img/exterieur_header_foto.jpg) no-repeat;	}
#interieur #header div.foto	{	background: url(../img/interieur_header_foto.jpg) no-repeat;	}


/* ga naar... */
#header p	{
	position			: absolute;
	height				: 77px;
	width				: 196px;
	top					: 31px;
	left				: 777px;
	margin				: 0;
	overflow			: hidden;
}

#header p a	{
	display				: block;
	height				: 77px;
	text-indent			: -900em;
	overflow			: hidden;
}

#header p.interieur a	{	background: #931B0C url(../img/ga_naar_interieur.gif) no-repeat left top;	}
#header p.exterieur a	{	background: #277B24 url(../img/ga_naar_exterieur.gif) no-repeat left top;	}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	background			: url(../img/main_bg.gif) repeat-y;
	padding				: 0 0 0 34px;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu h2	{
	display				: none;
}

#menu ul	{
	margin				: 0;
	padding				: 0 0 0 216px;
	list-style			: none;
	height				: 64px;
}

#exterieur #menu ul	{	background: url(../img/exterieur_menu_bg.gif) no-repeat left top;	}
#interieur #menu ul	{	background: url(../img/interieur_menu_bg.gif) no-repeat left top;	}

#menu li	{
	float				: left;
	height				: 63px;
	position			: relative;
}

#menu li a	{
	display				: block;
	height				: 63px;
	text-indent			: -900em;
	overflow			: hidden;
	position			: relative;
	z-index				: 20;
}

#exterieur #menu a.overons		{	width: 81px; background: url(../img/exterieur_menu_overons.gif) no-repeat left top;	}
#exterieur #menu a.diensten		{	width: 82px; background: url(../img/exterieur_menu_diensten.gif) no-repeat left top;	}
#exterieur #menu a.service		{	width: 164px; background: url(../img/exterieur_menu_service.gif) no-repeat left top;	}
#exterieur #menu a.showroom		{	width: 93px; background: url(../img/exterieur_menu_showroom.gif) no-repeat left top;	}
#exterieur #menu a.voorzieningen{	width: 113px; background: url(../img/exterieur_menu_voorzieningen.gif) no-repeat left top;	}
#exterieur #menu a.nieuws		{	width: 72px; background: url(../img/exterieur_menu_nieuws.gif) no-repeat left top;	}
#exterieur #menu a.contact		{	width: 72px; background: url(../img/exterieur_menu_contact.gif) no-repeat left top;	}

#interieur #menu a.overons		{	width: 81px; background: url(../img/interieur_menu_overons.gif) no-repeat left top;	}
#interieur #menu a.diensten		{	width: 82px; background: url(../img/interieur_menu_diensten.gif) no-repeat left top;	}
#interieur #menu a.service		{	width: 164px; background: url(../img/interieur_menu_service.gif) no-repeat left top;	}
#interieur #menu a.showroom		{	width: 93px; background: url(../img/interieur_menu_showroom.gif) no-repeat left top;	}
#interieur #menu a.voorzieningen{	width: 113px; background: url(../img/interieur_menu_voorzieningen.gif) no-repeat left top;	}
#interieur #menu a.nieuws		{	width: 72px; background: url(../img/interieur_menu_nieuws.gif) no-repeat left top;	}
#interieur #menu a.contact		{	width: 72px; background: url(../img/interieur_menu_contact.gif) no-repeat left top;	}

#menu a:hover, #menu li:hover a, #menu li.hover a, #menu li.actief a	{	
	background-position	: left bottom !important;	
}

/* submenu */
#menu ul ul {	
	position			: absolute;
	left				: -999em;
	z-index				: 10;
}

#menu ul li:hover ul, #menu ul li.hover ul	{
	left				: 0;
	top					: 55px;
	padding				: 0 0 2px 0;
	background			: url(../img/submenu_bg.gif) no-repeat left bottom !important;
	width				: 157px;
	height				: auto;
}

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

#menu ul ul li a	{
	width				: 127px;
	height				: auto;
	padding				: 5px 15px 5px 15px;
	text-indent			: 0;
	z-index				: 10;
	overflow			: visible;
	color				: #676767;
	text-decoration		: none;
	border-bottom		: solid 1px #ccc;
}

#menu ul ul li a:hover	{
	color				: #fff;
}

#exterieur #menu ul ul li a			{	background: url(../img/exterieur_submenu_item_bg.gif) no-repeat left top;	}
#exterieur #menu ul ul li a:hover	{	background: url(../img/exterieur_submenu_item_bg_a.gif) no-repeat left top;	}

#interieur #menu ul ul li a			{	background: url(../img/interieur_submenu_item_bg.gif) no-repeat left top;	}
#interieur #menu ul ul li a:hover	{	background: url(../img/interieur_submenu_item_bg_a.gif) no-repeat left top;	}


/* --------------------------------	*/
/* submenu voor drempelvrij		 	*/
/* --------------------------------	*/
#drempelvrij_submenu	{
	background			: #C02C19;
	padding				: 5px 10px;
	color				: #fff;
	margin				: 5px 0 10px 0;
	width				: 909px;
}

#exterieur #drempelvrij_submenu	{	background: #43A53F;	}
#interieur #drempelvrij_submenu	{	background: #C02C19;	}

#drempelvrij_submenu h2	{
	display				: inline;
	font				: bold 1em Tahoma;
	padding				: 0 10px 0 0;
}

#drempelvrij_submenu ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
	display				: inline;
}

#drempelvrij_submenu li	{
	display				: inline;
	padding				: 0 10px 0 0;
}

#drempelvrij_submenu a	{
	color				: #fff;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	line-height			: 1.6em;
	padding				: 0 0 30px 0;
	min-height			: 300px;
	_height				: 300px;
}

#exterieur #content	{	background: url(../img/exterieur_content_bg.gif) no-repeat 570px 39px;	}
#interieur #content	{	background: url(../img/interieur_content_bg.gif) no-repeat 570px 39px;	}

#content h2	{	
	width				: 866px;
	margin				: 0 0 12px 0;
	padding				: 10px 0 11px 63px;
	font-size			: 2em;
	font-weight			: normal;
}

#exterieur #content h2	{	background: url(../img/exterieur_content_h2_bg.gif) no-repeat left top;	}
#interieur #content h2	{	background: url(../img/interieur_content_h2_bg.gif) no-repeat left top;	}

#exterieur #content a	{	color: #43A53F;	}
#interieur #content a	{	color: #43A53F;	}

/* iwes tabel */
#content table.iwes td div.iwes	{
	padding				: 0 10px;
}


/* formulier elementen */
#content input, #content select, #content textarea	{
	border				: solid 1px #000;
	font				: 1em Tahoma;
}

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

#content input.button  	{
	cursor				: pointer;
	color				: #fff;
	font-weight			: bold;
	padding				: 4px 10px;
}

#exterieur #content input.button	{	background: #43A53F; border: outset 1px #43A53F;	}
#interieur #content input.button	{	background: #43A53F; border: outset 1px #43A53F;	}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	height				: 23px;
	color				: #fff;
	padding				: 20px 35px 0 55px; 
}

#exterieur #footer	{	background: #C02C19 url(../img/exterieur_footer_bg.gif) no-repeat;	}
#interieur #footer	{	background: #43A53F url(../img/interieur_footer_bg.gif) no-repeat;	}

#footer address	{
	font-style			: normal;
	font-weight			: bold;
	float				: left;
}

#footer address span	{
	width				: 13px;
	height				: 14px;
	padding				: 0 4px;
	background			: url(../img/adres_item.gif) no-repeat;
}

#exterieur #footer address span	{	color: #C02C19;	}
#interieur #footer address span	{	color: #43A53F;	}

#footer address a	{
	color				: #fff;
}

#footer div.copyright	{
	float				: right;
}


/* --------------------------------	*/
/* am impact					 	*/
/* --------------------------------	*/
#amimpact	{
	padding				: 10px 35px;
	text-align			: right;
}

#amimpact a	{
	color				: #999;
	text-decoration		: none;
	font-size			: 0.9em;
}


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

#googlemaps	{
	height				: 300px;
	width				: 460px;
	background			: #eee;
	text-align			: left;
	color				: #000;
}

#googlemaps a	{
	color				: #58585A;
}


/* ---------------------------------------- */
/* formulieren module						*/
/* ---------------------------------------- */
.formmodule h4	{
	display				: none;
}

.formmodule ul.error {
	color				: #c00;
	list-style			: square;
}

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

.formmodule .fout	{
	border				: solid 1px #c00 !important;
}

.formmodule .checkboxFout, .formmodule .checkboxFout	{
	background			: #c00;
} 

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

.formmodule ul.formulier li	{
	padding				: 1px 0;
} 

.formmodule label	{
	cursor				: pointer;
} 

.formmodule li.melding	{
	color				: #f00;
}

.formmodule acronym	{
	color				: #00F;
	cursor				: help;
	border-bottom		: solid 1px dotted;
} 


/* velden op een rij... */
/* kan ook per rij door zoiets als dit te maken voor div.label en div.veld:   .formmodule li.kolomNaam div.label */
.formmodule li.fm_form1_postcode	{
	float				: left;
	width				: 65px;
}

.formmodule li.fm_form1_plaats	{
	float				: left;
	width				: 230px;
}

.formmodule li.fm_form1_telefoon	{
	clear				: both;
}


