/* Algemeen de tags
===================================================================================*/

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:0;
	padding:0;}
	
ul,li {
	list-style-type:none;}
	
body {	
	font:80%/150% Arial,Helvetica,sans-serif;
	background:#ffcc00;}
	
img {margin:0;
	padding:0;
	border:0;}

hr {
	clear:both;
	visibility:hidden;
	height:0;
	margin:0;
	padding:0;}

.clear {
	margin:0;
	padding:0;
	clear:both;}

h1 {font-family:Arial, sans-serif;
	font-size:150%;
	margin:12px 0 0 0;
	font-weight:bold;
	color:#990000;}
	
h2 {font-family:Arial, sans-serif;
	font-size:130%;
	font-weight:bold;
	color:#990000;}
	
h3 {
	font-family:Arial, sans-serif;
	font-size:110%;
	font-weight:bold;
	color:#666;}
	
h4 {font-family:Arial, sans-serif;
	font-size:130%;
	margin:12px 0 0 0;
	font-weight:bold;
	color:#ffcc00;}
	
h5{
	margin:14px 0 0 0;
	color:#006BB3;
	text-transform:uppercase;
	font-size:12px;}

	
#wrapper{
	margin:5px auto;
	padding:0;
	width:800px;
	background:#fff;
	border:1px solid #666;}	
	
/* login regel in het wit en daaronder het logo
===================================================================================*/
#wittop{
	margin:0;
	padding:0;
	background:#fff;
	width:800px;
	}
	
#wittop img{
	margin:0;
	padding:0 16px 0 0;
	float:right; }
	

#logo{ 
	margin:0;
	padding:0;
	width:800px;
	background:url(images/logo3.jpg) no-repeat;
	height:140px;
	border-top:1px solid #003366;}

/* Navigatie blauw met witte letters
===================================================================================*/
#nav{
	margin:0;
	width:780px;
	background-color:#003366;
	white-space: nowrap;
	float: left;
	padding:0 20px 0 0;
	position:relative;}
	
#nav ul {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	background:#003366;}
	
#nav li {
	display:inline;
	margin:0;
	padding:0;}
#nav a {
	display:block;
	float:left;
	width:auto;
	margin:0;
	padding:8px 15px 8px 20px;
	color:#fff;
	text-transform:none;
	text-decoration:none;
	letter-spacing:1px;
	background-color: #003366;
	background-repeat: no-repeat;
	font-family:"Trebuchet MS",Helvetica,Arial,Geneva,sans-serif;
	font-size: 1em;
	font-weight: bold;
}
#nav a:hover,
#nav a:focus,
#nav a:active {
	color:#fff;
	background-color: #59BDFF;
	background-image: url(images/nav1.jpg);
	background-repeat: repeat-x;}

	
/* Linkerkolom en rechetrkolom
================================*/
#content{ 
	margin:0;
	padding:0 20px;
	width:410px;
	background:#fff;
	float:left;
	line-height:22px;}
	
#content a, a:visited{
	color:#990000;
	text-decoration:underline;}
	
#content a:hover{
	color:#666;
	border-bottom:1px dotted #006633;
	text-decoration:none;}

#content li{
	margin:0 12px 0 16px;	
	list-style-type:square;}
	

#rechts{
	margin:0;
	padding:0 15px 0 10px;
	width:320px;
	background:#fff;
	float:right;
	line-height:22px;}
	
#rechts a, a:visited{
	color:#990000;
	text-decoration:underline;}
	
#rechts a:hover{
	color:#666;
	text-decoration:none;}
	
.grijsplaatje{
	margin: 12px;
	padding: 4px;
	border: 2px solid #ccc;}
	
/* Footer die eronder hangt
=============================================================*/
#footer{
	margin:8px auto;
	padding:0 20px;	
	width: 780px;
	height:26px;
	text-align:center;
	font-size:small;
	color:#003366;
	clear:both;}
	
#footer a, a:visited{
	text-decoration:underline;
	color:#000;}
	
#footer a:hover{
	text-decoration: overline;
	background:#fff;
	color:#000;}	
	
/* Blok rechts 
===================================================*/

#blokblauw{
	margin:0;
	padding:5px;
	color:#003366;
	font-weight:bold;
	width:300px;
	border:1px solid #006BB3;
	line-height:18px;
	font-size:83%;}
	
#blokblauw h2{
	margin-bottom:6px;
	color:#006BB3;
	text-transform:uppercase;
	font-size:12px;}

#blokblauw a, a:visited{
	color:#067CB5;
	text-decoration:underline;
	font-weight:bold;}	
	
#blokblauw a:hover{
	text-decoration:none;
	color:#990000;}		

/* Listitems
=================================================*/
	
li{
	margin:0 15px;	
	list-style-type:square;}