.nav {
    clear: both;
    list-style:none;
    display:block;
}

.nav ul {
    clear:both;
    background: url(../img/bg/bg-nav.png) bottom center no-repeat;
}

.sf-menu, .sf-menu * {
    margin:0;
    padding:0;
    list-style:none;
}

.sf-menu {
    line-height:1.2;
    margin-top: -1px; /* to overlap the wrapper-head element*/
}

.sf-menu ul {
    position:absolute;
    top:-999em;
    width: 240px; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
  width:100%;
}

.sf-menu li:hover {
  visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float:left;
  position:relative;
  width: 240px;
}
.sf-menu a {
  display:block;
  position:relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left:0;
  top:2.5em; /* match top ul list item height */
  z-index:99;
}

.sf-menu li:hover li ul,
.sf-menu li.sfHover li ul {
  top:-999em;
}

.sf-menu li li:hover ul,
.sf-menu li li.sfHover ul {
  left: 240px; /* match ul width */
  top:0;
}

.sf-menu li li:hover li ul,
.sf-menu li li.sfHover li ul {
  top:-999em;
}

.sf-menu li li li:hover ul,
.sf-menu li li li.sfHover ul {
  left: 240px; /* match ul width */
  top:0;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
  width:  240px;
}

.sf-vertical, .sf-vertical li ul li { width: 340px; }

/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
    left: 240px; /* match ul width */
    top: 0;
}

/* SKIN */
.sf-menu {
    float:left;
}

/* Level 1 */
.sf-menu a {
  padding: 8px 20px;
  text-decoration: none;
  font-family: 'Arial Bold', Verdana, Tahoma, Geneva, sans-serif; 
  font-size:16px;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
  color: #1d1d1d;
  word-wrap:break-word;
}

.sf-menu li {
	background: url(../img/bg/bg-nav.png) top center no-repeat;
}

.sf-menu li:first-child {
  background-image: none;
}

.sf-menu li:hover, .sf-menu a:focus,
.sf-menu a:hover, .sf-menu a:active { 
	outline: 0;
	background: #377b00 url(../img/ico/icon_arrow.png) 8px 11px no-repeat; /* dunkelgrün */
	color: white;	
}

.sf-menu li.current,
.sf-menu li.sfHover{
	background: #377b00 url(../img/ico/icon_arrow.png) 8px 11px no-repeat; /* dunkelgrün */
	color: white;	
}
.sf-menu li.current{
  border-top:1px solid #9bd232;  
}

.sf-menu li.current a,
.sf-menu li.sfHover a{
  color: white;
}

/* Level 2 */

.sf-menu li li {
	background: #509b00 url(../img/bg/bg-nav-2lvl.png) top center no-repeat;
}

.sf-menu li li:first-child {
  background-image: none;
}

/* Level 3 
.sf-menu li li li {
  background:#509b00;
}*/

/* remove dropdown from current navigation item */
.sf-menu li.current ul,
.sf-menu li.current.sfHover ul{
  display: block !important;
  visibility: visible !important;
  height: 100% !important;
  position: static;
}

.sf-menu li.current ul li,
.sf-menu li.current.sfHover ul li{
  background-image: none;
}  

.sf-menu li.current ul li a,
.sf-menu li.current.sfHover ul li a{
  padding-left: 35px;
}  

.sf-menu li.current ul li a:hover,
.sf-menu li.current.sfHover ul li a:hover,
.sf-menu li.current ul li a:focus,
.sf-menu li.current.sfHover ul li a:focus{
  background-position: 23px 11px;
}