/* BG SLIDER */
#slideshow {
position:relative;
width:535px;
height:358px;
margin:0 0 0.8em 0;
padding:0;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	#slideshow {
	width:212px;
	height:144px;
	margin-top:0.3em;
	float:left;
	}
}
#slideshow li {
position:absolute;
width:100%;
height:100%;
list-style:none;
margin:0;
padding:0;
background-repeat:no-repeat;
background-size:100% auto;
}

/*32 34*/

#slideshow li.animation1-1 {
background-image:url('../thumbs/00.jpg');
animation:cycle1 25s linear infinite;
-moz-animation:cycle1 25s linear infinite;	
-webkit-animation:cycle1 25s linear infinite;		
}
#slideshow li.animation1-2 {
background-image:url('../thumbs/01.jpg');
animation:cycle2 25s linear infinite;
-moz-animation:cycle2 25s linear infinite;
-webkit-animation:cycle2 25s linear infinite;		
}
#slideshow li.animation1-3 {
background-image:url('../thumbs/05.jpg');
animation:cycle3 25s linear infinite;
-moz-animation:cycle3 25s linear infinite;
-webkit-animation:cycle3 25s linear infinite;		
}
#slideshow li.animation1-4 {
background-image:url('../thumbs/21.jpg');
animation:cycle4 25s linear infinite;
-moz-animation:cycle4 25s linear infinite;
-webkit-animation:cycle4 25s linear infinite;		
}
#slideshow li.animation1-5 {
background-image:url('../thumbs/26.jpg');
animation:cycle5 25s linear infinite;
-moz-animation:cycle5 25s linear infinite;
-webkit-animation:cycle5 25s linear infinite;		
}


/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	#slideshow li.animation1-1 {
	background-image:url('../thumbs/00.jpg');
	animation:cycle1 25s linear infinite;
	-moz-animation:cycle1 25s linear infinite;	
	-webkit-animation:cycle1 25s linear infinite;		
	}
	#slideshow li.animation1-2 {
	background-image:url('../thumbs/01.jpg');
	animation:cycle2 25s linear infinite;
	-moz-animation:cycle2 25s linear infinite;
	-webkit-animation:cycle2 25s linear infinite;		
	}
	#slideshow li.animation1-3 {
	background-image:url('../thumbs/05.jpg');
	animation:cycle3 25s linear infinite;
	-moz-animation:cycle3 25s linear infinite;
	-webkit-animation:cycle3 25s linear infinite;		
	}
	#slideshow li.animation1-4 {
	background-image:url('../thumbs/21.jpg');
	animation:cycle4 25s linear infinite;
	-moz-animation:cycle4 25s linear infinite;
	-webkit-animation:cycle4 25s linear infinite;		
	}
	#slideshow li.animation1-5 {
	background-image:url('../thumbs/26.jpg');
	animation:cycle5 25s linear infinite;
	-moz-animation:cycle5 25s linear infinite;
	-webkit-animation:cycle5 25s linear infinite;		
	}
}

/* ANIMATION */
@keyframes cycle1 {
	16% { opacity:1; } 
	20% { opacity:0; } 
	21% { opacity:0; }
	92% { opacity:0; }
	96% { opacity:0; }
	100%{ opacity:1; }
}
@keyframes cycle2 {
	0%  { opacity:0; }
	16% { opacity:0; }
	20% { opacity:1; }
	24% { opacity:1; } 
	36% { opacity:1; } 
	40% { opacity:0; }
	41% { opacity:0; } 
	100%{ opacity:0; }
}
@keyframes cycle3 {
	0%  { opacity:0; }
	36% { opacity:0; }
	40% { opacity:1; }
	44% { opacity:1; } 
	56% { opacity:1; } 
	60% { opacity:0; }
	61% { opacity:0; } 
	100%{ opacity:0; }
}
@keyframes cycle4 {
	0%  { opacity:0; }
	56% { opacity:0; }
	60% { opacity:1; }
	64% { opacity:1; }
	76% { opacity:1; }
	80% { opacity:0; }
	81% { opacity:0; }
	100%{ opacity:0; }
}
@keyframes cycle5 {
	0%  { opacity:0; }
	76% { opacity:0; }
	80% { opacity:1; }
	84% { opacity:1; }
	96% { opacity:1; }
	100%{ opacity:0; }
}

/* MOZ */
@-moz-keyframes cycle1 {
	16% { opacity:1; } 
	20% { opacity:0; } 
	21% { opacity:0; }
	92% { opacity:0; }
	96% { opacity:0; }
	100%{ opacity:1; }
}
@-moz-keyframes cycle2 {
	0%  { opacity:0; }
	16% { opacity:0; }
	20% { opacity:1; }
	24% { opacity:1; } 
	36% { opacity:1; } 
	40% { opacity:0; }
	41% { opacity:0; } 
	100%{ opacity:0; }
}
@-moz-keyframes cycle3 {
	0%  { opacity:0; }
	36% { opacity:0; }
	40% { opacity:1; }
	44% { opacity:1; } 
	56% { opacity:1; } 
	60% { opacity:0; }
	61% { opacity:0; } 
	100%{ opacity:0; }
}
@-moz-keyframes cycle4 {
	0%  { opacity:0; }
	56% { opacity:0; }
	60% { opacity:1; }
	64% { opacity:1; }
	76% { opacity:1; }
	80% { opacity:0; }
	81% { opacity:0; }
	100%{ opacity:0; }
}
@-moz-keyframes cycle5 {
	0%  { opacity:0; }
	76% { opacity:0; }
	80% { opacity:1; }
	84% { opacity:1; }
	96% { opacity:1; }
	100%{ opacity:0; }
}

/* WEBKIT */
@-webkit-keyframes cycle1 {
	16% { opacity:1; } 
	20% { opacity:0; }
	21% { opacity:0; }
	50% { opacity:0; }
	92% { opacity:0; }
	96% { opacity:0; }
	100%{ opacity:1; }
}
@-webkit-keyframes cycle2 {
	0%  { opacity:0; }
	16% { opacity:0; }
	20% { opacity:1; }
	24% { opacity:1; } 
	36% { opacity:1; } 
	40% { opacity:0; }
	41% { opacity:0; }  
	100%{ opacity:0; }
}
@-webkit-keyframes cycle3 {
	0%  { opacity:0; }
	36% { opacity:0; }
	40% { opacity:1; }
	44% { opacity:1; } 
	56% { opacity:1; } 
	60% { opacity:0; } 
	61% { opacity:0; }
	100%{ opacity:0; }
}
@-webkit-keyframes cycle4 {
	0%  { opacity:0; }
	56% { opacity:0; }
	60% { opacity:1; }
	64% { opacity:1; }
	76% { opacity:1; }
	80% { opacity:0; }
	81% { opacity:0; }
	100%{ opacity:0; }
}
@-webkit-keyframes cycle5 {
	0%  { opacity:0; }
	76% { opacity:0; }
	80% { opacity:1; }
	84% { opacity:1; }
	96% { opacity:1; }
	100%{ opacity:0; }
}