.recente-projecten {
	width:960px;
	height:455px;
	overflow:hidden;
}


.recente-projecten ul.slides {
	list-style:none;
	padding:0;
	margin:0;
	height:999px;
	overflow:hidden;
	position:relative;
	z-index:0;
	height:455px;
}



.recente-projecten ul.slides li {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	width:960px;
	overflow:hidden;
	height:455px;
}



.recente-projecten ul.slides li.active {z-index:1;}


.recente-projecten ul.slides li.next {z-index:2;}

.recente-projecten img {float:left;}

div.next {
position:absolute;
top:560px;
margin-left: 930px;
}
div.previous {
position:absolute;
top:560px;
margin-left: 900px;
}

div.next a {
display:block;
width: 9px;
height: 11px;
background: url("../img/next-button.png") 0 0 no-repeat;
line-height: 999px;
overflow: hidden;
}

div.previous a {
display:block;
width: 9px;
height: 11px;
background: url("../img/prev-button.png") 0 0 no-repeat;
line-height: 999px;
overflow: hidden;
}


div.next a:hover, div.previous a:hover { 
background-position: 0 -11px;
}



ul.swicher {
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
	top:36px;
	width:100px;
	height:14px;
	overflow:hidden;
	z-index:5;
}
ul.swicher li {
	float:left;
	margin-right:6px;
	text-indent:-9999px;
	overflow:hidden;
}
ul.swicher li a {
	display:block;
	width:14px;
	height:14px;
	background:#697c86;
}
ul.swicher li a:hover, ul.swicher li.active a {background:#d4d6d7;}
.title {
	display:block;
	margin-bottom:8px;
}