/*
Title: main styles for screen media
Author: Matto Fransen 
$Revision: 1.3 $ 
$Date: 2006/12/05 17:16:16 $ 
*/

* {
margin:0;
padding:0;
}
body {
margin:0px; padding:20px;
font: small arial, verdana, helvetica, sans-serif;
color: #000; 
background: #fff;
}
img {
border: 0;
}
#kop {
margin-top: 8px;
margin-bottom: 18px;
height: 70px;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}
#kop img {
margin-top: 8px;
}
#kop h1 {
margin: 10px 36px;
font-size: small;
color: #aaa;
}
#blad {
text-align: center;
}
#bladzijde {
width: 790px;
margin: auto;
}
#introvak {
padding: 24px;
width: 720px;
margin-bottom: 8px;
border: 3px solid #aaa;
background: #eee;
}
#tekstvlak {
float: left;
width: 500px;
height: 150px;
padding: 20px;
margin: 1px;
background-image: url('i/bg.jpg');
border-top: 2px solid black;
}
#tekstvlak h2 {
color: #600;
font-weight: 600;
font-size: small;
padding-bottom: 8px;
margin-bottom: 16px;
border-bottom: 1px dotted #000;
}
#tekstvlak p {
margin-top: 20px;
}
#menu {
margin-bottom: 8px;
width: 240px;
clear: top;
float: left;
text-align: left;
}
#menu ul {
list-style: none;
}
#menu li {
margin: 1px;
font-weight: 600;
}
#menu li a {
width: 200px;
padding: 14px;
color: #fff;
background: #333;
text-decoration: none;
display: block;
}
#menu li a:hover {
color: #f00;
background: #ccc;
}
#menu li.geselecteerd {
width: 200px;
color: #ff6;
background: #666;
padding: 14px;
}
#ondervak {
clear: both;
margin-top: 10px;
padding: 24px;
width: 720px;
border: 3px solid #aaa;
background: #eee;
}
#ondervak h3 {
color: #600;
font-weight: 600;
font-size: small;
}