/* CSS Document */

* {
	padding:0;
	margin:0;
}

body { 
	background: #ddd url("images/body_bg.gif") center 60px no-repeat;
	font: normal 11px verdana;
	}
	
#container {
	background: #fff;
	width:800px;
	height:500px;
	margin:auto;
	margin-top:50px;
	border:1px solid #000;
	}

#header {
	height:80px;
	background:  url(images/logo.gif) 70px no-repeat;
	border-bottom: 2px solid red;
	}
	
#headerlinks {
	width:108px;
	float:left;
	height:80px;
	border-right:2px solid red;
	}

#links {
	width:108px;
	float:left;
	height:418px;
	border-right:2px solid red;
	}

#menu {
	margin-left:10px;
	margin-top:10px;
	}
	
#menu ul {
	list-style: none;
	}

#menu ul li {
	margin-bottom:10px;
}

#menu ul li a {
	font: bold 12px Arial;
	text-decoration: none;
	color: red;
	padding-left:15px;
	}
/* commented backslash mac hiding hack \*/ 
* html #menu ul li a {height:1%}
/* end hack */ 

/* this sets all hovered lists to red */
#menu li:hover a, li.over a {
   color: #000;
   }
   
#menu .current, #menu .current a {
	color: #000;
   	background:  url(images/vink.gif) no-repeat;
	}
  
#content {
	float:left;
	width:680px;
	margin-top:10px;
	height: 398px;
	overflow:auto;
	margin-left:10px;
	}

h1 {font-size:20px;}

h2 {
	font: bold 16px verdana;
	color: red;
	}
	
h7 {
	font: bold 14px verdana;
	line-height: 15px;
	}
	
p {
	line-height: 15px;
	margin-bottom:10px;
	}
	
p img {
	display:block;
}	
	
#afbeelding {
	float:right;
	margin-right:10px;
	}
	
a {color: red;}

img {border:none;}

h6 a {
	color: #ff0000;
	text-decoration: none;
	font: bold 12px verdana;
	}
	
h5 {
	padding-top: 10px;
	font: bold 12px verdana;
	}
	
table {
	font: normal 11px verdana;
	}
	
p.fout {
	text-align: left;
	}
	
h3 {
	color: red;
	}	
	
#home {
	}
	
#home li {
list-style-image: url(images/vink_ul.gif);
}

#home li a {
	text-decoration: none;
	font: normal 12px verdana;
	color: #000;
	line-height: 40px;
	}

#home li a:hover {
	font-weight: bold;
	}