* { margin: 0px; padding: 0px;}
body { width: 100%; height: 100%; min-height: 100%; background-color: #f0ffff;}
h1 {margin-bottom: 10px;}
#knop { display: block; width:90px; text-align: center; background-color: #a5ffff; border: 1px solid; border-radius: 10px;}
#knop:hover { background-color: blue; color: #a5ffff; cursor: pointer;}
label {display: block; float: left; width: 120px; color: blue;}
p { margin: 20px 0px;}

#contact { width: 500px; margin: 0 auto; margin-top:100px}
#contact #c_opmerking { height: 120px;}
#contact #c_naam,
#contact #c_opmerking,
#contact #c_email { width: 373px;}
#contact #c_telefoon { width: 169px;}
#contact #knop { float: right;}

#footer { position: absolute; bottom: 0;  width: 100%; color: blue; text-align: center; background-color: #a5ffff;}

#header{ display: block; width: 100%; height: 85px; background-color: #a5ffff;}
#header h2 { color: blue; width: 100%; text-align: center;padding-top: 18px;}
#header ul { position: absolute; top: 58px; height: 20px; font: bold 12px Verdana;}
#header li { list-style: none; float: left;}
#header li a {display: block; width: 130px; height: 15px; padding: 5px; text-align: center; text-decoration: none; margin: 0; margin-right: 2px; background: azure; border-right: 2px solid #99c; border-bottom: 2px solid #99c;}
#header li a.active,
#header li a:hover { background: #99c;}

#login { width: 500px; margin: 0 auto; margin-top: 120px;}
#login #username,
#login #password { width: 200px;}
#login #licentie { width: 40px;}
#login #knop { margin-left: 230px;}

#middle { position: absolute; width: 100%; top: 85px;}
#middle li {margin-left: 50px;}

#welkom { color: blue; width: 800px; margin: 0 auto; margin-top: 50px;}