#legende{
	position: absolute; 
	height: 800px; 
	width: 180px;
	z-index: 2 
}




/*///////////////////////////////////////////////////////////////////*/
/*
.navbar{
height: 10px;
padding: 0;
margin: 0;
position: absolute; 
z-index: 100000;

}

.navbar li{
height: auto;
width: 50px; 

padding: 0;
margin: 0;


text-align: center; 
list-style: none;  
font: normal bold 13px/1em Arial, Verdana, Helvetica;  

background-color: #AAAAAA;

position: relative;
}

.navbar a{							
padding: 12px 0;  
border-left: 1px solid #ccc9c9;
text-decoration: none; 
color: white; 
display: block;
}

.navbar li ul{
	
	width: 120px; 
	height: auto;
display: none;
height: auto;		

margin: 0; 
padding: 0;


}	

.navbar li:hover, a:hover {
	width: 120px; 
	height: auto;
background-color: #AAAAAA;
} 

.navbar li:hover ul{
	width: 120px; 
	height: auto;
display: block;

}

*/


.navbar{
height: 10px;
padding: 0;
margin: 0;
position: absolute; 
z-index: 100000;

}

.navbar li{
height: auto;
width: 75px; 
padding: 0;
margin: 0;
font-size : 13px;
font-weight: bold;
text-align: center; 
list-style: none;  
font-family : helvetica;  
background-color: #0067b2;
position: relative;
-webkit-border-radius: 5px;
border-radius: 5px;

}

.navbar a{							
padding: 12px 0;  
border-left: 1px solid #ccc9c9;
text-decoration: none; 
color: white; 
display: block;
-webkit-border-radius: 5px;
border-radius: 5px;

}

.navbar li:hover  {
	width: 120px; 
	height: auto;
background-color: #0067b2;
}

.navbar a:hover  {
	width: 120px; 
	height: auto;
	background-color: #0067b2;
} 

.navbar li ul{
	width: 120px; 
	height: auto;
	display: none;
	height: auto;		

	margin: 0; 
	padding: 0;


}	
			
.navbar li:hover ul{
	width: 120px; 
	height: auto;
	display: block;

}

.navbar li ul li {
	width: 120px; 
	height: auto;
	background-color: #0067b2;

} 

.navbar li:hover ul li ul {
	width: 120px; 
	height: auto;
	background-color: #0067b2;
	display: none;
} 
.navbar li ul li:hover ul {
	width: 120px; 
	height: auto;
	/*background-color: #AAAAAA;*/
	background-color: #0067b2;
	margin: 0; 
	padding: 0;
	display: block;


	position: absolute;
	 top: 0;
	  left: 120px;
} 

.navbar li ul li ul li{
	width: 120px; 
	height: auto;
/*background-color: #AAAAAA;*/
background-color: #0067b2;

margin: 0; 
padding: 0;
/*margin-left: 20px;*/

} 

.navbar li ul li a, li ul li {
border-left: 1px solid #444444; 
border-right: 1px solid #444444; 
border-top: 1px solid #c0ecff; 
border-bottom: 1px solid #444444; 
}

.navbar li ul li a:hover{
background-color: #02a2e0;
}



///////////////////////////////////////