#mediaoverlay {
	position: relative;
	width: 300px;
	height: 275px;
	float: right;
	margin: 25px;
}

#mediaoverlay div.mediabackground {
	background: transparent url('../images/alphaZwart65.png') ;
}

#mediaoverlay div.mediabackground, #mediaoverlay div.mediacontent {
	position: absolute;
	height: 100%;
	width: 100%;
}

#mediaoverlay div.mediacontent {
	color: white;
	z-index: 2;
}

#mediaoverlay ul {
	list-style: none;
	padding: 0;
	margin: 0;
	padding: 15px;
}

#mediaoverlay li {
	padding-left: 52px;
	height: 52px;
	padding-top: 8px;
}

#mediaoverlay li.video {
	background: url(/images/video.png) no-repeat;
}

#mediaoverlay li.picture {
	background: url(/images/picture.png) no-repeat;
}

#mediaoverlay li.music {
	background: url(/images/music.png) no-repeat;
}

#mediaoverlay li.border {
	border-bottom: 2px dashed gray;
}

#mediaoverlay li span {
	display: block;
	clear: left;
	font-size: 12px;
}

#mediaoverlay li a {
	color: white;
	text-decoration: none;
}