@charset "UTF-8";
/* 
	DEZE FILE NIET AANPASSEN!!! STYLES VOOR DE SLIDESHOW KAN JE AANPASSEN IN DE .CSS FILE VAN DE WEBSITE ZELF!
*/


html{
}

/* GEDEELTE VOOR IN DE WEBSITE VAN DE KLANT */
#slide_slideshowdiv{
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;	
}

#slide_slideshowdiv ul{
	
	position: relative;
	margin: 0;
	padding: 0;
	
}

#slide_slideshowdiv li{
	position: relative;
	display: block;
	
	height: 80px;
	width: 120px;
	
	float: left;
	overflow:hidden;
	list-style:none;
	
	cursor: pointer;
}

#slide_slideshowdiv img{
	border: 0;
	display: block;
	margin: 0 auto;
	/* Om de foto's precies in het midden van de LI uit te lijnen ga ik in JS extra settings maken! Zonder deze JS code heb ik geen vertial alignment. */
}
/* EINDE GEDEELTE VOOR IN DE WEBSITE VAN DE KLANT */





/* GEDEELTE VOOR DE POP UP */
#slideshow_overlay{ 
	background-image: url(images/slide_overlay.png);
	position: absolute;
	top: 0%;
	left: 0%;
	z-index:790;
 	width: 100%;
	height: 100%;
	
}

* html #slideshow_overlay{
	background-color: #000000;
	back\ground-color: transparent;
	background-image: url(images/slide_blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/slide_overlay.png", sizingMethod="scale");
}

#slideshowcontainer{
	position: absolute;
	display: block;
	
	width: 710px;
	height: 415px;
	top:0;
	left:50%;
	margin: 1px auto 0 -355px;
	text-align:center;
		
	z-index: 795;
}

#slideshow_titel_container{
	position: absolute;
	
	top:0px;
	left:0px;
	
	width:700px;
	height: 24px;
	
	margin: 3px 4px 4px 4px;
	overflow:hidden;
}

#slideshow_titel_container img{
	position: absolute;
	right: 5px;
	top:5px;
	cursor: pointer;
	
	/* Afsluit kruisje */
}

#slideshow_titel_container h1{
	margin: 0;
	padding:2px 24px 0 25px;
	height: 24px;
	overflow: hidden;
}

#slideshow_img_container{
	position: absolute;
	top: 32px;
	left: 0px;
	
	margin: 0 5px 0 4px;
	padding: 0;
	width: 700px;
	height: 360px;
}

#slideshow_img_container img{
	position:absolute;
	left: 50%;
	top: 50%;
	margin: 0;
	padding: 0;
	border: 0;
	
	/* hoofdfoto */
}

#slideshowcontainer p{
	position: absolute;
	display: block;
	
	padding: 0;
	left: 0px;
	bottom: 0px;
	
	width: 700px;

	margin: 0px 5px 0px 5px !important;
	padding: 0px !important;
	/* paragraaf onderaan met de slideshow control knoppen */
}

#slideshow_par_container img{
	position: absolute;
	bottom: 4px;
	display:block;
	cursor: pointer;
	/* slideshow control knoppen */
}

#slideshow_statusBtn{
	right: 59px;
	cursor: auto !important;
}

#slideshow_prevBtn{
	right: 41px;
}
	
#slideshow_nextBtn{
	right: 5px;
}

#slideshow_stopplayBtn{
	right: 23px;
}

/* EINDE GEDEELTE VOOR DE POP UP */