
/* responsive image */
.innercontent img:not(.image-thumb):not(.product-image-slider .sliderthumb) {
	display: block;
	max-width: 100%;
	height: auto;
}

.section_inner img:not(.image-thumb):not(.product-image-slider .sliderthumb) {
	display: block;
	max-width: 100%;
	height: auto;
}



/* media css */

.fancybox-overlay {
	z-index:2147483646 !important;
}

.fancybox-wrap {
	min-height: 90vh !important;
	z-index: 9999999999;
	opacity: 1 !important;
}

.fancybox-skin {
	min-height: 90vh !important;
		}

.fancybox-outer, .fancybox-inner {
	min-height: 90vh !important;
}

.fancybox-opened {
	z-index:2147483647 !important;
}



/* video */
.video-container {
    position: relative;
    z-index:1; 
    cursor:pointer !important;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 0; 
    overflow: hidden;
    /* margin:8px 6px; */
    margin: 4px 0px 8px 0px;
}


/* meer ruimte tussen media links */
.video-container-left {
	margin: 16px 0px 8px 0px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-overlay {
	cursor:pointer !important; 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:2;
}

.right-lastvideo {
	margin-bottom:20px;
}



/* afbeeldingen */

.media-img {
	width:100%;
	height:auto;
	/*
	margin:8px 6px;
	*/
	margin: 4px 0px 4px 0px;
	overflow:hidden;
}


/* meer ruimte tussen media links */
.media-img-left {
	display:block;
	max-width:100%;
	height:auto;
	/* margin: 8px 0px 8px 0px; */
	margin:0 auto;
	margin-top: 8px;
	margin-bottom: 8px;
	text-align:center;
}

.right-lastimg {
	margin-bottom:10px;
}



/* pdf */

.pdf {
	/* margin:8px 6px; */
	margin: 4px 0px 4px 0px;
}

/* meer ruimte tussen media links */
.pdf-left {
	margin: 16px 0px 8px 0px;
}

.pdf ul {
	padding-left: 0px;
		overflow:hidden;
}

.pdf li {
		overflow:hidden;
}

.pdf li:last-child {
	border:none;
}

.pdf li a {
	background:url(assets/img/pdf.png) 4px 50% no-repeat;    background-size: 34px 32px;
    background-repeat: no-repeat;

		display: inline-block;		
	height:2.5em;
	line-height:1.5em;
	padding:0 28px 0 48px;
	text-decoration:none;
}

.pdf li a:hover {
		}


/* einde media css */




/* fotoalbum */

/*
@media (max-width: 767px) {
	.fotoalbum {
		overflow-x:hidden;
	}
}
*/

@media (max-width: 767px) {
	ul.fa-thumbs {
	    margin-right: 0px !important;
	}
}

.albumname {
	display:block;
	cursor:pointer;
	font-weight:bold;
	padding-top:6px;
	padding-bottom:6px;

	/* optioneel */
	/*
	position: absolute;
	bottom:0px;
	background-color:rgba(255,255,255,0.6);
	height:30px;
	overflow:hidden;
	*/

	position: absolute;
	top:20px;
	background-color:rgba(255,255,255,0.6);

	color: white;
	background-color:rgba(000,000,000,0.6);

	color:black;
	background-color:rgba(192,192,192,0.6);

	background-color:rgba(255,255,255,0.6);

	color: white;
	background: linear-gradient(to right, rgba(0, 0, 0, 1),  rgba(0, 0, 0, 0.2));

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffffff+100&1+0,0.2+100 */
	background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(255,255,255,0.2) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(255,255,255,0.2)));
	background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(255,255,255,0.2) 100%);
	background: -o-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(255,255,255,0.2) 100%);
	background: -ms-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(255,255,255,0.2) 100%);
	background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(255,255,255,0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#33ffffff',GradientType=1 );

}

.albumname-inner {
	padding-left:6px;
	padding-right:6px;
}


.fa-return-index {
	display:block;
	margin-top:10px;
}


/* chromefix !!! */
.fotoalbum {
  visibility: hidden;
  opacity: 0.0;
}

ul.fa-thumbs {
	padding:0 0 0 0 !important;
	margin-top:30px;
	margin-bottom:0px !important;

	margin-left:0px;
	margin-right:-5px;
	}

ul.fa-thumbs li {     
	list-style:none;
	margin-bottom:25px;           
}

ul.fa-thumbs li img {
 	cursor: pointer;
}

.fa-thumb-box {
	margin-bottom:20px;
	/* als je meer ruimte wilt tussen de afbeeldingen of geen plaats dan hier meer dan 15px padding of 0 padding - 15 is bootstrap default */
	

}




.fa-thumb-box, .fa-thumb-box-inner {
	-webkit-transition: height 1s;
	-moz-transition: height 1s;
	transition: height 1s;
}

/* deze moet erbij bij NIET crop, anders niet */
.fa-thumb-box-no-crop {
	padding:0px !important;
}

.fa-thumb-box:hover {

}

.fa-thumb-box-inner {
-webkit-box-shadow: 0px 2px 6px 2px #404040;
	    -moz-box-shadow: 0px 2px 6px 2px #404040;
	    box-shadow: 0px 2px 6px 2px #404040;}

.fa-thumb-box-inner a {
	display:block;
}

.fa-thumb-box-crop {
	overflow:hidden; 
	padding:0px !important; 
}

.fa-thumb-crop {
	height:auto !important; 
	/* width:100%; */
	overflow:hidden;
}

/* centreer kleine afbeeldingen */
.fa-thumb {
	margin:0 auto;
}

/* beschrijving */
.fa-description { 
	padding:2px 4px 5px 6px; 
	font-size:0.94em !important;
}


/* ook fotoalbum */

.fa1_title {
	font-weight:bold;
	font-size:1.2em !important;
}


.fa1_description_default {
	font-size:0.8em !important;
	margin-bottom:5px;
	color:rgba(0,0,0,0.8);
}

.fa1_description_hover {
	display:none;
	font-size:0.8em !important;
	margin-bottom:5px;
	color:rgba(0,0,0,0.8);
}


/* fotoalbum tijden gedeelte */


.opacitydescr {
	background:rgba(0,0,0,0.5);
	position:absolute; 
	bottom:0px; 
	color:rgba(0,0,0,1);
	font-size:1.3em !important; 
	text-align:center;
	cursor:pointer;
}

.opacitydescr, .opacitydescr_hidden, .opacitydescr_visible {
	-webkit-transition: height 1.5s linear; /* Safari */
	transition: height 1.5s linear;
}

.opacitydescr_hidden {
	height:0px !important;
	-webkit-transition: height 0.5s linear; /* Safari */
	transition: height 0.5s linear;
	overflow:hidden;
}

.opacitydescr_visible {
	height:800px;
	overflow:hidden;
}

.fa1_description_time_box_label {
	display:block;
	margin-bottom:12px;
	text-align:left;
}

.fa1_description_time_box {
	display:block;
	text-align:left;
	border-top:solid white 1px;
	margin-top:5px;
	padding-top:15px;
	margin-left:3px;
	margin-right:3px;
}

.fa1_description_time_box_inner {
	display:block;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:20px;
}

.photo_hour_day_today {
	font-weight:bold;
}

.fa1_hour_table {
	width:100%;
}

.fa1_hour_table_day {
	text-align:left;
	padding-right:5px;
}

.fa1_hour_table_time {
	text-align:left;
	white-space: nowrap;
}

.fa1_hour_table_extra_info {
	margin-top:10px;
}

.fa_day_short {
	display:none;
}

/* tekst kleiner van werktijden */
/* het of dit of op een gegeven moment 1 foto tonen op small scherm ipv 2 */
@media (max-width: 610px) {

	.opacitydescr {
		font-size:1em !important;
	}

	.fa1col-xs-12 {

	}

}

@media (max-width: 500px) {

	.opacitydescr {
		font-size:0.9em !important;
	}

	.fa1col-xs-12 {

	}

}


@media (max-width: 460px) {

	/*
	.opacitydescr {
		font-size:0.9em !important;
	}
	*/

	.fa1_description_time_box_label {
		font-size:0.9em !important;
	}


	.fa1_description_time_box {
		font-size:0.9em !important;
	}

	/* en werktijden label verbergen */
	.fa1_description_time_box_label {
		display:none;
	}

	.fa1col-xs-12 {

	}

}

@media (max-width: 390px) {
	.fa_day_long {
		display:none;
	}
	.fa_day_short {
		display:inline-block;
	}
}


@media (max-width: 610px) {
	.fa1col-xs-12 {
	
	}
}


/* flip */

.fa-thumb-front {
	-webkit-transition: all .8s ease-in-out;
	transition: all .6s ease-in-out;
}


.fa-thumb-back {
	float: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 800;
	-webkit-transform: rotateY(-179deg);
	transform: rotateY(-179deg);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .4s ease-in-out;
	transition: all .6s ease-in-out;
}

.flip .fa-thumb-front {
    -webkit-transform: rotateY(179deg);
    transform: rotateY(179deg);
}
.flip .fa-thumb-back {
	-webkit-transform: rotateX(0) rotateY(0) translateZ(3px);
	transform: rotateX(0) rotateY(0) translateZ(3px);
}


/* einde fotoalbum css */





/* image slider */

.container-image-slider {
	padding-top:30px;
	padding-bottom:10px;
}

/* slideshow */
.owl-carousel {

	/* als meerdere sliders zijn is dit de ruimte tussen de sliders */
	/* opgeteld met waarde hierboven maakt het 30 */
	margin-bottom: 20px;

}


/* geen next prev knopjes */
.owl-nav {
	display:none;
}

/* einde image slider */
