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

/* Browser standards reset */
@import url("reset.css");

/* My new standards because i'm cool :)*/

/* Generating the body*/
body{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background:url(../_images/bg_body_jpeg_save_for_web.jpg) repeat-x #fff;
	padding:20px 0 20px 0;
}

/* Default link*/
a:link{text-decoration:underline; color:#000;}
a:active{text-decoration:underline; color:#000;}
a:visited{text-decoration:underline; color:#000;}
a:hover{text-decoration:none; color:#000;}

/*Some other default stuff*/
div{ text-align:left; vertical-align:top;}
strong{font-weight:bold;}
.clear{clear:both;}

/* Wrapper*/
#wrapper{
	width:870px;
	height:auto;
	padding:0 0 20px 0;
	margin:0px auto;
}
	/* Top*/
	#wrapper #top{
		width:870px;
		height:50px;
	}
		#wrapper #top #left{
			width:590px;
			height:28px;
			padding:10px;
			margin:0 10px 0 0;
			background:url(../_images/bg_top.jpg) repeat-x;
			float:left;
		}
			#wrapper #top #left #logo{
				width:200px;
				height:28px;
				float:left;
			}
			
			#wrapper #top #left #tekst{
				width:160px;
				height:28px;
				float:right;
				margin:0 10px 0 0;
			}
				
				#wrapper #top #left #tekst p{
					color:#fff;
				}
				
				#wrapper #top #left #tekst a:link{text-decoration:underline; color:#fff;}
				#wrapper #top #left #tekst a:active{text-decoration:underline; color:#fff;}
				#wrapper #top #left #tekst a:visited{text-decoration:underline; color:#fff;}
				#wrapper #top #left #tekst a:hover{text-decoration:none; color:#fff;}
				
		#wrapper #top #right{
			width:200px;
			height:26px;
			padding:11px 24px;
			margin:0 0 0 0;
			background:url(../_images/bg_top.jpg) repeat-x;
			float:right;
		}
	
	/*Navigatie*/	
	#wrapper #navigatie{
		width:870px;
		height:25px;
		margin:20px 0 0 0;
		background:url(../_images/bg_nav_jpeg_save_for_web.jpg) repeat-x;
		border:solid;
		border-width:2px 0 0 0;
		border-color:#ffffff;
	}
		#wrapper #navigatie ul{
			margin:0 0 0 0;
			padding:0 0 0 0;
		}
		
		#wrapper #navigatie li{
			width:auto;
			height:20px;
			padding:5px 10px 0 10px;
			background:url(../_images/bg_nav_li_jpeg_save_for_web.jpg) no-repeat right bottom;
			list-style:none;
			font-weight:bold;
			font-size:10px;
			text-transform:uppercase;
			float:left;
		}
		
		#wrapper #navigatie .active{
			width:auto;
			height:20px;
			padding:5px 10px 0 10px;
			background:url(../_images/bg_nav_li_active_jpeg_save_for_web.jpg) repeat;
			list-style:none;
			font-weight:bold;
			font-size:10px;
			text-transform:uppercase;
			float:left;
		}
		
		#wrapper #navigatie a:link{text-decoration:underline; color:#fff;}
		#wrapper #navigatie a:active{text-decoration:underline; color:#fff;}
		#wrapper #navigatie a:visited{text-decoration:underline; color:#fff;}
		#wrapper #navigatie a:hover{text-decoration:none; color:#fff;}
	
	/*Ervaringen*/
	#wrapper #ervaringen{
		width:848px;
		height:auto;
		padding:10px;
		margin:20px 10px 0 0;
		border:solid;
		border-width:2px 1px 1px 1px;
		border-color:#0095da #CCCCCC #CCCCCC #CCCCCC;
		float:left;
	}
		#wrapper #ervaringen div{
			background:url(../_images/bg_top_right_jpeg_save_for_web.jpg) repeat-x;
			height:20px;
			color:#333;
			padding:5px 10px 0 0;
			overflow:hidden;
			float:left;
			cursor:default;
			white-space:nowrap;
		}
		
		#wrapper #ervaringen .top{
			background:url(../_images/bg_top_right_jpeg_save_for_web.jpg) repeat-x;
			height:20px;
			padding:5px 10px 0 0;
			color:#333;
			font-weight:bold;
		}
		
		#wrapper #ervaringen  .nav_extra{
			width:848px;
			height:auto;
			padding:5px 0 5px 0;
			background:#f6f6f6;
			margin:10px 0 10px 0;
		}
			#wrapper #ervaringen .nav_extra li{
				width:12px;
				height:12px;
				background:#007dd2;
				border:1px solid #fff;
				padding:2px 2px 2px 5px;
				float:left;
				margin:0 5px 0 0;
			}
			
			#wrapper #ervaringen .nav_extra a:link{text-decoration:none; color:#fff;}
			#wrapper #ervaringen .nav_extra a:active{text-decoration:none; color:#fff;}
			#wrapper #ervaringen .nav_extra a:visited{text-decoration:none; color:#fff;}
			#wrapper #ervaringen .nav_extra a:hover{text-decoration:underline; color:#fff;}
	/*Einde ervaringen*/
	
	
	/*content*/
	#wrapper #content{
		width:848px;
		height:auto;
		padding:10px;
		margin:20px 10px 0 0;
		border:solid;
		border-width:2px 1px 1px 1px;
		border-color:#0095da #CCCCCC #CCCCCC #CCCCCC;
		float:left;
	}
		#wrapper #content p{
			line-height:18px;
			text-align:justify;
			font-size:11px;
			margin:0 0 20px 0;
			color:#333;
		}
		
		#wrapper #content h2{
			font-size:11px;
			font-weight:bold;
			color:#000;
			text-decoration:underline;
		}	
	/*Einde content*/
	
	/*Verzekeraar*/
	#wrapper #verzekeraar{
		width:870px;
		height:250px;
		margin:20px 0 20px 0;
	}
		#wrapper #verzekeraar #verzekeraar_veld{
			width:505px;
			padding:10px;
			height:250px;
			border:solid;
			border-width:2px 1px 1px 1px;
			border-color:#0095da #CCCCCC #CCCCCC #CCCCCC;
			float:left;
		
		}
		
			#wrapper #verzekeraar #verzekeraar_veld div{
				background:url(../_images/bg_top_right_jpeg_save_for_web.jpg) repeat-x;
				height:20px;
				color:#333;
				padding:5px 10px 0 0;
				overflow:hidden;
				float:left;
				cursor:default;
				white-space:nowrap;
			}
			
			#wrapper #verzekeraar #verzekeraar_veld .top{
				background:url(../_images/bg_top_right_jpeg_save_for_web.jpg) repeat-x;
				height:20px;
				padding:5px 10px 0 0;
				color:#333;
				font-weight:bold;
			}
	#wrapper #verzekeraar #advertentie{
			width:300px;
			padding:10px;
			height:250px;
			border:solid;
			border-width:2px 1px 1px 1px;
			border-color:#0095da #CCCCCC #CCCCCC #CCCCCC;
			float:right;
	}
			
	/*Einde Verzekeraar*/
	
	/*Verzekeraars*/
	#wrapper #verzekeraars{
		width:870px;
		height:70px;
		padding:20px 0 20px 0;
	}
		#wrapper #verzekeraars h3{
			font-size:11px;
			text-decoration:underline;
			font-weight:bold;
			margin:0 0 20px 0;
		}
	/*Einde Verzekeraars*/
	
	/*Ervaringen toevoegen*/
	#wrapper .toevoegen{
		width:870px;
		height:auto;
		margin:20px 0 0 0;
	}
		#wrapper .toevoegen .hulp{
			width:300px;
			padding:10px;
			height:auto;
			float:left;
			border:solid;
			border-width:2px 1px 1px 1px;
			border-color:#0095da #CCCCCC #CCCCCC #CCCCCC;
		}
		
		#wrapper .toevoegen .formulier{
			width:500px;
			border:solid;
			border-width:2px 1px 1px 1px;
			border-color:#0095da #CCCCCC #CCCCCC #CCCCCC;
			padding:10px;
			height:auto;
			float:right;
		}
			#wrapper .toevoegen .formulier h1{
				font-weight:bold;
				text-decoration:underline;
			}
			
			#wrapper .toevoegen .formulier h2{
				font-weight:bold;
				text-decoration:underline;
			}
			
			#wrapper .toevoegen .formulier hr{
				border-color:#eeeeee;
			}
			
			#wrapper .toevoegen .formulier p{
				margin:10px 0 10px 0;
				line-height:15px;
				text-align:justify;
			}
			
			#wrapper .toevoegen .formulier .titel{
				width:495px;
				height:20px;
				background:url(../_images/bg_titel_jpeg_save_for_web.jpg) repeat-x;
				padding:0 0 0 5px;
				border-top:1px solid #ccc;
			}
				#wrapper .toevoegen .formulier .titel span{
					font-weight:bold;
					color:#fff;
				}
				
				#wrapper .toevoegen .formulier .titel p{
					font-weight:bold;
					color:#333;
					margin:-15px 0 0 25px;
					
				}
			

			#wrapper .toevoegen .formulier .invoer{
				width:480px;
				height:auto;
				padding:10px;
				background:#f4f4f4;
				border-bottom:1px solid #ccc;
			}
				#wrapper .toevoegen .formulier .invoer select{
					margin:0 0 0 0;
					padding:2px 0;
					width:475px;
					height:20px;
					font-size:11px;
					color:#333;
				}
				
				#wrapper .toevoegen .formulier .invoer input{
					margin:0 0 0 0;
					padding:2px 0;
					width:475px;
					height:15px;
					font-size:11px;
					color:#333;
				}
				
				#wrapper .toevoegen .formulier .invoer #text{
					margin:0 0 0 0;
					padding:2px 0;
					width:475px;
					height:100px;
					font-size:11px;
					color:#333;
				}
				
				#wrapper .toevoegen .formulier .invoer span{
					font-size:9px;
					color:#333;
				}
				
				#wrapper .toevoegen .formulier .invoer .opslaan{
					background:url(../_images/button_opslaan_jpeg_save_for_web.jpg) no-repeat;
					width:200px;
					height:26px;
					border:0px;
					margin:10px 0 0 0;
					cursor:pointer;
				}
				
				#wrapper .toevoegen .formulier .melding{
					width:478px;
					height:auto;
					padding:10px;
					border:1px solid #ccc;
					background:#ffffcc;
				}
				
				#wrapper .toevoegen .formulier #textbox span{
					font-size:10px;
					font-weight:bold;
					text-decoration:underline;
				} 
			
			#wrapper .toevoegen .formulier .leeg{
				width:490px;
				height:20px;
				background:#fff;
			}
		
		#wrapper .toevoegen .leave_comment{
			width:500px;
			border:1px solid #ccc;
			background:#f2f2f2;
			padding:10px;
			height:auto;
			margin:25px 0 0 0;
			float:right;
		}
		
			#wrapper .toevoegen .leave_comment .titel{
				width:495px;
				height:20px;
				background:url(../_images/bg_titel_jpeg_save_for_web.jpg) repeat-x;
				padding:0 0 0 5px;
				border-top:1px solid #ccc;
			}
				#wrapper .toevoegen .leave_comment .titel span{
					font-weight:bold;
					color:#fff;
					background:none;
				}
				
				#wrapper .toevoegen .leave_comment .titel p{
					font-weight:bold;
					color:#333;
					margin:-15px 0 0 25px;
					
				}
		
				#wrapper .toevoegen .leave_comment select{
					margin:0 0 0 0;
					padding:2px 0;
					width:500px;
					height:20px;
					font-size:11px;
					color:#333;
				}
				
				#wrapper .toevoegen .leave_comment .invoer{
					background:#f4f4f4;				
				}
				
				#wrapper .toevoegen .leave_comment input{
					margin:0 0 0 0;
					padding:2px 0;
					width:500px;
					height:15px;
					font-size:11px;
					color:#333;
				}
				#wrapper .toevoegen .leave_comment .textbox{
					width:500px;
					height:100px;
				}
				#wrapper .toevoegen .leave_comment span{
					font-size:9px;
					color:#333;
				}
		
				#wrapper .toevoegen .leave_comment h3{
					font-weight:bold;
					text-decoration:underline;
					margin:0 0 25px 0;
				}
				
				#wrapper .toevoegen .leave_comment .opslaan{
					background:url(../_images/button_opslaan_jpeg_save_for_web.jpg) no-repeat;
					width:200px;
					height:26px;
					border:0px;
					margin:10px 0 0 0;
					cursor:pointer;
				}
			
		#wrapper .toevoegen .comments{
			width:520px;
			height:auto;
			margin:25px 0 0 0;
			float:right;
		}
			#wrapper .toevoegen .comments .comment{
				border:solid;
				border-width:2px 1px 1px 1px;
				border-color:#0095da #CCCCCC #CCCCCC #CCCCCC;
				background:url(../_images/bg_top_left_jpeg_save_for_web.jpg) repeat-x bottom;
				width:500px;
				height:auto;
				padding:10px;
				margin:0 0 25px 0;
			}
			
			#wrapper .toevoegen .comments .comment h6{
				font-weight:bold;
				text-decoration:underline;
			}
			
			#wrapper .toevoegen .comments .comment p{
				margin:10px 0 10px 0;
				line-height:15px;
				text-align:justify;
			}		
			




#footer2{
	width:860px;
	height:15px;
	padding:15px 0 20px 10px;
	background:url(../_images/bg_top.jpg) repeat-x;
	margin:0px auto;
	font-size:10px;
	font-weight:bold;
	line-height:20px;
	color:#fff;
	text-transform:uppercase;
}

	#footer2 ul{
		padding:0;
		margin:0;
	}
	
	#footer2 li{
		list-style:none;
		height:25px;
		margin:0 10px 0 0;
		padding:0 20px 0 0;
		background:url(../_images/scheiding.jpg) no-repeat right top;
		width:auto;
		float:left;
	}
		
	#footer2	a:link{text-decoration:underline; color:#fff;}
	#footer2	a:active{text-decoration:underline; color:#fff;}
	#footer2	a:visited{text-decoration:underline; color:#fff;}
	#footer2	a:hover{text-decoration:none; color:#fff;}
			
#footer{
	width:870px;
	height:50px;
	border:solid;
	border-width:2px 0 0 0;
	border-color:#0095da;
	padding:10px 0 10px 0;
	margin:0px auto;
	font-size:11px;
	line-height:20px;
	color:#333;
}
		
#footer	a:link{text-decoration:underline; color:#0095da;}
#footer	a:active{text-decoration:underline; color:#0095da;}
#footer	a:visited{text-decoration:underline; color:#0095da;}
#footer	a:hover{text-decoration:none; color:#0095da;}