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

body	{
	background			: #DDDAD5 url(../img/body_bg.gif);
	margin				: 0;
	padding				: 0;
	font				: 0.8em Arial;
	color				: #434343;
	text-align			: center; /* #container centreren voor IE5 */
}

html, body	{
	height				: 100%;
}

.toegankelijkheid	{
	display				: none;
}

.clear	{
	clear				: both;
}

h4 {
	font-size			: 1.2em;
}

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 0 auto;
	width				: 973px;
	text-align			: left;
	padding				: 0 0 0 21px;
	background			: #fff;
	_height				: 100%;
	min-height			: 100%;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 125px;
	background			: url(../img/header_bg.gif) no-repeat left top;
}

#header h1	{
	margin				: 0;
}

#header h1 a	{
	position			: absolute;
	top					: 18px;
	left				: 429px;
	text-indent			: -9000px;
	overflow			: hidden;
	display				: block;
	height				: 90px;
	width				: 90px;
}

#header .david {
	display				: block;
	position			: absolute;
	left				: 548px;
	top					: 39px;
	width				: 80px;
	height				: 37px;
	text-indent			: -900em;
	background			: url(../img/david_logo.gif) no-repeat left top;
}

/* --------------------------------	*/
/* nieuws						 	*/
/* --------------------------------	*/
#nieuws	{
	position			: absolute;
	top					: 0;
	right				: 0;
	height				: 125px;
	width				: 203px;
	background			: url(../img/nieuws_bg.gif) no-repeat left top;
	overflow			: hidden;
}

#nieuws h3	{
	display				: none;
}

#nieuws ul	{
	position			: absolute;
	top					: 87px;
	left				: 20px;
	width				: 150px;
	margin				: 0;
	padding				: 0;
	list-style			: none;
	font-size			: 0.85em;
	visibility			: hidden;
}

#nieuws a	{
	color				: #19386F;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	height				: 38px;
	background			: url(../img/menu_bg.gif) repeat-x left top;
}

#menu ul	{
	height				: 38px;
	padding				: 0 0 0 446px;
	margin				: 0;
	list-style			: none;
	background			: url(../img/menu_bg_start.gif) no-repeat left top;
}

#menu ul li	{
	height				: 38px;
	display				: block;
	float				: left;
}

#menu ul li a	{
	height				: 38px;
	display				: block;
	text-indent			: -900em;
	overflow			: hidden;
}

#menu ul li a.home				{	width: 54px; background: url(../img/menu_home.gif) no-repeat left top; }
#menu ul li a.assortiment		{	width: 109px; background: url(../img/menu_assortiment.gif) no-repeat left top; }
#menu ul li a.bedrijfsprofiel	{	width: 131px; background: url(../img/menu_bedrijfsprofiel.gif) no-repeat left top; }
#menu ul li a.nieuws			{	width: 67px; background: url(../img/menu_nieuws.gif) no-repeat left top; }
#menu ul li a.contact			{	width: 80px; background: url(../img/menu_contact.gif) no-repeat left top; }

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



/* --------------------------------	*/
/* submenu						 	*/
/* --------------------------------	*/
#submenu	{
	float				: left;
	width				: 201px;
	position			: relative;
}

#submenu h3	{
	position			: absolute;
	top					: -23px;
	left				: 27px;
	text-decoration		: underline;
	font-weight			: normal;
	font-size			: 1em;
	color				: #fff;
	margin				: 0;
}

#submenu ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
	width				: 171px;
}

#submenu ul li	{
	background			: url(../img/submenu_bg.gif) no-repeat left top;
	margin				: 3px 0 0 0;
}

#submenu ul li.david	{
	background			: url(../img/submenu_david_bg.gif) no-repeat left top;
}

#submenu ul li a	{
	background			: url(../img/submenu_onder.gif) no-repeat left bottom;
	display				: block;
	padding				: 4px 27px;
	width				: 137px;
	text-decoration		: none;
	font-weight			: bold;
	font-size			: 0.9em;
	color				: #fff;
}

#submenu ul li:hover, #submenu ul li.hover, #submenu ul li.actief	{
	background			: url(../img/submenu_bg_a.gif) no-repeat left top;
}

#submenu ul li.david:hover, #submenu ul li.davidhover, #submenu ul li.davidactief	{
	background			: url(../img/submenu_david_bg_a.gif) no-repeat left top;
}

#submenu ul li:hover a, #submenu ul li.hover a, #submenu ul li.actief a,
#submenu ul li.david:hover a, #submenu ul li.davidhover a, #submenu ul li.davidactief a	{
	background			: url(../img/submenu_onder_a.gif) no-repeat left bottom;
	color				: #D02B29;
}

/* --------------------------------	*/
/* zoeken						 	*/
/* --------------------------------	*/
#zoekform input.button	{
	width				: 50px;
	min-height			: 18px;
	_height				: 18px;
	cursor				: pointer;
	background			: #D02B29;
	border				: none;
	color				: #fff;
	font-weight			: bold;
	font-size			: 12px;
	line-height			: 1.5em;
	float				: right;
	margin				: 5px 0 0 0;
}

#zoekform input.input	{
	width				: 121px;
	background			: url(../img/bg_zoeken.gif) no-repeat left;
	border				: 1px solid #c7c7c7;
	padding-left		: 20px;
}

#zoekform li	{
	padding				: 8px 0 0 27px;
	color				: #d02b29;
	font-weight			: bold;
}


#content .zoekresultaten .even	{ clear: both; zoom: 1; }


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: left;
	width				: 764px;
	margin				: 0 0 20px 0;
	line-height			: 1.6em;
}

#content h2	{
	margin				: 15px 0 10px 0;
	font-size			: 1.4em;
	font-weight			: normal;
	color				: #D3282E;
}

#content h2 a	{
	color				: #D3282E;
}

#content a	{
	color				: #31559f;
}

/* formulier */
#content input, #content select, #content textarea	{
	border				: solid 1px #999;
	font				: 1em Arial;
	color				: #434343;
}

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

#content input.button 	{
	cursor				: pointer;
	background			: #D02B29;
	border				: none;
	color				: #fff;
	font-weight			: bold;
	margin				: 5px 0;
}


/* --------------------------------	*/
/* nieuws						 	*/
/* --------------------------------	*/
#content .nieuwsoverzicht a	{
	color				: #D3282E;
	font-weight			: bold;
	text-decoration		: none;
	border-bottom		: 1px solid #D3282E;
}

#content .nieuwsoverzicht a:hover	{
	text-decoration		: none;
	border-bottom		: 1px dotted #D3282E;
}

#content .nieuwsoverzicht dd	{
	margin-bottom		: 20px;
}

#content .navigatie 	{
	background			: url(../img/bg_navigatie.gif) no-repeat left top;
	color				: white;	
	text-indent			: 15px;
	line-height			: 2em;
	clear				: both;
}

#content .navigatie a	{
	color				: white;
	text-decoration		: underline;
	border				: none;
}

#content .navigatie_bottom	{
	background			: url(../img/bg_navigatie_onder.gif) no-repeat left bottom;
	height				: 3px;
}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	border				: solid 5px #f2f2f2;
	overflow			: hidden; 
	background			: white;
}

#googlemaps	{
	height				: 500px;
	width				: 795px;
	background			: #eee;
	text-align			: left;
	font				: 1em Arial;
	color				: #000;
}

#googlemaps a	{
	color				: #58585A;
}

#googlemaps .gm_overlay img	{
	float				: left;
	margin				: 3px;
}

/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	clear				: both;
	width				: 724px;
	height				: 45px;
	margin				: 0 9px 0 auto;
	padding				: 13px 20px 0 20px;
	background			: url(../img/footer_bg.gif) no-repeat;
	font-size			: 0.85em;
	font-weight			: bold;
	line-height			: 1.5em;
}

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

#footer a	{
	color				: #434343;
}

#footer a:hover	{
	color				: #D02B29;
}


/* --------------------------------	*/
/* am impact					 	*/
/* --------------------------------	*/
#amimpact	{
	clear				: both;
	padding				: 9px;
	text-align			: right;
	font-size			: 0.85em;
}

#amimpact a	{
	color				: #999;
	text-decoration		: none;
}

#amimpact a:hover	{
	text-decoration		: underline;
}


/* --------------------------------	*/
/* overzicht					 	*/
/* --------------------------------	*/
#overzicht	{
	
}

#overzicht ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#overzicht li	{
	background			: #F2F2F2;
	float				: left;
	width				: 362px;
	margin				: 5px 0 10px 0;
	padding				: 0 0 10px 12px;
	border-bottom		: solid 4px #ccc;
	cursor				: pointer;
}

#overzicht li:hover, #overzicht li.hover	{
	background			: #6178A6;
	color				: #fff;
}

#overzicht li.even	{
	clear				: left;
}

#overzicht li.oneven	{
	float				: left;
	margin-left			: 10px;	
}

#overzicht li .clear	{
	height				: 0px;
	overflow			: hidden;
}

#overzicht h3	{
	margin				: 0 0 10px 0;
	padding				: 7px 10px;
	background			: url(../img/overzicht_titel_bg.gif) repeat-x left bottom;
	font-weight			: bold;
	font-size			: 1.3em;
}

#overzicht h3 a	{
	color				: #434343;
	text-decoration		: none;
}

#overzicht p.foto	{
	float				: left;
	border				: solid 1px #cacaca;
	margin				: 0;
	text-align			: center;
	width				: 118px;
	min-height			: 155px;
	_height				: 155px;
	background			: #fff;
}

#overzicht p.omschrijving	{
	float				: right;
	width				: 220px;
	margin				: 0;
}


/* --------------------------------	*/
/* details						 	*/
/* --------------------------------	*/
#details	{
	
}

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


/* fotos / zijbalk */
#details .fotos	{
	width				: 210px;
	float				: left;
}

#details ul	{
	margin				: 0;
	padding				: 0;
	list-style			: none;
}

#details li	{
	background			: #F2F2F2;
	width				: 210px;
	margin				: 0 0 10px 0;
	padding				: 12px 0;
	border-bottom		: solid 4px #ccc;
}

#details li.hover	{
	background			: #6178A6;
}

#details li a	{
	display				: block;
	width				: 180px;
	margin				: 0 auto;
	text-align			: center;
	border				: solid 1px #cacaca;
	background			: #fff;
}

#details li img	{
	border				: none;
}

/* tabel en informatie */
#details .informatie	{
	float				: right;
	width				: 530px;
}

#details h2	{
	margin				: 0 0 10px 0;
	padding				: 7px 10px;
	background			: url(../img/overzicht_titel_bg.gif) repeat-x left bottom;
	font-weight			: bold;
	font-size			: 1.3em;
	color				: #434343;	
}

#details table	{
	width				: 100%;
	font-size			: 0.85em;
	margin				: 0 0 15px 0;
}

#details table thead tr th	{
	border-bottom		: solid 2px #fff;
	background			: #284394;
	color				: #fff;
	padding				: 2px;
	text-align			: center;
}

#details table tbody tr td	{
	border-bottom		: solid 2px #fff;
	color				: #0D0B0E;
	padding				: 2px;
	text-align			: center;
}

#details table tbody tr td.overige	{
	text-align			: left;
}

#details table tbody tr.even	{
	background			: #efefef;
}

#details table tbody tr.oneven	{
	background			: #dddeee;
}

#details table tbody tr:hover, #details table tbody tr.hover	{
	background			: #fff8db;
}




/* --------------------------------	*/
/* nieuwsbriefform				 	*/
/* --------------------------------	*/
table.nieuwsbriefformulier
{
	font-size			: 12px;
	line-height 		: 17px;
}

.veld_nieuwsbriefformulier
{
	border: 1px solid #aaaaaa;
	font-size: 11px;
	width: 300px;
}

.veldFout_nieuwsbriefformulier
{
	border: 1px solid #ff2222;
	font-size: 11px;
	color: #000000;		
	background-color: #E5ECF5;		
	width: 300px;
}

.multiple_nieuwsbriefformulier
{
	border: 1px solid #aaaaaa;
	font-size: 11px;
	background-color:#FFFFFF;		
	width:300px;
}

.multipleFout_nieuwsbriefformulier
{	
	font-size: 11px;
	background-color:#E5ECF5;		
	width:300px;
}

.button_nieuwsbriefformulier
{
	font-family		: Verdana;
	font-size		: 11px;
	font-weight     : bold;
	color			: #ffffff;
	border			: 1px solid #A9AA99;
	background-color: #A9AA99;
	cursor			: hand;
}

#melding_nieuwsbriefformulier
{
	color: #E70509;
	display:none;
	font-weight: bold;
}



/* ---------------------------------------- */
/* formulieren module						*/
/* ---------------------------------------- */
.formmodule h4	{
	margin				: 0 0 1em 0;
	font-size			: 1.3em;
	color				: #D3282E;
}

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

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

.formmodule input, .formmodule select, .formmodule textarea	{
	border				: solid 1px #999;
	font				: 1em Arial;
} 

.formmodule .button	{
	background			: #003B81;
	color				: white;
	font-weight			: bold;
	border				: outset 1px;
	cursor				: pointer;
} 

.formmodule .checkbox, .formmodule .radio	{
	border				: none;
} 

#content .formmodule .fout	{
	border				: solid 1px #F00;
}

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

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

.formmodule ul.formulier li	{
	padding				: 6px;
	border-top			: solid 1px #CCC;
	clear				: both;
} 

.formmodule li.even	{
	background			: #FFF;
} 

.formmodule li.oneven	{
	background			: #F2F2F2;
} 

.formmodule label	{
	cursor				: pointer;
	margin-bottom		: 6px;
} 

.formmodule label.fout	{
	border				: none !important;
	color				: #f00;
}

.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 div.label	{
	float				: left;
	width				: 150px;
	padding				: 2px 0;
}
.formmodule div.veld	{
	margin-left			: 150px;
}

.formmodule ul.formulier li.buttons	{
	padding-left		: 160px;
}