body {
  margin: 0px;
  padding: 0px;
  background-color: #4884B6;
	  font-family: verdana, arial;
	  font-size: 12px;
	  color: #FFFFFF;
	text-decoration: none;
	overflow: auto;
    
}
.menu5 {
   position: absolute;
   top: 89px;
   left: 140px; 
   text-align:left; font-family: verdana, sans-serif;
   font-size:13px; font-weight:bold;
   height:20em; margin:0; padding:0; list-style-type:none; z-index:100;
}
.menu5 ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.menu5 li {
float:left; position:relative;
}
<!--menu2-->
.menu5 li a, .menu5 li a:visited {
display:block; text-decoration:none; width:6em; color:#000; float:left; padding-right:0em; height:3em; line-height:3em; color:#FFF; 
}
* html .menu5 li a, .menu5 li a:visited {
width:7em; w\idth:6em; /* hack for IE5.5 */
}
.menu5 li a.drop, .menu5 li a.drop:visited {
font-weight:bold;
}
.menu5 li ul {
visibility:hidden; position:absolute; top:0; left:0; height:10em; overflow:hidden;
}
.menu5 table {
margin:1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a,
.menu5 li a:hover {
text-decoration:none; border:0px;
}
.menu5 li:hover ul,
.menu5 li a:hover ul {
visibility:visible; height:auto; width:9.5em; background:#4884B6; border:1px solid #000; left:0; top:2em; overflow:visible;
}
.menu5 li:hover ul li a,
.menu5 li a:hover ul li a {
display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:0.2em; width:9em;
}
* html .menu5 li a:hover ul li a {
width:9em; w\idth:9em; /* hack for IE5.5 */
}
.menu5 li:hover ul li a.drop,
.menu5 li a:hover ul li a.drop {
font-weight:bold;
}
.menu5 li:hover ul li ul,
.menu5 li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;
}
.menu5 li:hover ul li a:hover,
.menu5 li a:hover ul li a:hover {
text-decoration:none; color:#000; border:1px color:000;
background:#5F99C6;
}
.menu5 li:hover ul li:hover ul,
.menu5 li a:hover ul li a:hover ul {
visibility:visible; color:#000; border:1px solid #000; height:auto; background:#4884B6; width:9em;
} 
.menu5 li:hover ul li:hover ul.left,
.menu5 li a:hover ul li a:hover ul.left {
left:-10em;
}
.menu5 li:hover ul li:hover ul li a,
.menu5 li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.menu5 li:hover ul li:hover ul li:hover a,
.menu5 li a:hover ul li a:hover ul li a:hover {
text-decoration:none;
background:#5F99C6; 
}

a {
color: #FFFFFF;
text-decoration: none;
}

a:link {
color:#FFFFFF; text-decoration: none;
}

a:visited {
color:#FFFFFF; text-decoration: none;
}

a:hover {
color: #000000;
text-decoration: none;

}


.titel { 
   position: absolute;
   height: 20px;
   width: 350px;
   top: 15px;
   left: 35px;
   text-align: left;
   vertical-align: bottom;
   font-size: 16px;
   font-weight: bold;
   z-index: 2;

}
   


.lijst1 {
   position: absolute;
   top: 100px;
   left: 60px;
   font-size: 13px;
   font-weight: bold;
   z-index: 2;
} 


.lijst2 {
   position: absolute;
   top: 100px;
   left: 140px;
   font-size: 13px;
   font-weight: bold;
   z-index: 2;
}


.lijst3 {
   position: absolute;
   top: 100px;
   left: 268px;
   font-size: 13px;
   font-weight: bold;
   z-index: 2;
   color: #FFFFFF;
   text-decoration: none;
}


.lijst4 {
   position: absolute;
   top: 100px;
   left: 35px;
   font-size: 16px;
   font-weight: bold;
   color: #FFFFFF;
   text-decoration: none;
}

.tekst {
	border: solid 0px black;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
	top: 145px;
	left:350px;
	height: 455px;
        width: 380px;
        overflow: auto;
	text-align: justify;
        font-size: 11px;
}


.tekst1 {
   position: absolute;
   height: 425px;
   width: 308px;
   top: 145px;
   left:35px;
   overflow: auto;
   font-size: 11px;
   text-align: justify;
   z-index: 2;
       
}

.tekst2 {
   position: absolute;
   height: 100px;
   width: 140px;
   top: 5px;
   left: 830px;
   font-size: 10px;
}

.tekst3 {
   position: absolute;
   height: 330px;
   width: 318px;
   top: 145px;
   left:35px;
   overflow: auto;
   font-size: 11px;
   text-align: justify;
   z-index: 2;
}

.tekst4 {
   position: absolute;
   height: 325px;
   width: 1050px;
   top: 145px;
   left:35px;
   overflow: auto;
   font-size: 11px;
   z-index: 2;
       
}

.print {
    position: absolute;
    z-index: 4;
    top: 445px; 
    left: 370px;
    width: 30px;
    height: 30px;
    font-size: 1px;
    float: right;
}

div#plaatje {
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 150px;
    left: 405px;
    width: 560px;
    height: 325px;
    
    
    
}

span.plaatjegroot {
    float: right;
    font-size: 6px;
    
}



.thumbs {
    position: absolute;
    z-index: 4;
    top: 495px; 
    left: 35px;
    width: 930px;
    height: 40px;
    font-size: 1px;
    float: right;
}


.thumbs2 {
    position: absolute;
    z-index: 4;
    top: 190px; 
    left: 100px;
    width: 850px;
    height: 375px;
    font-size: 1px;
    float: right;

}

.hr {
clear:both; margin-bottom:12px;
position: absolute;
    z-index: 4;
    top: 90px; 
    left: 0px;
    width: 100%;
    height: 1px;
}

.hr2 {
clear:both; margin-bottom:12px;
position: absolute;
    z-index: 4;
    top: 550px; 
    left: 0px;
    width: 100%;
    height: 1px;
}

