@charset "utf-8";

@import url("reset.css");

body{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background:url(../_images/bg.gif) repeat-x #fff;
	padding:80px 0 20px 0;
}

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;}

div{ text-align:left; vertical-align:top;}
strong{font-weight:bold;}
.clear{clear:both;}


#wrapper{
	width:850px;
	height:auto;
	padding:20px;
	margin:0px auto;
	background:#none;
}
	
	#wrapper #top{
		width:870px;
		height:50px;
		position:absolute;
		z-index:10;
		top: 10px;
	}
		#wrapper #top #left{
			width:570px;
			height:28px;
			padding:10px;
			margin:0 10px 0 0;
			background:url(../_images/new_bg_top.png) repeat-x;
			float:left;
		}
			#wrapper #top #left #logo{
				width:200px;
				height:28px;
				float:left;
				position:absolute;
				top:3px;
				z-index:15;
			}
			
			#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:#111;}
				#wrapper #top #left #tekst a:active{text-decoration:underline; color:#111;}
				#wrapper #top #left #tekst a:visited{text-decoration:underline; color:#111;}
				#wrapper #top #left #tekst a:hover{text-decoration:none; color:#111;}
				
		#wrapper #top #right{
			width:200px;
			height:26px;
			padding:11px 24px;
			margin:0 20px 0 0;
			background:url(../_images/new_bg_top.png) repeat-x;
			float:right;
		}
	

	#wrapper #navigatie{
		width:850px;
		height:25px;
		top:70px;
		background:url(../_images/new_bg_top.png) repeat-x;
		color:#fff;
		text-decoration:underline;
		z-index:100;
		position:absolute;
	}
		#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;
			list-style:none;
			font-size:11px;
			float:left;
			background:url(../_images/new_bg_li.png) no-repeat right;
		}
		
			#wrapper #navigatie ul li ul{
				margin:10px 0 0 0;
			}
		
			#wrapper #navigatie .right{
				float:right;
			}
			
			#wrapper #navigatie #hidden1{display:none;}
			#wrapper #navigatie #hidden2{display:none;}
			#wrapper #navigatie #hidden3{display:none;}
			#wrapper #navigatie #hidden4{display:none;}
			#wrapper #navigatie #hidden5{display:none;}
			
		#wrapper #navigatie .li{
			width:150px;
			height:20px;
			padding:5px 10px 0 10px;
			margin:0 0 0 -10px;
			border-top:1px solid #3399ff;
			list-style:none;
			font-size:11px;
			float:none;
			z-index:100;
			background:url(../_images/new_bg_top.png) repeat-x;
		}
		
		#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;}
	
	#wrapper .titeltop{
		width:830px;
		height:20px;
		padding:10px 10px 0 10px;
		margin:20px 10px 0 0;
		background:#f3f3f3;
		color:#333;
		font-size:11px;
		font-weight:bold;
		text-decoration:underline;
		clear:both;
	}

	#wrapper #welkom{
		width:850px;
		height:auto;
		margin:0 0 10px 0;
	}
	
		#wrapper #welkom #welkom_tekst{
			width:483px;
			padding:10px;
			height:auto;
			border:solid;
			border-width:2px 1px 1px 1px;
			border-color:#3399ff #CCCCCC #CCCCCC #CCCCCC;
			float:left;
			background:#fff;
		}
			#wrapper #welkom #welkom_tekst p{
				line-height:19px;
				text-align:justify;
				margin:0 0 10px 0;
			}

		#wrapper #welkom #add{
				width:298px;
				padding:10px;
				height:250px;
				border:solid;
				border-width:2px 1px 1px 1px;
				border-color:#3399ff #CCCCCC #CCCCCC #CCCCCC;
				float:right;
				background:#fff;
		}	
		
		#wrapper #welkom #small_add{
				width:298px;
				padding:10px;
				height:15px;
				border:solid;
				border-width:1px;
				border-color:#CCCCCC;
				float:right;
				margin:7px 0 0 0;
				background:#ffffcc;
		}		
	
	#wrapper #ervaringen{
		width:828px;
		height:auto;
		padding:10px;
		margin:0 10px 0 0;
		border:solid;
		border-width:2px 1px 1px 1px;
		border-color:#3399ff #CCCCCC #CCCCCC #CCCCCC;
		background:#fff;
		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:828px;
			height:auto;
			padding:5px 0 5px 0;
			background:#f6f6f6;
			margin:10px 0 10px 0;
		}
			#wrapper #ervaringen .nav_extra li{
				width:12px;
				height:12px;
				background:#0095da;
				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;}

	#wrapper #content{
		width:828px;
		height:auto;
		padding:10px;
		margin:20px 10px 0 0;
		border:solid;
		border-width:2px 1px 1px 1px;
		border-color:#3399ff #CCCCCC #CCCCCC #CCCCCC;
		float:left;
		background:#fff;
	}
		#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;
		}	

	#wrapper #verzekeraar{
		width:850px;
		height:250px;
		margin:0 0 50px 0;
		background:#fff;
	}
	
		#wrapper .verzekeraartop{
			width:485px;
			height:20px;
			padding:10px 10px 0 10px;
			margin:20px 10px 0 0;
			background:#f3f3f3;
			color:#333;
			font-size:11px;
			font-weight:bold;
			text-decoration:underline;
			float:left;
		}
	
		#wrapper #verzekeraar #verzekeraar_veld{
			width:485px;
			padding:10px;
			height:250px;
			border:solid;
			border-width:2px 1px 1px 1px;
			border-color:#3399ff #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 .titeladd{
			width:300px;
			height:20px;
			padding:10px 10px 0 10px;
			margin:20px 0 0 10px;
			background:#f3f3f3;
			color:#333;
			font-size:11px;
			font-weight:bold;
			text-decoration:underline;
			float:right;
		}
		
		#wrapper #verzekeraar #advertentie{
				width:300px;
				padding:10px;
				height:250px;
				border:solid;
				border-width:2px 1px 1px 1px;
				border-color:#3399ff #CCCCCC #CCCCCC #CCCCCC;
				float:right;
				background:#fff;
		}		

	#wrapper #verzekeraars{
		width:850px;
		height:70px;
		padding:20px 0 20px 0;
		clear:both;
	}
		#wrapper #verzekeraars h3{
			font-size:11px;
			text-decoration:underline;
			font-weight:bold;
			margin:0 0 20px 0;
		}

	#wrapper .toevoegen{
		width:850px;
		height:auto;
		margin:20px 0 0 0;
	}
	
			#wrapper .toevoegen .nav_extra{
				width:828px;
				height:auto;
				padding:5px 0 5px 0;
				background:#f6f6f6;
				margin:10px 0 10px 0;
			}
				#wrapper .toevoegen .nav_extra li{
					width:12px;
					height:12px;
					background:#0095da;
					border:1px solid #fff;
					padding:2px 2px 2px 5px;
					float:left;
					margin:0 5px 0 0;
				}
				
				#wrapper .toevoegen .nav_extra a:link{text-decoration:none; color:#fff;}
				#wrapper .toevoegen .nav_extra a:active{text-decoration:none; color:#fff;}
				#wrapper .toevoegen .nav_extra a:visited{text-decoration:none; color:#fff;}
				#wrapper .toevoegen .nav_extra a:hover{text-decoration:underline; color:#fff;}
	
		#wrapper .toevoegen .hulp{
			width:300px;
			padding:10px;
			height:auto;
			float:left;
			border:solid;
			border-width:2px 1px 1px 1px;
			border-color:#3399ff #CCCCCC #CCCCCC #CCCCCC;
			background:#fff;
		}
		
		#wrapper .toevoegen .formulier{
			width:490px;
			border:solid;
			border-width:2px 1px 1px 1px;
			border-color:#3399ff #CCCCCC #CCCCCC #CCCCCC;
			padding:10px;
			height:auto;
			float:right;
			margin:0 0 20px 0;
			background:#fff;
		}
			#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:485px;
				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:470px;
				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:465px;
					height:20px;
					font-size:11px;
					color:#333;
				}
				
				#wrapper .toevoegen .formulier .invoer input{
					margin:0 0 0 0;
					padding:2px 0;
					width:465px;
					height:15px;
					font-size:11px;
					color:#333;
				}
				
				#wrapper .toevoegen .formulier .invoer #text{
					margin:0 0 0 0;
					padding:2px 0;
					width:465px;
					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:468px;
					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:490px;
			border:1px solid #ccc;
			background:#f2f2f2;
			padding:10px;
			height:auto;
			margin:0 0 0 0;
			float:right;
		}
		
			#wrapper .toevoegen .leave_comment .titel{
				width:485px;
				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:490px;
					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:490px;
					height:15px;
					font-size:11px;
					color:#333;
				}
				#wrapper .toevoegen .leave_comment .textbox{
					width:490px;
					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:500px;
			height:auto;
			margin:0 10px 25px 0;
			float:right;
		}
			#wrapper .toevoegen .comments .comment{
				border:solid;
				border-width:2px 1px 1px 1px;
				border-color:#3399ff #CCCCCC #CCCCCC #CCCCCC;
				background:url(../_images/bg_top_left_jpeg_save_for_web.jpg) repeat-x bottom;
				width:490px;
				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;
			}		
			
			
	#wrapper #kollomen{
		width:850px;
		padding:10px 0 0 0;
		height:auto;
	}
		
		.addblock{
			width:303px;
			height:100px;
			border:1px solid #ccc;
			margin:10px 0 0 0;
			background:#fff;
		}
	
		#wrapper #kollomen #kollom1{
			width:200px;
			height:auto;
			float:left;
			margin:0 20px 0 0;
		}
		
			#wrapper #kollomen #kollom1 .titel{
				width:190px;
				height:20px;
				padding:5px 0 0 10px;
				background:#f3f3f3;
				border-bottom:2px solid #003789;
				text-decoration:underline;
				font-weight:bold;
			}
			
			#wrapper #kollomen #kollom1 .add{
				width:160px;
				height:auto;
				padding:19px;
				border:1px solid #ccc;
				background:#fff;
			}
		
		#wrapper #kollomen #kollom2{
			width:305px;
			height:auto;
			margin:0 20px 0 0;
			float:left;
		}
		
			#wrapper #kollomen #kollom2 .titel{
				width:295px;
				height:20px;
				padding:5px 0 0 10px;
				background:#f3f3f3;
				border-bottom:2px solid #003789;
				text-decoration:underline;
				font-weight:bold;
			}
			
			#wrapper #kollomen #kollom2 #zoeken{
				width:273px;
				height:70px;
				padding:15px;
				border:1px solid #ccc;
				margin:0 0 20px 0;
				background:#fff;
			}
				#wrapper #kollomen #kollom2 #zoeken input{
					width:273px;
					height:20px;
					margin:0;
				}
				
				#wrapper #kollomen #kollom2 #zoeken .zoek{
					width:100px;
					height:25px;
					margin:10px 0 0 0;
					float:right;
				}
				
				#wrapper #kollomen #kollom2 #zoeken span{
					font-size:9px;
					color:#333;
				}
			
			#wrapper #kollomen #kollom2 #welkom{
				width:273px;
				height:345px;
				padding:15px;
				border:1px solid #ccc;
				margin:0 0 0 0;
				background:#fff;
			}
				#wrapper #kollomen #kollom2 #welkom p{
					line-height:18px;
					margin:0 0 15px 0 ;
					text-align:justify;
				}
		
		#wrapper #kollomen #kollom3{
			width:305px;
			height:auto;
			float:right;
		}
			#wrapper #kollomen #kollom3 .titel{
				width:295px;
				height:20px;
				padding:5px 0 0 10px;
				background:#f3f3f3;
				border-bottom:2px solid #003789;
				text-decoration:underline;
				font-weight:bold;
			}
			
			#wrapper #kollomen #kollom3 #map{
				width:295px;
				height:515px;
				padding:4px;
				border:1px solid #ccc;
				background:#fff;
			}
			
#footer{
	width:850px;
	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:#333;}
#footer	a:active{text-decoration:underline; color:#333;}
#footer	a:visited{text-decoration:underline; color:#333;}
#footer	a:hover{text-decoration:none; color:#333;}