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

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: 9px;
	left: 20px;
	padding: 0;
	margin: 0;  
	border: 0;
	height: 20x;	
}

#opdrachtgever {
	position: absolute;
	top: 18px;
	left: 21px;
	padding: 0;
	margin: 0;  
	border: 0;
	height: 12px;
}

#opdrachtgever img {
	padding: 0;
	margin: 0;  
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	border: 0;
	height: 12px;
}

#balk_kleur {
	position: absolute;
	top: 34px;
	left: 0px;
	width: 99%;
	height: 37px;
	padding: 8px 0 0 20px;
	margin: 0;
	background-color: #FF0000;
	color: #FFFFFF;
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
}

#wittekruizen {
	position: absolute;
	top: 2px;
	left: 95%;
	height: 33px;
}

#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;
 	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

#transparantie {
	visibility: hidden;
	position: absolute;
	top: 90px;
	left: 630px;
 	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 0 0 0;
}

.unselectable { 
   -moz-user-select: -moz-none; 
   -khtml-user-select: none; 
   -webkit-user-select: none; 
   user-select: none; 
} 

#slider {
	position: absolute;
	height: 18px; 
	overflow: hidden;
	border: 1px solid gray;
	margin: -3px 0 0 10px;
	text-align: left;
	width: 200px;
	background-image: url('../_Icons/Slider.png');
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	cursor: pointer; 
	
}


#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: #E8E8E8;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;    
}

#legenda_overzicht {
	position: absolute;
	top: 112px;
	left: 0px;
	width: 250px;
	height: 678px;
	padding: 40px 10px 0px 22px;
	margin: 0;  
	background-color: #E8E8E8;
 	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;    
}


#legenda2{
	visibility: hidden;
	position: absolute;
	top: 460px;
	left: 0px;
	width: 260px;
	padding: 0px 0px 0px 22px;
	margin: 0;  
	background-color: #E8E8E8;
}

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: 32px;
	padding: 0;
	margin: 0;
	text-align: center;
}

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

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

.extra {
	padding: 0;
	margin: -10px;
	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 auto 0 auto;
	padding: 0;
}

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

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

#toelichting_container {
	position: absolute;
	z-index: 5;
	visibility: visible;
	left: 370px;
	top: 120px;
	width: 400px;
	background-color: #F5F5F5;
	border: 1px solid #000000;
	padding: 15px 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: #FFFFFF;
	padding: 0;
	font: bold 13px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	margin: 0;
}

#infotabel{
	border-spacing: 1px;
	color: #000000;
	margin: 0;
	padding: 0;
	border: 0;	
}

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

.waarde {
	color: #000000;
	background-color:#F5F5F5;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 5px 2px 5px;
	border: 0;
	margin: 0;	
	max-width: 400px;
	max-height: 300px;
}

#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: 499;
	white-space: nowrap;      
}

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


#viewers_tabel1 {
	position: absolute;
	top: 130px;
	left: 320px;
	color : #0877C3;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	border: 0;

} 

#viewers_tabel2 {
	position: absolute;
	top: 130px;	
	left: 630px;
	color : #0877C3;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	border: 0;
} 

#viewers_tabel3{
	position: absolute;
	top: 130px;
	left: 940px;
	color : #0877C3;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	border: 0;
} 

.viewers_images{
	border:0;
	width: 300px;	
	}

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



#kaartcontainer {
	margin: 112px 0px 0px 282px;
	background-color: #FFFFFF;
}

#kaart {
	width: 100%;
}

#gohome {
	position: absolute;
	top: 144px;
	left: 314px;
	z-index: 500;
	cursor: pointer;
}


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

#adres_zoom {
	position: absolute;
	margin: 4px 0px 0px 575px;
	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;	
}

#info {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	border: 0;
}

#plugintekst {
	position: absolute;
	top: 220px;
	left: 0px;
	width: 240px;
  	height: 300px;
	padding: 0px 0px 0px 22px;
  	margin: 0;  
	background-color: #E8E8E8;
 	font: normal 11px Verdana, Arial, Helvetica, sans-serif;    
}
#footer {
	background-color: #BFBFBF;
	position: absolute;
	top: 815px;
	left: 0px;
	width: 1218px;
	height: 28px;
	z-index:4;
	padding: 9px 0 0 21px;
	margin: 0;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

#footer a:hover {
color: #FFFFFF;

}

#footer #gemeente2 {
	position: relative;
	border: 0;
	left: 950px;
	top: 5px;
	width: 170px;

}

#colofon {
	position: absolute;
  z-index: 5;
  visibility: hidden;
  left: 21px;
  top: 749px;

  background-color: #0096DE;
  color: #FFFFFF;
  border: 0;
  padding: 10px 10px 10px 10px;
font: bold 10px/15px Verdana, Arial, Helvetica, sans-serif;
  overflow: auto;  
}