@charset "utf-8";
/* CSS Document */

html {
	height:100%;
}

body {
	margin:0;
	padding:0;
	height:100%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:normal;
	background:#FFF;
}

.wrapper {
	margin: 0 auto;
	width:813px;
}

.header {
	position:relative;
	height:118px;
	background:url(../img/header.jpg) no-repeat center top;	
}


/******** NAW **********/

.naw {
	padding:12px 0px 0px 15px;
	color:#fff;
	font-size:11px;
}

.left_col {
	float:left;
	width:153px;
	height:416px;
}

.right_col {
	float:left;
	margin-left:66px;
	width:569px;
	height:401px;
	background:url(../img/bg.jpg)  no-repeat left top;
	padding-left:25px;
	padding-top:20px;
}

.right_col .right_col_content {
	width:308px;
}

.right_col_2 .right_col_content {
	width:370px;
}

.right_col_2 {
	float:left;
	margin-left:66px;
	width:569px;
	height:401px;
	background:url(../img/bg2.jpg)  no-repeat left top;
	padding-left:25px;
	padding-top:20px;
}

.right_col_3 {
	float:left;
	margin-left:66px;
	width:569px;
	height:401px;
	background:url(../img/bg2.jpg)  no-repeat left top;
	padding-left:25px;
	padding-top:20px;
}

.right_col_3 .right_col_content {
	width:500px;
}


/******** NAVIGATIE ********/

.nav {
	width:153px;
	margin:0;
	padding:0;
}

.nav li  {
	list-style-type:none;
	margin-bottom:13px;
}

.nav li a {
	background:#1DA6E5;
	width:auto;
	padding:6px 0px 6px 15px;
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:11px;
	line-height:17px;
}
.nav li a:hover {
	background:#014785;
	text-decoration:none;
}

.nav li a.active {
	background:#014785;
}


/******** CONTENT ********/

.content {
	padding-top:33px;
}

.content p {
	font-size:14px;
	line-height:20px;
	color:#004785;
	margin:0;
}

.content a {
	font-size:14px;
	line-height:20px;
	color:#fff;
	margin:0;
	padding:0;
	text-decoration:none;
}

.content a:hover {
	text-decoration:underline;
}

.right_col_content ul {
	margin:0;
	padding:0;
}

.right_col_content li{
	list-style-type:none;
	padding-left:16px;
	background:url(../img/bullet.png) no-repeat left 0.2em;
}

.right_col_content ul li ul li{
	list-style-type:none;
	padding-left:20px;
	background:url(../img/bullet_expand.png) no-repeat left 0.2em;
}


h1 {
	position:absolute;
	margin-top:-70px;
	font-size:32px;
	color:#004785;
	font-weight:normal;
}

h2 {
	font-size:14px;
	clear:both;
	color:#fff;
	font-weight:normal;
	margin:0;
	padding:0;
	margin-bottom:8px;
}

h3 {
	font-size:13px;
	color:#09317e;
	font-weight:normal;
}

h4 {
	font-size:13px;
	color:#09317e;
	font-weight:normal;
}

/************* FORMULIEREN **********/

.content .formulier {
	position:relative; /* voor positie van melding_box.png*/
}

.content .formulier .labels{
	width:100px;
	float:left;
}

.formulier .labels ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	padding-top:13px;
}

.formulier .labels ul li{
	margin-bottom:40px;
	padding-left:0px;
	background:none;
	color:#004785;
}

.content .formulier .inputfields {
	width:370px;
	padding-top:4px;
	padding-right:6px;
	float:left;
}

.content .formulier fieldset {
	border:none;
	background:none;
	margin:0px;
	padding:0px;
}

.content .formulier input {
	width:400px;
	height:30px;
	background:#FFF;
	border:1px solid #04A2DF;
	color:#004785;
	font-size:13px;
	padding-top:2px;
	padding-left:5px;
	margin-bottom:20px;
}

.content .formulier textarea.vraag {
	width:400px;
	max-width:400px;
	height:150px;
	max-height:150px;
	background:#FFF;
	border:1px solid #04A2DF;
	color:#004785;
	font-size:13px;
	padding-top:2px;
	padding-left:5px;
}

.content .formulier .button {
	cursor:pointer;
	clear:both;
	float:right;
	width:158px;
	height:31px;
	border:none;
	background:#014785;
	text-align:center;
	color:#fff;
	font-size:14px;
	margin:5px -37px 0px 0px;
}

.formulier .error_strings {
	color:red;
	position:absolute;
	top:-150px;
	left:101px;
	width:376px;
	height:90px;
	z-index:9999;
	padding:10px;
	background:#FFF;
	border:5px solid red;
}

.formulier_box {
	position:absolute;
	top:40px;
	margin-left:101px;
	width:376px;
	border:5px solid #014785;
	background:#FFF;
	padding:10px;
	color:#1DA6E5;
}


/***** FOOTER *****/

.footer {
	clear:both;
	margin:0 auto;
	font-size:11px;
	text-align:center;
	color:#949494;
	width:730px;
	padding-top:25px;
}

.footer a {
	color:#949494;
}

.footer a:hover {
	color:#1DA6E5;
}

.footer span {
	font-size:11px;
	color:#949494;
	line-height:16px;
}

/**** TEXT INDENT FIX VOOR BUTTONS ****/
/*
.button {
	font-size: 0px;
	display:block;
	line-height: 0px;
}
*/


/* achteraf niet meer nodig 

.inlog {
	margin:0;
	padding:0;
}

.inlog li {
	list-style-type:none;
	background:#1DA6E5;
	color:#014785;
	font-size:11px;
	padding:6px 0px 6px 15px;
	line-height:17px;
}
.inlog li a {
	color:#014785;
}

.inlog li.title {
	background:#014785;
	color:#FFF;
}

.inlog input {
	display:block;
	width:116px;
	margin-bottom:3px;
	color:#014785;
	font-size:11px;
	height:17px;
	border:0px solid
}

.inlog input.button  {
	background:none;
	text-align:left;
	padding:0px;
	cursor:pointer;
}
*/