@charset "utf-8";
/* CSS Document */


/* -- basic  ------------------------------------------------------------------------------------------- */
html {
	/* voor het tonen van de (non)actieve scrolbar, zodat de pagina niet verschuift */
	height: 100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	background: transparent url("../images/bg.jpg") repeat-x scroll center 0;
	color: #000;
	font: normal 100%/200% Verdana, Tahoma, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 10px;
	text-align: center;
}

div.container {
	width:					1074px;
	margin:					0 auto;
	border:					0;
	text-align:				left;
	height:					890px;
}

a, a:visited {color:#fff; text-decoration:none;}
a:hover {text-decoration:none; color:#88b500;}

/* End basic */

/* -- basic layout elements --- dont change! ---------------------------------------------------------- */
div.wrapper {overflow:hidden;width:100%;}
.right {float:right;}
.left {float:left;}
.abs {position: absolute;}
.rel {position: relative;}
div.clearboth { clear: both;}

/* -- Text elements ----------------------------------------------------------------------------------- */
h1, h2, h3 {}
h4{font-size:12px;
	font-weight:bold;
	color:#d6f579;}
p {}
h5{ font-size:12px;
	font-weight:bold;
	text-decoration:none;
	}
#kop{
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	}
/* -- form specifications ----------------------------------------------------------------------------- */
select, input, textarea, optgroup {
	font: normal 100% Verdana, Tahoma, Arial;
	color: #000;
	vertical-align: baseline;
}

input.textfield, textarea.textfield {
	padding: 1px 2px;
	background: #fff /* url("../images/bg_textfield.gif") repeat-x scroll 0 0;*/
}
input.image {
	vertical-align: middle;
}

/* specific layout elements ---------------------------------------------------------------------------- */
div.col-left-1{
	float:left;
	width:399px;
	height: 810px;
	border: 0px solid #fff;
	background-color:#000;
	
}
div.col-left-menu{
	float:left;
	width:190px;
	border: 0px solid #000;
	background-color:#000;
	border-left: 0px solid #000;
	text-decoration:none;
	list-style:none;
	font-size:14px;
	text-align:right;
	text-decoration:none;
	list-style:none;
	color:#88b500;
	font-weight:bold;
	letter-spacing: 3px;
	line-height:20px;
}

div.col-left-logo{
	float:left;
	width:190px;
	border: 0px solid #000;
	background-color:#000;
	border-left: 0px solid #000;
	text-decoration:none;
	list-style:none;
	background-image:url(../images/logos/kop.jpg);
	background-repeat:no-repeat;
	bottom:0px;
	height:50px;
	/*margin-top:10px;*/}	

div.col-left-foto{
	float:right;
	width:199px;
	border: 0px solid #000;
	height:810px;
	background-color:#000;
	border-left:0px solid #000;
	background-color:#000;
}
div.col-left-sub1{
	width:190px;
	text-align:right;
	float:left;
	height:810px;
	}
div.col-left-sub1 a:link, a:visited{ text-decoration:none; color:#FFFFFF;
		}
	
div.col-left-sub1 a:active, a:hover{	text-decoration:none;
							color:#88b500; }
div.spacer{ 
	height:10px;
	width:190px;
	float:right;
	}
div.col-left-calendar{
	float:left;
	width:190px;
	border: 0px solid #000;
	background-color:#000;
	border-left: 0px solid #000;
	text-decoration:none;
	list-style:none;
	font-size:10px;
	text-align:right;
	text-decoration:none;
	list-style:none;
	color:#88b500;
	line-height:13px;
	}

div.col-left-calendar a:link, a:visited{ text-decoration:none; color:#FFFFFF;
		}
	
div.col-left-calendar a:active, a:hover{	text-decoration:none;
							color:#88b500; }
div.col-right-1{
	float:right;
	width: 675px;
	border: 0px solid #3300FF;
}
div.col-right-sub2{
	float:left;
	border: 0px solid #CCFF00;
	height:810px;
	background-color:#88b500;
	width: 651px;
	text-align:center;
}
div.kop{
	width:651px;
	height:60px;}
	
div.cont_content{
	width: 610px;
	overflow:auto;
	float:left;
	scrollbar-arrow-color: #d6f579;
	scrollbar-face-color: #88b500;
	scrollbar-highlight-color: #d6f579;
	scrollbar-3dlight-color: #d6f579;
	scrollbar-shadow-color: #88b500;
	scrollbar-darkshadow-color: #6e9102;
	scrollbar-track-color: #7ea212;
	height:700px;
	margin-left: 40px;
	font-size:11px;
	text-align:left;
	/*float:right;*/
	line-height:1.2}

div.content_block{
		width: 560px;
		float:left;
		text-align:left;
		font-size:11px;
		line-height:14px;
		 }

div.txt a:link, a:visited{ text-decoration:none; color:#FFFFFF;
		}
div.txt a:active, a:hover{	text-decoration:none;
							color:#d6f579;}
div.col-right-sub1{
	float:right;
	width: 24px;
	border: 0px solid #CCFF00;
	height:810px;
	background-image:url(../images/shadow-right.png);
	background-repeat:no-repeat;
}


div.footer{
	border: 0px solid #000;
	height:18px;
	background-image:url(../images/shadow-bottom.png);
	background-repeat:no-repeat;
	width: 1074px;
	float:right;
	top:0px;
}
div.hoofdmenu{
	width:150px;
	height:100%;
	text-align:right;
	}
div.header{
	border:0px solid #000;
	height:60px;
	background-image:url(../images/koppen/noster_en_green.gif);
	background-repeat:no-repeat;
		}
div.instellingen{
	height:55px;
	width: 1050px;
	position: relative;
	bottom: 73px;
	margin:	0 auto;
	float:left;
	background-image:url(../images/instellingen/instellingen_green.png);
	background-repeat:repeat-x;
	/*opacity: .3;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;*/
	}

div.uu{
	width:200px;
	float: left;
	text-align:right;
	background-image:url(../images/instellingen/uu.gif);
	background-repeat:no-repeat;
	height:55px;
	}
div.leeg{
	width:199px;
	opacity: .3;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	background-color:#FFFFFF;
	height:55px;
	float: left;
	margin:	0 auto;
	left:0px;
	}
div.opleidingen{
	width:649px;
	float:right;
	text-align:left;
	height:55px;
	}

/*.margin{  	margin-left: 20px;
			margin-top: 20px;
			margin-bottom:20px;
			width:100%;
			height:100%;
			overflow:auto;
			
			}*/
.links{  	width:150px;
			height:100%;
			margin-left: 20px;
			}
hr{	width:560px;
	height:2px;
	background-color:#d6f579;
	color:#d6f579;
	}
table{
font-size:11px;
	text-align:left;
	width: 550px;
	}