/*
Author: Matto Fransen 
$Id: hoofd.css,v 1.13 2007/06/24 21:41:26 matto Exp $
*/
* {
margin:0;
padding:0;
}
body,
html {
margin:0;
padding:0;
background: #e0e0f0;
color: #336;
font: small "Lucida Grande", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}
body {
min-width:750px;
}
h2 {
margin-top: 8px;
line-height: 32px;
font: large arial, verdana, helvetica, sans-serif;
}
p { 
padding-left: 5px;
}
blockquote {
border: 1px solid #a08060;
margin: 10px 40px;
padding: 20px;
}
img {
border: 0;
}
a {
text-decoration: underline;
}
a:hover {
color: #f00;
}
form {
margin-bottom: 10px;
}
fieldset {
margin: 10px;
padding: 10px;
display: block;
text-align: left;
line-height:25px;
}
fieldset br {
clear: both;
}
label {
font-weight: 600;
display: block;
float: left;
width: 180px;
}
input
{
display: block;
float: left;
}
input:focus, select:focus, textarea:focus {
background: #666;
color:white;
}
input[type=submit]{
color: #fff;
background: #8080a0;
background-color: #8080a0;
float: left;
margin-left: 200px;
padding: 2px 8px;
text-align: center;
}
#wrap {
margin-left: auto;
margin-right: auto;
margin-top: 10px;
width:750px;
background: #fff url(icns/wrap.png) repeat-y left top;
}
#content {
padding: 5px;
}
#legekop {
margin: 6px 6px 0 6px;
color: #fff;
background: #fff;
height: 2px;
}
#kop {
margin: 0 6px 0 6px;
color: #fff;
background : #6080a0;
height: 142px;
}
#kop img {
float: left;	
margin: 30px 0 0 50px;
clear: right;
}
#kop h3 {
float: right;	
margin-top: 90px;
margin-right: 20px;
font: xx-large arial, verdana, helvetica, sans-serif;
}
#topnav {
margin: 0 6px 6px 6px;
color: #fff;
background: #a08060;
border-top: 1px solid #002020;
border-bottom: 2px solid #002020;
font: small arial, verdana, helvetica, sans-serif;
font-weight: 300;
}
#topnav ul{
margin:0;
list-style:none;
line-height: 24px;
}
#topnav li{
display:inline;
margin:0;
padding-left:10px;
color: #fff;
}
#topnav li a {
text-decoration: none;
color: #fff;
}
#topnav li a:hover {
color: #f00;
background-color: #f2f5f7;
text-decoration: underline;
}
#topnav .geselecteerd {
font-weight: 900;
}
#wrapper {
margin: 6px;
background: #fff;
}
#main {
float:left;
width:500px;
padding-left: 8px;
margin: 4px;
background: #f7faf7;
}
#main p {
margin-bottom: 4px;
}
#main li {
list-style-image: url(icns/dpl.png); 
margin-left: 20px;
}
#sidebar {
background:#fff;
float:right;
width:210px;
text-align: center;
}
#sidebar h3, #sidebar p {
padding:0 10px 0 0;
}
#sidebar ul {
margin: 0;
padding-left: 8px;
list-style: none;
}
#sidebar li {
margin: 0 0 2px 8px;
}
#sidebar li a {
display: block;
text-decoration: none;
color: #336;
font-weight: 600;
}
#sidebar li a:hover {
text-decoration: underline;
color: #f33;
}
#footer {
margin: 6px;
color: #fff;
background : #6080a0;
color: #fff;
line-height: 20px;
clear:both;
text-align: center;
}
#footer p {
margin:0;
}
#footer a {
color: #fff;
}
#footer a:hover {
color: #f33;
}
#kruimels {
color: #fff;
background: #8080a0;
margin: 12px 24px 24px 12px ;
padding: 6px 12px;
font: x-small arial, verdana, helvetica, sans-serif;
}
#kruimels a {
color: #e0e0f0;
}
#kruimels a:hover {
text-decoration: underline;
color: #fe0;
}
.blok_k {
margin-right: 4px;
margin-bottom: 4px;
background: #f7faf7;
}
.sideblok {
margin-right: 4px;
margin-bottom: 4px;
padding: 3px;
text-align: left;
}
.blok_a {
background: #fffaf2;
}
.blok_a h3 {
color: #c06080;
}
.blok_a li {
list-style-image: url(icns/pijlr_a.png); 
}
.blok_b {
background: #c0e0f0;
}
.blok_b h3 {
color: #4080c0;
}
.blok_a p, .blok_b p {
margin-top: 3px;
}
.blok_b li {
list-style-image: url(icns/pijlr_b.png); 
}
.centreer {
text-align: center;
}	
.breek {
clear: both;
}	
.titel a {
text-decoration: none;
color: #336;
}
.rechts {
text-align: right;
}
.onder {
margin: 1px 40px;
padding: 20px;
text-align: center;
font-size: xx-small;
color: #999;
}