.stagecontainer {
  position: relative;
	width:100%;
padding-top: 28%;
}
.stagecontainer > .stage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 28vw;
}
.stage {
  overflow: hidden;
  position: relative;
}

.actor {
  animation: kenburns 30s linear infinite;
  background-size: cover;
  background-position: 50%;
  height: 50vh;
  inset: 0;
  opacity: 0;
  position: absolute;
  scale: 1.2;
  width: 100vw;
}

.actor:nth-child(1) {
  background-image: url("/img/artikelen/sliderimages/slider1.jpg");
}
.actor:nth-child(2) {
  animation-delay: 10s;
  background-image: url("/img/artikelen/sliderimages/slider2.jpg");
}
.actor:nth-child(3) {
  animation-delay: 20s;
  background-image: url("/img/artikelen/sliderimages/slider3.jpg");
}

@keyframes kenburns {
  25% {
    opacity: 1;
  }

  50% {
    opacity: .8;
    scale: 1;
  }

  60% {
    opacity: 0;
  }
}
/*
 */
#slidercontainer {
        display: table;
        zoom: 1;
        position: relative;
        width: 100%;
        /*max-width: 1300px;
        max-height:500px; */
        margin:0px auto 0px;
        z-index:90;
        text-align:left; /* reset align=center */
        font-size: 10px;
        text-shadow: none; /* fix some user styles */

        /* reset box-sizing (to boostrap friendly) */
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
}
* html #slidercontainer{ width:100% }
#slidercontainer .sliderimages ul{
        position:relative;
        /* width: 10000%;
        height:100%; */
        left:0;
        list-style:none;
        margin:0;
        padding:0;
        border-spacing:0;
        overflow: visible;
        /*table-layout:fixed;*/
}
#slidercontainer .sliderimages ul li{
        position: relative;
        width:1%;
        height:100%;
        line-height:0; /*opera*/
        overflow: hidden;
        float:left;
        font-size:0;
        padding:0 0 0 0 !important;
        margin:0 0 0 0 !important;
}

#slidercontainer .sliderimages{
        position: relative;
        left:0;
        top:0;
        height:100%;
        max-height:500px;
        /* max-width: 350px; */
        vertical-align: top;
        border:none;
        overflow: hidden;
}
#slidercontainer .sliderimages ul a{
        width:100%;
        height:100%;
        max-height:500px;
        display:block;
        color:transparent;
}
#slidercontainer img{
        max-width: none !important;
}
#slidercontainer .sliderimages .ws_list img,
#slidercontainer .sliderimages > div > img{
        width:100%;
        border:none 0;
        max-width: none;
        padding:0;
        margin:0;
}
#slidercontainer .sliderimages > div > img {
        max-height:500px;
}

#slidercontainer .sliderimages iframe {
        position: absolute;
        z-index: -1;
}

#slidercontainer .ws-title > div {
        display: inline-block !important;
}

#slidercontainer a{
        text-decoration: none;
        outline: none;
        border: none;
}

#slidercontainer  .ws_bullets {
        float: left;
        position:absolute;
        z-index:70;
}
#slidercontainer  .ws_bullets div{
        position:relative;
        float:left;
        font-size: 0px;
}
/* compatibility with Joomla styles */
#slidercontainer  .ws_bullets a {
        line-height: 0;
}

#slidercontainer  .wsl{
        display:none;
}
#slidercontainer sound,
#slidercontainer object{
        position:absolute;
}

/* prevent some of users reset styles */
#slidercontainer .ws_effect {
        position: static;
        width: 100%;
        height: 100%;
}

#slidercontainer .ws_photoItem {
        background: #fff;
}
#slidercontainer .ws_photoItem > div {
        left: 2em;
        right: 2em;
        top: 2em;
        bottom: 2em;
}


#slidercontainer.ws_gestures {
        cursor: -webkit-grab;
        cursor: -moz-grab;
        cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABwSURBVEjH7ZJBEsAgCAMT/v/n9NCOSqe2oD2yNx1JggB4BCEFWyFASP2KMQE7ywWhe/tTRGCGogLk02tFctiW/SUgaMyQG4PdPzDn31rQbMb8FiAXgvsEJNax1yVlVGAjA93apP3HFhZTGIqiKH7iADB6HxPlHdNVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE0LTA3LTA3VDEzOjQ5OjEwKzAyOjAwm7WiFAAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNC0wNy0wN1QxMzo0OToxMCswMjowMOroGqgAAAAASUVORK5CYII="), move;
}
#slidercontainer.ws_gestures.ws_grabbing {
        cursor: -webkit-grabbing;
        cursor: -moz-grabbing;
        cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAQAAADZc7J/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABaSURBVEjH7ZMxCkAhDEOT8u9/5TpJ+xWkFse8IYutJgEB8RCHL1qCc90BEFnT6QH7mwgFHBUf8wJyS1TDLuc3vmighx37LZdIth3E5hKj9n6O0HRh+oJCiFcMxRUUDxR1CTMAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDctMDdUMTM6NDk6MzgrMDI6MDDqf+sOAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA3LTA3VDEzOjQ5OjM4KzAyOjAwmyJTsgAAAABJRU5ErkJggg=="), move;
}

/* hide controls when video start play */
#slidercontainer.ws_video_playing .ws_bullets {
        display: none;
}
#slidercontainer.ws_video_playing:hover .ws_bullets {
        display: block;
}
/* IE fix because it don't show controls on hover if frame visible */
#slidercontainer.ws_video_playing_ie .ws_bullets,
#slidercontainer.ws_video_playing_ie a.ws_next,
#slidercontainer.ws_video_playing_ie a.ws_prev {
        display: block;
}


/* youtube/vimeo buttons */
#slidercontainer .ws_video_btn {
        position: absolute;
        display: none;
        cursor: pointer;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 55;
}
#slidercontainer .ws_video_btn.ws_youtube,
#slidercontainer .ws_video_btn.ws_vimeo {
        display: block;
}
#slidercontainer .ws_video_btn div {
        position: absolute;
        background-image: url(./playvideo.png);
        background-size: 200%;
        top: 50%;
        left: 50%;
        width: 7em;
        height: 5em;
        margin-left: -3.5em;
        margin-top: -2.5em;
}
#slidercontainer .ws_video_btn.ws_youtube div {
        background-position: 0 0;
}
#slidercontainer .ws_video_btn.ws_youtube:hover div {
        background-position: 100% 0;
}
#slidercontainer .ws_video_btn.ws_vimeo div {
        background-position: 0 100%;
}
#slidercontainer .ws_video_btn.ws_vimeo:hover div {
        background-position: 100% 100%;
}

#slidercontainer .ws_playpause.ws_hide {
        display: none !important;
}

#slidercontainer .ws_bullets a { */ */
        position:relative;
        display: inline-block;
        margin: 4px;
        width: 25px;
        height: 25px;

        -webkit-transition: all 0.3s;
        transition: all 0.3s;
}
#slidercontainer .ws_bullets a:after {
        font: 25px "controls";
        content:'\e804';
        display: block;
        text-align: left;
        color: #fff;

        -webkit-transition: color .4s ease;
        transition: color .4s ease;
}
#slidercontainer .ws_bullets a.ws_selbull:after,
#slidercontainer .ws_bullets a:hover:after {
        content:'\e805';
}


#slidercontainer a.ws_next,
#slidercontainer a.ws_prev {
        font: 4.5em "controls";
        z-index:60;
        color: #fff;
        overflow: hidden;
        width: 2em;
        height: 2em;
        margin-top:-1em;

        -webkit-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out;
}
#slidercontainer a.ws_next {
        position:absolute;
        top:50%;
        right: 0;
}
#slidercontainer a.ws_prev {
        position:absolute;
        top:50%;
        left: 0;
}
#slidercontainer a.ws_next:after,
#slidercontainer a.ws_prev:after {
        display: block;
        text-align: center;
        line-height: 2em;
        line-height: 2.1em\9; /* ie9 hack */

        -webkit-transition: color .4s ease;
        transition: color .4s ease;
}
/* IE10+ hacks */
_:-ms-input-placeholder, :root #slidercontainer a.ws_next:after {line-height: 2.1em;}
_:-ms-input-placeholder, :root #slidercontainer a.ws_prev:after {line-height: 2.1em;}
#slidercontainer a.ws_next:after{
        content:'\e801';
}
#slidercontainer a.ws_prev:after{
        content:'\e800';
}

/*playpause*/
#slidercontainer .ws_playpause {
        position:absolute;
        top:50%;
        left: 50%;
        font: 4.2em "controls";
        color: #fff;
        z-index: 59;
        text-decoration: none;
        margin-top: -1.15em;
        margin-left: -1.15em;
        width: 2.3em;
        height: 2.3em;
        overflow: hidden;

        -webkit-transition: color .25s ease-in-out;
        transition: color .25s ease-in-out;
}
#slidercontainer .ws_playpause:after{
        display: block;
        text-align: center;
        line-height: 2.3em;
        line-height: 2.4em\9; /* ie9 hack */

        -webkit-transition: color .4s ease;
        transition: color .4s ease;
}
/* IE10+ hacks */
_:-ms-input-placeholder, :root #slidercontainer .ws_playpause:after {line-height: 2.4em;}
#slidercontainer .ws_pause:after {
        content: '\e803';
}
#slidercontainer .ws_play:after {
        content: '\e802';
}/* bottom center */
#slidercontainer  .ws_bullets {
        bottom:7px;
        left:50%;
}
#slidercontainer  .ws_bullets div{
        left:-50%;
}
#slidercontainer .ws_bulframe span{
        visibility: visible;
        opacity: 1;
        position: absolute;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid #fff;

        bottom:-8px;
        margin-left:-7px;
        left:43px;
}#slidercontainer .ws-title{
        position: absolute;
        left: 1em;
        margin-right:10em;
        margin-left: 1em;
        z-index: 50;
        background: none;
        border: 2px solid #fff;
        color:#fff;
        padding: 0.1em;
        font: 1.3em 'Pacifico', cursive;
        bottom: 50px;
        top: auto;
        opacity: 1;
}
#slidercontainer .ws-title div{
    margin-top: 0.5em;
        font-size: 1.4em;
        line-height: 0.8em;
}
#slidercontainer .ws-title span{
        font-size: 1.8em;
}#slidercontainer .sliderimages > ul{
        animation: wsBasic 23.1s infinite;
        -moz-animation: wsBasic 23.1s infinite;
        -webkit-animation: wsBasic 23.1s infinite;
}
@keyframes wsBasic{0%{left:-0%} 24.68%{left:-0%} 33.33%{left:-100%} 58.01%{left:-100%} 66.67%{left:-200%} 91.34%{left:-200%} }
@-moz-keyframes wsBasic{0%{left:-0%} 24.68%{left:-0%} 33.33%{left:-100%} 58.01%{left:-100%} 66.67%{left:-200%} 91.34%{left:-200%} }
@-webkit-keyframes wsBasic{0%{left:-0%} 24.68%{left:-0%} 33.33%{left:-100%} 58.01%{left:-100%} 66.67%{left:-200%} 91.34%{left:-200%} }

#slidercontainer .ws_bullets  a img{
        text-indent:0;
        display:block;
        bottom:15px;
        left:-43px;
        visibility:hidden;
        position:absolute;
    border: 1px solid #FFFFFF;
        max-width:none;
}
#slidercontainer .ws_bullets a:hover img{
        visibility:visible;
}

#slidercontainer .ws_bulframe div div{
        height:48px;
        overflow:visible;
        position:relative;
}
#slidercontainer .ws_bulframe div {
        left:0;
        overflow:hidden;
        position:relative;
        width:85px;
        background-color:#FFFFFF;
}
#slidercontainer  .ws_bullets .ws_bulframe{
        display:none;
        bottom:34px;
        margin-left:10px;
        overflow:visible;
        position:absolute;
        cursor:pointer;
    border: 2px solid #fff;
}#slidercontainer .ws_bulframe div div{
        height: auto;
}

@media all and (max-width:400px){
        #slidercontainer .ws_controls,
        #slidercontainer .ws_bullets,
        #slidercontainer .ws_thumbs{
                display: none
        }
}