#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background: black;
	position: top;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{
	display: block;
}
#menu .concert {
	width: 255px;
	height: 255px;
	background: url(images/RBconcert.png) no-repeat;
	left: 50px;
	top:  50px;
}
#menu .festival {
	width: 255px;
	height: 255px;
	background: url(images/RBfestival.png) no-repeat;
	left: 300px;
	top: 50px;
}
#menu .natuur {
	width: 255px;
	height: 255px;
	background: url(images/RBnature.png) no-repeat;
	left: 555px;
	top: 50px;
}
#menu .media {
	width: 255px;
	height: 255px;
	background: url(images/RBmedia.png) no-repeat;
	left: 50px;
	top: 350px;
}
#menu .archief {
	width: 255px;
	height: 255px;
	background: url(images/RBarchief.png) no-repeat;
	left: 305px;
	top: 350px;
}
#menu .contact {
	width: 255px;
	height: 255px;
	background: url(images/RBcontact.png) no-repeat;
	left: 560px;
	top: 350px;
}