.ui-datepicker td.bad_date span {
	color: gray;
    font-weight: normal;
}
/*********************************************************/
/********************* LOADING GIF ***********************/
/*********************************************************/
.loading-outer-div.loading-centered {
	width: 100%;
}
.loading-inner-div.loading-centered {
	margin: 0 auto;
}


/************************************************************/
/********************* ZOEKRESULTATEN ***********************/
/************************************************************/
span.result-page-text, span.search-term-actual, span.search-term-actual span {
color: #0B1318
}

.sml_facetedsearchex_nav2 {
	float:right;
}

.ix-faceted-search button {
	font-size: 13px;
	font-weight:bold;
}

.ui-autocomplete {
	border: 1px solid #666;
	width: 300px;	
}

li.ui-menu-item {
	background: #fff;
	height: 20px;
}

li.ui-menu-item:hover {
	background: #333;
}

li.ui-menu-item a {
	vertical-align: middle;
	margin-left: 3px;
	font-size: 1em;
}

li.ui-menu-item a span {
	margin-left: 5px;
	text-decoration:none;
}

span.result-page-text span {
	color: #0B1318;
}

.wysiwyg img.links{
	float: left;
	margin: 4px 8px 4px 0px;
	padding: 2px;
}

.wysiwyg img.rechts{
	float: right;
	margin: 4px 0px 4px 8px;
	padding: 2px;
}

div.group-projects {
	padding: 0 3.2em 0 28px;
}

.block-projects-filter .project-status {
	width: 250px;
}
.anchor{
   display:block;
   height:97px; /* this is the height of your header */
   margin-top:-97px; /* this is again negative value of the height of your header */
   visibility:hidden;
}
/*********************************/
/** hoofdbanner tekst - extra formaat  */
/*********************************/
.slider .bg_img .slide_tekst h3 {
  font-size: 2.2em;
  padding-bottom: 0.54348em;
  text-shadow: none;
  color: #505050;
}
.slider .bg_img-title-white .slide_tekst h3 {
  color: #fff;
}
.slider .bg_img-title-black .slide_tekst h3 {
  color: #000;
}


/************************************/
/* countdown timer PXL Breekt uit mei 2015 */
/************************************/

  .countdowntimer {
     overflow: hidden;
     height:300px;
     width:1102px;
    }

@media (max-width: 998px) {

   .countdowntimer {
     overflow: hidden;
     height:300px;
     width:844px;
    }
}


/*************************************************/
/* tabellen in laptopteksten met borders tonen juni 15.06.15 */
/*************************************************/

table.laptop , caption.laptop , tbody.laptop, tfoot.laptop,
thead.laptop, tr.laptop, th.laptop, td.laptop
{
   margin: 1;
   padding: 1;
   border: 1px solid #e5e5e5;
}

/*************************************************/
/* afbeeldingen in tekst tonen zonder bottom spatie 04.09.2015 */
/*************************************************/
.wysiwyg .no_bottom {
    border-bottom: none;
    margin-bottom: 0em;
	border-bottom: 0px;
    width: auto;
    max-width: 100%;
}

/* --------------------------------------------------------------------
BLOCK PROJECTS FILTERV2 - 2016
-------------------------------------------------------------------- */
.block-projects-filterV2 {
    border: 0 !important; /* --- type --- */
    /* --- project --- */
    /* --- categorieën -- */
}


.block-projects-filterV2 .filterselectie-content .filterselectie-title {
    font-weight: bold;
    font-size: 2.2em;
}

.block-projects-filterV2 .filterselectie-content .FilterCriteria {
    position:absolute;
	left: 180px;
}

.block-projects-filterV2 .filterselectie-content {
	display: block;
    font-weight: normal;
    background-color: rgb(88, 165, 24);
    box-shadow: none;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 35px;
	color: rgb(255, 255, 255);
	margin-bottom: 1.33333em;
}


.block-projects-filterV2 .type {
    padding-bottom: 3em;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 2.66667em;
}

.block-projects-filterV2 .type:last-child {
    padding: 0;
    margin: 0;
    border: 0;
}

.block-projects-filterV2 .type-title {
    margin-bottom: 1.33333em;
    font-weight: bold;
    font-size: 2.2em;
}

.block-projects-filterV2 .type-projecten {
    padding: 0 3.2em 0 48px;
}

@media (max-width: 600px) {
    .block-projects-filterV2 .type-projecten {
        padding: 0;
    }
}

.block-projects-filterV2 .project-title {
    /*text-transform: uppercase;*/
    font-weight: bold;
    /*color: #505050;*/
    margin-bottom: 1.13333em;
}

.block-projects-filterV2 .project-title a:hover {
    text-decoration: underline;
}

.block-projects-filterV2 .project-status {
	color: rgb(180, 180, 180);
	font-weight: normal;
}

.block-projects-filterV2 .project-title .project-status {
	color: rgb(180, 180, 180);
	font-weight: normal;
}

.block-projects-filterV2 .categorien {
    padding: 0 3em;
	margin-bottom: 1.13333em;
}

@media (max-width: 600px) {
    .block-projects-filterV2 .categorien {
        padding: 0 1.33333em;
		margin-bottom: 1.13333em;
    }
}

.block-projects-filterV2 .categorie {
    line-height: 1.3em;
    margin-bottom: 1.33333em;
    display: -webkit-flex;
    display: flex;
}


.block-projects-filterV2 .categorie-title {
	float: left;
    text-align: left;
    min-width: 150px;
	/*width: 250px;*/
    order: 1;
    padding-left: 10px;
    margin-left: auto;
}

.block-projects-filterV2 .categorie-content a {
    color: #333;
}

.block-projects-filterV2 .categorie-content a:hover {
    text-decoration: underline;
}

.block-projects-filterV2 .categorie-content {
    float: left;
    text-align: left;
    padding-left: 10px;
}

/* --------------------------------------------------------------------
BLOCK CONGRESS FILTER V2
-------------------------------------------------------------------- */
.block-congress-filterV2 .filterselectie-content .filterselectie-title {
    font-weight: bold;
    font-size: 2.2em;
}

.block-congress-filterV2 .filterselectie-content .FilterCriteria {
    position:absolute;
	left: 180px;
}

.block-congress-filterV2 .filterselectie-content {
	display: block;
    font-weight: normal;
    background-color: rgb(88, 165, 24);
    box-shadow: none;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 35px;
	color: rgb(255, 255, 255);
	margin-bottom: 1.33333em;
}

.block-congress-filterV2 
	{ border: 0 !important; }
	
.block-congress-filterV2 a 
	{ color: #333; text-decoration: underline; }
	
.block-congress-filterV2 a:hover 
	{ text-decoration: none; }
	
.block-congress-filterV2 ul 
	{ margin-left: 0%; } /*was 30%*/
	
@media screen and (max-width: 786px) 
	{ .block-congress-filterV2 ul 
		{ margin-left: 0; } 
	}
	
.block-congress-filterV2 ul li 
	{ 	line-height: normal;
		padding: 0 0 0.66667em 0; 
		color: #666; 
		position: relative; 
	}

.block-congress-filterV2 ul li .dept-info, 
.block-congress-filterV2 ul li .dept-link 
	{ 	margin-left: 85px; 
		margin-right: 140px;
		display: block; 
	}
	
.block-congress-filterV2 ul li .dept-date 
	{ position: absolute; left: 0; top: 0; }
	
.block-congress-filterV2 ul li .dept-topic 
	{ position: absolute; right: 0; top: 0; }
	
@media screen and (max-width: 600px) 
	{ 	.block-congress-filterV2 ul li .dept-topic, 
		.block-congress-filterV2 ul li .dept-info, 
		.block-congress-filterV2 ul li .dept-link, 
		.block-congress-filterV2 ul li .dept-date 
			{ position: static; display: block; margin: 3px 0 0; } 
	}
	
.block-congress-filterV2 .category 
	{ 	padding-bottom: 3em;
		border-bottom: 1px solid #e5e5e5; 
		margin-bottom: 2.66667em; 
	}
	
.block-congress-filterV2 .category:last-child 
	{ 	padding: 0; 
		margin: 0; 
		border: 0; 
	}
	
.block-congress-filterV2 .category-title 
	{ 	font-size: 1.8em; 
		color: #505050; 
		margin-bottom: 1.85185em; 
	}
	
.block-congress-filterV2 .category-content 
	{ margin-bottom: 1em; }
	
.block-congress-filterV2 .dept 
	{ 	margin-bottom: 1em; 
		clear: both; 
	}
	
.block-congress-filterV2 .dept-title 
	{ 	/*float: left; */
		/*width: 30%;*/ 
		/*margin-bottom: 1.33333em; */
	}
	
@media screen and (max-width: 786px) 
	{ .block-congress-filterV2 .dept-title 
		{ width: 100%; float: none; } 
	}
	
.block-congress-filterV2 .dept-content ul 
	{ padding-top: 0.86667em; }
	
/* --------------------------------------------------------------------
Welkom in PXL activiteitenoverzicht
-------------------------------------------------------------------- */
.studiekeuze-welkominPXL small
{
	font-size: 12px;
	padding-bottom: 10px;
}

.studiekeuze-welkominPXL img
{
    vertical-align: middle;
    border: 0
}


/* agenda-list */
.agenda-list
{
    border-top: 1px solid #E8EAEB;
}

.agenda-list .media-body
	{display:block}


@media (min-width: 768px)
	{
.agenda-list a.pull-left
	{width:140px}
.agenda-list img
	{max-width:140px}
.agenda-list p
	{margin:0;display:block}
}

/* media-list */
.media-list
{
    list-style: none;
    overflow: hidden;
    padding-left: 0
}

/* media*/
.media, .media-body
{
    overflow: hidden;
    zoom: 1
}
.media:after
    {
        clear: both
    }
.media:before
    {
        content: " ";
        display: table
    }
 .media
    {
        margin-bottom: 11px
    }

@media (min-width: 768px)
{
    .media:first-child
    {
        margin-top: 0
    }
}

/* a pull-left */
.pull-left
{
    float: left !important;
    margin-right: 15px 
}
.agenda-list a.pull-left
{
	width:50px
}

/* agenda-list */
@media (min-width: 768px)
{
    .agenda-list img
    {
        margin-top: 30px;
        max-width: 140px
    }
}

/* media-object */
.media-object
{
    display: block
}


/*media-body*/
.agenda-list .media-body
{
    padding-right: 14px
}

.media, .media-body
{
    overflow: hidden;
    zoom: 1;
    display: block
}


/* korteinhoud tekst*/
.agenda-list .media-body .korteinhoud
{
    padding-top: 5px
}



/*media-heading*/
.media-heading
{
    font-size: 20px;
}


/* agenda-time */
.agenda-time
{
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

@media (max-width: 767px)
	{.agenda-time
		{color:31650D;
		letter-spacing:-0.05em;
		}

	.agenda-time li
		{display:none;
		border:0;
		padding:0}
		
	.agenda-time li:before
		{content:"|";
		padding:0 4px 0 6px}

	.agenda-time li:first-child:before
		{content:"";
		padding:0}
	}

@media (min-width: 768px)
	{.agenda-time
		{	position:absolute;
			left:0;
			top:0;
			width:140px;
			background-color:#31650D;
			height: 30px;
			text-transform: uppercase;
			font-size: 14px;
		}
	.agenda-time li
		{padding: 7px 0 0 0px;
		color:#FFF;}
	}

/* btn-link*/
.media-list a:hover
	{text-decoration: none}


.agenda-list
	{border-top:1px solid #E8EAEB;
	padding-top:10px}
	
.agenda-list .media-body
	{display:block}
	
.agenda-list>li
	{position:relative;
	border-bottom:1px solid #E8EAEB;
	padding-bottom:10px}

.agenda-list a
	{text-decoration:none}

.agenda-list p
	{display:none}

.agenda-list p>.meta
	{color:#666;
	display:block;
	font-size:0.867em}

.agenda-list p.contact-info
	{margin-top:7.33333333px}

.agenda-list .inner-spacer
	{color:#ccc;
	display:inline-block;
	margin:0 2px}

.agenda-list .media-heading
	{margin:1px 0 2px}

.agenda-list img
	{max-width:50px}
	
	
@media (min-width: 768px)
	{.agenda-list
	{padding-top:15px}
.agenda-list a.pull-left
	{width:140px}
.agenda-list img
	{max-width:140px}
.agenda-list>li
	{padding-bottom:15px}
.agenda-list p
	{margin:0;display:block}
}

@media (min-width: 768px)
	{.agenda-list img
		{margin-top:30px}
	}

.agenda-list .media-body
	{padding-right:14px}
.agenda-list .btn-link
	{position:absolute;
	 right:-14px;
	 top:50%;
	 margin-top:-26px}
	 
.agenda-list .btn-link span
	{display:none}

.agenda-list > li
{
    position: relative;
    padding-bottom: 10px
}

.media, .media-body
{
     overflow: hidden; 
     zoom: 1 
}

/* Flowbox */
/* .bg-flowbox wordt gebruikt in R.T. FlowBox PXL_Background */
@media (min-width: 768px)
	{
      .bg-flowbox { position: relative; padding-top: 280px; margin: 0 auto; max-width: 1920px; }
    }
@media (max-width: 767px)
	{
      .bg-flowbox { position: relative; padding-top: 80px; margin: 0 auto; max-width: 1920px; }
    }

.flowbox_homepage_block .block-title h2
{ color: #505050; font-size: 2.53333em; text-transform: uppercase; text-shadow: none; font-size: calc(13px + 2vw); }

@media (min-width: 1224px) 
	{
      	.flowbox_homepage_block .block-title h2 { font-size: 2.53333em; } 
	}

/* Overzicht PXL Materiaal Verkoop */
/* DivTable.com */
.overzichtMateriaalVerkoop{
	display: table;
	width: 100%;
}
.overzichtMateriaalVerkoopRow {
	display: table-row;
}
.overzichtMateriaalVerkoopCell, .overzichtMateriaalVerkoopHead {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	display: table-cell;
	padding: 3px 10px;
}
.overzichtMateriaalVerkoopHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.overzichtMateriaalVerkoopFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.overzichtMateriaalVerkoopBody {
	display: table-row-group;
}
  
/* Output X pagina */
.block .block-employees .title h3, .block .block-contact .title h3, .block .block-employees .title h3{
    clear: both;
    font-size: 1.26667em;
    color: #333;
    font-family: '83 Heavy Extended', 'HelveticaNeueLTCom-HvEx', Arial;
    text-transform: uppercase;
    font-weight: normal !important;
    margin: 0;
}

.block-project-detail .content .group .group-title h2 {
  line-height: 1em;
  font-size: 2.53333em;
  color: #505050;
}

/* --------------------------------------------------------------------
PROJECT DETAIL
-------------------------------------------------------------------- */
body.page-project-detail .block-2col .block-contact { width: 22.26847%; float: left; margin-right: 3.64204%; display: inline; }
@media (max-width: 998px) { body.page-project-detail .block-2col .block-contact { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; } }
@media (max-width: 700px) { body.page-project-detail .block-2col .block-contact { width: 100%; margin-right: 0; } }
body.page-project-detail .block-2col .block-employees {float: right; margin-right: 0; *margin-left: -3.5%; display: inline; }
@media (max-width: 998px) { body.page-project-detail .block-2col .block-employees { width: 48.17898%; float: right; margin-right: 0; *margin-left: -3.5%; display: inline; } }
@media (max-width: 700px) { body.page-project-detail .block-2col .block-employees { width: 100%; margin-right: 0; } }

/* --------------------------------------------------------------------
CONTACTGEGEVENS: Functie volledig tonen
-------------------------------------------------------------------- */
.contact_block p 
	{line-height: 1.2em;}
.contact_block a, .contact_block p, .contact_block b 
	{display: block; 
     overflow: hidden; 
     white-space: normal;
     text-overflow: ellipsis; }

/* --------------------------------------------------------------------
COOKIEUSE
-------------------------------------------------------------------- */


/* Bar along the top */
/*
.__cookieuse {
	z-index: 99;
	position:	fixed;
	top:		0;
	left:		0;
	width:		100%;
	background-position:	right center;
	background-repeat:		no-repeat;
	background-color:		#dbdbdb;
}
*/

/* Bar along the bottom */
.__cookieuse {
	z-index: 99;
	position:	fixed;
	bottom:		0;
	left:		0;
	width:		100%;
	background-position:	right center;
	background-repeat:		no-repeat;
    background-color:		#dbdbdb;
}

/* Box in top right */
/*
.__cookieuse {
	z-index: 99;
	position:	fixed;
	top:		0;
	right:		0;
	width:		250px;
	background-position:	right top;
	background-repeat:		no-repeat;
	background-color:		#dbdbdb;
}
*/

/* Box in bottom right */
/*
.__cookieuse {
	z-index: 99;
	position:	fixed;
	bottom:		0;
	right:		0;
	width:		250px;
	background-position:	right top;
	background-repeat:		no-repeat;
	background-color:		#dbdbdb;
}
*/

.__cookieuse p {
	margin:	0.6em;
	margin-right: 30px;
}

/* ====================================================================
Videogrid voor PXL_Overzicht_Video_Content
==================================================================== */

.block-videogrid .videothumbnail .field-link, .block-videogrid-other .videothumbnail .field-link, .block-videogrid.no-logo .videothumbnail .field-link, .no-logo.block-videogrid-other .videothumbnail .field-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.block-videogrid .videothumbnail .field-link a, .block-videogrid-other .videothumbnail .field-link a, .block-videogrid.no-logo .videothumbnail .field-link a, .no-logo.block-videogrid-other .videothumbnail .field-link a { display: block; width: 100%; height: 100%; background-image: url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="); }

.block-video-detail .title h2, .block-videogrid .title h2, .block-videogrid-other .title h2, .block-video-detail h2 { color: #505050; font-size: 2.53333em; text-transform: uppercase; text-shadow: none; font-size: calc(13px + 2vw); }

@media (min-width: 1224px) { h1, .h1, .block-video-detail .title h2, .block-videogrid .title h2, .block-videogrid-other .title h2, .block-video-detail h2 { font-size: 2.53333em; } }

/*  BTN MORE
-------------------------------------------------------------------- */
.block-videogrid .videothumbnail .field-more, .block-videogrid-other .videothumbnail .field-more, .block-videogrid.no-logo .videothumbnail .field-more, .no-logo.block-videogrid-other .videothumbnail .field-more { font-size: 0.86667em; color: #000; font-weight: bold; padding-right: 13px; line-height: 14px; background: url(../img/overzicht_arrow.png) no-repeat right 4px; }

.block-videogrid .videothumbnail .field-more:hover, .block-videogrid-other .videothumbnail .field-more:hover, .block-videogrid .videothumbnail:hover .field-more, .block-videogrid-other .videothumbnail:hover .field-more, .block-videogrid.no-logo .videothumbnail:hover .field-more, .no-logo.block-videogrid-other .videothumbnail:hover .field-more { color: #505050; background-position: right -10px; }

/* -------------------------------------------------------------------- 
BLOCK STYLE 1 
-------------------------------------------------------------------- */
.block-video-detail .title, .block-videogrid .title, .block-videogrid-other .title { margin-bottom: 1.66667em !important; padding: 0; }

/* --------------------------------------------------------------------
BLOCK VIDEOS
-------------------------------------------------------------------- */

.block-videogrid, .block-videogrid-other { margin-bottom: 1em !important; }
.block-videogrid .videogrid, .block-videogrid-other .videogrid { overflow: hidden; *zoom: 1; }
.block-videogrid .videogrid .videothumbnail, .block-videogrid-other .videogrid .videothumbnail { width: 22.2%; float: left; margin-right: 3.64204%; display: inline; }
.block-videogrid .videogrid .videothumbnail:nth-child(4n), .block-videogrid-other .videogrid .videothumbnail:nth-child(4n) { float: right; margin-right: 0; *margin-left: -3.5%; }
.block-videogrid .videogrid .videothumbnail:nth-child(4n+5), .block-videogrid-other .videogrid .videothumbnail:nth-child(4n+5) { clear: both; }

@media (max-width: 998px) { .block-videogrid .videogrid .videothumbnail, .block-videogrid-other .videogrid .videothumbnail { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; }
  .block-videogrid .videogrid .videothumbnail:nth-child(3n), .block-videogrid-other .videogrid .videothumbnail:nth-child(3n) { float: left; margin-right: 3.64204%; *margin-left: auto; }
  .block-videogrid .videogrid .videothumbnail:nth-child(3n+4), .block-videogrid-other .videogrid .videothumbnail:nth-child(3n+4) { clear: none; }
  .block-videogrid .videogrid .videothumbnail, .block-videogrid-other .videogrid .videothumbnail { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; }
  .block-videogrid .videogrid .videothumbnail:nth-child(2n), .block-videogrid-other .videogrid .videothumbnail:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; }
  .block-videogrid .videogrid .videothumbnail:nth-child(2n+3), .block-videogrid-other .videogrid .videothumbnail:nth-child(2n+3) { clear: both; } }

@media (max-width: 480px) { .block-videogrid .videogrid .videothumbnail, .block-videogrid-other .videogrid .videothumbnail { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; }
  .block-videogrid .videogrid .videothumbnail:nth-child(2n), .block-videogrid-other .videogrid .videothumbnail:nth-child(2n) { float: left; margin-right: 3.64204%; *margin-left: auto; }
  .block-videogrid .videogrid .videothumbnail:nth-child(2n+3), .block-videogrid-other .videogrid .videothumbnail:nth-child(2n+3) { clear: none; }
  .block-videogrid .videogrid .videothumbnail, .block-videogrid-other .videogrid .videothumbnail { width: 100%; float: left; margin-right: 3.64204%; display: inline; }
  .block-videogrid .videogrid .videothumbnail:nth-child(1n), .block-videogrid-other .videogrid .videothumbnail:nth-child(1n) { float: right; margin-right: 0; *margin-left: -3.5%; }
  .block-videogrid .videogrid .videothumbnail:nth-child(1n+2), .block-videogrid-other .videogrid .videothumbnail:nth-child(1n+2) { clear: both; } }

.block-videogrid .videothumbnail, .block-videogrid-other .videothumbnail { position: relative; margin-bottom: 1.66667em; }
.block-videogrid .videothumbnail .field-img, .block-videogrid-other .videothumbnail .field-img { margin-bottom: 0.66667em; }
.block-videogrid .videothumbnail .field-title, .block-videogrid-other .videothumbnail .field-title { margin-bottom: 0.66667em; display: table; }
.block-videogrid .videothumbnail .field-title h3, .block-videogrid-other .videothumbnail .field-title h3 { display: table-cell; vertical-align: middle; height: 46px; background: url(../img/logo_klein.png) no-repeat left center; padding-left: 48px; color: #000; font-size: 1.06667em; line-height: 1.1em; overflow: hidden; text-overflow: ellipsis; text-transform: uppercase; }
.block-videogrid .videothumbnail .field-text, .block-videogrid-other .videothumbnail .field-text { line-height: 16px; }
.block-videogrid .videothumbnail .field-text ul, .block-videogrid-other .videothumbnail .field-text ul { margin-left: 0; }
.block-videogrid .videothumbnail .field-more, .block-videogrid-other .videothumbnail .field-more { text-align: right; }
.block-videogrid .videothumbnail:hover .field-title h3, .block-videogrid-other .videothumbnail:hover .field-title h3 { color: #505050; }
.block-videogrid .videothumbnail.nolink:hover .field-title h3, .block-videogrid-other .videothumbnail.nolink:hover .field-title h3 { color: #000; }

.block-videogrid.no-logo, .no-logo.block-videogrid-other { margin-bottom: 1em !important; }
.block-videogrid.no-logo .videogrid, .no-logo.block-videogrid-other .videogrid { overflow: hidden; *zoom: 1; }
.block-videogrid.no-logo .videogrid .videothumbnail, .no-logo.block-videogrid-other .videogrid .videothumbnail { width: 22.2%; float: left; margin-right: 3.64204%; display: inline; }
.block-videogrid.no-logo .videogrid .videothumbnail:nth-child(4n), .no-logo.block-videogrid-other .videogrid .videothumbnail:nth-child(4n) { float: right; margin-right: 0; *margin-left: -3.5%; }
.block-videogrid.no-logo .videogrid .videothumbnail:nth-child(4n+5), .no-logo.block-videogrid-other .videogrid .videothumbnail:nth-child(4n+5) { clear: both; }
@media (max-width: 998px) { .block-videogrid.no-logo .videogrid .videothumbnail, .no-logo.block-videogrid-other .videogrid .videothumbnail { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; }
  .block-videogrid.no-logo .videogrid .videothumbnail:nth-child(3n), .no-logo.block-videogrid-other .videogrid .videothumbnail:nth-child(3n) { float: left; margin-right: 3.64204%; *margin-left: auto; }
  .block-videogrid.no-logo .videogrid .videothumbnail:nth-child(3n+4), .no-logo.block-videogrid-other .videogrid .videothumbnail:nth-child(3n+4) { clear: none; }
  .block-videogrid.no-logo .videogrid .videothumbnail, .no-logo.block-videogrid-other .videogrid .videothumbnail { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; }
  .block-videogrid.no-logo .videogrid .videothumbnail:nth-child(2n), .no-logo.block-videogrid-other .videogrid .videothumbnail:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; }
  .block-videogrid.no-logo .videogrid .videothumbnail:nth-child(2n+3), .no-logo.block-videogrid-other .videogrid .videothumbnail:nth-child(2n+3) { clear: both; } }
@media (max-width: 480px) { .block-videogrid.no-logo .videogrid .videothumbnail, .no-logo.block-videogrid-other .videogrid .videothumbnail { float: none; width: auto; margin-right: auto; *margin-left: auto; display: block; }
  .block-videogrid.no-logo .videogrid .videothumbnail:nth-child(2n), .no-logo.block-videogrid-other .videogrid .videothumbnail:nth-child(2n) { float: left; margin-right: 3.64204%; *margin-left: auto; }
  .block-videogrid.no-logo .videogrid .videothumbnail:nth-child(2n+3), .no-logo.block-videogrid-other .videogrid .videothumbnail:nth-child(2n+3) { clear: none; }
  .block-videogrid.no-logo .videogrid .videothumbnail, .no-logo.block-videogrid-other .videogrid .videothumbnail { width: 100%; float: left; margin-right: 3.64204%; display: inline; }
  .block-videogrid.no-logo .videogrid .videothumbnail:nth-child(1n), .no-logo.block-videogrid-other .videogrid .videothumbnail:nth-child(1n) { float: right; margin-right: 0; *margin-left: -3.5%; }
  .block-videogrid.no-logo .videogrid .videothumbnail:nth-child(1n+2), .no-logo.block-videogrid-other .videogrid .videothumbnail:nth-child(1n+2) { clear: both; } }
.block-videogrid.no-logo .videothumbnail, .no-logo.block-videogrid-other .videothumbnail { position: relative; margin-bottom: 1.66667em; }
.block-videogrid.no-logo .videothumbnail .field-img, .no-logo.block-videogrid-other .videothumbnail .field-img { margin-bottom: 0.66667em; }
.block-videogrid.no-logo .videothumbnail .field-title, .no-logo.block-videogrid-other .videothumbnail .field-title { margin-bottom: 0.66667em; }
.block-videogrid.no-logo .videothumbnail .field-title h3, .no-logo.block-videogrid-other .videothumbnail .field-title h3 { line-height: 1.1em; overflow: visible; text-overflow: normal; white-space: normal; background: none; padding-left: 0; font-size: 1.2em; }
.block-videogrid.no-logo .videothumbnail .field-text, .no-logo.block-videogrid-other .videothumbnail .field-text { line-height: 16px; }
.block-videogrid.no-logo .videothumbnail .field-text ul, .no-logo.block-videogrid-other .videothumbnail .field-text ul { margin-left: 0; }
.block-videogrid.no-logo .videothumbnail .field-more, .no-logo.block-videogrid-other .videothumbnail .field-more { text-align: right; }
.block-videogrid.no-logo .videothumbnail:hover .field-title h3, .no-logo.block-videogrid-other .videothumbnail:hover .field-title h3 { color: #505050; }
.block-videogrid.no-logo .videothumbnail.nolink:hover .field-title h3, .no-logo.block-videogrid-other .videothumbnail.nolink:hover .field-title h3 { color: #000; }


/* --------------------------------------------------------------------
h2 tags worden op de opleidingspagina's niet getoond in responsive mode (lijn 2758 in style.css)
h2 Toch tonen in mobile versie(26.08.2018)
-------------------------------------------------------------------- */

@media (max-width: 998px) { body.opleidingx .sidemenu_opleidingen { width: 100%; margin: 0; margin-right: -100%; }
  body.opleidingx .content_block { width: 100%; }
  body.opleidingx .content_block h2 { display: block; }
  body.opleidingx h1.title { font-size: 2em; } }

/* --------------------------------------------------------------------
Uitbreiding Congress Filter
Selecties worden getoond in extra tekstblok (filterselectie)
-------------------------------------------------------------------- */

.block-congress-filter .filterselectie-content .filterselectie-title {
    font-weight: bold;
    font-size: 2.2em;
}

.block-congress-filter .filterselectie-content .FilterCriteria {
    position:absolute;
	left: 180px;
}

.block-congress-filter .filterselectie-content {
	display: block;
    font-weight: normal;
    background-color: rgb(88, 165, 24);
    box-shadow: none;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 35px;
	color: rgb(255, 255, 255);
	margin-bottom: 1.33333em;
}

/* --------------------------------------------------------------------
Uitbreiding OpleidingsFilter - 08.09.2021 
Selecties worden getoond in extra tekstblok (filterselectie)
-------------------------------------------------------------------- */

.block-opleidingen-filter .filterselectie-content .filterselectie-title {
    font-weight: bold;
    font-size: 2.2em;
}

.block-opleidingen-filter .filterselectie-content .FilterCriteria {
    position:absolute;
	left: 180px;
}

.block-opleidingen-filter .filterselectie-content {
	display: block;
    font-weight: normal;
    background-color: rgb(88, 165, 24);
    box-shadow: none;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 35px;
	color: rgb(255, 255, 255);
	margin-bottom: 1.33333em;
}

/* --------------------------------------------------------------------
Titels voor PXL Output X kleiner tonen
-------------------------------------------------------------------- */

  .output-title { 
    font-size: 0.53333em; 
  	line-height: 1;
  }


/* --------------------------------------------------------------------
BLOCK opleidingvideos
-------------------------------------------------------------------- */
@media (max-width: 480px) { .block-opleidingvideos + .block { border-top: none !important; padding-top: 0 !important; } }

.block-opleidingvideos .content .opleidingvideo { position: relative; width: 22.26847%; float: left; margin-right: 3.64204%; display: inline; }
.block-opleidingvideos .content .opleidingvideo:nth-child(4n) { float: right; margin-right: 0; *margin-left: -3.5%; }
.block-opleidingvideos .content .opleidingvideo:hover h2 { color: #707070; }

.block-opleidingvideos .content .opleidingvideo span.meer { display: none; }

.block-opleidingvideos .content .opleidingvideo .field-text a { color: #333; }

.block-opleidingvideos .content .opleidingvideo .field-link a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/empty_pixel.png); }

.block-opleidingvideos .opleidingvideos-more > div { width: 22.26847%; float: left; margin-right: 3.64204%; display: inline; }
.block-opleidingvideos .opleidingvideos-more > div:nth-child(4n) { float: right; margin-right: 0; *margin-left: -3.5%; }

.block-opleidingvideos h2 { font-size: 1.33333em; color: #000000; margin-top: 1em; margin-bottom: 0.6em; line-height: 1.33333em; text-transform: uppercase; }

.block-opleidingvideos h3 { font-size: 0.93333em; font-weight: bold; color: #999; margin-bottom: 1.42857em; font-family: Arial, Helvetica, Garuda, sans-serif; text-transform: none; line-height: 1em; max-height: 2em; overflow: hidden; }

.block-opleidingvideos p { line-height: 1.53333em; }

@media (max-width: 998px) { .block-opleidingvideos .opleidingvideos-more { display: none !important; }
  .block-opleidingvideos .content .opleidingvideo { margin-bottom: 40px; width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; }
  .block-opleidingvideos .content .opleidingvideo:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; }
  .block-opleidingvideos .content .opleidingvideo span.meer { display: block; }
  .block-opleidingvideos .content .opleidingvideo:nth-child(2n+1) { clear: both; } }
@media (max-width: 480px) { .block-opleidingvideos .content .opleidingvideo { width: 100% !important; margin-right: 0 !important; } }

/* --------------------------------------------------------------------
BLOCK opleidingvideo
-------------------------------------------------------------------- */
.block_opleidingvideo { padding-bottom: 2.66667em; }

.block_opleidingvideo h1.title { color: #707070; font-size: 2.53333em; padding-bottom: 0.86842em; margin: 0; }

.block_opleidingvideo .opleidingvideo_box { width: 48.17898%; float: left; margin-right: 3.64204%; display: inline; padding-bottom: 3.5%; }
.block_opleidingvideo .opleidingvideo_box:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; }
.block_opleidingvideo .opleidingvideo_box:nth-child(2n+1) { clear: both; }

.block_opleidingvideo .opleidingvideo_box .col { width: 46.2203%; float: left; margin-right: 7.5594%; display: inline; }
.block_opleidingvideo .opleidingvideo_box .col:nth-child(2n) { float: right; margin-right: 0; *margin-left: -3.5%; }

.block_opleidingvideo .opleidingvideo_box .col h1 { margin-top: 0; }