html, body { margin: 0px; padding: 0px; font:inherit;
	font-family: 'Open Sans|Droid+Sans', sans-serif; font-size: 14px;}}

.actief:hover { cursor:pointer; background-color:#88ccff;}
.actief2:hover { font-weight: bold;}
#bladeren #blader { display: inline-block; width: 35px; border: 1px solid blue; background-color: lightblue; color: blue; border-radius: 10px; text-align: center;}
#bladeren #blader.active,
#bladeren #blader:hover {color: white; background-color: blue; cursor: pointer;}
#bladeren #pagina { display: inline-block; width: 60px;}
.blauw {color: blue;}
#blok { clear: both;}
.bokswit { border: 1px solid white; margin-left: 1px;}
.boksgrijs { border: 1px solid lightgrey; margin-left: 3px;}
.bokszwart { border: 1px solid black; margin-left: 1px;}
.breedlabel { width: 200px;}
#cel0,#cel5,#rcel5,#cel8,#rcel8,#cel10,#rcel10,#cel15,#cel20,#cel25,#cel30,#cel40,#cel50 { display: inline-block;}
#rcel3,#rcel5,#rcel8,#rcel10 {text-align: right;}
#cel0 { width: 0px; border: 0px;}
#cel3,#rcel3 { width: 25px;}
#cel5,#rcel5 { width: 41px;}
#cel8,#rcel8 {width: 66px;}
#cel10,#rcel10 {width: 82px;}
#cel15 { width: 123px;}
#cel20 { width: 164px;}
#cel25 { width: 205px;}
#cel30 { width: 245px;}
#cel40 { width: 328px;}
#cel50 { width: 410px;}
.cursor { pointer: cursor;}
.details { margin: 25px 0px;}
input { border: 1px solid lightblue; border-radius: 5px; color: blue;}
input:focus { background-color: #eeffff;}
label { display: inline-block; width: 100px; color: blue;}
#label2 { display: inline-block; width: 150px; color: blue;}
#knop { width: 90px; border: 1px solid blue; background-color: lightblue; color: blue; border-radius: 10px; text-align: center;  }
#knop.actief,
#knop:hover,
#knop.knopactief { color: white; background-color: blue; cursor: pointer;}
#knop.grps { position: absolute; left: 1059px;}
#knop.grps3 { position: absolute; left: 908px;}
#kop { display: block;color: blue; font-size: 200%; font-weight: bold; margin-bottom: 10px;}
#kopje { color: blue; font-size: 150%; font-weight: bold;}
#labels:hover { cursor: pointer; color: blue;}
.lege_raam { padding: 0 1px;}
.midden {text-align: center;}
.rechts {text-align: right;}
#raam2 { display: block; width: 1000px; height: 490px; border: 0px;}
#raam3 { display: block; width: 900px; height: 405px; border: 0px;}
#regel { display: block; margin-bottom: 5px;}
#regel.cursor { cursor: pointer;}
#regel1 {display: block; margin-top: 20px;}
.regeldetail:hover,
.regelkop { font-weight: bold;}
.regelruimte20 { margin-bottom: 20px; }
#regelkiezen:hover { font-weight: bold; color: blue; cursor: pointer;}
select { border-radius: 5px; color: blue;}
select:focus { background-color: #eeffff;}
#sluiters { display: inline-block; width: 150px; border: 1px solid blue; background-color: lightblue; color: blue; border-radius: 10px; text-align: center;}
#sluiters.actief,
#sluiters:hover { color: white; background-color: blue; cursor: pointer;}
.tops { margin-top: 20px; }
.trnr:hover { cursor: pointer; font-weight: bold;}

#boeken #bloklinks {display: block; float: left; width:500px; margin: 10px 0px;} 
#boeken #blokrechts {display: block;  margin-left: 500px; padding-top: 30px;}
#boeken #blokrechts #posten { display: block; width: 649px; height: 250px; margin: 10px 0px; overflow: auto;}

#header { display: block; width: 100%; height:45px;text-align: center; font-size: 200%; border-bottom: 1px solid blue; }
#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; width: 300px; border: 2px solid lightblue; border-radius: 10px;margin: 0 auto; margin-top: 150px;padding: 10px;}
#login #fout { display: block; width: 100%; text-align: center; color: darkblue; margin-top: 10px;}
#login h3 {display: block; width: 100%; text-align: center; margin: 0 0 20px; color: blue;}
#login label { width: 120px;}
#login #knop { width: 90px;}

#menu {display: block;color: blue;width: 185px;float: left;}
#menu #menuit { display: block;}
#menu #menuit.top { margin-top: 5px; font-weight: bold;}
#menu #menuit.sub1 { padding-left: 10px;}
#menu #menuit.sub2 { padding-left: 20px;}
#menu #menuit:hover{ color: black; cursor: pointer;}

#pager { display: inline-block;}

#opladen #afbeelding { width: 1030px; height: 530px; overflow: auto;}
#opladen #afbeelding img { width: 1000px; }

#opvragenkop { display: block;margin-bottom: 10px;}
#opvragenkop.geenmargin { margin-bottom: 0px;}
#opvragenkop .groot { font-size: 110%; color: blue;}
#opvragen #postenmutaties {display: block;width: 1050px;height: 392px;overflow: auto;}
#opvragen #postenraam {display: block;width: 1100px;height: 520px;overflow: auto;}
#opvragen #iraam { display: block; width: 950px; height: 50px; border: 0px;}

#vboeken labeltje { width: 150px; }

#raambatch { display: block; width: 1000px; height:420px; border: 0px; overflow: auto; margin-top: 10px;}
#raamboeken { display: block; width: 1000px; height:460px; border: 0px; overflow: auto; margin-top: 10px;}
#voorbeeld { display: block; width: 1000px; height:420px; border: 0px; overflow: hidden; margin-top: 10px;}
#voorbeeldi { width: 950px; height: 420px; overflow:hidden;