body{
background: #f2f2f2;
font: normal 10pt "Lucida Sans Unicode", "Lucida Grande", arial, helvetica;
line-height: 1.5;
color: #000;
margin: 0;
padding: 0 0 1em 0;
}
p{
margin: 0 0 0.7em 0;
padding: 0;
}
h1, h3{
margin: 0 0 0.5em 0;
font: bold 12pt "Century Gothic";
color: #9ead6c;
}
h2{
margin: 0 0 0.5em 0;
font: bold 10pt "Lucida Sans Unicode", "Lucida Grande", arial, helvetica;
color: #000;
}
h4{
margin: 0;
padding: 0.5em 0 0.5em 0;
background: #959796;
font: bold 12pt "Century Gothic";
color: #f4f7e0;
text-align: center;
}
input, textarea, select{
font: 12px Arial, sans-serif;
color: #000;
}
button{
font: 11px Arial, sans-serif;
color: #000;
}
fieldset{
border: 0;
padding: 0;
}
table{
border-collapse: collapse;
margin: 0 0 1.5em 0;
}
th, td{
text-align: left;
padding: 2px 3px 2px 3px;
border: 1px solid #ddd;
}
th{
background: #9ead6c;
font-weight: normal;
}
hr{
height: 1px;
margin: 0 0 0.7em 0;
background: #000;
color: #000;
}
img{
border: 0;
padding: 0;
margin: 0;
}
acronym{
border: 0;
cursor: help;	
}
#container{
width: 800px;
margin: 0 auto 0 auto;
background: #f4f7e0;
border: 1px solid #e7e7e7;
display: table;
}
#logo{
width: 800px;
height: 80px;
position: absolute;
top: 0;
background: url(/img/header.gif);
}
#header{
width: 800px;
height: 200px;
position: absolute;
top: 80px;
margin: 0;
border-top: 3px solid #959796;
border-bottom: 3px solid #959796;
}
#links{
width: 162px;
position: absolute;
top: 230px;
z-index: 4;
margin-left: 20px;
padding: 0 0 7px 0;
border-top: 1px solid #959796;
background: #ffd9ff url(/img/menu.gif) repeat-x bottom left;
font: 14px Arial, Tahoma, Verdana, sans-serif;
}
#links ul{
list-style: square inside;
margin: 0;
padding: 0 10px 0 10px;
border-right: 1px solid #959796;
border-left: 1px solid #959796;
color: #777;
}
#links ul .last{
border-bottom: 1px solid #ffd9ff;
}
#links ul li{
padding: 0.5em 0 0.5em 0;
border-bottom: 1px solid #777;
}
#links ul li a{
color: #000;
text-decoration: none;
}
#links ul li a:hover{
text-decoration: underline;
}
#content{
width: 570px;
min-height: 400px;
height: auto !important;
height: 400px;
position: relative;
margin: 280px 0 0 0;
padding: 25px 25px 25px 205px;
}
#content a{
color: #000;
}
#content a:hover{
text-decoration: none;
}
#footer{
width: 800px;
height: 20px;
padding: 5px 0 5px 0;
border-top: 1px solid #e7e7e7;
background: #f2f5d9;
clear: both;
text-align: center;
}
#footer a{
color: #000;
}
#footer a:hover{
text-decoration: none;
}
#lang{
position: absolute;
top: 570px;
margin-left: 81px;
}
#ads{
position: absolute;
top: 610px;
margin-left: 41px;
}
.photo_right{
margin: 0 0 5px 5px;
float: right;
}
.photo_left{
margin: 0 5px 5px 0;
float: left;
}
.centered{
text-align: center;
}
/* headers */
.header1{
background: url(/img/header1.jpg);
}
.header2{
background: url(/img/header2.jpg);
}
.header3{
background: url(/img/header3.jpg);
}
.header4{
background: url(/img/header4.jpg);
}
/* formulieren */
#content fieldset{
padding: 5px;
border: 0;
}
#content .veld{
position: relative;
margin: 0 0 0.5em 0;
clear: both;
}
#content label{
width: 120px;
float: left;
}
#content fieldset sup{
padding: 0 0 0 1px;
color: red;	
}
/* ajax */
#succes{
display: none;	
}
#melding{
color: #ff0000;	
}