#nav ul {
	list-style: none;
	display: block;
	margin: 0;
}

#nav ul li span{
	/* Skyffla textlänkarna utanför bild */
	position: absolute;
	top: -300px;
}

#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
}


#nav ul li a{
	display: block;
	background-repeat: no-repeat;
}

#nav ul li#startsida a {
	background-image: url(menu/startsida.gif);
	width: 73px; height: 37px;
}

#nav ul li#bio a {
	background-image: url(menu/bio.gif);
	width: 39px; height: 37px;
}

#nav ul li#lunchguiden a {
	background-image: url(menu/lunchguiden.gif);
	width: 94px; height: 37px;
}

#nav ul li#dagensbild a {
	background-image: url(menu/dagensbild.gif);
	width: 87px; height: 37px;
}

#nav ul li#webbkatalogen a {
	background-image: url(menu/webbkatalogen.gif);
	width: 109px; height: 37px;
}

#nav ul li#tavling a {
	background-image: url(menu/tavling.gif);
	width: 64px; height: 37px;
}

#nav ul li#resor a {
	background-image: url(menu/resor.gif);
	width: 53px; height: 37px;
}

#nav ul li#startsida a:hover, #nav ul li#bio a:hover, #nav ul li#lunchguiden a:hover, #nav ul li#dagensbild a:hover, #nav ul li#webbkatalogen a:hover, #nav ul li#tavling a:hover, #nav ul li#resor a:hover {
	background-position: 0 -37px;
	background-repeat: no-repeat;
}


#nav ul li a.active{
	background-position: 0 -37px;
}