#nav li:hover, #nav li.hover {
    position: static;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
z-index: 9999;

}




#nav a {
font-size:85%;
text-decoration:none;
margin-left:10px;
display: block;
width: auto;
}

a.eka
{
color:#7A4500;
font-weight:bold;
}

a.eka:hover
{
background:#000000;
color:#81B9EB;
font-weight:bold;
}



a.toka
{
color:#5B3300;
font-weight:normal;
width:200px;
}

a.toka:hover
{
width:200px;
color:#9FC9EF;
font-weight:normal;
}

div.toka
{
width:200px;
padding-left:0px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}

div.toka:hover
{
width:200px;
background:#000000;
padding-left:0px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}



a.kolmas
{
color:#7A4500;
font-weight:normal;
}

a.kolmas:hover
{
color:#81B9EB;
font-weight:normal;
}

div.kolmas
{
padding-left:0px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}

div.kolmas:hover
{
background:#000000;
padding-left:0px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}






#nav li { /* all list items */

	float: left;
	width: auto; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
margin-left:10px;
position: absolute;
background: #ffffff;
width: 5em;
left: -999em;
background-image: url(/fi/gfx/reitti/ui_gfx/navibg.gif);
background-repeat: repeat-x;
background-position: top;
width:200px;
border:1px solid #9D9DA1;
padding:5px;

}

#nav li ul ul { /* third-and-above-level lists */
margin: -22px 0 0 10em;
width:100px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */

	left: auto;
}

#content {
	clear: left;
	color: #ccc;

}