body{
	margin-top:0px;
	
	background-image:url(../images/background.jpg);
	background-repeat:repeat-x;
	background-color:#660000;
	
	text-align: center; /* Los de IE centre bug op */
}

img{ 
	border: 0px;
}

.img_left{
	float:left;
	clear:both;
	margin: 0 8px 5px 0px;
	padding: 0;
}

.img_right{
	float:right;
	clear:both;
	margin: 0 0 5px 8px;
	padding: 0;
}

.img_center{
	display:block;
	margin: 0 auto 0 auto;
	
}




.container{
	margin-right:auto;
 	margin-left:auto;

	width:832px;
	text-align: left; /* Los de IE centre bug op */
}


#menu{
	width:821px;
	min-height:22px;
	overflow:hidden;
		
	background-image:url(../images/menu_bg.gif);
	
	background-repeat:no-repeat;
	background-color:#006600;
}

* html #menu{
	height: 22px;
}

#menu ul{
	float: left;
	list-style:none;
	margin: 0 0 0 20px;
	padding: 0px;
}

#menu li{
	padding-top:4px;
	margin: 0 15px 0 15px;
	overflow:hidden;
	
	float:left;
	
	text-align:center;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing:1px;
}


#menu a:link{
	color:#FFFFFF;
	text-decoration:none;
}

#menu a:visited{
	color:#999999;
	text-decoration:none;
}


#menu a:hover{
	color:#FF9900;
	text-decoration:none;
}

.contentcontainer{
	background-color:#FFFFFF;
	position:relative;

	left:11px;
	width:806px;
	min-height:350px;

}

/* Solve the min-height bug for Internet Explorer */
* html .contentcontainer {
	height:350px;
}

.leftcontent{
	position:absolute;
	top:0px;
	background-color:#FFFFFF;
	
	width:180px;
	height:350px;

}

.logo{
	text-align:center;
}

.leftitem{
	position:relative;
	background-color:#FFFFFF;
	
	width:150px;
	padding-left:5px; /* Tekst naar links, niet de lijn. */
	padding-bottom:1px; /* Afstand lijn tot tekst. */
	
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	text-align:left;
	left:10px;
	
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#999999;
}

.leftitemkop{
	position:relative;
	background-color:#FFFFFF;
	
	width:150px;
	padding-left:5px;
	padding-bottom:15px;
	
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	text-align:left;
	font-weight:bold;
	left:10px;
	
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#999999;
}

.kop{
	font-weight:bold;
	font-size:14px;
}


a.leftitemlink:link{
	color:#999999;
	text-decoration:none;
}

a.leftitemlink:visited{
	color:#333333;
	text-decoration:none;
}


a.leftitemlink:hover{
	color:#FF9900;
	text-decoration:none;
}

.rightcontent{
	position:relative;
	background-color:#FFFFFF;
	
	z-index:10;
	top:15px;
	left:176px;
	width:600px;

	border-left:solid;
	border-left-width:1px;
	border-left-color:#999999;
}

.title{
	position:relative;
	left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FF9900;
	
	letter-spacing:1px;
}

.title_rood{
	position:relative;
	left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#660000;
	
	letter-spacing:1px;
}

.plattetekst{
	position:relative;
	left:50px;
	width:510px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:justify;
}

.project{
	position:relative;
	width:190px;
	height:130px;
	left:40px;
	
	text-align:center;
	
	background-color:#ffe8c4;
	border:solid;
	border-width:2px;
	border-color:#ff9900;
	
	margin:3px;
	margin-bottom:20px;
}

.projectfloat{
	float:left;
	position:absolute;
	left:265px;
	width:190px;
	height:130px;
	text-align:center;
	background-color:#ffe8c4;
	border:solid;
	border-width:2px;
	border-color:#ff9900;
	margin:3px;
}

div.project p{ 
	/* De div die de class project heeft, daar zit een p in en dit heeft de volgende style. */
	margin-right:10px;
	margin-left:7px;
	text-align:left;
	height:25px;

}

div.projectfloat p{ 
	/* De div die de class project heeft, daar zit een p in en dit heeft de volgende style. */
	margin-right:10px;
	margin-left:7px;
	text-align:left;
	height:25px;

}

.projectimg{
	/* Plaatje in de project blok */
	border:solid;
	border-width:1px;
	border-color:#000000;
		
}

a.projectlink:link{
	color:#666666;
	text-decoration:none;
}

a.projectlink:visited{
	color:#333333;
	text-decoration:none;
}


a.projectlink:hover{
	color:#FF9900;
	text-decoration:none;
}

.backtotop{
	position:relative;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.backtotop a:link{
	color:#666666;
	text-decoration:none;
	
	background: url(../images/backtotop.gif) left top no-repeat;
	padding-left: 15px;
}

.backtotop a:visited{
	color:#666666;
	text-decoration:none;
	
	background: url(../images/backtotop.gif) left top no-repeat;
	padding-left: 15px;
}

.backtotop a:hover{
	color:#FF9900;
	text-decoration:none;
	
	background: url(../images/backtotoph.gif) left top no-repeat;
	padding-left: 15px;
}

.footer{
	position:relative;
	top:2px;
	
	background-image:url(../images/footer_bg.gif);
	background-repeat:no-repeat;
	
	margin-top:-16px;
	margin-bottom:16px;
	height:20px;
	padding-left:160px;
	text-align:center;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	z-index: 100;
}

a.footerlink:link{
	color:#000000;
}

a.footerlink:visited{
	color:#006600;
}

a.footerlink:hover{
	color:#ff9900;
}

a.plainlink:link {
	color:#666666;
	text-decoration:none;
}

a.plainlink:visited {
	color:#333333;
	text-decoration:none;
}

a.plainlink:hover {
	color:#FF9900;
	text-decoration:none;
}

a.pfddoc:link {
	color:#666666;
	text-decoration:none;
	
	background: url(../images/pdficon.gif) left bottom no-repeat;
	padding-left:20px;
	padding-top:5px;
}

a.pfddoc:visited {
	color:#333333;
	text-decoration:none;
	
	background: url(../images/pdficon.gif) left bottom no-repeat;
	padding-left:20px;
	padding-top:5px;
}

a.pfddoc:hover {
	color:#FF9900;
	text-decoration:none;
	
	background: url(../images/pdficon.gif) left bottom no-repeat;
	padding-left:20px;
	padding-top:5px;
}

a.flashicon:link {
	color:#666666;
	text-decoration:none;
	
	background: url(../images/flashicon.gif) left bottom no-repeat;
	padding-left:20px;
	padding-top:5px;
}

a.flashicon:visited {
	color:#333333;
	text-decoration:none;
	
	background: url(../images/flashicon.gif) left bottom no-repeat;
	padding-left:20px;
	padding-top:5px;
}

a.flashicon:hover {
	color:#FF9900;
	text-decoration:none;
	
	background: url(../images/flashicon.gif) left bottom no-repeat;
	padding-left:20px;
	padding-top:5px;
}

a.zipicon:link {
	color:#666666;
	text-decoration:none;
	
	background: url(../images/zipicon.gif) left bottom no-repeat;
	padding-left:20px;
	padding-top:5px;
}

a.zipicon:visited {
	color:#333333;
	text-decoration:none;
	
	background: url(../images/zipicon.gif) left bottom no-repeat;
	padding-left:20px;
	padding-top:5px;
}

a.zipicon:hover {
	color:#FF9900;
	text-decoration:none;
	
	background: url(../images/zipicon.gif) left bottom no-repeat;
	padding-left:20px;
	padding-top:5px;
}

a.externalicon:link {
	color:#666666;
	text-decoration:none;
	
	background: url(../images/externalicon.gif) right bottom no-repeat;
	padding-right:23px;
	padding-top:5px;
}

a.externalicon:visited {
	color:#333333;
	text-decoration:none;
	
background: url(../images/externalicon.gif) right bottom no-repeat;
	padding-right:23px;
	padding-top:5px;
}

a.externalicon:hover {
	color:#FF9900;
	text-decoration:none;
	
	background: url(../images/externalicon.gif) right bottom no-repeat;
	padding-right:23px;
	padding-top:5px;
}

a.iconwmv:link {
	color:#666666;
	text-decoration:none;
	
	background: url(../images/iconwmv.gif) left bottom no-repeat;
	padding-left:20px;
	padding-top:5px;
}

a.iconwmv:visited {
	color:#333333;
	text-decoration:none;
	
background: url(../images/iconwmv.gif) left bottom no-repeat;
	padding-left:20px;
	padding-top:5px;
}

a.iconwmv:hover {
	color:#FF9900;
	text-decoration:none;
	
	background: url(../images/iconwmv.gif) left bottom no-repeat;
	padding-left:20px;
	padding-top:5px;
}

a.iconqt:link {
	color:#666666;
	text-decoration:none;
	
	background: url(../images/iconqt.gif) left bottom no-repeat;
	padding-left:20px;
	padding-top:5px;
}

a.iconqt:visited {
	color:#333333;
	text-decoration:none;
	
background: url(../images/iconqt.gif) left bottom no-repeat;
	padding-left:20px;
	padding-top:5px;
}

a.iconqt:hover {
	color:#FF9900;
	text-decoration:none;
	
	background: url(../images/iconqt.gif) left bottom no-repeat;
	padding-left:20px;
	padding-top:5px;
}



label{
 	float: left;
 	width: 120px;
	margin-right: 10px;
	padding-left:5px;
	 
	text-align:left;
}


/* 	Box is als volgt opgebouwd:
	BOX
		BOX TOP
		BOX MIDDLE
			BOX CONTENT (tegen IE margin bug)
				BOX TITLE (span)			
		BOX BOTTOM
 */

.box{
	position:absolute;
	top:10px;
	left:360px;
	float:right;
	width:252px;
}

.box2{
	position:absolute;
	top:230px;
	left:360px;
	float:right;
	width:252px;
}

.boxtop{
	width:252px;
	height:65px;
}


.boxmiddle{
	width:252px;
	background-image:url(../images/box_nm.jpg);
	background-repeat:no-repeat;
	
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:justify;
	color:#BFFFBF;

}

.boxcontent{
	position:relative;
	top:4px;
	left:18px;
	width:214px;
}

.boxdatum{
	color:#FFFFFF;
	border-bottom:solid;
	border-bottom-width:1px;
	border-bottom-color:#BFFFBF;
	padding-bottom:3px;

}
.boxbottom{
	width:252px;
	height:15px;
}

.boxleesverder{
	color:#FF9900;
	text-align:right;
	font-size:10px;
}

.boxtitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;

}

a.boxleesverderlink:link {
	color:#FF9900;
	text-decoration:underline;
}

a.boxleesverderlink:visited {
	color:#CC6600;
	text-decoration:underline;
}

a.boxleesverderlink:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.plattetekstbox{
	position:relative;
	left:50px;
	width:282px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:justify;
}


/* 

	border:solid;
	border-width:1px;
	border-color:#00FF00;
	
/*