/* CSS Document */

/* CSS Document */

/* DEFAULT SETTINGS */

*{
	padding:0px; 
	margin:0px; 
	border:0px;
	font-family:verdana;
}

body{
	background-color:#FFFFFF;
	height:100%;
	/* SPECIAAL VOOR IE */
	scrollbar-face-color: #BDD4E2;
	scrollbar-highlight-color: #EEF4F8;
	scrollbar-3dlight-color: #EEF4F8;
	scrollbar-shadow-color: #EEF4F8;
	scrollbar-darkshadow-color: #EEF4F8;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #EEF4F8;
	text-align:center; background-position: center center; BACKGROUND-COLOR: #ffffff; MARGINHEIGHT: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; background-repeat:repeat-y;
}

.pos{
	margin: 0 auto; 
	position:relative; 
	z-index:0; 
	top:0px; 
	left:0px; 
	width:970px; 
	visibility:visible; 
	height:100%;
}

h1{
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
	padding-bottom:5px;
}

h2{
	font-size:18px;
	font-family:Arial;
	font-weight:normal;
}

/* DEFAULT LINK SETTINGS */

a, body{
	font-size: 12px;
	color:#25418F;
}

a:link, a:visited{
	text-decoration:none;
}

a:hover, a:active{
	text-decoration:underline;
}

/* HEADER SETTINGS */

.logo, .header, .handen{
	float:left
}

.logo{
	background-color:#FFFFFF; 
	width:185px; 
	height:70px;
	display: inline;
	text-align:left;
}

.header{
	background-color:#A1D41D;
	background-image:url(../images/headerimg_bottom.gif);
	background-repeat:no-repeat; 
	z-index:10;
	width:970px; 
	height:55px;
}

.headerimg_top {
	background-image:url(../images/headerimg_top.gif);
	display:inline;
	left:-20px;
	float:left;
}

.header_title{
	margin-top:40px;
	float:right;
}

.header ul{ 
	padding: 20px 0px 0px 10px;
}

.header ul li{
	list-style:none; 
	padding:0px 10px 0px 10px; 
	float:left; 
	background:url(../images/headernavdivider.gif) center right no-repeat;
}

.header ul li.last{
	background: none;
}

.header ul li.terug{ 
	background:none;
	float: right;
	padding-right: 30px;
}

.header, .header a {
	color:#25418f; 
	font-size:10px;
}

.handen{
	background:url(../images/hands.gif) left top no-repeat #FFFFFF; 
	width:185px; 
	height:55px;
}

/* presentatie en weergave kolommen */

.col1, .col2, .col3{
	float:left;
	background-color:#FFFFFF;
}

.col1, .col3{
	width:185px;
}

.col2{
	width:540px;
	padding: 30px 0px 0px 0px;
	margin-left: 30px; 
	margin-right: 30px; 
	text-align:left;
}


/* presentatie algemene boxen voor beide zijkanten */

.person {
	width:220;
	height:457;
	float:left;
}


.box{
	float:left;
	font-size:10px;
	color:#25418F;
	width:153px;
	padding:0px 16px 9px 16px;
	text-align:left;
}

.box img{
	margin: 0px 0px 0px -16px;
	padding: 0px;
}

.box ul li{
	list-style:none;
	padding:0px 0px 5px 0px;
}

.box table{
	float:left;
}

.box .title{
	font-weight:bold;
	color:#DA2128;
	font-size:10px;
	padding:9px 0px 9px 0px;
	width:153px;
}

.box ul li a{
	color:#25418F;
	font-size:10px;
	line-height:8px;
}

.box ul li{
	padding-bottom: 8px;	
}

.boxbottom{
	width:185px; 
	height:50px;
	float:left;
}

.geel .box{
	background-color:#fff3cf; 
}

.geel .boxbottom{
	background:url(../images/navbottom_ge.gif) left top no-repeat #FFFFFF; 
}

.groen .box{
	background-color:#ecf6d2; 
}

.groen .boxbottom{
	background:url(../images/navbottom_lg.gif) left top no-repeat #FFFFFF; 
}

.oranje .box{
	background-color:#fde6cc; 
}

.oranje .boxbottom{
	background:url(../images/navbottom_or.gif) left top no-repeat #FFFFFF; 
}

.lichtblauw .box{
	background-color:#b1e7f1; 
}

.lichtblauw .boxbottom{
	background:url(../images/navbottom_lb.gif) left top no-repeat #FFFFFF; 
}

.donkerblauw .box{
	background-color:#e9ecf4; 
}

.donkerblauw .boxbottom{
	background:url(../images/navbottom_db.gif) left top no-repeat #FFFFFF; 
}

/* Layer voor het printen van een pagina */

.print{
	margin: 0 auto; 
	position:absolute; 
	z-index:0; 
	top:230px; 
	left:735px; 
	visibility:visible; 
}

/*CSS FORMULIER IPV TABEL*/

.cssform p{
width: 340px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
background-color:#FFFFFF;
pixelwidth: 250px;
border:1px solid #39C;
height:18px;
font-family:Arial;
}

.cssform textarea{
width: 250px;
height: 150px;
background-color:#FFFFFF;
border:1px solid #39C;
font-family:Arial;
}

/*.threepxfix class:
Heeft te maken met IE6. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}