ul#navi 
		{
		list-style-type:none;
		margin: 0 0 0 20px;
		width: 920px;
		height: 23px;
		color: #ffffff;
		background: #646464;
		}

  ul#navi li {
    list-style: none;
    height: 23px;
    float: left;
    position: relative;
		padding: 0 0 0 0;

  }
    
	ul#navi li a /* Ebene 1 */
		{	
		display: block;
		color: #ffffff;
		padding: 5px 20px 5px 20px;
		font-size: 11px;
		text-decoration:none;
		text-transform:uppercase;
		}  
		
  ul#navi li a:hover, ul#navi li.aktiv a
  {
    color: #646464; 
    background-color: #a8e24f;
  }
  
  ul#navi li.aktiv ul li a
  {
  background: url(image_layout/navi_ul.gif);
  }	
  
  ul#navi li ul
  {
    position: absolute;
    top: 23px; 
    left: 0;
    display: none;  /* subnavi ausblenden */
    background: url(image_layout/navi_ul.gif);
  }
  
   * html  > body ul#navi a {
    width: 100px;   /* Breite IE 5.x */
  } 
  
   * html  > body ul#navi ul a {
		white-space: nowrap; /* Breite IE 5.x */
    color: #646464;  
  } 


  ul#navi li:hover ul {
    display: block;  /* unternavigation einblenden */
  }

  ul#navi li ul li a/* ebene 2 */
  {
		color: #646464;
		padding: 3px 10px 0 20px;
		height: 20px;
		font-size: 10px;
		text-decoration:none;
		text-transform:uppercase;
		white-space: nowrap;
    background: url(image_layout/navi_ul.gif);
  } 
  
  ul#navi li ul li {
    float: none;
    display: block;
  }

  
  ul#navi li ul li a:hover, ul#navi li ul li.aktiv a 
  {
    color: #7ab51d; 
    background: url(image_layout/navi_ul.gif);
  }