.hnav
{
  background-color:transparent;  /* blau #0033CC*/
	color: #fff;
	min-width: 785px;	width: 785px;
	height:60px;
	
	font-size:100.1%;
	font-family: Arial, Verdana, sans-serif;
	
}


#nav {
		margin: 0px;
		padding: 0px;
		font-size:100.1%;
	  font-family: Arial, Verdana, sans-serif;
	  background-color:#F77E2D;
	  height:40px;
	  border: 0px solid black;
	}
	
#nav li ul, #nav li ul {
		margin: 0;
		padding:5px 0px;
	}

  /* links submenue */
	#nav li.on ul, #nav li.off ul {
		margin: 0;
		padding:12px 2px 2px 6px;
		height:30px;
	}

	#nav a {
		text-decoration: none;
		font-size:90%;
	}
  /*float the main list items*/
	#nav li { 
		margin: 0;
		float: left;
		display: block;
		padding:5px  10px  5px  0px;
		
	}

	#nav li ul {
		display: none;
	}

  /*put the subnav bar below*/
  /* underlaying */
	#nav li.off ul, #nav li.on ul { 
		position: absolute;
		top: 30px;
		*top: 30px;
		left: 5px;
		padding-top: 0px;
		background:#2C6B34;  /* Farbe Submenue */
		height: 20px;
		*height:20px;
		width: 777px;
		font-size:90%;
		
	}

	/* für Hauptkategorien */
  #nav li a {
		color: #fff;
		font-weight: bold;
		/*display: block;*/
		height: 10px;
		/*width: 70px;*/
		border: 0px solid black;
		padding:0px;
		font-family: Arial, Verdana, sans-serif;
    font-size:100.1%;
		
	}

  /* für Hauptkategorien = aktiv */
	#nav li.on a {
		border: 0px solid black;
		color: #fff;
		text-decoration: underline;
		font-family: Arial, Verdana, sans-serif;
    font-size:100.1%;
		
	}

  /* Links Submenue */
	#nav li.on ul a, #nav li.off ul a {
		float: left; /*ie doesn't inherit the float*/
		border: 0;
		color: red;
		width: auto;
		margin-right: 15px;
		text-decoration: none;
		padding:0px 0px;
		font-family: Arial, Verdana, sans-serif;
    font-size:100.1%;
    border:1px solid grey;
	}

	#nav li.on ul {
		display: block;
		
	}

	#nav li.off:hover ul, #nav li.over ul { 
  display: block;
  z-index: 6000;
  
}

#nav li.off a:hover,
#nav li.on a:hover,
#nav li:hover a,
#nav li.over a {
  background: transparent;
  color: white;
  padding:0px;
  font-family: Arial, Verdana, sans-serif;
  font-size:100.1%;
}
#nav li.off a:hover{
  color: white;
  font-family: Arial, Verdana, sans-serif;
  font-size:100.1%;
}

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: transparent;
	color: white;
	font-family: Arial, Verdana, sans-serif;
	font-size:100.1%;
	
}		

#nav li.on ul a {
	background: transparent;
}