/*** ESSENTIAL STYLES ***/
#mainmenu, #mainmenu * {
	margin:			0;
	padding:		0;
	list-style:		none;


}
#mainmenu {
	line-height:	1.0;

}
#mainmenu ul {
	position:		absolute;
	top:			-999em;
	width:		12em; /* left offset of submenus need to match (see below) */
}
#mainmenu ul li {
	width:			100%;
}
#mainmenu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
#mainmenu li {
	float:			left;
	position:		relative;
}
#mainmenu a, #mainmenu span.separator {
	display:		block;
	position:		relative;

}
#mainmenu li:hover ul,
#mainmenu li.sfHover ul {
	left:			0;
	top:			2.68em; /* match top ul list item height */
	z-index:		99;
}
ul#mainmenu li:hover li ul,
ul#mainmenu li.sfHover li ul {
	top:			-999em;
}
ul#mainmenu li li:hover ul,
ul#mainmenu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
ul#mainmenu li li:hover li ul,
ul#mainmenu li li.sfHover li ul {
	top:			-999em;
}
ul#mainmenu li li li:hover ul,
ul#mainmenu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
#mainmenu {
	float:			left;
}

#mainmenu ul {
//padding-left: 0px;
//padding-top: -3px;
}
#mainmenu a, #mainmenu span.separator {
	text-decoration: none;
	font-size: 0.8em;
	padding-top: 3px;
	padding-bottom: 3px;
	text-transform: uppercase;
	font-weight: bold;
}
#mainmenu a, #mainmenu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font-weight: bold;
}

#mainmenu li li a, #mainmenu li li span.separator {
	padding-left: 5px;
        font-weight: bold ; 
        color: #9000A1;
	background: transparent;
}

#mainmenu li li a span {
	background: transparent;
}

#mainmenu li {
	padding: 5px 12px 10px 12px;
}
#mainmenu li li {
	position: relative; 
//left: -1px;
        background: #b1b1b1;
	padding-bottom: 5px;
	padding-left: 8px;
/*	border-bottom: solid 1px #ccc;
        border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
        padding: 5px 10px 5px 10px;*/
	width: 150px;
	font-weight: bold;
        
}
#mainmenu li li li {
	background: #ccc;
	border-bottom: solid 1px #e2e2e2;

}
#mainmenu li:hover, #mainmenu li.sfHover
{
	background: #c0bfc0;
	background: url( '../img/topNaviBg.jpg' ) repeat-x;

}
/*#mainmenu a:focus, #mainmenu a:hover, #mainmenu a:active */

#mainmenu li.sfHover ul {
	width: 150px;
}


#mainmenu li sf-sub-indicator {

}
/*
# Menu buendig
- falscher farbverlauf
# 3px luecke
*/