/*IMAGE-CONTAINER.CSS*/

/*BRON: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_slideshow*/

/*image container*/
.image-container{position: relative;width:100%}

/*prev & next buttons*/
.prev, .next{
position:absolute;
margin-top:20%;
padding:0 35px 0 0;
font-size:3.0em;
color:red;
text-shadow:2px 2px #fff;
cursor:pointer
}

/*prev button position left*/
.prev{left:8%}

/*prev button position right*/
.next{right:-3%}

/*prev & next button hover blijft zelfde kleur*/
.prev:hover, .next:hover{color:red !important}

/*image number*/
.number{
position:absolute;
width:auto;
top:10px;
left:50px;
font-size:1.3em;
color:#fff;
text-shadow:1px 1px 1px #000
}