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

@import "reset.css";

body{
	margin:0 0 0 0;
	font:70%/170% Verdana, Arial, Helvetica, sans-serif;
	background:#fffacd;
	text-align:center;
}

div{
	text-align:left;
	vertical-align:top;
}

.clear{
	clear:both;
}

#top{
	width:100%;
	height:25px;
	padding:0 0 15px 0;
	margin:0 0 20px 0;
	text-align:left;
	border:dashed #333;
	border-width:0 0 1px 0;
}
	#top img{
		margin:10px 0 10px 10px;
		cursor:pointer;
	}

#wrapper_totaal{
	width:700px;
	height:auto;
	margin:0 0 0 10px;
	float:left;
}

#navigatie{
	width:160px;
	height:auto;
	float:left;
}

	#navigatie ul{
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	
	#navigatie li{
		list-style:none;
		color:#fff;
		font-weight:bold;
		margin:1px 0 2px 0;
		background:#2e7b2e;
	}
	
	#navigatie .top{
		background:#003300;
	}
	
	#navigatie a:link{
		font-size:12px;
		color:#fff;
		font-weight:normal;
		text-decoration:none;
		display:block;
	}
	#navigatie a:active{
		font-size:12px;
		color:#fff;
		font-weight:normal;
		text-decoration:none;
		display:block;
	}
	#navigatie a:visited{
		font-size:12px;
		color:#fff;
		font-weight:normal;
		text-decoration:none;
		display:block;
	}
	#navigatie a:hover{
		font-size:12px;
		color:#fff;
		font-weight:normal;
		text-decoration:underline;
		display:block;
	}

#wrapper{
	width:520px;
	height:auto;
	margin:0 0 0 0;
	float:right;
}

	#wrapper a:link{
		font-size:11px;
		color:#000;
		font-weight:normal;
		text-decoration:none;
	}
	#wrapper a:active{
		font-size:11px;
		color:#000;
		font-weight:normal;
		text-decoration:none;
	}
	#wrapper a:visited{
		font-size:11px;
		color:#000;
		font-weight:normal;
		text-decoration:none;
	}
	#wrapper a:hover{
		font-size:11px;
		color:#000;
		font-weight:normal;
		text-decoration:underline;
	}

#login{
	width:300px;
	height:auto;
	padding:10px;
	margin:0px auto;
	border:1px solid #ccc;
	background:#efefef;
}
	#login h1{
		font-size:10px;
		font-weight:bold;
		text-transform:uppercase;
		color:#333333;
	}
	
	#login .input{
		width:296px;
		height:18px;
		border:1px solid #b5b5b5;
		background:#fff;
		padding:1px;
	}

	#login #inloggen{
		float:right;
		background:url(../_images/bg_inlogbutton.jpg) no-repeat;
		height:20px;
		width:100px;
		border:0px;
		margin:10px 0 0 0;
	}
	
	#wrapper .opslaan{
		width:500px;
		height:auto;
		margin:0 10px 10px 45px;
		padding:10px;
		border:1px solid #336633;
		background:#698d69;
		color:#fff;
	}
		#wrapper .opslaan h2{
			font-size:10px;
			font-weight:bold;
			text-decoration:underline;
			color:#fff;
		}
	
	#wrapper .opslaan2{
		width:500px;
		height:auto;
		margin:0 10px 10px 45px;
		padding:10px;
		border:1px solid #7a0606;
		background:#ff0000;
		color:#fff;
	}
		#wrapper .opslaan h2{
			font-size:10px;
			font-weight:bold;
			text-decoration:underline;
			color:#fff;
		}
	
	#wrapper #invoer{
		width:500px;
		height:auto;
		margin:0 10px 10px 45px;
		padding:10px;
		border:1px solid #ccc;
		background:#efefef;
	}
		#wrapper #invoer table{
			width:500px;
		}
		#wrapper #invoer td{
			text-align:left;
			vertical-align:top;
			padding:5px 0 5px 0;
		}
		
		#wrapper #invoer .balk{
			background:#f2f2f2;
			border:solid #f4f4f4;
			border-width:1px 0 1px 0;
		}
		
		#wrapper #invoer table h1{
			font-size:11px;
			text-transform:uppercase;
			text-decoration:underline;
			font-weight:bold;
			color:#000000;
		}
		#wrapper #invoer table h2{
			font-size:10px;
			font-weight:bold;
			color:#333333;
		}
		#wrapper #invoer .input{
			width:220px;
			height:18px;
			border:1px solid #b5b5b5;
			background:#fff;
			padding:1px;
		}
		
		#wrapper #invoer .input2{
			width:150px;
			height:18px;
			border:1px solid #b5b5b5;
			background:#fff;
			padding:1px;
		}
		#wrapper #invoer .background{
			background-color:#cccccc;
			border:1px solid #333333;
			padding:0 5px 0 5px;
		}
		
		#wrapper #invoer #opslaan{
			float:right;
			background:url(../_images/bg_opslaan.jpg) no-repeat;
			height:20px;
			width:100px;
			border:0px;
			margin:10px 0 0 0;
		}
		
		#wrapper #invoer #opslaan2{
			background:url(../_images/bg_opslaan.jpg) no-repeat;
			height:20px;
			width:100px;
			border:0px;
			margin:10px 0 0 0;
		}
		
	#wrapper .veld{
		width:39%;
		height:auto;
		margin:5%;
		border:1px solid #ccc;
		background:#efefef;
		float:left;
	}

		#wrapper .veld h2{
			font-size:10px;
			font-weight:bold;
			margin:10px;
			color:#333333;
			width:auto;
			border:dashed #333;
			border-width:0 0 1px 0;
		}
		
		#wrapper .veld p{
			margin:10px;
		}
		
#zoekveld{
	width:230px;
	height:auto;
	padding:10px;
}
	#zoekveld h1{
		font-size:10px;
		font-weight:bold;
		text-transform:uppercase;
		color:#333333;
	}
	
	#zoekveld #input{
		width:226px;
		height:18px;
		border:1px solid #b5b5b5;
		background:#fff;
		padding:1px;
	}
	
	#zoekveld #dropdown{
		width:226px;
		height:auto;
		border:1px solid #b5b5b5;
		background:#fff;
		padding:1px;
		position:absolute;
		margin:-2px 0 0 0;
		z-index:1;
		visibility:hidden;
		display:none;
	}
	
	#zoekveld #dropdown li{
		width:196px;
		height:18px;
		padding:2px 0 6px 30px;
		margin:0 0 2px 0;
		border:solid #cccfcc;
		border-width:0 0 1px 0;
		background: url(../../_images/bg_suggest_result.jpg) left top no-repeat #eeeeee;
		list-style:none;
		cursor:pointer;
	}
	
	#zoekveld #dropdown a:link{
		color:#333333;
		text-decoration:none;
	}
	#zoekveld #dropdown a:active{
		color:#333333;
		text-decoration:none;
	}
	#zoekveld #dropdown a:visited{
		color:#333333;
		text-decoration:none;
	}
	#zoekveld #dropdown a:hover{
		color:#333333;
		text-decoration:none;
	}
	
	
	#zoekveld #zoeken{
		float:right;
		background:url(../_images/bg_voerin.jpg) no-repeat;
		height:20px;
		width:100px;
		border:0px;
		margin:10px 0 0 0;
	}
	
	#zoekveld #input2{
		width:226px;
		height:18px;
		border:1px solid #b5b5b5;
		background:#fff;
		padding:1px;
	}
	
	#zoekveld #dropdown2{
		width:226px;
		height:auto;
		border:1px solid #b5b5b5;
		background:#fff;
		padding:1px;
		position:absolute;
		margin:-2px 0 0 0;
		z-index:1;
		visibility:hidden;
		display:none;
	}
	
	#zoekveld #dropdown2 li{
		width:196px;
		height:18px;
		padding:2px 0 6px 30px;
		margin:0 0 2px 0;
		border:solid #cccfcc;
		border-width:0 0 1px 0;
		background: url(../../_images/bg_suggest_result.jpg) left top no-repeat #eeeeee;
		list-style:none;
		cursor:pointer;
	}
	
	#zoekveld #dropdown2 a:link{
		color:#333333;
		text-decoration:none;
	}
	#zoekveld #dropdown2 a:active{
		color:#333333;
		text-decoration:none;
	}
	#zoekveld #dropdown2 a:visited{
		color:#333333;
		text-decoration:none;
	}
	#zoekveld #dropdown2 a:hover{
		color:#333333;
		text-decoration:none;
	}
	
	#zoekveld #input3{
		width:226px;
		height:18px;
		border:1px solid #b5b5b5;
		background:#fff;
		padding:1px;
	}
	
	#zoekveld #dropdown3{
		width:226px;
		height:auto;
		border:1px solid #b5b5b5;
		background:#fff;
		padding:1px;
		position:absolute;
		margin:-2px 0 0 0;
		z-index:1;
		visibility:hidden;
		display:none;
	}
	
	#zoekveld #dropdown3 li{
		width:196px;
		height:18px;
		padding:2px 0 6px 30px;
		margin:0 0 2px 0;
		border:solid #cccfcc;
		border-width:0 0 1px 0;
		background: url(../../_images/bg_suggest_result.jpg) left top no-repeat #eeeeee;
		list-style:none;
		cursor:pointer;
	}
	
	#zoekveld #dropdown3 a:link{
		color:#333333;
		text-decoration:none;
	}
	#zoekveld #dropdown3 a:active{
		color:#333333;
		text-decoration:none;
	}
	#zoekveld #dropdown3 a:visited{
		color:#333333;
		text-decoration:none;
	}
	#zoekveld #dropdown3 a:hover{
		color:#333333;
		text-decoration:none;
	}