ul#navigation {
	width: 907px;
	height: 27px;
	position: relative;
	background-image: url(../images/bg_nav.png);
	margin: 0;
	padding: 0;
}
#navigation li {
	list-style-type: none;
	float: left;
}
#navigation li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 27px;
	background: url(../images/nav2.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

/* up state */
li#welkom a {
	left: 230px;
	width: 110px;
	background-position: -150px 0;
}
li#zakelijk a {
	left: 340px;
	width: 110px;
	background-position: -260px 0;
}
li#persoonlijk a {
	left: 450px;
	width: 110px;
	background-position: -370px 0;
}
/*li#tarieven a {
	left: 505px;
	width: 110px;
	background-position: -480px 0;
}
li#trainee a {
	left: 335px;
	width: 144px;
	background-position: -525px 0;
}*/
li#contact a {
	left: 560px;
	width: 110px;
	background-position: -658px 0;
}
/* hover state */
li#welkom a:hover {
	background-position: -150px -27px;
}
li#zakelijk a:hover {
	background-position: -260px -27px;
}
li#persoonlijk a:hover {
	background-position: -370px -27px;
}
li#tarieven a:hover {
	background-position: -480px -27px;
}
li#trainee a:hover {
	background-position: -525px -27px;
}
li#contact a:hover {
	background-position: -658px -27px;
}
/* selected state*/
#body_welkom li#welkom a {
	background-position: -150px -54px;
}
#body_zakelijk li#zakelijk a {
	background-position: -260px -54px;
}
#body_persoonlijk li#persoonlijk a {
	background-position: -370px -54px;
}
#body_tarieven li#tarieven a {
	background-position: -480px -54px;
}
#body_trainee li#trainee a {
	background-position: -525px -54px;
}
#body_contact li#contact a {
	background-position: -658px -54px;
}