body {
	background-color: #000099; 
	color: 			  #ff00ff;
	font-family:   	  Arial, Helvetica, sans-serif;	
	font-size:	 	  0.8em;
	margin:				10px;
	padding:			20px;
}

h4{
font-weight:	bold;
font-size: 		100%;
}

hr {
   color:			  	  white;
} 
 
div#navigatiebalk {
	background-color: #000099;
	color:            #ffffff; 
	font-size:		  10pt;
	height:           20%;
	position:         absolute;
	top:              0;
	width:            100%;
}
div#menu {
	background-color: blue;
	color:            white;
	text-align:			center;
	font-size:			130%;
	font-weight:		bold;
	height:           150%;
	position:         absolute;
	left:			  10px;
	top:              20%;
	width:            180px;
	margin-left:	  10px;
	padding-top:			5px;
}
 
div#menu a{
	display:		  block;
	border: 	  	  2px solid black;
	width:			  150px;
	color:			  black;
	background-color: #ff00ff;
	text-decoration:  none;
	font-size:		  75%;
	margin:			  15px;
	padding:		  2px;
}

div#menu a:hover{
	display:		  block;
	border: 	  	  2px solid black;
	width:			  150px;
	color:			  black;
	background-color: yellow;
	text-decoration:  none;
	font-size:		  75%;
	font-weight:	  bold;
	margin:			  15px;
	padding:		  2px;
}

input.knop {
background-color: 		#ff00ff; 
border-style:			inset;
border-color:			black;
color: 					black;
width: 					150px;	
height: 				22px;
}

.knop {
background-color: 		#ff00ff; 
border-style:			inset;
border-color:			black;
color: 					black;
width: 					150px;	
height: 				22px;
}

div#werkgebied {  
	background-image:	url(../images/logo.gif);
	color:            	#0066CC; 
	font-size: 			100%;
	margin-left: 		3px;
	position:			absolute;
	left:				210px;
	padding-left:		10px;
	padding-top:		10px;
	top:              20%;
	}

div#werkgebied a{
font-weight:	bold;
color:			#ff00ff;
}

div#werkgebied a img{
font-weight:	bold;
color:			#ff00ff;
border:			1px solid blue;
font-size: 		90%;
}