/* Navigoinnin tyylit - täs on käytetty CSS spriteseja */
 
#skyline 
{
 width: 795px;
 height: 80px;
 background: url(/nav_varsinainen.gif);
 margin: 0px auto; /* oli aikaisemmin 10px auto */
 padding: 0;
 position: relative;
 /*border: 1px solid #fff;*/
}
#skyline li {/*border: 1px solid #fff;*/ margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#skyline li, #skyline a, #skyline span{height: 80px; display: block; text-indent: -100em; overflow: hidden; text-decoration:none;}
#panel1b {left: 0px; width: 87px;}
#panel2b {left: 87px; width: 87px;}
#panel3b {left: 174px; width: 120px;}
#panel4b {left: 294px; width: 71px;}
#panel5b {left: 365px; width: 96px;}
#panel6b {left: 461px; width: 122px;}
#panel7b {left: 583px; width: 114px;}
/*#panel8b {left: 684px; width: 111px;}*/

#panel1b a:hover,#panel1b a.current {background: transparent url(/nav_varsinainen.gif) 0px -70px no-repeat;}
#panel2b a:hover,#panel2b a.current {background: transparent url(/nav_varsinainen.gif) -87px -70px no-repeat;}
#panel3b a:hover,#panel3b a.current {background: transparent url(/nav_varsinainen.gif) -174px -70px no-repeat;}
#panel4b a:hover,#panel4b a.current {background: transparent url(/nav_varsinainen.gif) -294px -70px no-repeat;}
#panel5b a:hover,#panel5b a.current {background: transparent url(/nav_varsinainen.gif) -365px -70px no-repeat;}
#panel6b a:hover,#panel6b a.current {background: transparent url(/nav_varsinainen.gif) -461px -70px no-repeat;}
#panel7b a:hover,#panel7b a.current {background: transparent url(/nav_varsinainen.gif) -583px -70px no-repeat;}
/*#panel8b a:hover,#panel8b a.current {background: transparent url(/nav_varsinainen.gif) -684px -70px no-repeat;}*/