body {
	margin						:0;
	padding						:0;
	background					:url(../img/sides.gif);
	background-repeat			:repeat-y;
	background-position			:top;
	text-align					:center;
}
#outer {
	text-align					:center;
	width						:832px;
	margin						:auto;
}
#headerTopRound{
	height						:43px;
	background					:#FFF url(../img/bg-top.gif);
}
#headerTop{
	text-align					:left;
	margin						:0px 7px;
	height						:64px;
	background					:#FFF url(../img/logo-header.gif);
	background-position			:right;
	background-repeat			:no-repeat;
}
#header {
	height						:144px;
	text-align					:left;
	margin						:0px 7px;
	background					:#FFF;
}
#siteTitle{
	padding						:23px 0 13px 0;
	font-family					:Arial, Helvetica, sans-serif;
	font-size					:26px;
	color						:#BCBCBC;
}
/* 
	De bodyblock div omsluit de linkerkolom div en de rechterkolom div. 
*/
#bodyblock{
	margin						:0px 7px;
}
/* 
	Dit is de linkerkolom div (voor het submenu)
*/
#leftcol {
	width						:188px;
	text-align					:left;
	font-weight					:bold;
	padding						:26px 0 100px 0px;
	background					:#EAEAEA url(../img/submenu-header.gif);
	background-repeat			:no-repeat;
}
.leftcol{
	background					:#EAEAEA;
}
#leftcol h2{
	padding						:0 0 0 10px;
	margin						:0;
	font-family					:Arial, Helvetica, sans-serif;
	color						:#FFF;
	text-transform				:uppercase;
	font-size					:11px;	
	border-bottom				:none;
}
/* 
	Binnen de ul tag in de div "leftcol" bevind zich het submenu 
*/
#submenu{
	font-family					:Arial, Helvetica, sans-serif;
	font-weight					:bold;
	float						:none;
	clear						:both;
	padding						:0 0 30px 0;
	border-bottom				:none;
}
#submenu ul {
	margin						:0 0 0 0;
	padding						:0 0 0 0;
	list-style					:none;
}
#submenu ul li ul{
	background					:url(../img/menuDotLine.gif);
	background-position			:top;
	background-repeat			:no-repeat;
}
#submenu ul li ul li div.menuEnd{
	background					:url(../img/menuDotLine.gif);
	background-position			:bottom;
	background-repeat			:no-repeat;
}
/* 
	Links in het eerste niveau van het submenu 
*/
#submenu ul li a:link, 
#submenu ul li a:visited {
	display						:block;
	height						:15%; /* Fixes gap in IE */
	padding						:2px 15px 2px 10px;
	text-decoration 			:none;
	color						:#000;
}

/* 
	Links in het tweede niaveau van het submenu 
*/
#submenu ul li ul li a:link, 
#submenu ul li ul li a:visited {
	text-decoration 			:none;
	color						:#666;
	padding						:2px 15px 2px 20px;
}  
/* 
	Links in het submenu met de muis erover 
*/
#submenu ul li a:active,
#submenu ul li a:hover,
#submenu ul li ul li a:active,
#submenu ul li ul li a:hover{
	color						:#ff9500;
	text-decoration 			:none;
}

/* 
	item in het submenu (eerste niveau)
*/
#submenu ul li{
	padding						:0 0 0 0;
	background-image			:url(../img/dot-open.gif);
	background-repeat			:no-repeat;
	background-position			:170px 7px;
}
/* 
	item in het submenu (tweede niveau)
*/
#submenu ul li ul li{
	padding						:0 0 0 0;
	background-image			:url(../img/gray-dot-open.gif);
	background-repeat			:no-repeat;
	background-position			:170px 7px;
}

/* 
	De link naar de pagina die momenteel actief is in het submenu (eerste niveau)
*/
#submenu ul li.active{
	background-image			:url(../img/dot-closed.gif);
}

/* 
	De link naar de pagina die momenteel actief is in het submenu (tweede niveau)
*/
#submenu ul li ul li.active{
	background-image			:url(../img/gray-dot-closed.gif);
}
/* 
	Het loginscherm verschijnt in deze div 
*/
#extranet{
	padding						:0 8px;
	font-weight					:normal;
}
#contactinfo{
	font-family					:Arial, Helvetica, sans-serif;
	background					:#20337a; 
	padding						:10px 0 0 10px; 
	text-align					:left;
}
#contactinfo a,
#contactinfo strong{
	color						:#ff9500;
}

/* 
	Dit is de content div
*/
#contentWrapper{
	width						:610px;
	background					:#FFF;
	text-align					:left;
	padding						:0 0 0 20px;
}
#content{
	padding						:10px 20px 5px 0px;
}
#quicksearch{
	position					:relative;
	top							:-20px;
	width						:340px;
	left						:315px;
}

#quicksearchText{
	float						:left;
	padding						:2px 5px 0 0;
	color						:#ff9500;
	font-family					:Arial, Helvetica, sans-serif;
	font-size					:11px;
	font-weight					:bold;
	text-transform				:uppercase;
}
#footer{
	height						:57px;
	float						:none;
	clear						:both;
	background					:url(../img/bg-footer.gif);
}
/* 
	Onderin de popup verschijnt een link om een venster te kunnen sluiten. 
	Deze bevindt zich in een div met de id popupClose.
*/
#popupClose{
	clear						:both;
	float						:none;
	text-align					:center;
}
/*
	De class "checkbox" wordt gebruikt voor checkboxen in formulieren.
*/
.checkbox {
	border						:0px;
	width						:auto;
}
/*
	Deze class wordt toegekend aan alle items die verkort worden weergegeven.
*/
.itemShort{
	float						:none;
	padding						:0 0 25px 0;
}
/*
	Deze class wordt toegekend aan alle items die volledig worden weergegeven
	nadat ze verkort zijn weergegeven en er wordt op "lees meer" geklikt.
*/
.itemFull .abstract{
	font-weight					:normal;
}
.itemDefault p.abstract{
	font-weight					:normal;
}
/* 
	DE ONDERSTAANDE CLASS WORDT TOEGEKEND AAN DE BODY VAN HET POPUPVENSTER 
	hierdoor is het mogelijk om aan een popup een ander uiterlijk te geven als de site.
	Zo kun je bivoorbeeld de marges, de tekst keur, de tekst uitlijing, de achtergrondkleur enz. 
	opgeven voor een popup.
*/
.popupcontent{
	padding						:10px;
	color						:#000;
	background					:#FFF;
	text-align					:left;
}
/*
	Deze class wordt gebruikt voor de voetteksten onder artikelen zoals bijv. "lees meer" of "print".
*/
.articleFooter a:link,
.articleFooter a:visited,
.articleFooter a:hover,
.articleFooter a:active{
	font-family					:Arial, Helvetica, sans-serif;
	font-size					:12px;
	font-weight					:bold;
	font-style					:italic;
	color						:#ff9500;
	text-decoration				:none;
}
/* De pgaina titel bevindt zich tussen de h1 tag */
input ,select, textarea {
	font-family					:Arial, Helvetica, sans-serif;
	font-size					:11px;
	border						:1px solid #ff9500;
	margin						:0;
	padding						:0;
	background					:#FFF;
	
}
textarea{
	width						:98%;
}
input.text{
	width						:98%;
	text-transform				:none;
	margin						:2px;
}
select.text{
	width						:98%;
}
/* BEGIN NIEUW SINDS 1.5 */

/* Zorgt ervoor dat de "lees meer" tekst altijd onder de kopafbeelding komt */
.itemShort .articleFooter{
	clear						:both;
	/* Plaatst de "lees meer" tekst rechts */
	text-align					:right;
}
/* Zorgt ervoor dat de kop afbeelding rechts van de koptekst komt */
.headerImage{
	padding						:0 0 10px 10px;
	float						:right;
}
/* 
	Streep onde een artikel in verkorte weergave. 
	In versie 1.4 was dit gedefineerd met .itemShort Dit geeft echter problemen met 
	de kopafbeelding die sinds 1.5 mogelijk is. De bordwer wordt nu aan de footer 
	van een verkort weergegeven artikel toegevoegd.
*/
.itemShort .articleFooter{
	border-bottom				:1px solid #EAEAEA;
}

/* EINDE NIEUW SINDS 1.5 */
.backbtn,
.readmorebtn{
	position					:relative;
	top							:-1px;
	vertical-align				:bottom;
}
.backbtn{
	padding						:0 2px 0 0;
}