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: 1220px;
	height: 37px;
	padding: 2px 0px 0px 20px;
  margin: 0;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;  
	background-color:#FFFFFF;  
}


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

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


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

#balk_kleur {
	position: absolute;
	top: 34px;
	left: 0px;
	width: 1220px;
	height: 37px;
	padding: 8px 0px 0px 20px;
  margin: 0;
	color: #FFFFFF;
  background-color: #0877C3;  
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;  
}

  
#balk_zwart {
	position: absolute;
	top: 71px;
	left: 0px;
	width: 1220px;
	padding: 0px 0px 0px 20px;
  margin: 0;    
	height: 15px;
	background-color: #000000;
	font: bold 1px Verdana, Arial, Helvetica, sans-serif;  
}

#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;
	height: 678px;
	padding: 40px 0px 0px 22px;
	margin: 0;  
	background-color: #E7E3E7;
 	font: normal 11px Verdana, Arial, Helvetica, sans-serif;    
}

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

#legendaMarktpositie{
	position: absolute;
	top: 600px;
	left: 0px;
	width: 260px;
	height: 200px;
	padding: 40px 0px 0px 22px;
	margin: 0;  
	background-color: #E7E3E7;
	z-index: 7;
}

#plugintekst {
	position: absolute;
	top: 240px;
	left: 0px;
	width: 240px;
  	height: 300px;
	padding: 40px 0px 0px 22px;
  	margin: 0;  
	background-color: #E7E3E7;
 	font: normal 11px Verdana, Arial, Helvetica, sans-serif;    
}
#zuidas_grafiek{
	visibility: hidden;
	position: absolute;
	top: 470px;
	left: 10px;
	width: 260px;
	padding: 0;
	margin: 0;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
  text-align: center;	
}


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

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

.cel3 {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  height: 20px;
  padding: 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;
  height: 20px;
  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_link	{
	position: absolute;
  top: 19px;
  left: 1100px;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
}


#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 {
	position: absolute;
  display:block;
  z-index: 5;
  visibility: hidden;
  left: 370px;  
  top: 140px;
  background-color: #F5F5F5;
  border: 1px solid #000000;
  padding: 15px 10px 20px 20px;
}

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

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


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

#titeltabel{
  	white-space: nowrap;
	font: bold 14px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;

}


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

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

.waarde {
	background-color:#FFFFFF;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
  padding: 3px 5px 3px 5px;
  margin: 7px;
  border: 0;
	white-space: nowrap;  
}

#svg {
	position: absolute;
  left: 282px;
  top: 112px;
  width: 958px;
  height: 718px;
  margin: 0;
  padding: 0;
}

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

#infobalkje {
	visibility: hidden;
	position: absolute;
	left: 0px;
  top: 0px;
  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;  
}

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

#viewers_tabel2 {
	position: absolute;
	left: 470px;
	top: 0px;
	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;
}  

#svgtje {
	position: absolute;
  left: 12px;
  top: 420px;
  width: 270px;
  height: 290px;
  margin: 0;
  padding: 0;
}

#grafiek_extra{
visibility: hidden;
}

#svgtje_extra {
	position: absolute;
  left: 315px;
  top: 680px;
  width: 270px;
  height: 290px;
  margin: 0;
  padding: 0;
    z-index: 8;  
}