/* ::: ALGEMENE STIJLEN ::: */

*{
	margin:0; padding:0;}

body{
	background:#300 url(../gfx/bg_body.jpg);font:62.5%/150% Verdana, Arial, Helvetica, sans-serif;}

a{
	text-decoration:none; color:#96C;}
a:hover{
	text-decoration:underline; }
a img{
	border:none;}

p, ul, ol{
	font-size:1.2em; line-height:1.5em; margin-bottom:1.5em;}
ul, ol{
	margin-left:20px;}	
h1{
	font-size:1.6em; line-height:120%; color:#639; margin-bottom:1.2em;}
h2{
	font-size:1.2em; color:#633;}

a.more{
	color:#C96; font-weight:bold; background:transparent url(../gfx/arrow4.gif) no-repeat right center; padding-right:8px; }
	
span.date{
	font-style:italic;}

/* ::: LAYOUT ::: */

#container{	
	width:850px;
	margin:16px auto;
	text-align:left;
	background-color:#FFF;
}

#header{
	height:135px; margin:0;
	background:#FFF url(../gfx/heading_ne.jpg) no-repeat 0 0; position:relative;}
#header.ne{
	background-image:url(../gfx/heading_ne.jpg);}
#header.en{
	background-image:url(../gfx/heading_en.jpg);}

#header h1{
	display:none;}

#adresbalk{
	background:transparent url(../gfx/balkbg.jpg) repeat-x left top;
	overflow:hidden; width:850px; height:23px; position:absolute; left:0; bottom:0; }
#vlag{
	position:relative; float:left; width:90px; height:23px; }
#vlag img{
	margin-left:17px; margin-top:3px; }
#adres{
	float:left; width:660px; height:23px; color:#FFF; font-weight:bold; }
#adres p {
	margin:2px 0 0 4px; font-size:11px; line-height:1.2em; }
#adres a{
	color:#639; }

#main {
	background:#FFF url(../gfx/bg_main.jpg) no-repeat 0 0;
	overflow:hidden; min-height:475px; position:relative; }

#footer{
	background:transparent url(../gfx/main_bottom.jpg) no-repeat 0 0;
	height:6px; overflow:hidden; }

.home #content{
	margin:20px 0 0 92px;
	width:565px;
	overflow:hidden;
}
.text #content{
	margin:20px 0 0 165px; width:419px; }
.home #content .col{
	width:273px; margin-right:19px; float:left; overflow:hidden;}

#sidebar{
	float:right; overflow:hidden; margin:20px 0 0; position:relative;}
.home #sidebar{
	width:171px;}
.text #sidebar{
	width:248px;}
#sidebar p{
	margin:10px 20px 0 10px; color:#633; font-size:1.1em;}
#sidebar a.more{
	color:#630; background-image:url(../gfx/arrow3.gif);}

#boxes{
	position:relative; width:638px; height:224px; overflow:hidden; margin:20px 0 20px 19px; }
#boxes .box{
	position:relative; float:left; margin-right:19px; width:200px; height:224px; overflow:hidden; }
#boxes .box h2{
	color:#FFF; margin:5px 10px; }
#boxes .box ul{
	list-style:none; margin:20px 10px 0; font-size:1.1em; }
#boxes .box ul li a{
	display:block; text-decoration:none;}
#boxes .box ul li a:hover{
	color:#000;}

#boxes .last, 
.home #content .last{
	margin-right:0;}
	
#boxes .type1{ 
	background:transparent url(../gfx/bg_box1.gif) no-repeat left top;}
#boxes .type2{
	background:transparent url(../gfx/bg_box2.gif) no-repeat left top;}
#boxes .type3{
	background:transparent url(../gfx/bg_box3.gif) no-repeat left top;}

#boxes .type1 ul li{
	background:transparent url(../gfx/border1.gif) repeat-x left bottom; color:#300; padding:2px 0 6px;}
#boxes .type2 ul li{
	color:#306; background:transparent url(../gfx/border2.gif) repeat-x left bottom; padding:2px 0 6px;}
#boxes .type3 ul li{
	color:#630; background:transparent url(../gfx/border3.gif) repeat-x left bottom; padding:2px 0 6px;}

#boxes .type1 ul ol li a { color:#300; }
#boxes .type2 ul ol li a { color:#306; }
#boxes .type3 ul ol li a { color:#630; }
	
#boxes .box a.more{
	position:absolute; bottom:5px; left:10px; font-weight:bold; font-size:1.1em; }
#boxes .type1 a.more{
	background:transparent url(../gfx/arrow1.gif) no-repeat right 4px; padding-right: 8px; color:#300;}
#boxes .type2 a.more{
	background:transparent url(../gfx/arrow2.gif) no-repeat right 4px; padding-right: 8px; color:#306;}
#boxes .type3 a.more{
	background:transparent url(../gfx/arrow3.gif) no-repeat right 4px; padding-right: 8px; color:#630;}

div.image{
	background:transparent url(../gfx/corner_lb.png) no-repeat left bottom; width:14px; height:14px;
	position:absolute; left:0; bottom:0;}
div.imagebox{
	position:relative;}
img.border{
	border:1px solid #c90; padding:1px;}
div.copyright{
	text-align:right; padding:5px;}
	
#nav ul{
	list-style:none; width:145px; margin:21px 0 0; float:left; 
	background:transparent url(../gfx/border4.gif) repeat-x left top; }
#nav ul li a{
	display:block; background:transparent url(../gfx/border4.gif) repeat-x left bottom;
	padding:0 0 0 18px; height:19px; color:#300; }
#nav ul li.active a,
#nav ul li a:hover{
	background:transparent url(../gfx/bg_nav_active.jpg) no-repeat left bottom;
	text-decoration:none; }
#nav ul li.active a{
	font-weight:bold; }
	
#links{
	position:absolute; bottom:20px; left:0;	width:145px;}
#links h3{
	font-size:1.1em; color:#639; font-weight:bold; margin:0 0 1.1em 18px;}
#links ul{
	list-style:none; margin-left:0; }
#links ul li a{
	background:transparent url(../gfx/arrow5.gif) no-repeat 18px 50%; padding:2px 0 2px 26px; }