/* SLIDESHOW */

.slideshowbox {
width:100%;
height:auto;
padding:0;
margin:0;
clear:both;
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.slideshowbox {
	width:98%;
	margin:0 auto 0 auto;
	}
}

.slider {
margin:0 auto 0 auto;
}
.slider-wrapper {
position:relative;
width:100%;
height:100%;
}
.slide {
position:absolute;
width:100%;
height:100%;
opacity:0;
background-repeat:no-repeat;
float:left;
}
.slider-wrapper > .slide:first-child {
opacity:1;
}

.slider .sliderbg {
position:absolute;
top:0;
bottom:50%;
left:0;
right:0;
background-image: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0));
}
.slider .hoofdcredo {
position:absolute;
top:0;
left:50%;
transform:translate(-50%,0);
width:100%;
height:auto;
font-size:1em;
font-weight:300;
text-align:center;
line-height:2;
text-shadow:1px 1px 1px rgba(0,0,0,0.9);
padding:0 1% 0.1em 1%;
margin:0.6em 0 1em 0;
display:none;
box-shadow:2px 2px 3px rgba(0,0,0,0.6);
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.slider .hoofdcredo {
	font-size:2em;
	padding:0 1% 0.2em 1%;
	}
}
.slider a.sliderbutton {
width:auto;
height:auto;
color:#fff;
font-size:20px;
font-weight:700;
text-align:center;
text-decoration:none;
background-color:rgba(171,35,37,1);
text-shadow:1px 1px 1px rgba(0,0,0,0.9);
padding:6px 25px 10px 25px;
margin-top:0.5em;
border-radius:10px;
box-shadow:2px 2px 3px rgba(0,0,0,0.6);
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.slider .sliderbutton {
	font-size:0.7em;
	padding:0.2em 1% 0.2em 1%;
	}
}
.slider a.sliderbutton:hover {
color:rgba(171,35,37,1);
background-color:rgba(255,255,255,1);
border:2px solid rgba(171,35,37,1);
text-shadow:1px 1px 1px rgba(0,0,0,0.3);
box-shadow:2px 2px 3px rgba(0,0,0,0.3);
}

.slider .subcredo {
position:absolute;
top:2.8em;
left:50%;
transform:translate(-50%,0);
width:100%;
height:auto;
font-size:1em;
font-weight:300;
text-align:center;
line-height:2;
text-shadow:1px 1px 1px rgba(0,0,0,0.9);
padding:0.1em 1% 0.2em 1%;
margin:0 0 1em 0;
display:none;
box-shadow:2px 2px 3px rgba(0,0,0,0.6);
}
/* Mobiel [portrait] */
@media only screen and (max-device-width: 736px) and (orientation: portrait) {
	.slider .subcredo {
	font-size:0.7em;
	padding:0.2em 1% 0.2em 1%;
	}
}