/* 
	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

	Reine Designangaben für das Menue sind nicht eingerückt!
	Rein technische Angaben sind  dreimal eingerückt. Diese müssen in der Regel nicht geändert werden.
	Eine "Zwischenstellung" nimmt beispielsweise die Menuebreite Breite ein. Sie ist sowohl für Design als auch Funktionstüchtigkeit wichtig. Derartige Angaben sind zweimal eingerückt.

	original code @ http://www.htmldog.com/articles/suckerfish/dropdowns/example/
*/

div#mainnavi {
	position:absolute;
	left:488px;
	top:143px;
	width:250px;
}
#mainnavi ul {
	width: 149px;
}
#mainnavi ul li {
	position: relative;
}
#mainnavi li ul {
	top: -1px;
	position: absolute;
	left: -9999px;
	display: none;
}
ul#navigation li {
	border-right:0;
}
#mainnavi li ul li {
	border-bottom:1px solid #C0C1C3;
	border-right:1px solid #E6E6E6;
	border-left:1px solid #C0C1C3;
}
#mainnavi li.parent>a:after {
	content: " >";
}
#mainnavi ul li a:hover, #mainnavi ul li a:focus, #mainnavi ul li a:active, #mainnavi ul li a.ofocus, #mainnavi li ul li a.ofocus {
	background-color: #f9f9f9;
	background-image:none;
}
#mainnavi ul#navigation ul li a:hover {
	background-color: #f9f9f9;
}
#mainnavi .navfxenabled li:hover ul {
	left: -9999px;
}
#mainnavi li:hover ul, #mainnavi .navfxenabled li.over ul, #mainnavi li ul li:hover ul, #mainnavi .navfxenabled li ul li.over ul {
	display: block;
	left: 148px;
}
#mainnavi li:hover ul ul, #mainnavi .navfxenabled li.over ul ul {
	left: -9999px;
}
#mainnavi ul li.active>a, #mainnavi ul li.activepath>a, #mainnavi li.active a:hover, #mainnavi li.activepath a:hover, #mainnavi li.active a:active, #mainnavi li.activepath a:active, #mainnavi li.active a:focus, #mainnavi li.activepath a:focus, #mainnavi li.active strong, #mainnavi #ofocus {
	color: #E2144A;
	background: #f9f9f9;
}
#mainnavi .active ul a, #mainnavi .activepath ul a {
	color: #000;
	background: #fff;
}
#mainnavi li.active ol, #mainnavi li.activepath ul {
	display: block;
}
#mainnavi a:focus+ul, #mainnavi a:active+ul {
	left: 148px;
}
#mainnavi li ul li a:focus+ul {
	left: 1248px;
}
#mainnavi li ul li a:focus, #mainnavi li ul li a:active {
	position: absolute;
	left: 1148px;
}
#mainnavi li ul li ul a:focus, #mainnavi li ul li ul a:active {
	position: absolute;
	left: 2180px;
}
#mainnavi li ul li a:hover, #mainnavi li ul li a:hover, #mainnavi li:hover ul li a:focus, #mainnavi li:hover ul li a:active, #mainnavi .navfxenabled li ul li a:focus, #mainnavi .navfxenabled li ul li a:active {
	position: static;
}