#slides
{
	position:		relative;
	padding:		20px 0 0;
	overflow:		auto;
}
#slides ul
{
	display:		block;
	width:			100%;
}
#slides li
{
	display:		block;
	width:			50%;
	height:			390px;
	overflow:		auto;
	display:		block;
}
#slides li h3.quote
{
	margin:			0;
	height:			92px;
	font-size:		13px;
	margin-right:	20px;
}
#slides li h4
{
	margin:			0 20px 0 0;
	font-size:		12px;
	color:			#777;
}
#slides li img
{
	margin:			0;
	width:			302px;
}
#slides li h4.navnaam
{
	margin:			0;
}

.prev, .next, .pause
{
	position:		absolute;
	top:			92px;
	z-index:		20;
	width:			60px;
	height:			42px;
}
.prev
{
	left:			3px;
	background:		url(/media/images/prev.png) no-repeat;
}
.prev:hover
{
	background:		url(/media/images/prevhover.png) no-repeat;
}
.next
{
	right:			8px;
	background:		url(/media/images/next.png) no-repeat;
}
.next:hover
{
	background:		url(/media/images/nexthover.png) no-repeat;
}
.pause
{
	left:			276px;
	background:		url(/media/images/pauze.png) no-repeat;
}
.pause:hover
{
	background:		url(/media/images/pauzehover.png) no-repeat;
}
.pause.paused
{
	background:		url(/media/images/play.png) no-repeat;
}
.pause.paused:hover
{
	background:		url(/media/images/playhover.png) no-repeat;
}