#navi{
  border:0px solid red;
  width:220px;
  float:left;
  margin-top:9px;
}


ul {margin:0px; padding:0px; list-style-type:none;}


li {
}


ul.menu {
}

ul.menu li {
margin-bottom:10px;
}

ul.menu li ul li {
	margin-top:10px;
}



ul.menu a{
text-decoration: none;
color:#552c00
}


ul.menu a:hover, ul.menu li.parent.active ul li#current a  {
color:#543411
}



/* Hauptmenü alle drei Buttons passiv */
ul.menu li a:link, ul.menu li a:visited {
padding-left: 50px;
background: url(../images/buttons/buttons_passiv.gif);
background-position: 0px 3px;
background-repeat: no-repeat;
}


/* Hauptmenü alle drei Buttons aktiv */
ul.menu li a:hover{
background: url(../images/buttons/buttons_aktiv.gif);
background-repeat: no-repeat;
background-position: 0 3px;}


/* Hauptmenü alle drei aktiv */
ul.menu li#current.active > a {
background: url(../images/buttons/buttons_aktiv.gif);
background-repeat: no-repeat;
font-weight:bold;
background-position: 0 3px;}


/* Untermenü dritter Punkt */
ul.menu li ul li a:link, ul.menu li ul li  a:visited {
background: url(../images/buttons/buttons_gruen_passiv.gif);
background-position: 0px 3px;
background-repeat: no-repeat;}


/* Untermenü dritter Punkt */
ul.menu li ul li a:hover {
background: url(../images/buttons/buttons_gruen_aktiv.gif);
background-repeat: no-repeat;
background-position: 0 3px;}


/* Hauptmenü neutral, wenn Unterpunkt ausgewählt */
ul.menu li.parent.active { 
background: url(../images/buttons/buttons_aktiv_passiv.gif);
background-repeat: no-repeat;
background-position: 0 3px;}


/* Untermenü letzter Punkt aktiv */
ul.menu li.parent.active ul li#current a {
background: url(../images/buttons/buttons_gruen_aktiv.gif);
background-repeat: no-repeat;
background-position: 0 3px;}