h3 {text-align: center}
body  { overflow: auto; font-family: Verdana, Helvetica, sans-serif; font-size: 10px; }
.blok {background-color: #FFFFCC; overflow: hidden; padding-left:  0.2em; border: 0.2em solid gray; position:absolute; white-space: nowrap; width:16em}
.blokM {background-color: #FFFFCC; overflow: hidden; padding-left:  0.2em; border: 0.2em solid gray; position:absolute; white-space: nowrap; width:16em}
.blokV {background-color: #FFCCFF; overflow: hidden; padding-left:  0.2em; border: 0.2em solid gray; position:absolute; white-space: nowrap; width:16em}
.blokO {background-color: #FFFFFF; overflow: hidden; padding-left:  0.2em; border: 0.2em solid gray; position:absolute; white-space: nowrap; width:16em}
.dummyblok {background-color: transparant; border-style:none; position:absolute; white-space: nowrap; width:1em}
.h_lijn {border-top: 0.2em solid gray; position: absolute; height: 1em; width: 2.9em}
.v_lijn {border-left: 0.2em solid gray; position: absolute; width: 1em}
a:link { color: #0000FF; text-decoration: none; }
a:visited { color: #0000FF; text-decoration: none; }
a:active { color: #0000FF; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: none; }
.infobox
{ color: black;
background-color: lightyellow;
border: 0.2em solid blue;
position: absolute;
top: 12em;
left: 0;
z-index: 30;
visibility: hidden;
width: 30em;
height: auto;
overflow:visible; }

.infobar	{ background-color:blue;
height:1.6em; }

.infoclose  	{ text-align:center;
background-color:red;
color:white;
font-weight:bold;
position:absolute;
border:0.1em solid white;
left:28.6em;
width:1.2em;
height:1.2em;
cursor:default; }

.infoclose:hover { background-color:#ff8888; }

.blokje		{ border: 0.2em none; 
position: absolute; }
.toolbox	{ visibility: hidden;
position: absolute;
background-color: lightyellow;
top: 0;
left: 0;
z-index: 100;
padding: 0.2em;
border-left: 0.1em solid black;
border-top: 0.1em solid black;
border-right: 0.2em solid gray;
border-bottom: 0.2em solid gray;
cursor: pointer;
width: 25em; }