* {
margin: 0; 
padding: 0;
}
body {
width: 100%; 
font: 80% arial,sans-serif; 
background: #c0c0c0; 
color:#000;
}
p {
padding: 10px 0 0 10px;
}
h1 {
position: absolute; 
z-index:-1; 
top: 0; 
left: 0; 
width: 391px; 
height: 102px; 
font-size: 1em;
}
h2 {
float: right; 
margin-top: -25px; 
font-size: 100%; 
padding-right: 5px;
}
h3 {
font-size: 1.4em;
padding: 30px 0 5px 10px;
}
h4 {
padding: 10px 0 0 10px; 
font-size: 120%;
}
#back {
position: relative; 
z-index:2; 
background: url(img/eind.jpg); 
height: 102px;
}
#logo {
background: url(img/naam.jpg) no-repeat 0 0; 
height: 102px ;
}
#balk {
position: relative; 
background: url(img/hbl.jpg) no-repeat 0 0; 
height: 102px;
}
#main {
width: 100%; 
background: #FFFFE8; 
}
#left {
float: left; 
width: 200px; 
border-right: 1px solid #330066; 
}
#right {
float: right; 
width: 25%; 
font-size: 99%;
}
#middle {
background: #FFFFE8; 
margin: 0 25%; 
font-size: 100%;
}
#middle a {
color: #000;
}
#middle a:visited {
color: purple;
}
#middle a:active {
color: blue;
}
.cleaner {
clear: both; 
}
#footer {
width: 100%; 
background: #330066; 
color: #fff;
}
#footer p {
font-size: 80%; 
padding: 10px; 
color: #fff;
}
#design p {
background: #c0c0c0; 
font-size: 90%; 
padding-top: 2px; 
padding-bottom: 2px;
}
#design a {
text-decoration: none; 
color: #808080;
}
#menu {
margin-top: 10px; 
margin-left: 10px;
}
#menu ul {
padding: 0;  
margin: 0; 
list-style-type: none;
}
#menu li {
padding: 0; 
margin: 0; 
list-style-type: none;
}
#menu li a, #menu li.actief a{
display: block; 
font-weight: bold; 
font-size: 90%; 
background: #330066;  
text-decoration: none; 
text-align: center; 
height: 25px; 
width: 150px;  
line-height: 25px; 
margin-top: 1px; 
margin-bottom: 1px; 
}
#menu li a {
color: #c0c0c0; 
}
#menu li.actief a{
color: #CEE7FF; 
}
#menu ul li a:hover {
color: #330066; 
background: #CEE7FF;
}
#foto {
float: left; 
}
#foto table {
font-size: 100%; 
width: 150px; 
background: #FFFFE8; 
border: 1px solid #330066; 
margin-top: 30px; 
margin-left: 10px; 
margin-bottom: 80px;
}
#foto table tr td p {
padding: 10px; 
}
#foto table tr td h3 {
padding: 2px 3px 3px 22px; 
margin: 0; 
font-size: 12pt; 
background: #330066; 
color: #ffffed; 
}
#foto table tr td.align {
padding: 4px 4px 8px 10px; 
line-height: 20px;
}
#foto ul li {
list-style: none;
}
#foto table tr td ul li a {
color: #000;
}
#foto table tr td ul li a:visited {
color: purple;
}
#foto table tr td ul li a:active {
color: blue;
}
#uitslag {
float: left; 
}
#uitslag table {
font-size: 100%; 
width: 450px; 
background: #FFFFE8; 
border: 1px solid #330066; 
margin-top: 30px; 
margin-left: 10px; 
margin-bottom: 80px;
}
#uitslag table tr td p {
padding: 10px; 
}
#uitslag table tr td h3 {
padding: 2px 3px 3px 22px; 
margin: 0; 
font-size: 12pt; 
background: #330066; 
color: #ffffed; 
}
#uitslag table tr td.align {
padding: 4px 4px 8px 10px; 
line-height: 20px;
}
#uitslag ul li {
list-style: none;
}
#uitslag table tr td ul li a {
color: #000;
}
#uitslag table tr td ul li a:visited {
color: purple;
}
#uitslag table tr td ul li a:active {
color: blue;
}
#middle table{
font-size: 90%;
}
#right table {
font-size: 90%; 
width: 75%; 
background: #FFFFE8; 
border: 1px solid #330066; 
float: right; 
margin-right: 10px; 
margin-top: 10px;
}
#right table tr td h3 {
padding: 2px 3px 3px 22px; 
margin: 0; 
font-size: 12pt; 
background: #330066;  
color:#ffffed; 
}
#right table tr td p {
padding: 10px; 
}
#right table tr td ul li a {
color:  #000;
}
#right table tr td ul li a:visited {
color: purple;
}
#right table tr td ul li a:active {
color: blue;
}
table.tekengb tr td{
padding-left: 10px;
}