body {background-color: #003366;}

.container {position: absolute;
			top: 0px;
			left: 50px;
			width: 1024px;}

.links {position: fixed;}

			

.kop {font-size: 20px;
	  font-family: times new roman, sans-serif;
	  font-weight: bold;
	  font-style: italic;
	  color: #003366;}

.kopwit {font-size: 20px;
	  font-family: times new roman, sans-serif;
	  font-weight: bold;
	  font-style: italic;
	  color: white;}
	  
.taal {background-color: #f2efde;
	   width: 100px;
	   height: 18px;
	   text-align: center;
	   vertical-align: center;
	   padding:2px;
	   position: absolute;
	   left:20px;;
	   top: 20px;}	  
.m1 {position: absolute;
     top: 50px;
	 left:0px;}
.m2 {position: absolute;
     top: 110px; border-left: 1px solid;
	 left: 5px; height: 300px;}
.m3 {position: absolute;
     left: 0px;
	 top: 410px;}
.m4 {position: absolute;
	 left: 40px;
	 top: 140px;
	 padding: 5px;
	 line-height: 140%;
	 text-align: left;}     
	 
.menu {font-family: times new roman, sans-serif;
	   font-size: 24px;
	   font-style: italic;
       font-weight: bold;
	   color: white;
       padding: 0px;
	   text-align: center;
	   position: absolute;
	   top: 0px;
	   left: 0px;
	   width: 300px;}

a.menuitem:link {color: #ffffff; text-decoration: none;}
a.menuitem:visited {color: #ffffff; text-decoration: none;}
a.menuitem:hover {color: #999999; text-decoration: none; }

.submenu {  font-size: 80%;
			font-family: sans-serif;
			color: #ffffff;
			background-color: #999999;
            text-align: left;
            padding-left: 5px;
            padding-right: 5px;
            margin-left: 20px;
           	line-height: 20px;
			vertical-align: top;
			position: absolute;
			left: 175px;}  

a.sublnk:link {color: #ffffff; text-decoration: none;}
a.sublnk:visited {color: #ffffff; text-decoration: none;}
a.sublnk:hover {color: #333333; text-decoration: none; }
			
#docu {     top: 185px; width: 150px;} 

#info {     top: 124px; width: 150px;}  

#coll {     top: 155px; width: 150px;}  

.venster {	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	padding: 15px;
	color: #333333;
    background-color: #ffffff;
    vertical-align: top;
    text-align: left;
	
	position: absolute;
	top:50px;
width: 650px;
	left:370px;}

.welkom {background-color: #003366;
	padding: 15px;
    vertical-align: top;
    text-align: left;
	width:600px;
	position: absolute;
	top:50px;
	left:370px;}


	
.afbeelding {position: absolute;
			 top: 430px;
			 left: 8%;
			 width: 300px;
			 vertical-align: top;
			}    

.lnieuws {position: absolute;
			 top: 430px;
			 left: 8%;
			 width: 300px;
			 vertical-align: top;
			 color: white;
			 font-family: times new roman, Verdana, Arial, Helvetica, sans-serif;
			 font-size: 16px;
			 margin-left: 5px;
			 padding-left: 10px;
			 border: 1px solid;}    

.discl {background-color: #003366;
	padding: 15px;
    	vertical-align: top;
    	text-align: left;
	font-size: 80%;
	width:100px;
	position: absolute;
	top:5px;
	left:750px;}
		
.discl2 {background-color: #003366;
	padding: 15px;
    	vertical-align: top;
    	text-align: left;
	font-size: 80%;
	width:100px;
	position: absolute;
	top:530px;
	left:8%;}
	 			 
a:link {color: #0033bb; text-decoration: none;}
a:visited {color: #0033bb; text-decoration: none;}
a:hover {color: #bb0033; text-decoration: none; }    

.vet {font-weight: bold;}
.subkop {font-weight: bold;
	     font-size: 14px;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.popup {z-index: 0; cursor: default;}

.popup:hover{background-color: transparent;
			 z-index: 50;}

.popup span {position: absolute;
			 background-color: white;
			 padding: 4px;
			 
			 
			 visibility: hidden;
			 text-decoration: none;
			 text-align: left;}

.popup span img {border-width: 0;
				 padding: 2px;}

.popup:hover span {visibility: visible; left: 0px;}

.popup li {font-size: 90%;}