/* Positionering */


body {
	margin: 0 0;
}


/* Placeholder om alle content gecentreerd binnen 850 pixels te houden */
#container {
	position:relative;
	margin: 0 auto;
	width: 842px;
	width: 850px;
	background: #eee;
	background: #fff url(/img/nb_bodybg.png) repeat-y 50% 0;
}


/* Header text niet laten zien, tenzij text-only browser, anders word plaatje weergeven */
#header h1 {display:none;}


/* Header
   onder/boven geen marges, links en rechts automatische marge (wordt in midden gecentreerd)
   witte achtergrond kleur en achtergrond plaatje centreren*/
   
#header {
	margin: 0 auto;
	width:842px;
	height:272px; /* leaderboard test */
	height:182px;
	background: #fff url(/img/logo.jpg) no-repeat 50% 0;
}

#ad7leaderboard {
	margin:0 auto;

}

#ad7banner {
	display:none;
	margin: 0 auto;
	position: absolute;
	top:150px;
	left:57px;
	height:90px;
	width:728px;
	text-align:center;
	background: #eee;
}

/* Navigatiebalk onder header */
#header_nav {
	position:absolute;
	top:246px; /* leaderboard test */
	top:156px;
	height:20px;
	width: 842px;
	margin:0 auto;
	left:4px;
	background: #0f0546;
	background:#006599;
	border-color: #0f0546; border-style: dotted solid solid; border-width: 0 0 2px;
}

/* Placeholder om linker kader, rechter kader, en midden kader, op zijn plaats te houden. */
#content_wrapper {
	margin: 0 auto;
	width:842px;
	clear:both;
}


/* De linker kader, rechter kader, en midden kader delen allemaal de volgende instellingen */
#leftbar, #rightbar, #content {
	position:relative;
	float:left;
}


/* Regioselector, wordt in middenkader weergeven, maar niet gebruikt */
#regioselect {
	position:relative;
	float:left;
	width:490px;
	left:175px;
	top:5px;
}


/* Middenkader (individuele pagina content) */
#content {
	width:490px;
	left:175px;
	top:5px;
}

/* Linker kader */
#leftbar {
	width:170px;
}

/* Rechter kader
   rechts centreren, */
#rightbar {
	width:170px;
	float:right;
	clear:right;
} 


/* Linker kader 490 pixels naar links schuiven vanaf huidig positie,
   word anders rechts van het middenkader getekend. */
#leftbar {
	left:-490px;
}


/* wordt niet gebruikt, kan er waarschijnlijk uit. */
#inline_footer {
	margin:0 auto;
	clear:both;
	width:832px;
	text-align:right;
	display:none;
}


/* tekent plaatje onderaan de pagina, net boven de footer om schaduw randen niet te laten doorlopen over het hele scherm */
#shadow_bottom {
	margin:0 auto;
	clear:both;
	height:31px;
	width:850px;
	background: #fff url(/img/nb_shadowbottom.png) repeat-y 50% 0;
}


/* wordt ook niet meer gebruikt, waarschijnlijk. */
#shadow_bottom p {
	margin:0 auto;
	margin-bottom:10px;
	width:832px;
	background: #eee;
}

/* Footer, copyright enzovoorts */
#footer {
	margin:0 auto;
	width:850px;
	text-align:right;
}

/* Footer, copyright enzovoorts */
#footer p {
	margin:0 auto;
	padding:0;
	width:842px;
}

/* Links accordion */



#link_navigation, #link_navigation2 {
	border:1px solid #EEEEEE;
	margin:0px;
	padding:0px;
	text-indent:0px;
	background-color:#E2E2E2;
	width:225px;
}
#link_navigation a.head, #link_navigation2 a.head2 {
	cursor:pointer;
	border:1px solid #CCCCCC;
	background:#EEEEEE url(/img/collapsed.gif) no-repeat scroll 3px 4px;
	color:black;
	display:block;
	font-weight:bold;
	margin:0px;
	padding:3px 0 3px 0;
	text-indent:14px;
	text-decoration: none;
	font-family:'arial';
	font-size:8.5pt;
	margin-top: 2px;
}
#link_navigation a.head:hover, #link_navigation2 a.head2:hover  {
	color:#006696;
}
#link_navigation a.selected, #link_navigation2 a.selected {
	background-image: url(/img/expanded.gif);
}
#link_navigation a.current, #link_navigation2 a.current {
	background-color:#FFFF99;
}
#link_navigation ul, #link_navigation2 ul {
	border-width:0px;
	margin:0px;
	padding:0px;
	text-indent:0px;
}
#link_navigation li, #link_navigation2 li {
	list-style:none outside none; display:inline;
}
#link_navigation li li a, #link_navigation2 li li a {
	color:#00638F;
	display:block;
	text-indent:10px;
	text-decoration: none;
	background:white;
	padding:3px 0 3px 0;
	border-bottom: 1px solid #EEEEEE;
	text-align:left;
	
}
#link_navigation li li a:hover, #link_navigation2 li li a:hover {
	background-color:#FFFF99;
	color:#FF0000;
}

/* Compleet starten */

#compleetstarten {
	width:490px;
	font-size:9px;
	text-align:left;
	background:#F5F5F5;
	border-top:1px solid gray;
}
#compleetstarten h3 {
	font-size:11px;
	color:#000;
	height:40px;
	margin:0;padding:0;
	margin-bottom:3px;
}
.compleet-logo {
display:block;

}
#compleetstarten ul {
	margin:0;padding:0;
	list-style-position:outside;
}
#compleetstarten ul li{
	margin-left:10px;
}
#compleetstarten ul li strong {
	color:#006599;
}
.compleet-col {
float:left;
	width:29%;
	padding:2%;
	border-left:1px solid gray;
	border-bottom:1px solid gray;
	}
	
.one {
	background:#EFFAFF;
}
.two {
background:#DFF4FF;
}
.three {
background: #CFEFFF;
border-right:1px solid gray;

}

.
.compleet-clear {
clear:both;
}
.last {
}
/* /compleet starten */

@media print {
	#link_navigation ul{
		display: block!important;
		height: auto!important;
	}