html,body { margin: 0px; padding: 0px; border: 0px; width: 100%; min-height: 100%; font:inherit;
	font-family: 'Open Sans', sans-serif; font-size: 12px;}
.actief:hover {  font-weight: bold;  cursor: pointer;}
#bijzonderheden {display: block; height: 210px; }
#bijzonderheden label { width: 390px; margin-bottom: 10px;}
#bladeren { margin-bottom: 10px;}
#bladeren #blader { display: inline-block; width: 30px; border: 1px solid blue; border-radius: 10px; text-align: center; background-color: lightblue;}
#bladeren #blader:hover,
#bladeren #blader.active { color: white; background-color: blue; cursor: pointer;}
#bladeren #pagina { display: inline-block; width: 50px;}
.blankoraam { margin: 0 2px;}
#blok { display: block; width: 160px; height: 90px; float: left;} 
#blok #naam {display: block; width: 55px; height: 14px; padding-top: 2px; float: left;}
#blok #specs1 {display: block; color: grey;}
#blok #specs1.selected { font-weight: bold; color: black;}
#blok #specs2 { height: 14px; border: 1px solid white;}
#blok #titel {display: block; color: blue; margin-bottom: 5px;}

#cel5,#rcel5,#cel8,#cel10,#cel15,#cel20,#cel25,#cel30 { display: inline-block;}
#rcel5 {text-align: right;}
#cel5,
#rcel5 {width: 40px;}
#cel8 {width: 64px;}
#cel10 {width: 80px;}
#cel15 {width: 120px;}
#cel20 {width: 160px;}
#cel25 {width: 200px;}
#cel30 {width: 240px;}
#knop { width: 60px; border: 1px solid blue; border-radius: 10px; background-color: lightblue; text-align: center;}
#knop:hover {color: white; background-color: blue; cursor: pointer;}
#kop { display: inline-block; margin-bottom: 20px; color: blue; font-size: 200%; font-weight: bold; }
label {display: inline-block; width: 120px; color: blue;}
#links { display: block; float: left; height: 200px; width: 400px;}
#regel {height: 22px;}
textarea { width: 390px; height: 170px;}

#content { display: block; width: 800px; margin: 0 auto;}

#header { display: block; width: 100%; text-align: center; font-size: 200%;}
#header #black { border: 2px solid blue; border-top: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 0 10px; background-color: lightblue; color:blue;}

#login { display: block; border: 1px solid blue; border-radius: 10px; width: 210px; padding: 0px 10px;; margin: 0 auto; margin-top: 30%;}
#login #knop { float: right;}
#login label { width: 80px;}
#login #mispoes { width: 100%; text-align: center; color: red; margin-top: 10px;}
#login #regel { margin-top: 5px;}
#login #regel1 { margin-top: 10px;}
#login #titel { display: block; width: 100%; text-align: center;font-size: 150%; color: blue;}

#menu { display: inline-block; color: blue; width: 100%}
#menu #menuit { display: inline-block; width: 80px; text-align: center; border: 1px solid blue; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: lightblue; height: 23px; padding-top: 5px;font-size: 150%}
#menu #menuit.active,
#menu #menuit:hover{ color: white; background-color: blue; cursor: pointer;}
