/* Opmaak */
html { margin: 0px; }

img {border:none;}

h1 {
	color: #B22222;
	font: bold 1.2em Arial, Verdana, Helvetica, sans-serif;
}

h2 {
	color: #ffffff;
	font: bold 1.2em Arial, Verdana, Helvetica, sans-serif;
}

#header_img
{
display: block;
float: right;
text-align: left;
padding: 6px 6px 0px 0px;
width:60px;
padding: 7px;
}

.indexbottomtxt {
	font-size: 9px;
	color: #698132;
	font-style: italic;
}
.indexbottomtxt2 {
	font-size: 9px;
	color: #698132;
	text-align:center;
}

.picpadding1 { margin-top: 1px;
	float:right}

body {
	background: #336633;
	margin: 0px 5px;
	padding: 0px;
	font : normal 62.5%/1.2 "Trebuchet MS", serif;
	color : #4f6b72;
	scrollbar-arrow-color: #C6DB00;
	scrollbar-track-color: #ffffff;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #098E12;
	scrollbar-highlight-color: #098E12;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-3dlight-color: #ffffff;
}

/* ---- Menu  ------- */


#navcontainer
{
margin: 105px 0 0 48px;
padding: 0;
height: 0px;
width: 620px;
}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: left;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
	background: #669966;
	width: 98px;
	height: 16px;
	border: 1px solid #336633;
	padding: 0;
	margin: 0 0 -1px 0;
	color: #D5FFD5;
	text-decoration: none;
	display: block;
	text-align: center;
	text-transform: uppercase;
	font: bold 11px/16px "Trebuchet MS", serif;
}

#navcontainer ul li a:hover
{
	color: #ccff00;
	background: #339966;
}

#navcontainer a:active
{
background: #00ff33;
color: #ccff00;
}

#navcontainer li#active a
{
	
color: #ccff00;
}

	
/* ---------------------- */

/* Pagina inhoud */

#wrapper, #wrapper3col {
	margin: 0px auto; 				/* to fix centering in Mozilla */
	text-align: left;
	width: 780px;					/* width should be the same as the background image */
	padding: 3px 17px 5px 17px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 780px;
}
	html>body #wrapper, html>body #wrapper3col { width: 780px; }
	
#wrapper3col {
	}

#footer {
	margin: 0px auto; /* to fix centering in Mozilla */
	width: 780px; /* width should be the same as the background image */
	color: #098E12;
	padding: -3px 0px 10px 0px;
}

#header {width: 780px;
   	 height: 139px;
	background-image: url(images/bg_boven.gif);
    	float:right; repeat-y;	
		
}

#maincol {
	background-color: White;
	width: 758px;
	height: 580px;
	float: right;
	padding: 10px;
	border: 1px ridge #098E12;
	position: relative;
	left: 0px;
	top: 0px;
	overflow: auto; /* box model hack */
	voice-family: "\";
}\"";
	voice-family:inherit;
	
	}

html>body #maincol {
	width: 758px;
	
}

#centercol {
	/* basically a modification of "maincol" */
	width: 595px;
	float: left;
	padding: 0px; /* box model hack */
	voice-family: "\";}\"";
	voice-family:inherit;
	width: 585px;
}
	html>body #centercol { width: 375px; }

#rightcol {
	width: 150px;
	float: left;
	padding: 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 130px;
}
	html>body #rightcol { width: 130px; }
	
.clear { clear: both; }