/* 
	pure layout properties are not indent. you can edit them for your needs.
	pure technical properties are indent 3 tabs. Generally there is no need to edit them. // important for functionality
	some properties are indent 1 tab, they are important for functionality but have to be adapted to your layout
*/

/* 
	original code @ http://www.alistapart.com/articles/horizdropdowns/
*/

/* Allgemeine CSS-Class ausserhalb des Viewports */
.sbh {
	position: absolute;
	left: -999px;
	width: 0;
	overflow: hidden;
		
}
/* 
	original code @ http://www.htmldog.com/articles/suckerfish/dropdowns/example/
*/

#sfnav ul {
	background-color: #e6ebf1;
	padding: 2px;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:5px;
	border-left-width:0px;
	border-style: solid;
	border-color:#BCCDDE;
	text-align:left;
}


#sfnav li.first ul {
	margin-left:5px;
}


#sfnav a {
	display: block;
	text-decoration: none;
}


#sfnav li {
	margin-left:12px;
	float: left;
}

#sfnav li a{
	padding-right:12px;
	border-top-width:0px;
	border-right-width:1px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-style: solid;
	border-color:#000000;
}

#sfnav li.first a{
	padding-right:12px;
	padding-left:12px;
	border-left-width:1px;
}

#sfnav li.first li a{
	padding-right:0px;
	padding-left:7px;
	border-left-width:0px;
}

#sfnav li li a{
	border:0px;
	padding-left:0.3em;
}


#sfnav li ul {
	position: absolute;
	left: -999em;
	width: 12em;
	height: auto;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
}


#sfnav li li {
	border:0px;
	clear:both;
	margin:0px;
	margin-bottom:0.3em;
	padding:0px;
	width: 100%;
}


#sfnav li li:hover{
	background-color:#BCCDDE;
}



#sfnav li ul ul {
	margin: -1.75em 0 0 14em;
}

#sfnav li:hover ul ul, #sfnav li:hover ul ul ul,
#hauptnavigation .navfxenabled li:hover ul, #hauptnavigation .navfxenabled li:hover ul ul, #hauptnavigation .navfxenabled li:hover ul ul ul,
#hauptnavigation .navfxenabled li.over ul ul,#hauptnavigation .navfxenabled li.over ul ul ul
{
	left: -999em;
}

#sfnav li:hover ul, 
#hauptnavigation .navfxenabled li.over ul {
			left: auto;
}
#sfnav li li:hover ul, #sfnav li li li:hover ul,
#hauptnavigation .navfxenabled li li.over ul, #hauptnavigation .navfxenabled li li li.over ul
 {
	left: -2px;
}
#hauptnavigation li li.over ul.leftover, #hauptnavigation .navfxenabled li li li.over ul.leftover, #hauptnavigation .navfxenabled li li li li.over ul.leftover
 {
	left: -28.44em;
}
#hauptnavigation #sfnav li li.over,#sfnav li li:hover {
background:#BCCDDE;
}
