/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0; overflow:hidden; display:none;border: 1px solid black;}
li.bjqs-slide{position:absolute; display:none; margin: 0; }

ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999; display: none;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}


ol.bjqs-markers{ list-style: none; padding: 0 5px 5px 0; margin: -35px 0 0 0; width: 100%; height: 35px; position: absolute; bottom: 44%;text-align: center; }
.kolommen2 ol.bjqs-markers{ bottom: -1%; }
ol.bjqs-markers.h-centered{text-align: right;}
ol.bjqs-markers li{display:inline; margin: 0;background-color: transparent;}
ol.bjqs-markers li a{display:inline-block; }
p.bjqs-caption{text-align: center; display:block;width:100%;margin:0;padding:2%;position:absolute;bottom:50%;/* font-size: 30px;*/ color: #FFFFFF; font-weight: bold; }

ul.bjqs img {
/*	position: absolute;*/
  height:100%;
}


#banner-fade,
#banner-slide{
/*	margin-bottom: 15px; */
}

ul.bjqs-controls.v-centered li a{
	display:block;
	padding:10px;
/*	background:#fff; */
	color:#000;
	text-decoration: none;
	width: 50px;
	height: 50px;
	font-size: 0.01em;
	background-image: url(img/nav-LR.png);
	background-size: cover;
	margin: -5px 0 5px 0;
	
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition:    all 0.3s ease-in-out;
  -o-transition:      all 0.3s ease-in-out;
  transition:         all 0.3s ease-in-out;	
}
ul.bjqs-controls{display: block;}
ul.bjqs-controls.v-centered li.bjqs-next a{background-position: 110% 0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{background-position: -10% 0;}

ul.bjqs-controls.v-centered li.bjqs-next a:hover{background-position:  90% 0;}
ul.bjqs-controls.v-centered li.bjqs-prev a:hover{background-position:  10% 0;}

ul.bjqs-controls.v-centered li a:hover{
/*	background:#000;
	color:#fff;
	*/
}

ol.bjqs-markers li a{
	padding:0px 4px;
	color:rgb(228,48,44);
	color:#FFFFFF;
	background:#FFFFFF;
	margin:2px;
	text-decoration: none;
	font-size: 10px;
	line-height: 1.7em;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
	color: rgb(228,48,44);
	background: rgb(228,48,44);
}

p.bjqs-caption{text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); }
p.bjqs-caption{
/*	background: rgba(255,255,255,0.35);
	background: rgba(0,32,90,0.5);
	*/
}

#banner-shade {
	/*background: url(img/shadow.png) no-repeat;*/
	/*background-size: 100% 100%;*/
	/*width: 100%;*/
	/*height: 25px;*/
}


ul.bjqs a,
ul.bjqs a:link,
ul.bjqs a:visited,
ul.bjqs a:active,
ul.bjqs a:hover             {color: rgb(255,255,255); border: 0px transparent; text-decoration: none;}
ul.bjqs a:active,
ul.bjqs a:hover             {color: rgb(255, 0, 0); }


@media only screen and (max-width: 8000px) {
  ul.bjqs-controls.v-centered li.bjqs-prev a,
  ul.bjqs-controls.v-centered li.bjqs-next a {
    transform: scale(0.75);
  }
}


@media only screen and (max-width: 800px) {
	/*p.bjqs-caption   { font-size: 26px; }*/
  ul.bjqs-controls.v-centered li.bjqs-prev a,
  ul.bjqs-controls.v-centered li.bjqs-next a {
    transform: scale(0.7);
  }
}
@media only screen and (max-width: 640px) {
  .bjqs-markers { display: none; }
  ul.bjqs-controls.v-centered li.bjqs-prev a,
  ul.bjqs-controls.v-centered li.bjqs-next a {
    transform: scale(0.65);
  }
  p.bjqs-caption {
    width: 90%;
    left: 5%;
    bottom: 40%;
  }
}

@media only screen and (max-width: 550px) {
	/*p.bjqs-caption   { font-size: 22px; }*/
  ul.bjqs-controls.v-centered li.bjqs-prev a,
  ul.bjqs-controls.v-centered li.bjqs-next a {
    transform: scale(0.6);
  }
  p.bjqs-caption {
    width: 80%;
    left: 10%;
    bottom: 40%;
  }
}
@media only screen and (max-width: 480px) {
	ol.bjqs-markers  { display: none; }
	/*p.bjqs-caption   { font-size: 16px; }*/
}