/* valikon muotoilu ja sijoittelu */
.menu {
z-index:1000;
font-size:91%;
margin:-523px 0 0px -3px; /* this page only */
background-color:#000000;
position:static;
}

/* poistaa listamerkit, reunukset ja täytteen oletusmuotoiluista */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:130px;
}
/* sovellus ohjelmalle IE5.5 */
* html .menu ul {margin-left:-16px; margin-left:0;}
/* position relative, jotta voit asemoida alatasot */
.menu li {
position:relative;
background:#000000;
height:20px;
font-family: arial,comic sans ms,technical; 
font-weight: bold;
font-size: 11px;
line-height: 100%;
text-align:left;
margin-top:0px;
margin-bottom:0px
}

/* eroon table -elementistä*/
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* muotoile linkit */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;
height:20px;
line-height:20px;
width:130px;
color:#fff;
text-indent:5px;
border:0px solid #fff;
border-width:0 0px 0px 0;
}
/* sovellus ohjelmalle  IE5.5 */
* html .menu a, * html .menu a:visited {background:#000000; width:130px; width:131px;}
/* muotoile link hover */
* html .menu a:hover {color:#fff; background:#cccccc;}

.menu :hover > a {
color:#fff; 
background:#cccccc;
}

/* piilota alatasot ja määritä niille positon absolute, jotta ne eivät vie tilaa */
.menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:130px; 
}
/* tee toinen taso näkyväksi (visible), kun hover on ensimmäisella tasolla TAI linkin päällä */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
}
/* piilota kolmas taso, kun hover on ensimmäisella tasolla TAI linkin päällä */
.menu ul :hover ul ul{
visibility:hidden;
}
/* pidä neljäs taso piilossa, kun hover on toisella tasolla TAI linkin päällä */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* tee kolmas taso näkyväksi (visible), kun hover on toisella tasolla TAI linkin päällä */
.menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* tee neljäs taso näkyväksi (visible), kun hover on kolmannella tasolla TAI linkin päällä */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

.sub {  
					font-family: arial,comic sans ms,technical; 
					font-weight: bold; 
					font-size: 11px; 
					line-height: 100%; 
					text-align: left; 
					margin-top: 0px;
					margin-right: 0px; 
					margin-bottom: 0px;
					margin-left: 0px;
				}


</style>
<!--[if IE 7]>
<style type="text/css">
.menu li {float:left;}
</style>
<![endif]-->