/* SUPERFISH-Navigation */
 
.sf-menu {
	list-style:		none;
	width: 100%;
	position:		relative;
}


.sf-menu ul {
	position:		absolute;
	top:			-999em;
	float: right;
	width: 100%;
}


.sf-menu li ul {
	width:			auto; /*IE6 soils itself without this*/
background-image: url(http://musikschule.ledair.ch/typo3/fileadmin/Bilder_Template/unternavigation.jpg);
background-repeat: no-repeat;
background-position: right 0;
}



.sf-menu li {
	float:			left;
	position:		static;
	height:			38px;
	border-left: 2px solid #676767;
	padding:		0px;
}

.sf-menu li.first {
					border-left: none;
					padding-left: 262px;}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

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


.sf-menu a {
	display:		block;
	padding: .35em .46em .2em;

}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	font-size: 22px;
	font-variant: small-caps;
	letter-spacing: 1px;
	color:			#ccc;
}
.sf-menu li li a, .sf-menu li li a:visited {
	color:			#676767;
	font-size: 21.5px;
	letter-spacing: -0.1px;
}

.sf-menu li:hover,
.sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:		#004090;
}


ul.sf-menu .current ul,
ul.sf-menu ul li:hover ul,
ul.sf-menu ul li.sfHover ul {
	right:			0;
	top:			40px; /* match top ul list item height */
}

.sf-menu li.current > a, .sf-menu li li.current > a, .sf-menu li li:hover > a {
color:			#004090;
}