*, body, html {
 margin: 0;
 padding: 0;
 font-family: verdana, arial, helvetica, sans-serif;
 font-size: 9pt; 
 color: white; 
}

body { background-color: rgb(0,96,0); /* rgb(55,97,51); */ }

div {
 position: absolute;
 width: 320px;
 height: 240px;
 border-top: 1px solid rgb(150,150,150) ;
 border-left: 1px solid rgb(150,150,150) ;
 border-right: 1px solid black;
 border-bottom: 1px solid black;
 background-color: rgb(0,96,0); /* rgb(55,97,51); */
 visibility: hidden;
}

/* --- soorten div's: --- */

.kop {}
.img {}
.text {
 overflow: auto;
 text-align: left ;
}

div#locatie {
 width: 550px;
 height: 390px;
}

h1, h2, h3, h4 {
 text-align: center;
 padding: 3px;
 margin: 3px 3px 6px 3px;
 border: 1px solid gray;
}

h3 { 
 background-color:rgb(0,87,0); 
 border:1px solid rgb(0,75,0);
}

p {
 margin: 3px 6px 3px 6px;
 padding-bottom: 3px;
}

p.footnote {
 font-size: 85%;
 font-style: italic;
 padding-top: 6px;
}

a {
 text-decoration: none;
 border-bottom: 1px dotted white;
}

a:hover {
 text-decoration: none;
 border-bottom: 1px solid white;
}

img {
 width: 320px;
 height: 240px;
}

img.map {
 width: 530px;
 height: 350px;
 margin-left: 10px; 
}

img#log {height: 1px; width: 1px; visibility: hidden;}

div.content {
 position: absolute;
 top: 10%;
 left: 27%;
 width: 45%;
 height: 80%;

 margin-left: auto;
 margin-right: auto;

 z-index: 999999;
 overflow: auto;
}

table.list { 
 width: 90%;
 position: relative;
 margin-left: auto;
 margin-right: auto;
 border-collapse: collapse; 
}

td, th { 
 border: 1px solid gray;
 padding: 2px; 
}

td.poule { font-size: 90%; }

td.num, td.date { text-align: right; }

td.month { text-align:center; background-color:rgb(0,90,0); }

tr:hover { background-color:rgb(0,84,0); }

.list th { background-color:rgb(0,84,0); }