/* https://jquery.malsup.com/cycle2/demo/ */

/* #slideshow { overflow: hidden; } */
/* #slideshow img { display: none } */
#slideshow img.first { display: block }

#slideshow img {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
	padding: 5px; 
	border: 1px solid #A0A58F; 
	margin: 0 auto;
	cursor: pointer;
}

.responsiv {
	width: 100%;
	height: auto;	
}

#thumbs { 
	overflow: hidden;
}

#thumbs li {
	list-style: none;
	margin: 5px 0 0 0;
	float: left;
	/* box-shadow: 10px 10px 5px #A0A58F; */
} 

#thumbs img { 
	height: 25px; 
	border: none;  
	display: block;
} 

#thumbs a {  
	padding: 3px; 
	display: block; 
	border: 2px solid #A0A58F; 
	border-radius: 5px; 
}


.border {
	border: 5px solid #A0A58F;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}

#thumbs li.activeSlide a { background: #A0F592 }
#thumbs a:focus { outline: none; }
a:hover {  color: red; }

.pijltje {
	height: 30px;
}
.pijltje-l {
	width: 50px;
	margin-left: 10vw;
}
.pijltje-r {
	width: 50px; 
	margin-left: 15vw;
}

.pijl {
	position: fixed;
	top: 160px;
	z-index: 999;
	opacity: 0;
}
.lft {	left: 50px;	}
.rgt {	left: 510px; }


a[tip]:hover:after {
	content: attr(tip);
	padding: 4px 8px;
	color: #333;
	position: relative;
	z-index: 20;
	white-space: nowrap;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 0px 4px #222;
	-webkit-box-shadow: 0px 0px 4px #222;
	box-shadow: 0px 0px 4px #222;
	background: rgba(170,255,255,.4);
}