#navigation li {
	width: 246px;
	height: 26px;
	margin: 0 0 8px 0;
}

#navigation a {
	display: block;
	background-repeat: no-repeat;
	padding:26px 0 0 0;
	overflow: hidden;
	border:0px;
	height: 0px !important; /* for most browsers */
	height /**/:26px; /* for IE5.5's bad box model */
}

/**
*** Buttons
**/

#navigation a.home {
	background-image: url(../img/navigation/home.jpg);
}

#navigation a.bedrijfsinfo {
	background-image: url(../img/navigation/bedrijfsinfo.jpg);
}

#navigation a.assortiment {
	background-image: url(../img/navigation/assortiment.jpg);
}

#navigation a.fotogalerij {
	background-image: url(../img/navigation/fotogalerij.jpg);
}

#navigation a.contact {
	background-image: url(../img/navigation/contact.jpg);
}

/**
*** Buttons hover & active
**/

#navigation a.home:hover,#navigation a.homeactive {
	background-image: url(../img/navigation/home_on.jpg);
}

#navigation a.bedrijfsinfo:hover,#navigation a.bedrijfsinfoactive {
	background-image: url(../img/navigation/bedrijfsinfo_on.jpg);
}

#navigation a.assortiment:hover,#navigation a.assortimentactive {
	background-image: url(../img/navigation/assortiment_on.jpg);
}

#navigation a.fotogalerij:hover,#navigation a.fotogalerijactive {
	background-image: url(../img/navigation/fotogalerij_on.jpg);
}

#navigation a.contact:hover,#navigation a.contactactive {
	background-image: url(../img/navigation/contact_on.jpg);
}