ul#navlist, ul#navlist li {
	list-style-type: none;
	padding:0;
	margin: 0;
}
#navlist li {
	position: relative;
	float: left;
}
#navlist li a {
	display: inline;
	height: 13px;
	background-repeat:no-repeat;
	margin-left: 20px;
}

/*---------- etusivu ----------*/
#navlist li a.etusivu {
	width:47px;
	background-image: url(../images/menulink_01etusivu.gif);
}
#navlist li a.etusivu:visited {
	background-position: left top;
}
#navlist li a.etusivu:hover,
#navlist li#active a.etusivu {
	background-position:right top;
}

/*---------- haloila ----------*/
#navlist li a.haloila {
	width:44px;
	background-image:url(../images/menulink_02haloila.gif);
}
#navlist li a.haloila:visited {
	background-position: left top;
}
#navlist li a.haloila:hover,
#navlist li#active a.haloila {
	background-position:right top;
}



/*---------- yhteystiedot ----------*/
#navlist li a.yhteystiedot {
	width:71px;
	background-image:url(../images/menulink_03yhteystiedot.gif);
}
#navlist li a.yhteystiedot:visited {
	background-position: left top;
}
#navlist li a.yhteystiedot:hover,
#navlist li#active a.yhteystiedot {
	background-position:right top;
}


/*---------- pakkausratkaisut ----------*/
#navlist li a.pakkausratkaisut {
	width:94px;
	background-image:url(../images/menulink_04pakkausratkaisu.gif);
}
#navlist li a.pakkausratkaisut:visited {
	background-position: left top;
}
#navlist li a.pakkausratkaisut:hover,
#navlist li#active  a.pakkausratkaisut {
	background-position:right top;
}


/*---------- kokonaispalvelu ----------*/
#navlist li a.kokonaispalvelu {
	width:90px;
	background-image:url(../images/menulink_05kokonaispalvelu.gif);
}
#navlist li a.kokonaispalvelu:visited {
	background-position: left top;
}
#navlist li a.kokonaispalvelu:hover,
#navlist li#active a.kokonaispalvelu {
	background-position:right top;
}


/*---------- ajankohtaista ----------*/
#navlist li a.ajankohtaista {
	width:76px;
	background-image:url(../images/menulink_06ajankohtaista.gif);
}
#navlist li a.ajankohtaista:visited {
	background-position: left top;
}
#navlist li a.ajankohtaista:hover,
#navlist li#active a.ajankohtaista {
	background-position:right top;
}


/*---------- yhteydenotto ----------*/
#navlist li a.yhteydenotto {
	width:75px;
	background-image:url(../images/menulink_07yhteydenotto.gif);
}
#navlist li a.yhteydenotto:visited {
	background-position: left top;
}
#navlist li a.yhteydenotto:hover,
#navlist li#active a.yhteydenotto {
	background-position:right top;
}