/* container voor de gehele diavoorstelling */


.dv4{
	
	position:relative;
	
	width:670px;
	
	height:480px; /* totale hoogte div */
	
	border:1px solid #aaa; /* rand rond de container  */
	
	margin:0 auto; /* centreren */
	
	background-color: #DAFFB3;

}


/* grote foto's */


.dv4-grote-foto {
	
	position : absolute;
	
	left: 0px;
	
	top:0px;
	
	background-position : center center;
	
	width : 100%;
	
	height: 300px; /* hoogte voor de grote foto's */

}


/* commentaar tekst */


.dv4-tekst {
	
	position:absolute;
	
	top:260px; /* plaatsing tekst vanaf bovenaan container div  275*/
	
	height:30px;
	
	width:100%;
	
	text-align:center;
	
	color: #000;

}


/* container voor alle thumbnails */


.dv4-kleine-foto-container {
	
	position : absolute;
	
	bottom : 50px;
	
	width : 100%;
	
	left: 20px;
	
	padding-bottom:10px;
	
	width:630px;
	/* height: wordt automatisch door het script ingesteld op basis van de hoogte van de kleine foto's */

}


/* dv4-kleine-foto foto's */


.dv4-kleine-foto{
	
	width: 120px;
	
	height : 120px;
	
	padding-right:2px;
	
	padding-left:2px;

}


/* rand rond foto */


.dv4-kleine-foto-rand{
	
	border:3px solid #aaa;
	
	padding:1px;

}


/* vorige en volgende knoppen */


.dv4-vorige, .dv4-volgende {
	
	background-position : center center;
	
	cursor: pointer;
	
	width:20px;
	
	height:120px;
	
	bottom:60px; 
/* plaatsing pijltjes links en rechts vanaf onderkant container div */
	
	position: absolute;
	
	cursor: pointer;

}


.dv4-vorige{
	
	background-image:url('../beeldjes/links.png');
	
	left : 0px;

}


.dv4-vorige-over{
	
	background-image:url('../beeldjes/links-over.png');

}


.dv4-volgende{
	
	background-image:url('../beeldjes/rechts.png');
	
	right : 0px;

}


.dv4-volgende-over{
	
	background-image:url('../beeldjes/rechts-over.png');

}

/* autoplay knoppen */


.dv4-volgende-autoplay-container{
	
	position:absolute;
	
	right: 300px;
	
	bottom: 30px; 
/* plaatsing vanaf onderkant container div */
	
	z-index:20000;
	
	width: 60px;

}


.dv4-volgende-autoplay-start, .dv4-volgende-autoplay-stop{
	
	position:absolute;
	
	top:0px;
	
	color:#ccc;
	
	padding:5px;
	
	height:20px;
	
	width: 30px;
	
	text-align:right;
	
	background-repeat:no-repeat;
	
	cursor:pointer;

}


.dv4-volgende-autoplay-start{
	
	left:0px;
	
	background-image:url('../beeldjes/play-uit.png');

}


.dv4-volgende-autoplay-start-off{
	
	background-image:url('../beeldjes/play-aan.png');
	
	cursor: default;

}


.dv4-volgende-autoplay-stop{
	
	left:30px;
	
	background-image:url('../beeldjes/pauze-uit.png');

}


.dv4-volgende-autoplay-stop-off{
	
	background-image:url('../beeldjes/pauze-aan.png');
	
	cursor: default;

}