body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
	overflow:hidden; 
	background-color: #FFFFFF;
}

a:link	 	 {color: #000000; text-decoration: none;}
a:visited	 {color: #000000; text-decoration: none;}
a:hover		 {color: #FF0000; text-decoration: none;}

#balk_wit {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 37px;
	padding: 0;
  margin: 0;    
	background-color:#FFFFFF; 
}

#gemeente {
	position: absolute;
  top: 2px;
  left: 20px;
	padding: 0;
	margin: 0;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;  
}

#opdrachtgever {
	position: absolute;
  top: 14px;
  left: 20px;
	padding: 0;
	margin: 0;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
z-index:10;  
}

#titel {
	position: absolute;
  top: 42px;
  left: 20px;
	margin: 0;
	padding: 0; 
	color: #FFFFFF;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

#balk_kleur {
	position: absolute;
	top: 34px;
	left: 0px;
	width: 100%;
	height: 37px;
	padding: 0;
  margin: 0;
  background-color: #0877C3;  

}

#balk_zwart {
	position: absolute;
	top: 71px;
	left: 0px;
	width: 100%;
	padding: 0;
  margin: 0;    
	height: 15px;
	background-color: #000000;
}

#balk_grijs {
	position: absolute;
	top: 86px;
  left: 282px;
	height: 26px;  
  width: 958px;
	padding: 0;
  margin: 0;  
	background-color: #C6C3C6;
}

#balk_zoek {
	position: absolute;
	top: 86px;
	left: 0px;
	height: 26px;  
	width: 100%;
	padding: 0;
  margin: 0;  
	background-color: #C6C3C6;
}

#balk_toelichting {
	position: absolute;
	top: 86px;
	left: 0px;
	width: 260px;
	height: 21px;
	padding: 6px 0px 0px 22px;
	color: #FFFFFF;
	background-color: #848684;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
#balk_toelichting:hover {color: #000000;}


#legenda {
	position: absolute;
	top: 112px;
	left: 0px;
	width: 260px;
	padding: 40px 0px 0px 22px;
  margin: 0;  
	background-color: #E7E3E7;
 	font: normal 11px Verdana, Arial, Helvetica, sans-serif;    
}

#legenda2{
	position: absolute;
	top: 570px;
	left: 0px;
	width: 260px;
	padding: 40px 0px 0px 22px;
  margin: 0;  
	background-color: #E7E3E7;
 	font: normal 11px Verdana, Arial, Helvetica, sans-serif;    
}

th {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  padding: 0px 0px 2px 4px;
  margin: 0;
  border: 0;
  color: #FF0000;
}

.cel1 {
	width: 30px;
  padding: 0;
  margin: 0;
}

.cel2 {
	width: 22px;
  padding: 0;
  margin: 0;
  border: 0;
}

.cel3 {
	width: 203px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  padding: 0 5px 0 0;
  margin: 0;
  border: 0;

}

h1 {
  border: 0;
	margin: 0;
	padding: 0;
  font: normal 11px Arial, Helvetica, sans-serif;  
}


h2 {
	visibility: hidden;
}

.bedekking {
	display: block;
  border: 0;
	margin: 0;
	padding: 0;
  text-align: center;
}

.klein {
  border: 0;
	margin: 0;
	padding: 0;
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;  
  color: #FF0000;
}

.rood {
  border: 0;
	margin: 0;
	padding: 0;
  font: bold 11px Verdana, Arial, Helvetica, sans-serif;  
  color: #FF0000;
}


#toelichting_container {
	position: absolute;
  z-index: 5;
  visibility: hidden;
  left: 370px;
  top: 120px;
  width: 400px;
  background-color: #F5F5F5;
  border: 1px solid #000000;
  padding: 30px 10px 20px 20px;
}

#toelichting {
  width: 380px;
  height: 450px;
  padding: 0px 20px 0px 0px;
  background-color: #F5F5F5;
  border: 0;
	font: normal 11px/15px Verdana, Arial, Helvetica, sans-serif;
  overflow: auto;  
}


#toelichting_x {
	position: absolute;
  cursor : pointer;
  padding: 1px 3px 1px 3px;
  top: 5px;
  left: 403px;
  background-color:#FFFFFF;
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;  
  border: 1px solid #000000;
  z-index: 6;  
}

#toelichting_x:hover {
  background-color: #FF0000;
  color: #000000;
}

#info_container {
  background-color: #F5F5F5;
  padding: 5px 10px 20px 20px;
 	font: bold 13px/20px Verdana, Arial, Helvetica, sans-serif;
  color: #FF0000;
}

#info {
  padding: 0px 0px 0px 0px;
  background-color: #F5F5F5;
  border: 0;
 
}

#infotabel{
  color: #000000;
  margin: 0;
}

.veld {
	background-color:#BFBFBF;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  padding: 2px 5px 2px 5px;
  margin: 7px;
  border: 0;
	white-space: nowrap;
}

.waarde {
	background-color:#FFFFFF;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
  padding: 2px 5px 2px 5px;
  margin: 7px;
  border: 0;
 
}

#selectie_opties {
	padding: 0;
  border: 0;
  margin: 4px 0px 0px 10px;
  font: 11px Verdana,Arial,Helvetica,sans-serif;
  width: 300px;
}

.tooltip {
	position: absolute;
	visibility: hidden;
  color : #FFFFFF;
  background-color: #000000;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  padding: 2px 7px 2px 7px;
  border: 1px solid #000000;
  z-index: 2;
	white-space: nowrap;      
}

#viewers_tabel {
	margin: 20px 0px 0px 30px;
  color : #0877C3;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  border: 0;
} 

.viewers_images{
  border: 0;
}

h6 {
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
  padding: 0;
  margin: 0;
}  

#kaartcontainer {
	margin: 112px 0px 0px 282px;
}

#kaart {
  width: 100%;
}

#vlak_legenda {
	position: absolute;
	top: 0px;
  left: 0px;
	width: 282px;
	background-color: #E7E3E7;
}

#adres_input {
	position: absolute;
	margin: 4px 0px 0px 300px;
	height: 16px;  
	padding: 2px 0px 0px 3px; 
	width: 270px;
	font: normal 11px Verdana,Arial,Helvetica,sans-serif;
  border: 0;    
}

#adres_zoom {
	position: absolute;
	margin: 4px 0px 0px 573px;
	height: 18px;
  width: 18px; 
	padding: 0;
  border: 0;
  cursor: pointer;     
}

#stadsdeel_opties {
	visibility:hidden;
	position: absolute;
	margin: 3px 0px 0px 600px;
	padding: 2px 0px 2px 3px;   
	width: 170px;
	font: normal 11px Verdana,Arial,Helvetica,sans-serif;
  border: 0;    
}

#hidemap{
	position: absolute;
	top: 500px;
  left: 50px;
	width: 150px;
	background-color: #FF0000;
	font: bold 14px Verdana,Arial,Helvetica,sans-serif;	
}