@charset "utf-8";
/* CSS Document */

.videoContainerWrapper {
	box-shadow:2px 2px 16px 4px rgba(0,0,0,0.2);
	float:left; 
	
}
.videoContainer {
	padding:0;
	padding: 30px;
	position: relative;
	z-index: 1;
}
.videoContainer .jaartal {
	top:130px;
	right:-23px;
	z-index:2
}

	/* VIDEO THUMBNAILS */
	.videoThumbContainer { width:100%; background-color:#ffffff; padding:0 15px 15px; z-index:1; position:relative; float:left}
	.videoThumbContainer .videoThumb {position:relative; margin-top:15px; margin-bottom:15px;}
	.videoThumbContainer .videoThumb:not([data-movie]) a {cursor:default}
	.videoThumbContainer .videoThumbTitle { display:block; width:100%; margin:0; padding:0; white-space:nowrap; background-color: #868889; font-size: 1.3em; font-weight: 400;font-family: inherit; text-transform: uppercase}
	.videoThumbContainer .videoThumbTitle a { display:block; width:100%; color: #fff; overflow:hidden; text-overflow:ellipsis; margin:0; padding: 5px 10px;}
	.videoThumbContainer .videoThumbTitle a:hover { color: #fff; text-decoration:none }
	.videoThumbContainer .videoThumbImage { background-size:cover; background-repeat:no-repeat; background-position:center top; background-color:#000; }
	.videoThumbContainer .videoThumbImage a { display:block; width:100%; height: 100%}
	.videoThumbContainer .videoThumbImage a .videoIcoon {display:block; width:100%;background-size:20%}
	.videoThumbContainer .videoThumb.active .videoThumbTitle { background-color: #007b3d }

/* Fixed AspectRatio CSS (From: http://stackoverflow.com/a/27147484) */
.fixed-ar {overflow:hidden}
.fixed-ar:before {content:"";float:left;margin-left:-10px;width:10px;padding-top:100%}
.fixed-ar-16-9:before {padding-top:56.25%}