html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	}

body {
	background-image: url('../images/background.jpg');
	background-position: center 35px;
	background-repeat: repeat-x;
	text-align: center;
	

	}
	
	
	
#pagina {

	margin: 0; 
	padding: 0;
	min-height: 100%;
	_height: 100%;
	}
	
#container {
	padding-bottom: 93px; /* Hoogte van footer div + space die er tussen moet zitten */
	margin: 0em auto; /* Pagina in het horizontaal midden */
	width: 932px;
	text-align: left;
	background-image: url('../visuals/visual1.jpg');
	background-repeat: no-repeat;
	
	}

#header {
	margin:0;
	padding:0;
	margin-left:50px;
	top:0px;
	width: 932px;
	height: 380px;
	}

a {
		text-decoration:underline;
		color:#332C55;
	}

a:hover {
		text-decoration:none;
		color:#332C55;
	}	
	
li a {
	text-decoration:none;
	}
li a:hover { 
	text-decoration:underline;
	}

.submenu {
	color: #332c55;
	}

.submenu a {
	text-decoration:none;
	color:#332c55;
	}

.submenu a:hover {
	text-decoration:underline;
	color:#332c55;
}	
	
	
.fotokader {
	border: 1px solid #e5e5e5;
    padding: 3px;
    background-color: #fff;
    }	
	
.datum_cel_aan {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	float:left;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;	
	background:#D7ED66;
	margin-bottom:5px;
	}

.datum_cel_uit {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	color:#332C55;
	float:left;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:#F5FBD9;
	margin-bottom:5px;
	}	
	
.datum_cel_leeg {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	float:left;
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	background:none;
	margin-bottom:5px;
	}	

.datum_kop {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	float:left;
	width:30px;
	height:20px;
	line-height:20px;
	text-align:center;
	background:none;
	}
	
.datum_cel_aan_20{
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	float:left;
	width:24px;
	height:24px;
	line-height:24px;
	text-align:center;	
	background:#D7ED66;
	margin-bottom:5px;
	}

	
.datum_cel_uit_20 {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	color:#332C55;
	float:left;
	width:24px;
	height:24px;
	line-height:24px;
	text-align:center;
	background:#F5FBD9;
	margin-bottom:5px;
	}	
	
.datum_cel_leeg_20 {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	float:left;
	width:24px;
	height:24px;
	line-height:24px;
	text-align:center;
	background:none;
	margin-bottom:5px;
	}
	
.datum_kop_20 {
	font-family: verdana;
	font-size:10px;
	font-weight:normal;
	float:left;
	width:24px;
	height:20px;
	line-height:20px;
	text-align:center;
	background:none;
	}
	
.datum_wit {
	font-size:12px;
	font-weight:normal;
	line-height:12px;
	padding:5px;
	background:#FFFFFF;
	font-family:verdana;
	color:#99bf1a;
	}
	
.datum_groen {
	width:auto;
	font-size:12px;
	line-height:12px;
	padding:5px;
	background:#9C92B5;
	font-family:verdana;	
	color:#FFFFFF;
	}	

	
	
h2 {
	padding:0;
	margin:0;
	font-family: verdana;
	font-size: 18px;
	font-weight:bold;
	color:#332C55;
	}
	
h4 {
	padding:0;
	margin:0;
	font-family: verdana;
	font-size: 13px;
	font-weight:bold;
	color:#332C55;
	}
	
h4 a {
		text-decoration:none;
		color:#332C55;
	}

h4 a:hover {
		text-decoration:underline;
		color:#332C55;
	}	

	
p, ol, ul, div {
	
	font-family: verdana;
	font-size:11px;
	font-weight:normal;
	
	color:#616E76;
	} 	
	
p.paars {
	color:#332C55;
	} 


	
h5 a {
	color: #332C55;	
	font-weight: bold;
	text-decoration: none;
	line-height:18px;
	}
h5 a:hover {
	color: #332C55;	
	font-weight: bold;
	text-decoration: underline;
	}

h5 {
margin-top:15px;
font-size: 12px;
	color: #332C55;	
	font-weight: bold;
	text-decoration: none;
	line-height:18px;
	}		
	
.paars {
	color:#332C55;
	} 	
	
.onderwijsmenu {
	padding:0;
	margin-left:5px;
	font-family: verdana;
	font-size:11px;
	font-weight:normal;
	color:#332C55;
	text-decoration:none;
	}	
	
	
.tab_hoofdgroepen  {

	padding:0 20px;
	height:35px;
	line-height:35px;
	font-family: verdana;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	background:#3C355F;

}	

	
.tab_paars  {
	float:left;
	padding:0 20px;
	height:45px;
	line-height:45px;
	background-image: url('../images/tab_paars.gif');
	background-position: top left;
	background-repeat: repeat-x;
	
	font-family: verdana;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;

}	
	
.tab_aan {
	float:left;
	padding:0 15px;
	height:45px;
	line-height:45px;
	background-image: url('../images/tab_aan.gif');
	background-position: top left;
	background-repeat: repeat-x;
}	

.tab_aan a {
	font-family: verdana;
	font-size:11px;
	font-weight:bold;
	color:#332C55;
	text-decoration:none;
}	

.tab_aan a:hover {
	font-family: verdana;
	font-size:11px;
	font-weight:bold;
	color:#332C55;
	text-decoration:underline;
}	

.tab_uit {
	float:left;
	padding:0 15px;
	height:45px;
	line-height:45px;
	background-image: url('../images/tab_uit.gif');
	background-position: top left;
	background-repeat: repeat-x;
}	

.tab_uit a {
	font-family: verdana;
	font-size:11px;
	font-weight:bold;
	color:#332C55;
	text-decoration:none;
}	

.tab_uit a:hover {
	font-family: verdana;
	font-size:11px;
	font-weight:bold;
	color:#332C55;
	text-decoration:underline;
}	

.knop
{
	padding:0 20px;
	height:25px;
	line-height:25px;
	background:#D7ED66;
	font-family: verdana;
	font-size:11px;
	font-weight:normal;
	color:#332C55;
	text-decoration:none;	
}	

.knop:hover 
{
	padding:0 20px;
	height:25px;
	line-height:25px;
	background:#D7ED66;
	font-family: verdana;
	font-size:11px;
	font-weight:normal;
	color:#332C55;
	text-decoration:underline;	
}	

.tab_back
{
	height:45px;
	line-height:45px;
	background-image: url('../images/tab_uit.gif');
	background-position: top left;
	background-repeat: repeat-x;
}

.cijfers_instellingen
{
	padding-left:20px;
	font-family: verdana;
	font-size:11px;
	font-weight:normal;
	color:#332C55;
}

.cijfers_instellingen a
{
	font-family: verdana;
	font-size:11px;
	font-weight:normal;
	color:#332C55;
	text-decoration:none;
	
}

.cijfers_instellingen a:hover
{
	font-family: verdana;
	font-size:11px;
	font-weight:normal;
	color:#332C55;
	text-decoration:underline;	
}
	
hr {
	height: 2px;
    color: #e1e1e1;
    background-color: #e1e1e1;
	border:0;
	margin-bottom: 20px;
	}

hr.submenu {
	height: 2px;
    color: #D3D1D9;
    background-color: #D3D1D9;
	border:0;
	margin: 10px 0 20px 0;
	}

	
hr.wit {
    color: #fff;
    background-color: #fff;
	}

hr.groen {
    color: #D7ED66;
    background-color: #D7ED66;
	}
	
.cleardiv {
	clear:both;
	}

/*---[ Navigatiebalk ]------------------------- */
	
#navbalk {
	width:932px;
	padding-top:118px;
	margin-left:-50px;
	}
		
/*---[ Navigatiebalk menu aan ]------------------------- */	
	
#navbalk h2 {
	margin:0;	
	padding:0;
	padding:0px 10px;
	height:30px;
	background: #d7ed66;
	}

#navbalk h2 a {
	line-height:30px;
	color:#332C55;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration:none;
	}

#navbalk h2 a:hover {
	line-height:30px;
	color:#332C55;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration:underline;
	}	

/*---[ Navigatiebalk menu uit ]------------------------- */
	
#navbalk h3 {
	margin:0;	
	padding:0;
	padding:0px 10px;
	height:30px;
	}	

#navbalk h3 a {
	line-height:30px;
	color:#fff;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration:none;
	}

#navbalk h3 a:hover {
	line-height:30px;
	color:#fff;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration:underline;
	}	

/*---[ SubNavigatiebalk menu uit ]------------------------- */
	
#subnavbalk h3 {
	margin:0;	
	padding:0;
	height:20px;
	}	

#subnavbalk h3 a {
	line-height:20px;
	color:#ff0000;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration:none;
	}

#subnavbalk h3 a:hover {
	line-height:20px;
	color:#fff;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration:underline;
	}	
	
#divlogo {
	margin:30px 0px 0px 92px;
	background-image: url('../images/logo.gif') ;
	background-position: top left;
	background-repeat: no-repeat;
	width:361px;
	height:62px;
	text-indent:-900em;
	display:block;
	}

#content {
	margin-left:5px;
	margin-top:-37px;
	width: 932px;
	text-align: left;
	color: #332C55;
	font-family: verdana;
	font-size: 12px;
	line-height: 18px;
	word-spacing: 0.1em;
	}	
		
#footer {
	margin: -70px 0 0 0;  /* Hoe hoog is de div */
	height: 70px; /* Hoogte van de div */
	text-align:center;
	}
		
#footer_inhoud {
	width:932px;
	height:70px;
	text-align: center;
	color: #fff;
	font-family: verdana;
	font-size: 11px;
	line-height: 18px;
	
	background: #8984A2;
	background-image: url('../images/footer.jpg') ;
	background-position: top left;
	background-repeat: no-repeat;
	}
	
	
	
/* ----------------------------- Begin Barry's inline-to-main.css -------------------------------------*/	
	


#hoofdkolom {
	float: left;
	width: 650px;
	margin-left: 26px;	
	}

#linkerkolom {
	float: left;
	width: 240px;
}
	
#zijkolom {
	float: left;
	width: 240px;
		margin-left: 26px;
	
	}

#contentvak_onder_visual { 
	width: 650px;
	}	

#hoofdkolom_tekstvak_breed {
	float: left;
	width: 385px;
	margin-left: 10px;
	}	
	
#hoofdkolom_tekstvak_smal {
	float: left;
	width: 225px;
	background-image:url('../images/bg_tekstvak_groen.png');
	background-position: top center;
	background-repeat: repeat-y;
	margin-left: 10px;
	padding:10px;
	
	
	}	
	
	
#nieuwsvak_zijkolom {
	margin-top: 20px;
	padding: 10px 10px 20px 10px;
	background: #E8E7EC;
	}

	
	
.sponsor {
	width: 170px;
	float: left;
	margin: 20px;
	}
	
#sponsoren_zijkolom {
	margin-top: 20px;
	padding: 10px 10px 20px 10px;
	//background: #E8E7EC;
	border: 3px solid #E8E7EC;
	}	
	
hr.sponsoren {
	height: 2px;
    color: #D7ED66;
    background-color: #D7ED66;
	border:0;
	margin: 10px 0 20px 0;
	}	
	

#kolom4 h2 {
	margin:0;	
	padding:0;
	padding-left:10px;
	height:30px;
	width: 304px;
	
	background: #ECF7B2;
	margin-top:25px;
}	

#kolom4 h2 a {

	line-height:30px;
	color:#332c55;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration:none;
}

#kolom4 h2 a:hover {

	line-height:30px;
	color:#332c55;
	font-family: verdana;
	font-weight: bold;
	font-size: 12px;
	text-decoration:underline;
}
	

#nieuws_venster {
	width: 310px;
	margin-top: -20px;
	margin-left: 25px;
	float: left;
	background: #FFF;
	}	
	
	
	

	
.nieuwsdatum {
	width:auto;
	
	font-size:12px;
	line-height:12px;
	padding:5px;
	background:#D7ED66;
	font-family:verdana;	
	color:#332C55;
	}	

	
	
#content_nieuws {
		float: left;
		width: 290px;
		padding:10px;
		border: 2px solid #ECF7B2;
		border-width: 0px 2px 2px 2px;
		background:#F4FBD2;
		font-family: verdana;
		font-size: 10px;
		line-height: 18px;
		margin-bottom:20px;
	}
	

	
	
#nieuwsvak_zijkolom_extra {
	
	padding: 10px 10px 20px 10px;
	
	background-position: top center;
	background-repeat: repeat-y;
	}	
	
#nieuwsberichten_zijkolom {
	margin-top: -15px;
	padding: 10px;
	}


#zoekdiv {
	width: 220px;
	background-image: url('../images/bg_tekstvak_groen.png');
	padding: 10px;
	}
	
	
.datum_cel_aan a, .datum_cel_aan_20 a {
	color:#332C55;
	text-decoration:none;
	}
.datum_cel_aan a:hover, .datum_cel_aan_20 a:hover {
	color:#332C55;
	text-decoration:underline;
	}	
	
/*	------------------------- Formulier opmaak -----------------------------*/
	
label {
	position: absolute;
	text-align:right;
	width:150px; 
}

.formspacer {
	clear:both;
	height:10px;
}

.formulier  {
	margin:0;
	padding:0;
	font-family: verdana;
	font-size: 12px;
	color: #000000;
	background: #F5FBD9;
	border: #D7ED66 solid 1px;
	//padding: 1px 5px;
	height: 22px;
	line-height:22px;
	width:250px;
}


.formulier_aan  {
	margin:0;
	padding:0;
	font-family: verdana;
	font-size: 12px;
	color: #000000;
	background: #D7ED66;
	border: #D7ED66 solid 1px;
	//padding: 1px 5px;
	height: 22px;
	line-height:22px;
	width:250px;
}

.formulier_inspring_div  {
	margin:0;
	padding:0;
	margin-left: 170px;
	
}

.formulier_inspring  {
	margin:0;
	padding:0;
	font-family: verdana;
	font-size: 12px;
	margin-left: 170px;
	color: #000000;
	background: #F5FBD9;
	border: #D7ED66 solid 1px;
	padding: 1px 5px;
	height: 22px;
	line-height:22px;
	width:250px;

}
.formulier_inspring_aan {
	margin:0;
	padding:0;
	font-family: verdana;
	font-size: 12px;
	margin-left: 170px;
	color: #000000;
	background: #D7ED66;
	border: #D7ED66 solid 1px;
	padding: 1px 5px;
	height: 22px;
	line-height:22px;
	width:250px;
	}
	
.formulier_inspring_fout {
	margin:0;
	padding:0;
	font-family: verdana;
	font-size: 12px;
	margin-left: 170px;
	color: #332C55;
	background: #BDBBC9;
	border: #332C55 solid 1px;
	padding: 1px 5px;
	height: 22px;
	line-height:22px;
	width:250px;
	}
	
.formulier_submit  {
	margin:0;
	padding:0;
	font-family: verdana;
	font-size: 12px;
	color: #000000;
	background: #D7ED66;
	border: #D7ED66 solid 1px;
	height: 22px;
		padding: 2px 10px;
}

.tekst {
color: #ff6600:
}


#div_slogan {
	padding:0;
	margin:0;
	position:absolute;
	z-index:10;
	margin-left:420px;
	top:80px;
	
}
.slogan_lijn {
	padding:0;
	margin:0;
	font-size:11pt;
	letter-spacing:0.05em;
	color:#38315D;
	font-weight:bold;
	border-bottom: 2px solid #D7ED66;
}
.slogan {
	padding:0;
	margin:0;
	font-size:11pt;
	letter-spacing:0.05em;
	color:#9C92B4;
	font-weight:bold;
	border-bottom: 2px solid transparent;
}

#nieuwsvak_zijkolom ul {
	font-family: verdana;
	font-weight:normal;
	color:#332C55;
	margin-left: -15px;
	} 	
	
#nieuwsvak_zijkolom li a {
	font-size:11px;
	color:#332C55;
	text-decoration:none;
	line-height: 10px;
	}
#nieuwsvak_zijkolom li a:hover { 
	color:#332C55;
	text-decoration:underline;
	}
	


/*---[ HOOFDNavigatiebalk ]------------------------- */

#hoofdnavbalk_back {
	font-family: verdana;
	font-weight:bold;
	width:100%;
	margin:0;
	padding:0;
	background:#595375;
	height:35px;
}
#hoofdnavbalk {
	width:1000px;
	margin:0 auto;
	padding:0;
}
		

ul#hoofdnavbalkul {
	list-style: none;
	margin:0;
	padding: 0;
		height:30px;
	}
	
ul#hoofdnavbalkul li {
	float: left;
	margin: 0;
	padding: 0 10px;
	line-height:30px;
}
	
ul#hoofdnavbalkul li.active {
	background:#d7ed66;
	height:30px;
	line-height:30px;
	}
	
ul#hoofdnavbalkul li a {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height:30px;
	font-weight:bold;
	}

ul#hoofdnavbalkul li a:hover {
	text-decoration: underline;

	}
	
ul#hoofdnavbalkul li.active a {
	color: #332C55;
	line-height:30px;
	text-decoration:none;
}
	
ul#hoofdnavbalkul li.active a:hover {
	text-decoration:underline;
}
	
/*---[ HOOFDNavigatiebalk ]------------------------- */	












#blok_home_nieuws {
	float: left;
	width: 650px;
	//padding: 10px;
	//border: 2px solid #ECF7B2;
	//border-width: 2px 2px 2px 2px;
	//background:#F4FBD2;
	font-family: verdana;
	font-size: 10px;
	line-height: 18px;
	margin-top: 20px;
	//margin-left: 20px;
}