body {
	width: 100%;
	height: 100%;
	padding: 2px 0 0 0; /* de volgorder is top, right, bottom, left  in dit geval is dus padding top 10px en de rest 0 */
	margin: 0;
	text-align: center; /* Internet Explorer hack om de div in het midden te centreren */
	background-color: #ECE382; /* hier zetten we achtergrond kleur */
}

/*
div.container gebruiken we om een div in het midden van de pagina te zetten zodat we daar onze content in kunnen zetten
*/

#div_center {
	width: 950px;
	text-align: left; /* omdat we in de IE hack alles naar het midden gezet hebbben moeten we nu de inhoud terugzetten naar links (of niet) */
	margin: 0 auto; /* de goede manier om een div in het midden te zetten (FireFox, Opera, etc) */
	background-color: #FFFFFF;
}

#div_header {
	background-image: url(../images_web/header.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	width: 950px;
	height: 39px;
}

#div_container {
	background-image: url(../images_web/menu_back.jpg);
	background-repeat: repeat-y;
}

#div_menu {
	background-image: url(../images_web/menu.jpg);
	background-repeat: no-repeat;
	background-position: 0% 0%;
	float: left;
	width: 242px;
}

#nieuwsbrief {
	padding-top: 5px;
}

#div_content {
	text-align: left; /* omdat we in de IE hack alles naar het midden gezet hebbben moeten we nu de inhoud terugzetten naar links (of niet) */
	font-family: Verdana, Arial, Helvetica, sans-serif; /*in linux hebben we meestal beide fonts niet en zetten daarom als laatste Sans)*/
	padding: 5px 5px 5px 5px; /* de volgorder is top, right, bottom, left  in dit geval is dus padding top 10px en de rest ook ;-) */
	margin-left: 242px;
	background-color: #FFFFFF;
}

#div_clear {
	clear: both;
	height: 1em;
}
	
#div_header_right {
	z-index: 110;
	position: absolute;
	margin-top: 204px;
 	margin-left: 606px;
	width: 156px;
	height: 339px;
}


#div_footer {
	clear: both;
	width: 930px;
	height: 20px;
	margin: 0px 0 0 0; /* de volgorder is top, right, bottom, left */
	padding: 5px 10px 0 10px;
	border-top: 4px solid #D1D3BC; /* de bovenste lijn maken we dikker en een andere kleur */
	background-color: #A1671E;
}

#div_zoek
	{
	margin-top: 0px; 
	margin-left: 250px;
	}
	
#div_nav
	{
	margin-top: 0px; 
	margin-left: 490px;
	}

#contact
	{
	position: absolute;
	top: 25px;
	left: 45%;
	z-index: 100;
	}

.highlight 
	{
	background-color: #CBAD56;
	}	
	
td
{
	font-weight: 500;
	font-size: 0.8em;
	color: #000000;
	word-spacing: normal;
	text-transform: none;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: normal;
	text-align: left;
}

.td_header
{
	font-weight: 700;
	font-size: 0.8em;
	color: #FFFFFF;
	word-spacing: normal;
	text-transform: none;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: normal;
	background-color: #A46A21;
}

IMG 	
	{
	margin: 0px;
	border: 0px;
	}


hr
	{
	color: #B47F43;
	width: 99%;
	}
	
H2, H3, H5, TH, THEAD, TFOOT
	{
	COLOR: #000000;
	margin-top: 0px
	}
    
H1
	{
	color: #FFFF88; 	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	0px;
	text-transform:	none;
	margin-left: 0px;
	margin-top: 0px;
	text-align: right;
	}
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	0.7em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	margin-left: 5px;
	margin-top: 0px
	}	
		
H3
{
	font-weight: 500;
	font-size: 0.7em;
	word-spacing: normal;
	text-transform: none;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 0px
}	
		
H4	{
	color: #571217;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	0.6em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	0.5px;
	letter-spacing:	normal;
	text-transform:	none;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px
	}
	
A:link, A:visited, A:active	{	
	text-decoration:	underline;
	color:	#571217;
	}		
		
A:hover	{	
	text-decoration:	underline;
	color:	#D7C267;
	}
	
A.menu:link, A.menu:visited, A.menu:active {	
	text-decoration:	none;
	color:	#FFFFCC;
}	

A.menu:hover {	
	color: #FFFFCC;
	background-color: #966824;
	text-decoration: underline;
}

A.menu2:link, A.menu2:visited, A.menu2:active {	
	text-decoration:	none;
	color:	#FFFFCC;
	margin-left: 20px;
}	

A.menu2:hover {	
	color: #FFFFCC;
	background-color: #966824;
	text-decoration: underline;
	margin-left:20px;
}
	
input, select, textarea
{
border: 1px outset #A9C1E1;
border: 1px inset #D1D1D1;
background-color: #F5F5F5;
text-align: left;
font-family: Verdana, Arial, Tahoma;
font-size: 7pt;
letter-spacing: 0;
color: #444444;
}

.input_but
{
border: 1px outset #A9C1E1;
border: 1px inset #D1D1D1;
background-color: #F5F5F5;
text-align: center;
font-family: Verdana, Arial, Tahoma;
font-size: 7pt;
letter-spacing: 0;
color: #444444;
}

.input_print
{
border: 1px outset #A9C1E1;
border: 1px inset #D1D1D1;
background-color: #CBAD56;
text-align: center;
font-family: Verdana, Arial, Tahoma;
font-size: 7pt;
letter-spacing: 0;
color: #FFF;
}

.sup {
	font-size: 1.2em;
	color: #FF0000;
	word-spacing: normal;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	letter-spacing: normal;
	margin-top: 0px;
}	
