@charset "UTF-8";

#slideshow { /* Container voor de slideshow  */
	position:relative; /* Omdat de images absoluut gepositioneerd moeten worden zodat ze elkaar kunnen overlappen moet de container relatief zijn  */
	height:336px; 
	width:855px;
	cursor:default;
	display: block;
	
}
#slideshow IMG { /* Styling voor alle images binnen de container  */
    position:absolute; /* Moet absoluut zijn om de foto's over elkaar heen te kunnen leggen  */
    top:0;
    left:0;
    z-index:8;
	opacity:0.0; /* Maak de foto's in eerste instantie transperant zodat je ze niet op ziet bouwen tijdens het inladen  */
}
#slideshow IMG.active { /* Zet de actieve foto bovenop  */
    z-index:10;
	opacity:1.0;
}
#slideshow IMG.last-active { /* Zet de vorige actieve foto net onder de actieve foto  */
    z-index:9;
}