/***** FONTS *****/
@font-face {
	font-family: 'Assistant Regular';
	src: url('../fonts/Assistant-Regular.eot');
	src: url('../fonts/Assistant-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Assistant-Regular.woff') format('woff'),
		url('../fonts/Assistant-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Assistant SemiBold';
	src: url('../fonts/Assistant-SemiBold.eot');
	src: url('../fonts/Assistant-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Assistant-SemiBold.woff') format('woff'),
		url('../fonts/Assistant-SemiBold.ttf') format('truetype');
	font-weight: 600; 
	font-style: normal;
}

@font-face {
	font-family: 'Assistant Bold';
	src: url('../fonts/Assistant-Bold.eot');
	src: url('../fonts/Assistant-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Assistant-Bold.woff') format('woff'),
		url('../fonts/Assistant-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
    font-family: 'Assistant Light';
    src: url('../fonts/assistant-light-webfont.eot');
    src: url('../fonts/assistant-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/assistant-light-webfont.woff2') format('woff2'),
         url('../fonts/assistant-light-webfont.woff') format('woff'),
         url('../fonts/assistant-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

/**
 * @license
 * MyFonts Webfont Build ID 3393682, 2017-05-23T04:50:06-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: FF Web Profile Web by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-profile/ot/
 * 
 * Webfont: FF Web Profile Web Bold Italic by FontFont
 * URL: https://www.myfonts.com/fonts/fontfont/ff-profile/ot-bold-ita/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3393682
 * Licensed pageviews: 50,000
 * Webfonts copyright: 2011 published by FontShop International GmbH
 * 
 * © 2017 MyFonts Inc
*/

@font-face {
	font-family: 'FFWebProfileWeb';
	src: url('../fonts/33C892_0_0.eot');
	src: url('../fonts/33C892_0_0.eot?#iefix') format('embedded-opentype'),
		url('../fonts/33C892_0_0.woff2') format('woff2'),
		url('../fonts/33C892_0_0.woff') format('woff'),
		url('../fonts/33C892_0_0.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
 
  
@font-face {
	font-family: 'FFWebProfileWebBoldItalic';
	src: url('../fonts/33C892_1_0.eot');
	src: url('../fonts/33C892_1_0.eot?#iefix') format('embedded-opentype'),
		url('../fonts/33C892_1_0.woff2') format('woff2'),
		url('../fonts/33C892_1_0.woff') format('woff'),
		url('../fonts/33C892_1_0.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.FFWebProfileWeb { /* test */
	font-family: FFWebProfileWeb;
	font-weight: normal;
	font-style: normal;
}
.FFWebProfileWebBoldItalic { /* test */
	font-family: FFWebProfileWebBoldItalic;
	font-weight: normal;
	font-style: normal;
}

/***** COLORS *****/
.groen {background-color: #ADC70C;}
.oranje {background-color: #FD7D23;}
.blauw {background-color: #0076B9;}

/***** GENERAL STYLES *****/
html {
	width: 100%; 
	max-width: 100vw; 
	height:auto;
	overflow-x: hidden;
	}
body {
	background-color: rgb(249, 249, 250);
	color: #58585A;
	font-family: "Assistant Regular", Arial, sans-serif; 
	font-size: 22px;
    line-height: 28px!important;
}

h1 {
	color: #0076B9;
	font-family: "Assistant SemiBold", Arial, sans-serif; 
	font-size: 40px;
    line-height: 48px!important;
}
h2 {
	color: #58585A;
	font-family: "Assistant Regular", Arial, sans-serif; 
	font-size: 30px;
    line-height: 36px;
}
h3 {
	color: #58585A;
	font-family: "Assistant Regular", Arial, sans-serif; 
	font-size: 22px;
    line-height: 28px;
}

.form-required::after {margin: 5px;}

.oost-container-inner .region-content article ol, 
.oost-container-inner .region-content article ul,
.oost-container-inner .region-content article ol li,
.oost-container-inner .region-content article ul li {padding-left: 20px;}

.oost-container-inner .region-content article ul li,
.oost-container-inner .region-content article ol li {
  counter-increment: list;
  list-style-type: none;
  position: relative;
}

/* Output the numbers using the counter() function, but use a custom color, and position the numbers how we want */
 .oost-container-inner .region-content article ol li:before {
  content: counter(list) " ";
  left: -32px;
  position: absolute;
  text-align: right;
  width: 26px;
}

 .oost-container-inner .region-content article ul li:before {
  content: ">";
  left: -32px;
  position: absolute;
  text-align: right;
  width: 26px;
}

.oost-nl .oost-container-inner .region-content article ul li:before,
.oost-nl .oost-container-inner .region-content article ol li:before {color: #0076B9;}

.oost-com .oost-container-inner .region-content article ul li:before,
.oost-com .oost-container-inner .region-content article ol li:before{color: #FD7D23;}


div.indent {margin: 0px 0px 20px 20px;}
.region-content a { color: #0076B9;}
.path-node .region-content a:hover {text-decoration: underline;}

.views-field-edit-node { height: 20px; }
.views-field-edit-node a,
span.bewerk a, a .bewerk, 
a p.bewerk,
.bewerk-gerelateerde_pagina_tegel a {
	display: inline-block!important;
	color: red!important; 
	background-color: yellow!important; 
	text-transform: none!important;
	font-size: 12px;
	line-height: 16px;
	text-decoration:none!important;
	cursor: pointer;
	position:relative;
	z-index: 99;
	}
.bewerk-rechts a {float: right!important; position: relative; right: 0px;}
.bewerk-dashboard, span.ext, svg.ext {display: none;}

.block p,
h1.page-header,
.path-node .field--name-body p,
.tegel-page .tegel-titel,
.tegel-page .tegel-tekst,
.context .infotegel .tegel-titel,
.context .infotegel .tegel-tekst 
{
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
/*  word-wrap: break-word;*/
}

.views-field-edit-node,
.region-megamenu .dashboard,
.authenticated-only {display: none;}
.oost-logged-in .views-field-edit-node,
.oost-logged-in .authenticated-only {display: inline-block;}


h2.block-title,
.submenu h2 {
	background-color: #898989;
	display: inline-block;
	height: 32px;
	width: auto!important;
	color: #FFF;
	font-size: 16px;
	text-transform: uppercase;
	line-height: 32px;
	padding: 0px 7px 0px 7px;
	font-family: "Assistant Bold", Arial, sans-serif; 
}

a.anchor { /* offset content-anchor ivm sticky topmenu */
  display: block; 
  position: relative; 
  top: -105px!important;
/*  padding-bottom: 30px;*/
  visibility: hidden; 
  }

.field--name-body article .field--name-name {display: none;}
.is-unpublished {background-color: #FFF6F8;}
.is-unpublished::before {content: "Let op: niet gepubliceerd!"; color: red; margin-bottom: 20px;}


/***** LAYOUTS *****/
#oost-container {
	background-color: #FFF;
	box-shadow: 0 0 1px rgba(0,0,0,.2); /* body border */
    margin: auto;
    max-width: 100%;
	height: auto!important;
	padding-left: 0px!important;
    padding-right: 0px!important;
    position: relative;
    top: 0px;
    z-index: 1;
}

.col-sm-12 {
	left: 0px;   
	margin: 0px auto;
	max-width: 100%;
	padding: 0px;
    width: 100%;
}

.container {width: 100%;}
.oost-container-inner  {padding: 25px 0px 30px 0px!important;}
.region-sidebar-second {padding-top: 20px;}
.region-servicebanner,
.region-participations {
	left: 0px;   
	margin: 0px auto;
	max-width: 100%;
	padding: 0px;
    width: 100%;
}

.print-link {cursor: pointer;}
.region-highlighted {background: none;}

.oost-logged-in .region-highlighted .tabs {
	position: relative;
	z-index: 1000;
	background: none;
}

.path-node .region-content {} /* voor mobile */
.page-node-type-page .field--name-body {padding-bottom: 30px;}
.bijlage {margin-top: 20px;}
.field-content .media {overflow:visible!important;}

/* Navigation */
.navbar {margin-bottom: 0px!important; height: 67px; width: 100%; max-width: 100%!important;}
.navbar-header {width: 100%; margin: 0px!important;}

header .navbar-nav > li {float: none;}
header .navbar-nav li a {
	font-size: 24px;
	line-height: 31px;
	color: #0076B9!important;
	font-family: "Assistant Bold", Arial, sans-serif; 
	padding: 0px;
}

.nav > li > a.active, 
.nav > li > a:active, 
.nav > li > a:focus, 
header .navbar-nav > li.dropdown,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {background-color: transparent!important;}
header .navbar-nav > li.dropdown ul {display: none;}

.logo { 
	float: left;
	left: 0px;
	top: 11px;
	margin-bottom: -93px!important; /* overlap op foto */
	position: relative;
	z-index: 150;
}

.path-user .main-container {margin-top: 80px!important;}


.navbar .logo {
    margin: 0px;
    padding: 0px;
}
.region-navigation .logo p a {
    background-image: url(../images/logo-m.png);
    background-repeat: no-repeat;
    color: #FFF;
	display: inline-block;
	height: 93px;
	margin-bottom: 0px;
    text-decoration: none;
    width: 73px;
}

.is-sticky .region-navigation .logo { 
	float: left;
	left: 15px;
	top: 6px;
	margin-bottom: 0px!important;
}
.is-sticky .region-navigation .logo p a { 
	background-image: url(../images/logo-oostnl-sticky-m.png);
    background-repeat: no-repeat;
    color: #FFF;
	display: inline-block;
	height: 42px;
	margin-bottom: 0px;
    text-decoration: none;
    width: 33px;
	position: relative;
	z-index: 1000;
}

#header-sticky-wrapper { 
	background-color: #FFF;
	z-index: 60;
}

.navbar-default,
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus,
.navbar-toggle,
.navbar-default header .navbar-nav > .active > a, 
.navbar-default header .navbar-nav > .active > a:hover, 
.navbar-default header .navbar-nav > .active > a:focus {
    background-color: transparent!important;
    border: none;
}

.topmenu-blok { 
	float: right;
	position: relative;
	right: 5px;
	top: 21px;
	z-index: 150;
}
.topmenu-blok ul {list-style-image: none; margin: 0px;}
.topmenu-blok ul li {display: inline;}
.topmenu-blok .nav > li > a {display: inline-block!important;padding: 0px;}
.topmenu-blok .nav > li > a:hover,
.topmenu-blok .nav > li > a.active,
.topmenu-blok .nav > li > a.active:hover,
.topmenu-blok .nav > li:hover a {background-color: transparent!important; color: #0076B9!important;}

.zoek-link,
.menu-link,
.language-link {
	padding: 12px 0px 0px 0px;
	color: #0076B9;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	position: relative;
	text-align: center;
	z-index: 101;
}

.zoek-link {	
    background-image: url(../images/icon-zoeken-m.png);
    background-repeat: no-repeat;
    background-position: top center;
	margin-right: 23px;
}

.contact-link {	display: none; visibility: hidden; width: 0px; height: 0px;}

a.menu-link:focus {outline: none;}


.menu-link {
    background-image: url(../images/icon-hamburger-open-m.png);
    background-repeat: no-repeat;
    background-position: top center;
}

.menu-link.sluit {background-image: url(../images/icon-hamburger-close-m.png);}


/**** Megamenu *****/
.region-megamenu {display: none!important;}
.region-megamenu.open {
	background-color: #FFF;
	display: block!important; 
	height: auto;
	position: relative;
	top: 70px;
	width: 100%!important; 
	z-index: 300!important;
}

.region-megamenu section,
.region-megamenu nav {	display: block; float: left;}

.region-megamenu nav,
.region-megamenu .social-links { 
	display: block;
	float: right;
	height: auto; 
	padding: 0px;
}

.region-megamenu .social-links {padding-bottom: 101px;}

.region-megamenu .social-icons a {
    display: inline-block!important;
    height: 40px;
/*    margin: 0px 24px 0px 0px;*/
	margin: 0px 10px 0px 0px;
    width: 40px;
    float: left;
	text-indent: -999999px;
}

.region-megamenu #twitter-icon {
    background-image: url(../images/social-twitter.png);
    display: block;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
}

.region-megamenu #linkedin-icon {
    background-image: url(../images/social-linkedin.png);
    display: block;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
}

.region-megamenu #youtube-icon {
    background-image: url(../images/social-youtube.png);
    display: block;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
}

.region-megamenu #rss-icon {
    background-image: url(../images/social-rss.png);
    display: block;
    height: 40px;
    width: 40px;
    background-repeat: no-repeat;
	margin: 0px;
}

/***** Servicebanner social *****/
.region-servicebanner {margin-bottom: -7px!important;}
.region-servicebanner .social-icons a {
    display: inline-block!important;
    height: 50px;
    margin: 0px 10px 0px 0px;
    width: 50px;
    float: left;
	text-indent: -999999px;
}

.region-servicebanner #twitter-icon {
    background-image: url(../images/social-footer-twitter.png);
    display: block;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
}

.region-servicebanner #linkedin-icon {
    background-image: url(../images/social-footer-linkedin.png);
    display: block;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
}

.region-servicebanner #youtube-icon {
    background-image: url(../images/social-footer-youtube.png);
    display: block;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
}

.region-servicebanner #rss-icon {
    background-image: url(../images/social-footer-rss.png);
    display: block;
    height: 50px;
    width: 50px;
    background-repeat: no-repeat;
	margin: 0px;
}


/* Top Bar */
.region-header {}
.page-header {border: 0px;}

/* Footer */
.footer {
	background-color: #F2F2F2;
    margin-top: 0px;
    padding-top: 15px;
    padding-bottom: 36px;
    border: none;
	box-shadow: 0 0 1px rgba(0,0,0,.2); /* body border */
}

.footer .nav {margin: 20px 10px 0px 0px;}

.footer .nav a,
.footer .nav a:hover {
	color: #58585A!important;
	background-color: transparent;
	font-size: 18px;
	line-height: 28px;
	padding: 0px!important;
}

.region-footer .col-md-9,
.region-footer .col-md-3 {padding: 0px!important; margin-left: 0px!important;}
.nieuwsbrief-form label {	
	color: #707070 !important;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
}
.nieuwsbrief-form  .webform-confirmation__message {}
.webform-confirmation__back {display: none;}

/* Servicebanner */
.region-servicebanner { 
	padding: 10px 0px 10px 0px;
}
.region-servicebanner {
	background-color: #0076B9;
	color: #FFF;
	height: auto;
	min-height: 200px;
	padding-top: 40px;
	font-family: "Assistant Light", Arial, sans-serif;  
	font-size: 36px;
    line-height: 48px!important;
}
.region-servicebanner p { hyphens: none; margin: 0px; line-height: 40px;}
.region-servicebanner p strong,
.region-servicebanner p a {
	font-family: "Assistant SemiBold", Arial, sans-serif; 
	font-size: 40px;
}
.region-servicebanner .service-mail p strong,
.region-servicebanner p a {font-size: 36px;}
.region-servicebanner p a {color: #FFF!important; text-decoration: none;}

/***** SLIDE HEADERS *****/
.slide-header-home {}
.slidetekst-home {
	color: #0076B9;
	font-family: "Assistant Regular", Arial, sans-serif; 
	font-size: 30px;
    line-height: 36px!important;
}



.slide-tekst {
		font-size: 30px;
		line-height: 36px;
		color: #0076B9;
		padding: 17px 20px 20px 20px;
	}
.slide-tekst span.cta-slide-tekst {display: inline-block; width: 100%; padding-bottom: 7px;}

a.cta-button  {
	color:#ffffff;
    display:inline-block;    
	font-size: 18px;	
	height: 40px;
    line-height: 40px;
    padding:0px 0px 0px 10px;
    position:relative;
	left: 0px;
    vertical-align:middle;
	text-align:center;
	text-transform: none;
	text-decoration: none;
	z-index: 3;
}
a.cta-button:after{
	border-style: solid;
    border-width: 20px 0 20px 10px;
    content:" ";
	height: 0px;
    position:absolute;
    right:-10px;
	top: 0px;
    width: 0px;
}

span.cta-pijl,
span.meer-pijl {	
	display: inline-block;
	width: 40px;
	height: 40px;
}

span.cta-pijl {
	background-image: url(../images/pijl_wit_transp.png)!important;
    background-repeat: no-repeat;
    background-position: center right;
}

a.views-lees-meer {
	display: inline-block; 
	color: #58585A!important;
	float: right;	
	font-family: "Assistant SemiBold", Arial, sans-serif; 
	font-size: 20px;
	line-height: 40px;
	margin: 20px 0px 20px 0px;
}
a.views-lees-meer:hover {text-decoration: none;}
.marge-block a.views-lees-meer {margin: 17px 0px -7px 0px;}

span.meer-pijl {	
	background-image: url(../images/pijl_grijs_transp.png)!important;
    background-repeat: no-repeat;
    background-position: center right;
}

.path-frontpage a.cta-button,
.page-node-type-kerntaak a.cta-button,
a.cta-button.cta-mail,
.page-node-type-page a.cta-button { background-color:#0076B9;}
.path-frontpage a.cta-button:after,
.page-node-type-kerntaak a.cta-button:after,
a.cta-button.cta-mail:after,
.page-node-type-page a.cta-button:after { border-color: transparent transparent transparent #0076B9;}

a.cta-button.cta-mail {margin: 10px 0px 10px 0px; color: #FFF!important;}
a.cta-button.cta-mail:hover {text-decoration: none!important;}

.path-frontpage a.cta-button:hover,
.showcase a.cta-button { background-color: #E63412;}
.path-frontpage a.cta-button:hover:after,
.showcase a.cta-button:after,
.showcase a.cta-button:hover:after {
    border-style: solid;
    border-width: 20px 0 20px 10px;
    border-color: transparent transparent transparent #E63412;
	height: 0px;
	width: 0px;
}

.term-innoveren .cta-sectie a,
.cta-groen a {background-color: #ADC70C;}

.term-innoveren .cta-sectie a:after,
.cta-groen a:after{ border-color: transparent transparent transparent #ADC70C;}

.cta-oranje a {background-color: #FD7D23;}
.cta-oranje a:after { border-color: transparent transparent transparent #FD7D23;}

.cta-rood a {background-color: #FF0000;}
.cta-rood a:after{ border-color: transparent transparent transparent #FF0000;}

/***** SOCIAL SHARING LINKS *****/
.social-sharing-links ul { padding: 0px; margin: 15px 0px 15px 0px; }
.block-social-sharing-block {margin: 20px 0px;}
.page--node-382 .block-social-sharing-block {display: none;} /* fallback 40x */

/***** Packery *****/
.packery {
    display: block;
    width: calc(100% + 40px);
    overflow: visible;
    height: auto;
    margin: 0px;
	padding: 0px; 
}

.nieuws-blok.mobile-nieuws .packery,
.events-blok.events-mobile .packery {width: 100%!important;}

.packery-item {
    display: inline-block;
    width: auto;
}

.packery-item .col-md-6,
.packery-item .col-md-12 {padding: 0px!important;}

.page-node-type-kerntaak .dashboard .default_group.packery,
.dashboard.gerelateerde-pagina .default_group.packery {position: relative!important;} /* container relative ivm absolute van packery */


/***** PAGE SPECIFIC *****/
.maintenance-page header {display: none;}

.page-node-type-kerntaak .oost-container-inner,
.page-node-type-kerntaak .region-content,
.page-node-type-pdf-flipbook .region-content article footer {display: none!important;}
.page-node-type-pdf-flipbook .region-content .field--name-body { margin-bottom: 20px!important;}
.page-node-type-pdf-flipbook .region-content article,
.page-node-type-testimonial .region-content article {margin-bottom: 30px!important;}

/** 404 **/
p.not-found {margin: 0px 10px 50px 0px;}

/* Basispagina */
.page-node-type-page .main-container .field--name-body p:first-of-type,
.page-node-type-article .field--name-field-introductie p:first-of-type {
	font-family: "Assistant SemiBold", Arial, sans-serif; 
	font-size: 22px;
	line-height: 28px;
}

.page--node-59.page-node-type-page .main-container .field--name-body p:first-of-type {font-family: "Assistant Regular",Arial,sans-serif!important;}

.page-node-type-article .field--name-field-introductie,
.page-node-type-vacature .field--name-field-introductie {margin-bottom: 20px;}

.page-node-type-page .region-content h2,
.oost-container-inner .region-content h3, /* aangepast ivm subkoppen nieuws */
.page-node-type-page .region-content h4,
.page-node-type-page .region-content h5,
.page-node-type-page .region-content h6 {color: #0076B9;}

.inline-foto-modal a.colorbox, a.colorbox {cursor: zoom-in;}



/** Home **/

.groei-payoff {margin-left: 30px; }
.groei-intro h2.block-title {
	font-family: "Assistant SemiBold", Arial, sans-serif; 
	font-weight: normal;
	color: #0076B9;
	font-size: 30px;
	line-height: 36px;
	height: auto;
	background-color: transparent;
	text-transform: none;
	display: inline;
	padding: 0px;
	margin: 0px;
}
.groei-intro p {margin-top: 10px;}

.nieuws-blok {background-color: #F2F2F2; padding: 20px 0px 20px 0px;}

.toolbox.tb-desktop {display: none;}
.toolbox {background-color: #FFF; width: 100%; margin-bottom: 0px;}

.toolbox.packery,
.gerelateerde-pagina.packery {
	display: block!important; 
	position: relative; 
	top: 0px;
	width: auto; 
}

.page-node-type-page .toolbox .col-md-9.tegel-link {display: none;}

.toolbox .tegel-link {
	background-color: #F2F2F2;
	display: inline-block;
	min-height: 220px;
	padding: 20px 0px 20px 20px;
	position: relative;
}

.toolbox .tegel-titel {
	color: #58585A!important;
	font-size: 24px;
	line-height: 36px;
	position: absolute;
	bottom: 15px;
	left: 10px;
}

.toolbox .tegel-afbeelding img { margin: 0px auto;}


/***** Dashboards en Secties *****/
.page-node-type-sectie .page-header {
    margin: 0px;
	visibility: hidden;
}

.page-node-type-sectie h1 {
	font-size: 0px!important;
	line-height: 0px!important;
}

.dashboard .container-fluid {padding: 0px;}

.dashboard .region-highlighted .container-fluid {
	position: relative; 
	top: 0px;
	left: 0px;
	padding-bottom: 50px;
	z-index: 5;
}

.view-dashboard .tegel,
.view-dashboard .toptegel,
.gerelateerde-pagina .tegel { 
	display: block; 
	position: relative; 
	z-index: 10;
}

.view-dashboard .tegel-afbeelding,
.gerelateerde-pagina .tegel-afbeelding {
	display: block;
	margin: 0px auto!important;
	text-align: center;
	padding-top: 20px;
}

.region-megamenu .view-dashboard .tegel-afbeelding {padding-top: 0px;}

.view-dashboard .tegel-titel,
.gerelateerde-pagina .tegel-titel {
	font-family: FFWebProfileWeb;
	font-size: 24px;
	font-weight: normal;
	line-height: 27px;
	padding: 16px 20px 0px 20px;
}

.view-dashboard .tegel-titel strong, 
.view-dashboard .tegel-titel em,
.gerelateerde-pagina .tegel-titel strong,
.gerelateerde-pagina .tegel-titel em {
	font-family: FFWebProfileWebBoldItalic;
	font-weight: normal;
	font-style: normal;
}

.region-megamenu .view-dashboard .tegel-titel {
	font-family: FFWebProfileWeb;
	font-size: 33px;
	font-weight: normal;
	line-height: 44px;
	padding: 19px 10px 0px 10px;
}



.view-dashboard .tegel-tekst,
.gerelateerde-pagina .tegel-tekst {
	font-size: 18px;
	line-height: 24px;
	padding: 0px 40px 20px 20px;
}

.context .view-dashboard .tegel-tekst {padding: 0px 40px 14px 20px;}

/***** Dashboard Megamenu *****/
.region-megamenu .view-dashboard .col-md-4 {width: calc(33% - 20px);}
.region-megamenu .view-dashboard .col-md-4 .tegel {
	display: block;
	background-color: #E0E9EE; 
	padding: 0px!important;
}

.region-megamenu .view-dashboard .col-md-4 .col-3 {border: none;}

/***** Dashboard Home *****/
.path-frontpage .view-dashboard .tegel-link {color: #0076B9; text-align: center;}
.path-frontpage .view-dashboard .tegel-link .tegel-afbeelding { margin-bottom: 10px;}

.gerelateerde-pagina .zonder-icon .tegel-afbeelding {display: none!important;}

.path-frontpage .view-dashboard .tegel-link:hover .tegel-afbeelding picture img,
.region-megamenu .view-dashboard .tegel-link:hover .tegel-afbeelding picture img { visibility: hidden;} /* on hover geen cms img, maar css img */

.path-frontpage .view-dashboard .tegel-link:hover .tegel-lees-meer,
.region-megamenu .view-dashboard .tegel-link:hover .tegel-lees-meer {
	background-image: url(../images/pijl_wit.png)!important;
    background-repeat: no-repeat;
    background-position: top left;
}

.path-frontpage .view-dashboard .tegel-link.term-7:hover,
.region-megamenu .view-dashboard .tegel-link.term-7:hover {background-color: #ADC70C; color: #FFF!important;}
.path-frontpage .view-dashboard .tegel-link.term-8:hover,
.region-megamenu .view-dashboard .tegel-link.term-8:hover {background-color: #FD7D23; color: #FFF!important;}
.path-frontpage .view-dashboard .tegel-link.term-9:hover,
.region-megamenu .view-dashboard .tegel-link.term-9:hover {background-color: #0076B9; color: #FFF!important;}

/* responsive mobile hover images voor Home dashboard tegels, desktop-declaraties bij media query eof */
.path-frontpage .view-dashboard .tegel-link:hover .tegel-afbeelding picture,
.region-megamenu .view-dashboard {
	display: block;
	margin: 0px auto!important;
	text-align: center;
}

.path-frontpage .view-dashboard .tegel-link.term-7:hover .tegel-afbeelding picture,
.region-megamenu .view-dashboard .tegel-link.term-7:hover .tegel-afbeelding picture { /* Business development - Home - hover */
	background-image: url(../images/icon-vanideetotbusiness-db-m.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 85px 85px;
}
.path-frontpage .view-dashboard .tegel-link.term-8:hover .tegel-afbeelding picture,
.region-megamenu .view-dashboard .tegel-link.term-8:hover .tegel-afbeelding picture { /* Internationalisering - Home - hover */
	background-image: url(../images/icon-internationalisering-db-m.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 85px 85px;
}
.path-frontpage .view-dashboard .tegel-link.term-9:hover .tegel-afbeelding picture,
.region-megamenu .view-dashboard .tegel-link.term-9:hover .tegel-afbeelding picture { /* Financiering - Home - hover */
	background-image: url(../images/icon-financiering-db-m.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 85px 85px;
}

.clickable-row { /* klikbaar maken van hele blok, zonder edit- of additionele links dwars te zitten */
    height: auto;
	position: relative;
}
	
.clickable-row a.tegel-link,
.clickable-row:hover a.tegel-link,
.clickable-row a.tegel-link:hover {
    cursor: pointer;
	text-decoration: none;
	}

.dashboard.kerntaak .clickable-row a.tegel-link,
.dashboard.kerntaak .clickable-row:hover a.tegel-link,
.dashboard.kerntaak .clickable-row a.tegel-link:hover,
.gerelateerde-pagina a.tegel-link,
.gerelateerde-pagina a.tegel-link:hover {
	color: #FFF;
	}

.view-dashboard a.toptegel.tegel-link { 
	pointer-events: none!important; 
	cursor: text; 
}

a.tegel-link .clickable-row {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	font-size: 0px;
	color: transparent;
	text-indent: -9999999px;
    text-decoration: none;
    /* Makes sure the link doesn't get underlined */
    z-index: 43000;
    /* raises anchor tag above everything else in div */
    background-color: #FFF;
    /*workaround to make clickable in IE */
    opacity: 0;
    /*workaround to make clickable in IE */
    filter: alpha(opacity=0);
    /*workaround to make clickable in IE */
	}

.view-dashboard .tegel-lees-meer,
.toolbox .tegel-lees-meer,
.gerelateerde-pagina .tegel-lees-meer{
	bottom: 0px;
	color: transparent;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-size: 0px;
    height: 40px;
	position: absolute;
	right: 0px;
	text-indent: -99999999px;
	width: 40px;
	z-index: 10;
}

.toolbox .tegel-lees-meer,
.tegel-page .tegel-lees-meer {
	background-image: url(../images/pijl_wit.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.toolbox .view-dashboard .clickable-row:hover .tegel-lees-meer {
	background-image: url(../images/pijl_wit.png)!important;
    background-repeat: no-repeat;
    background-position: top left;
}


/* Dashboard Home - lichtblauwe bg */
.path-frontpage .region-highlighted .dashboard {
	background-color: #EBF5FA;
	padding-bottom: 0px;
	margin-bottom: 0px;
	position: relative;
}

.path-frontpage .region-highlighted .dashboard:after { /* schuine streep in bg-kleur */
  background: inherit;
  bottom: -3px;
  content: '';
  display: block;
  height: 15px;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-2.5deg);
  transform-origin: 100%;
  z-index: -1;
}

.path-frontpage .region-highlighted .view-dashboard .tegel-link {
	background-color: #E0E9EE;
}

.view-dashboard .tegel-lees-meer {
	background-image: url(../images/pijl_lichtblauw.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.path-frontpage .view-dashboard .clickable-row:hover .tegel-lees-meer {
	background-image: url(../images/pijl_donkerblauw.png)!important;
    background-repeat: no-repeat;
    background-position: top left;
}

/* Dashboard Financieren - donkerblauwe bg */
.term-investeren .region-highlighted .view-dashboard {background-color: #0076B9;}
.term-investeren .region-highlighted .view-dashboard .tegel,
.gerelateerde-pagina .tegel.term-9 {background-color: #00649D;}
.term-investeren .view-dashboard .tegel:hover  {background-color:  rgba(0, 118, 185, .1);}
.term-investeren .region-highlighted .view-dashboard .tegel-lees-meer {
	background-image: url(../images/pijl_lichtblauw.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.term-investeren .view-dashboard .clickable-row:hover .tegel-lees-meer {
	background-image: url(../images/pijl_donkerblauw.png)!important;
    background-repeat: no-repeat;
    background-position: top left;
}
.gerelateerde-pagina .tegel.term-9 .tegel-lees-meer {
	background-image: url(../images/pijl_lichtblauw.png);
    background-repeat: no-repeat;
    background-position: top left;
}

/* Dashboard Businessdevelopment - groene bg*/
.term-innoveren .region-highlighted .view-dashboard,
.region-highlighted .view-dashboard.groei  {background-color: #ADC70C;}
.term-innoveren .region-highlighted .view-dashboard .tegel,
.gerelateerde-pagina .tegel.term-0,
.gerelateerde-pagina .tegel.term-7,
.region-highlighted .view-dashboard.groei .tegel {background-color: #94AB0A;}
.term-innoveren .view-dashboard .tegel:hover,
.region-highlighted .view-dashboard.groei .tegel:hover {background-color:  rgba(0, 118, 185, .1);} /* nog aan te leveren */
.term-innoveren .region-highlighted .view-dashboard .tegel-lees-meer,
.gerelateerde-pagina .tegel.term-7 .tegel-lees-meer,
.region-highlighted .view-dashboard.groei .tegel-lees-meer {
	background-image: url(../images/pijl_lichtgroen.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.term-innoveren .view-dashboard .clickable-row:hover .tegel-lees-meer,
.region-highlighted .view-dashboard.groei:hover .tegel-lees-meer  {
	background-image: url(../images/pijl_lichtgroen.png)!important;
    background-repeat: no-repeat;
    background-position: top left;
}

/* Dashboard Internationalisering - oranje bg*/
.term-internationaliseren .region-highlighted .view-dashboard {background-color: #FD7D23;}
.term-internationaliseren .region-highlighted .view-dashboard .tegel,
.gerelateerde-pagina .tegel.term-8 {background-color: #e06500;}
.term-internationaliseren .view-dashboard .tegel:hover {background-color:  rgba(0, 118, 185, .1);}
.term-internationaliseren .region-highlighted .view-dashboard .tegel-lees-meer,
.gerelateerde-pagina .tegel.term-8 .tegel-lees-meer {
	background-image: url(../images/pijl_oranje.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.term-internationaliseren .view-dashboard .clickable-row:hover .tegel-lees-meer {
	background-image: url(../images/pijl_oranje.png)!important;
    background-repeat: no-repeat;
    background-position: top left;
}

/* Dashboard - Toptegel */
.view-dashboard .toptegel .tegel-afbeelding img {}
.view-dashboard .toptegel .tegel-titel {
	text-align: center;
	font-size: 33px;
	line-height: 44px;
}
.view-dashboard .toptegel .tegel-tekst,
.view-dashboard .toptegel .tegel-lees-meer {display: none;}



/* Quick links en Submenu links */
.submenu {margin: 0px 0px 30px 0px!important;}
.submenu li {display: block; width: 100%;}
.quick-links {margin-bottom: 30px;}
.quick-links .view-content a,
.submenu .menu.nav li a {  /* blauwe pijl */
background-image: url(../images/pijl_quicklinks_blauw.png);
background-repeat: no-repeat;
background-position: center left;
background-color: transparent;
padding: 0px 0px 0px 20px;
color: #0076B9;
cursor: pointer;
display: inline-block;
font-size: 18px;
line-height: 24px;
position: relative;
z-index: 101;
}
.submenu .menu.nav li a:hover {background-color: transparent;}
.quick-links h2.block-title,
.submenu h2 { margin-bottom: 24px;}

.dropdown-toggle .caret { display: none;}
.submenu .dropdown-menu {
    display: inline-block;
	position: static !important;
	width: 100%;
	height: auto;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 0px;
	margin: 0px;
}
.submenu .dropdown-menu li { display: inline-block;margin-left: 10px;}
.submenu li a.is-active {font-family: "Assistant SemiBold", Arial, sans-serif;}


/* Gerelateerde pagina's */
.gerelateerde-pagina {display: inline-block; position: relative; top: 0px;}
.gerelateerde-pagina .view-content {position: relative!important; margin-bottom: 10px;} /* container relative ivm absolute van packery */


/* Viewsblokken regio */
.marge-block { padding: 30px 15px 30px 15px; }


/***** Showcase *****/
.showcase-exits {margin: 0px -25px 0px 25px; max-width: 1225px;}
.page-node-type-showcase .region-content .field--name-body,
.path-user .region-content {margin-bottom: 30px!important;} /* opvangen van showcases met alleen inleiding/body */


/* Showcase - Foto album*/
.foto-album {display: inline-block; width: 100%; position: relative;}
.foto-album .row-3, .foto-album .row-4, 
.foto-album .row-5, .foto-album .row-6, 
.foto-album .row-7, .foto-album .row-8 {display: none!important;} 
.foto-album .container-fluidfoto {margin-top: 10px;}

.foto-album .meer-foto.row-2 .col-3 a { /* alleen overlay bij meer dan 6 foto's */
	display: block;
	position: relative;
	max-width: 100%;
	height: auto;
}
.foto-album .meer-foto.row-2 .col-3 a::after {
	content: '';
	position: absolute;
	top: 0; right: 0;
	bottom: 0; left: 0;
	background: url(../images/meer-foto-overlay.png) no-repeat;
	background-size:contain;
}


/* Showcase - Video */
.showcase-video .view-content {margin-top: -18px;}

/* Showcase - Interview */
.showcase-interview h2.interview-titel {	
	color: #0076B9;
	font-family: "Assistant SemiBold", Arial, sans-serif; 
	font-size: 40px;
    line-height: 48px!important;
}

.showcase-bedrijf {background-color: #F2F2F2;}
.showcase-bedrijf .content-inner {padding: 20px;}
.showcase-interview .views-row {margin-bottom: 20px;}
.showcase-bedrijf .bedijfslink {margin: 20px 0px 20px 0px;}
.showcase-bedrijf .interview-naam {font-family: "Assistant SemiBold", Arial, sans-serif;}
.showcase-bedrijf .interview-logo {margin: 20px 0px 20px 0px; }

.showcase-bedrijf.alleen-info {margin: 30px 0px 30px 0px; padding: 0px; }

/* Showcase quote blok */
.quote-blok {}
.quote-blok .interview-quote {color: #0076B9; font-size: 30px; line-height: 36px;}
.quote-blok .interview-naam-functie {color: #0076B9; font-size: 20px; line-height: 26px;}
.quote-lijn {
	background-image: url(../images/quote_lijn.png);
    background-repeat: no-repeat;
    background-position: top left;
	margin-top: 10px;
}

/* Blog en Blockquote weergave */
.nieuws.type-blog h1,
.tegel-page .tegel.Blog .tegel-titel {color: #E63412!important;}
.oost-container-inner blockquote,
.oost-container-inner blockquote p {
	font-family: FFWebProfileWebBoldItalic!important;
	font-weight: normal!important;
	font-style: normal!important;
	border: none;
	line-height: 36px!important; 
	font-size: 30px!important; 
	margin: 10px 0 10px 0;
	color: #0076B9;
}
.nieuws.type-blog .oost-container-inner blockquote,
.nieuws.type-blog .oost-container-inner blockquote p {
	color: #E63412!important;
}
.oost-container-inner blockquote::after {
	content: "";
	background-image: url(../images/quote_lijn.png);
    background-repeat: no-repeat;
	background-position: top left;
	display: inline-block;
	width: 124px;
	height: 9px;
}
.nieuws.type-blog .oost-container-inner blockquote::after {
	background-image: url(../images/quote-line.png)!important;
}

/* Showcase banner blok */
.showcase .showcase-tekst {padding: 15px;}
.showcase-tekst .interview-quote {line-height: 36px; font-size: 24px; margin-bottom: 20px; margin-top: 3px;}
.showcase-block a {color: #58585A;}
.showcase-tekst .interview-naam-functie {line-height: 28px; font-size: 18px;margin-bottom: 20px;}
.showcase-cta {position: relative; text-align: center; margin-bottom: 20px;}

/* Colorbox */
#cboxCurrent {bottom: -30px; color: #0076B9!important;}
#colorbox, #cboxWrapper {
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}


/* Contactpersoon */
.contactpersonen .packery {margin-bottom: -40px;}
.contactpersonen h2.block-title {margin-bottom: 40px!important;}
.contactpersoon .view-content,
.contactpersonen .packery-item {
	display: inline-block;
	background-color: #F2F2F2;
	padding: 20px;
	font-size: 18px;
	line-height: 24px;
	width: 100%;
	margin-top: -20px;
	position: relative;
}

.team-page .packery-item{
	padding: 20px;
	font-size: 18px;
	line-height: 24px;
	width: 100%;
}


.contactpersoon-naam {
	color: #0076B9;
	font-family: "Assistant Bold", Arial, sans-serif; 
	line-height: 22px;
	margin: 20px 0px 0px 0px;
}

.contactpersoon-functie,
.contactpersoon .views-label,
.team-page .views-label {
	color: #58585A;
	font-family: "Assistant SemiBold", Arial, sans-serif; 
	font-weight: normal;
	margin-bottom: 10px;
}

.contactpersoon-telefoon,
.contactpersoon-email,
.contactpersoon-email a.spamspan,
.contactpersoon .views-label,
.team-page .views-label {color: #0076B9!important;}

.contactpersoon-email a:hover {text-decoration: none;}

.contactpersoon-specialisme,
.contactpersoon .views-label,
.team-page .views-label,
.contactpersoon-kerntaak {font-size: 14px; line-height: 24px;}

.contactpersoon .views-field-field-sectoren,
.contactpersoon .views-field-field-kerntaak,
.team-page .views-field-field-sectoren,
.team-page .views-field-field-kerntaak,
.team-page .views-field-field-eu-programma,
.team-page .views-field-field-eu-project-adviseur {margin-top: 10px;}

.social-medewerker {
	float: right;
	position: absolute;
	bottom: 10px;
	right: 20px;
}

.social-lees-meer  {
	float: right;
	position: absolute;
	bottom: -39px;
	right: 0px;
}

.social-lees-meer .tegel-lees-meer {
	background-image: url(../images/pijl_donkerblauw.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.team-page .views-field.views-field-nothing-1 { /* Medewerker */
    padding: 15px 0 30px 0;
}
.team-page .social-medewerker {
	float: left!important;
	bottom: 10px!important;
	left: 20px!important;
	right: auto;
}

.contactpersoon-linkedin a {
	background-image: url(../images/medewerker-linkedin.png);
    display: inline-block;
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
	font-size: 0px;
	text-indent: -99999999px;
}
.contactpersoon-twitter  a {
	background-image: url(../images/medewerker-twitter.png);
    display: inline-block;
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
	font-size: 0px;
	text-indent: -99999999px;
	margin-left: 10px;
}

.page-node-type-medewerker .content {margin-bottom: 30px;}

.path-testimonials .col-sm-12 .region-content,
.path-vacatures .col-sm-12 .region-content,
.page-node-type-testimonial .col-sm-12 .region-content,
.page-node-type-page .col-sm-12 .region-content,
.page-node-type-toolbox .col-sm-12 .region-content,
.page-node-type-webform .col-sm-12 .region-content,
.page-node-type-article .col-sm-12 .region-content,
.page-node-type-showcase .col-sm-12 .region-content,
.page-node-type-infopagina .col-sm-12 .region-content,
.page-node-type-evenement .col-sm-12 .region-content {
	padding-right: 15px!important;
	padding-left: 15px!important;
	}

.col-sm-9 .contactpersoon.block {margin-bottom: 20px;}




/***** Showcase, Nieuws en Events overzichten *****/ 
.tegel-page.event {margin: 0px 0px 10px 0px;}
.tegel-page .packery-item,
.tegel-page.event .tegel {
	display: inline-block; 
	position: relative; 
	background-color: #F2F2F2;
	vertical-align: top; 
	border: none;
	margin-bottom: 20px;}

.tegel-page .packery-item {background-color: #F2F2F2;}

.tegel-page .packery-item:nth-child(odd),
.tegel-page .packery-item:nth-child(2n),
.toolbox .packery-item:nth-child(1) .tegel-link,
.toolbox .packery-item:nth-child(2) .tegel-link,
.toolbox.tb-home .packery-item:nth-child(3) .tegel-link,
.toolbox.tb-home .packery-item:nth-child(4) .tegel-link,
.toolbox.tb-home .col-md-9.tegel-link,
.tegel:first-of-type, .tegel:nth-of-type(2n),
.toptegel:first-of-type, .toptegel:nth-of-type(2n) {margin-right: 10px;}

.region-megamenu .view-dashboard .tegel:first-of-type,
.region-megamenu .view-dashboard .tegel:nth-of-type(2n),
.region-megamenu .view-dashboard .tegel:last-of-type  {margin-right: 10px!important;}
.region-megamenu .view-dashboard .views-col:nth-child(2) {margin-right: 4px!important;}


.nieuws-blok .tegel-page .packery-item:nth-child(2) {margin-left: -5px;} /* corrigeren extra ruimte binnen nieuwsblok */
.nieuws-blok .tegel-page .packery-item:nth-child(3) {margin-left: -4px;}

.img-responsive {max-width: 100%; height: auto;}
.tegel-page .tegel-afbeelding { 
	background-color:#FFF; 
/*	min-height: 210px;*/
	text-align: center;
	vertical-align: middle;
}
.tegel-page .tegel-afbeelding img.img-responsive {margin: 0px auto; position: relative; top: 1px;}
.tegel-page .tegel-lees-meer {
	top: -39px; /* was 40 */ 
	color: transparent;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-size: 0px;
    height: 40px;
	position: relative;
	right: 0px;
	text-indent: -99999999px;
	width: 40px;
	z-index: 10;
}

.tegel-page .event-tegel .tegel-lees-meer {
	position: absolute;
	top: auto!important;
	bottom: 0px!important;
}

.tegel-page .tegel-titel {
	font-size: 24px;
	line-height: 36px;
	padding: 12px 10px 0px 10px;
	margin-bottom: 27px;
}

.tegel-page .event-tegel .tegel-titel {	padding: 0px 40px 0px 10px; margin-bottom: 0px;}

.tegel-page .tegel-titel,
.tegel-page a {	color: #58585A!important;}

.showcase-video-icon {
	background-image: url(../images/icon-video.png);
	background-repeat: no-repeat;
	background-position: top left;
    top: 0px;
    color: transparent;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-size: 0px;
    height: 40px;
    position: absolute;
    right: 0px;
    text-indent: -99999999px;
    width: 40px;
    z-index: 10;
}

.tegel-page .tegel-tekst {
	font-size: 18px;
	line-height: 28px;
	padding: 15px 40px 15px 10px;
}

.tegel-page .packery-item,
.tegel-page .tegel { display: inline-block; height: auto; width: 100%;}

.tegel-page .tegel.type-logo { outline: 1px solid #F2F2F2; outline-offset: -1px;}
.tegel-page .tegel.type-logo .showcase-video-icon {top: 1px; right: 1px;}
.tegel-page .tegel.type-logo .tegel-lees-meer {right: 1px; top: -40px;}

.tegel-page .tegel.type-logo.foto .showcase-video-icon {top: 1px; right: 1px;} /* na aanpassing view */
.tegel-page .tegel.type-logo.foto .tegel-lees-meer {right: 1px;}

.ie .tegel-page .tegel.type-logo .tegel-lees-meer {right: 1px; top: -40px;}
.ie .tegel-page .tegel.type-logo .showcase-video-icon {top: 1px; right: 1px;}

/* Events */
.tegel-page.event .tegel-event-datum,
.gerelateerd-veld.event-first .tegel-event-datum {padding: 10px 10px 0px 10px; }

.tegel-page.event .tegel-event-datum {color: #7F3482;}

.tegel-page.event .event-first .tegel-event-datum,
.gerelateerd-veld.event-first .tegel-event-datum {	
	font-size: 48px;
	line-height: 83px;
	font-family: "Assistant Bold", Arial, sans-serif;
	padding: 0px 10px 0px 10px;
}
.tegel-page.event .event-second .tegel-event-datum {
	font-size: 30px;
	line-height: 30px;
	padding: 20px 20px 0px 20px;
}

.tegel-page.event .tegel-titel {
	color: #7F3482!important;
	font-size: 30px;
	line-height: 38px;
	font-family: "Assistant SemiBold", Arial, sans-serif;
}

.tegel-page.event .event-second .tegel-titel {	line-height: 36px;}

.path-events .tegel-page.event .tegel-titel,
.path-events .tegel-page .tegel-titel,
.path-events .tegel-page .tegel a,
.path-all-events .tegel-page.event .tegel-titel,
.path-all-events .tegel-page .tegel-titel,
.path-all-events .tegel-page .tegel a{color: #FFF!important;}


/* Facetten */
.filter-header {margin: 0px 0px -40px 0px!important;}
.facet.block h2.block-title {
	height: auto!important;
	font-size: 22px!important;
	line-height: 28px!important;
	background-color: #FFF!important;
	display: inline!important;
	width: auto !important;
	color: #707070!important;
	text-transform: none;
	padding: 0px!important;
	font-family: "Assistant Bold", Arial, sans-serif;
}
.facet.block ul {list-style-type: none; margin: 0px 0px 30px 0px; padding: 0px;}
.facet.block li {list-style-image: none;}
.facet.block li a, .oost-sort-link {
	color: #707070!important; 
	font-size: 18px;
	line-height: 24px;
}
.facet.block li a.is-active, .oost-sort-link.is-active {  /* blauwe pijl */
  background-image: url(../images/pijl_quicklinks_blauw.png);
  background-repeat: no-repeat;
  background-position: center left;
  background-color: transparent;
  padding: 0px 0px 0px 20px;
  color: #0076B9;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  line-height: 24px;
  position: relative;
  z-index: 101;
}
.oost-sort-link {
  cursor: pointer;
}
.oost-sort-link:hover {
  text-decoration: underline;
}
.oost-sort-link.is-active {
  display: block;
}
form#views-exposed-form-sharepoint-data-page-1 .form-item-sort-by,
form#views-exposed-form-sharepoint-data-page-1 .form-item-sort-order,
form#views-exposed-form-sharepoint-data-page-1 .form-actions {
  display: none;
}

.facet-zoek label {
	font-size: 22px!important;
	line-height: 28px!important;
	color: #707070!important; 
	font-weight: normal;
}
.facet-zoek .form-text {
	height: 40px;
	width: 100%;
	border: 1px solid #707070;
	color: #0076B9;
	border-radius: 0px!important;
	font-size: 18px;
	line-height: 36px;
	margin: 5px 0px 10px 0px;
}

.facet-zoek .button,
.facet-zoek .form-select {border-radius: 0px;}

.facet-zoek .button {text-transform: uppercase; font-family: "Assistant SemiBold", Arial, sans-serif; }

.facet-zoek .form-select option {padding-right: 15px;}

.facet-zoek .form-item {margin-bottom: 15px;}
.facet-zoek .form-item-sort-by label,
.facet-zoek .form-item-sort-order label {
	font-size: 18px!important;
	line-height: 24px!important; 
	margin-right: 10px;
	min-width: 90px;
}

.facet.facet-mu li {margin-bottom: 10px;}
.solr-filter .field--name-body { display: none!important;}
.solr-filter {margin-bottom: 20px;}

.path-zoeken .region-sidebar-second .solr-filter H2 {display: none;}
.path-zoeken .region-sidebar-second .facet-type::before {
	content: "FILTER";
	display: block;
	background-color: #898989;
	height: 40px;
	width: 74px;
	color: #FFF;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 40px;
	padding: 0px 7px 0px 7px;
	font-family: "Assistant Bold", Arial, sans-serif;
	margin-bottom: 20px;
}

/***** Showcase, Nieuws en Events node *****/
.field--name-field-inleiding {margin-bottom: 20px;}


/***** Nieuws *****/
.nieuws-link {float: right;}
.nieuws-link.hub-link {display: none!important;}
.nieuws-blok .tegel {background-color: #FFF!important;}

.page-node-type-article .field--name-field-afbeelding-media,
.page-node-type-eu-project .region-content .media-image {margin: 20px 0px 30px 0px;}
.path-nieuws .col-sm-9 .region-content .views-exposed-form,
.path-eu-nieuws .col-sm-9 .region-content .views-exposed-form,
.path-events .col-sm-9 .region-content .views-exposed-form,
.path-all-events .col-sm-9 .region-content .views-exposed-form,
.path-showcases .col-sm-9 .region-content .views-exposed-form,
.path-eu-showcases .col-sm-9 .region-content .views-exposed-form,
.path-alle-projecten .col-sm-9 .region-content .views-exposed-form,
.path-adviseurs .col-sm-9 .region-content .views-exposed-form,
.path-europese-projecten .col-sm-9 .region-content .views-exposed-form {display: none;}


.page-node-type-article .field--name-field-artikel,
.page-node-type-faq .field--name-body,
.page-node-type-basispagina-zonder-sidebar .region-content .content {margin-bottom: 28px;}


/***** Events *****/
.events-link {float: right;}
.meer-events {} /* pijltje */

.page-node-type-evenement .field--name-field-news-source {margin-top: 20px;}
.page-node-type-evenement .field--name-body {margin-bottom: 20px;}

.path-events .tegel-event-datum,
.path-all-events .tegel-event-datum{ height: 253px;background-color: #9F66A1; color: #FFF!important;}
.tegel-donkerpaars,
.path-events .tegel-page .packery-item,
.path-events .tegel-page.event .tegel,
.path-all-events .tegel-page .packery-item,
.path-all-events .tegel-page.event .tegel { background-color: #7F3482; color: #FFF!important;}
.tegel-donkerpaars .tegel-titel { color: #FFF!important; }

/***** Participaties - logo's *****/
.participatie-blok .view-content ul {list-style-image: none; display: block; margin: 0px 0px 20px -40px; width: 100%;}
.participatie-blok .view-content ul li {display: inline; float: left; margin: 0px; padding:  0px;}
.participatie-blok .view-footer {display: inline-block; width: 100%;}

a.paticipaties:hover img {
  -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .5s ease-in-out;
filter: grayscale(0%);
}

a.paticipaties img {
  -webkit-filter: grayscale(100%);
  -webkit-filter: grayscale(1);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(100%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(100%); 
  -o-transition: .5s ease-in-out;
  filter: grayscale(100%);
  filter: gray;
}

/***** Partners - logo's *****/
.partner-block {margin-bottom: 20px;}

/***** Vacatures *****/
.vacatures-blok {margin: 20px 0px 20px 0px;}

/***** Infopagina *****/
.page-node-type-infopagina .dashboard.infographic {background-color: #FFF; color: #0076B9!important;}
.page-node-type-infopagina .dashboard.infographic .packery-item  {text-align: center; }
.page-node-type-infopagina .dashboard.infographic .tegel {display: block; color: #0076B9!important;text-align: center;} 
.page-node-type-infopagina .dashboard.infographic .toptegel {height: 85px!important; max-height: 85px!important;}
.page-node-type-infopagina .dashboard.infographic .tegel-link.no-link {cursor: default!important;}
.page-node-type-infopagina .dashboard.infographic h2 {color: #0076B9!important;}
.page-node-type-infopagina .dashboard.infographic .tegel-titel {font-family: FFWebProfileWebBoldItalic; font-weight: normal;font-style: normal;font-size: 62px; line-height: 62px;}
.page-node-type-infopagina .oost-container-inner .field--name-field-start-date,
.page-node-type-infopagina .oost-container-inner .field--name-body,
.page-node-type-infopagina .oost-container-inner .field--name-field-attachments {margin-bottom: 20px;}
.page-node-type-infopagina .field--name-field-persbericht-voetnoot {margin: 30px 0px 30px 0px; font-size: 16px;
    line-height: 22px!important;}

.page-node-type-infopagina .dashboard.infographic .counter,
.page-node-type-infopagina .dashboard.infographic .commacounter{display: inline;}
.page-node-type-infopagina .dashboard.infographic .tegel-titel .waarde-tekst {font-size: 30px;}
.page-node-type-infopagina .dashboard.infographic .tegel-tekst {font-size: 18px; line-height: 16px!important;}


/***** Zoeken *****/
.zoekblok .captcha-admin-links, .facet-zoek .captcha-admin-links {display: none!important;}
.path-zoeken .region-content .view-algemeen-zoeken .views-row {margin-bottom: 30px;}
.zoekblok.zoekpagina-zoek { 
	position: relative; 
	float: none!important;
	left: 0px!important; 
	top: 0px;
	display: inline-block;
	padding: 0px!important;
	margin: 0px 0px 30px 0px!important;
	}
	.zoekblok.zoekpagina-zoek label {display: none;}
	.zoekblok.zoekpagina-zoek #edit-zoekterm,
	.zoekblok.zoekpagina-zoek [id^="edit-zoekterm-"] {
	height: 40px;
	width: 350px;
	border: 1px solid #0076B9;
	color: #0076B9;
	border-radius: 0px!important;
	font-size: 24px;
	line-height: 36px;
	}
	.zoekblok.zoekpagina-zoek #edit-submit-website-zoeken,
	.zoekblok.zoekpagina-zoek #edit-submit-algemeen-zoeken,
	.zoekblok.zoekpagina-zoek  [id^="edit-submit-algemeen-zoeken"] {
	position: relative; 
	float: right;
	right: -15px!important; 
	margin-left: -45px;
	border: none;
	padding: 6px 12px;
	text-align: right;
	font-size: 0px;
	text-indent: -99999999px;
	background-image: url(../images/icon-zoeken-diap.png)!important;
	background-repeat: no-repeat;
	background-position: center right;
	display: block;
	height: 40px;
	width: 40px;
	background-color: #0076B9;
	border-radius: 0px!important;
	}

/***** Retina images *****/
/* CSS for retina devices */
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	.region-navigation .logo p a {
	background-image: url(../images/logo-m@2x.png);
	background-size: 73px 93px;
	background-repeat: no-repeat;
}

	.is-sticky .region-navigation .logo p a {
	background-image: url(../images/logo-oostnl-sticky-m@2x.png);
	background-size: 33px 42px;
	background-repeat: no-repeat;
	} 
	
	.term-investeren .view-dashboard .tegel-lees-meer {
	background-image: url(../images/pijl_lichtblauw@2x.png);
	background-size: 40px 40px;
	background-repeat: no-repeat;
	}

	.social-lees-meer {
		background-image: url(../images/pijl_donkerblauw@2x.png);
		background-size: 40px 40px;
		background-position: top left;
	}
	.path-frontpage .view-dashboard .tegel-link.term-7:hover .tegel-afbeelding picture,
	.region-megamenu .view-dashboard .tegel-link.term-7:hover .tegel-afbeelding picture {
	background-image: url(../images/icon-vanideetotbusiness-db-m@2x.png);

	background-repeat: no-repeat;
	background-position: center top;
	background-size: 80px 80px;
	display: block;
	margin: 0px auto!important;
	text-align: center;
	}
	
	.path-frontpage .view-dashboard .tegel-link.term-8:hover .tegel-afbeelding picture,
	.region-megamenu .view-dashboard .tegel-link.term-8:hover .tegel-afbeelding picture {
	background-image: url(../images/icon-internationalisering-db-m@2x.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 85px 85px;
	display: block;
	text-align: center;
	}
	
	.path-frontpage .view-dashboard .tegel-link.term-9:hover .tegel-afbeelding picture,
	.region-megamenu .view-dashboard .tegel-link.term-9:hover .tegel-afbeelding picture {
	background-image: url(../images/icon-financiering-db-m@2x.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 85px 85px;
	display: block;
	margin: 0px auto!important;
	text-align: center;
	}
	
	.zoek-link {
    background-image: url(../images/icon-zoeken-m@2x.png);
	background-size: 20px 20px;
	background-repeat: no-repeat;
}

	.menu-link {
		background-image: url(../images/icon-hamburger-open-m@2x.png);
		background-size: 20px 20px;
		background-repeat: no-repeat;
	}

	.menu-link.sluit {
		background-image: url(../images/icon-hamburger-close-m@2x.png);
		background-size: 20px 20px;
		background-repeat: no-repeat;
	}
	
	.region-megamenu #twitter-icon {
    background-image: url(../images/social-twitter@2x.png);
    background-size: 40px 40px;
	background-repeat: no-repeat;
	}

	.region-megamenu #linkedin-icon {
    background-image: url(../images/social-linkedin@2x.png);
    background-size: 40px 40px;
	background-repeat: no-repeat;
	}

	.region-megamenu #youtube-icon {
    background-image: url(../images/social-youtube@2x.png);
    background-size: 40px 40px;
	background-repeat: no-repeat;
	}

	.region-megamenu #rss-icon {
    background-image: url(../images/social-rss@2x.png);
    background-size: 40px 40px;
	background-repeat: no-repeat;
	}	
	
	.region-servicebanner #twitter-icon {
    background-image: url(../images/social-footer-twitter@2x.png);
    background-size: 50px 50px;
	background-repeat: no-repeat;
	}

	.region-servicebanner #linkedin-icon {
    background-image: url(../images/social-footer-linkedin@2x.png);
    background-size: 50px 50px;
	background-repeat: no-repeat;
	}

	.region-servicebanner #youtube-icon {
    background-image: url(../images/social-footer-youtube@2x.png);
    background-size: 50px 50px;
	background-repeat: no-repeat;
	}

	.region-servicebanner #rss-icon {
    background-image: url(../images/social-footer-rss@2x.png);
    background-size: 50px 50px;
	background-repeat: no-repeat;
	}	
	
	.foto-album .row-2 .col-3 .meer-foto a:after {
	background: url(../images/meer-foto-overlay@2x.png) no-repeat;
	background-size:contain;
	}
	
	.quote-lijn {
	background-image: url(../images/quote_lijn@2x.png);
    background-repeat: no-repeat;
	}

	.nieuws.type-blog blockquote::after {
		background-image: url(../images/quote-line@2x.png);
		background-size: 124px 9px;
		background-repeat: no-repeat;
	}
}

::-webkit-input-placeholder {
   color: #0076B9!important;
}

:-moz-placeholder { /* Firefox 18- */
  color: #0076B9!important;
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #0076B9!important;
}

:-ms-input-placeholder {  
 color: #0076B9!important;  
}

input[placeholder], [placeholder], *[placeholder] {
   color: #0076B9;
}

/* Nieuwsbrief aanmelding */
.path-nieuwsbrief button#edit-submit,
.nieuwsbrief-form  button.form-submit {margin: 15px 0px 15px 0px;}
.path-nieuwsbrief .aanmelden-intro {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 15px;
    font-weight: 700;
}

.nieuwsbrief-form label,
.mailchimp-signup-subscribe-form label,
.nieuwsbrief-form .aanmelden-intro {	
	color: #707070 !important;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
}
.nieuwsbrief-form .aanmelden-intro {margin-bottom: 15px;}
.nieuwsbrief-form  .webform-confirmation__message {}
.webform-confirmation__back {display: none;}

/***** Aangepaste homepage *****/
.path-frontpage .ahp { position: relative; z-index: 999; display: block!important; width: 100%; height: auto!important; cursor:pointer;}
.path-frontpage .ahp:hover, .path-frontpage .ahp:focus,
.path-frontpage .ahp:hover .ahp-text {text-decoration: none!important; color: #0076B9!important; }


/***** Responsive aanvullingen *****/
.ie .region-content .field--name-field-afbeelding-media .img-responsive,
.ie picture img, .ie picture source { width: auto; max-width:100%; -ms-interpolation-mode: bicubic;} /* fallback voor responsive img in IE */

.ie .view-dashboard .tegel-link .tegel-afbeelding { max-width: 100%!important;}
.ie .view-dashboard .tegel-link .tegel-afbeelding img {max-height: 120px!important; max-width: 120px!important;} /* fallback voor dashboard img zoom in IE */
.ie .view-mode-header-afbeelding img { width: 100%!important;}
.ie .social-media-sharing img[src$=".svg"] { width: 40px; height: 40px; }

.context-werkenbij-landingspagina .view-dashboard .tegel-link .tegel-afbeelding img,
.context-werkenbij-landingspagina.ie .view-dashboard .tegel-link .tegel-afbeelding img {max-height: 100%!important; max-width: 100%!important;} /* patch fallback voor dashboard Werken bij img zoom in IE */


/***** Werkenbij - nieuwe opzet *****/
.path-vacatures .region-content .view-header,
.path-vacatures .region-content .view-empty,
.path-testimonials .region-content .view-empty {display: block!important; height: auto!important; margin-bottom: 20px!important;}
.path-vacatures .region-content .view-header a,
.path-vacatures .region-content .view-empty a,
.path-testimonials .region-content .view-empty a {color: #0076B9!important;}
.path-vacatures .region-content .default_group.packery[style] {position: relative!important;}

.context-werkenbij-landingspagina .social-sharing-links,
.context-werkenbij-content .social-sharing-links {display: none;}

.recente-vacatures {background-color: #F2F2F2;}
.vacature-tegel .tegel-titel { 
	min-height: 210px;
	background-color: #4096cc; 
	color: #FFF!important;
	padding: 0px 40px 0px 10px; 
	margin: 0px!important;
	}
.vacature-tegel .tegel-tekst  { 
	background-color: #0076B9; 
	color: #FFF!important;
	}
.vacature-tegel { color: #FFF!important; }

.context-werkenbij-landingspagina .testimonial a.cta-button,
.context-werkenbij-content .testimonial a.cta-button {background-color: #0076B9!important;}

.context-werkenbij-landingspagina .testimonial a.cta-button::after, 
.context-werkenbij-landingspagina .testimonial a.cta-button:hover::after,
.context-werkenbij-content .testimonial a.cta-button::after, 
.context-werkenbij-content .testimonial a.cta-button:hover::after { border-color: transparent transparent transparent #0076B9;}

.context-werkenbij-landingspagina .contactpersonen {padding: 10px 0px 30px 0px;}
.context-werkenbij-landingspagina .contactpersonen .packery {margin: -25px 0px 0px -15px!important;}

.context .dashboard .toptegel {color: #0076B9!important; vertical-align: middle!important;}

.context .tegel {
	position: relative;
	height: 225px;
	width: 350px;
}



.context .infotegel .tegel-inhoud {
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: inline-block; 
	width: 100%;
	max-width: 100%;
	z-index: 22;
	padding-right: 20px;
}

.context .infotegel .tegel-afbeelding {
	position: relative; 
	display: inline-block;
	padding: 0px!important;
}

.context .infotegel .pixel-overlay { /* blauwe gradient over de tegel-bgfoto */
	position: absolute;
	display: block;
	width: 100%;
    height: 100%;
	top: 0px;
	left: 0px;
	z-index: 20;
	background: url("../images/tegel-gradient-werkenbij.png") no-repeat left top transparent!important; 
}

.context .view-dashboard .tegel-lees-meer {
    background-image: url("../images/pijl_grijs_transp.png");
    background-repeat: no-repeat;
    background-position: top left;
	background-color: #FFF!important;
}

.recente-vacatures .vacatures-link {float: right;}

.showcase.testimonial .views-field-edit-node {position: relative; top: -30px; margin-bottom: -30px; z-index: 5600;}

/*** Showcase MU-icon sidebar ***/
.mu-icon-block {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 20px 0 20px 0;
}
.mu-info {
	display: inline-block;
	width: 100%;
	height: auto;
	min-height: 100px;
	margin-bottom: 10px;
}

.mu-icon {
	display: inline-block;
	height: 100px; 
	width: 100px;
	margin: 0 0 -100px -12px;
	float: left;
}

.mu-333 {
	background-image: url(../images/mu/icon-100-mu1.gif);
    background-repeat: no-repeat;} /* Duurzame energie en CO2-reductie */
.mu-334 {
	background-image: url(../images/mu/icon-100-mu2.gif);
    background-repeat: no-repeat;} /* Gezond, duurzaam geproduceerd voedsel */
.mu-335 {
	background-image: url(../images/mu/icon-100-mu3.gif);
    background-repeat: no-repeat;} /* Effectieve, betaalbare zorg */
.mu-336 {
	background-image: url(../images/mu/icon-100-mu4.gif);
    background-repeat: no-repeat;} /* Watermanagement en aanpassing aan klimaatverandering */
.mu-337 {
	background-image: url(../images/mu/icon-100-mu5.gif);
    background-repeat: no-repeat;} /* Circulaire economie, maximalisatie circulair gebruik grondstoffen */
.mu-338 {
	background-image: url(../images/mu/icon-100-mu6.gif);
    background-repeat: no-repeat;} /* Schoon, veilig en efficiënt vervoer & transport */
.mu-339 {
	background-image: url(../images/mu/icon-100-mu7.gif);
    background-repeat: no-repeat;} /* De veilige samenleving */
.mu-340 {
	background-image: url(../images/mu/icon-100-mu8.gif);
    background-repeat: no-repeat;} /* Inclusieve, innovatieve samenleving */

.mu-icon-title {
	font-family: FFWebProfileWebBoldItalic;
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 32px;
	color: #0076B9;
	float: right;
	width: calc(100% - 100px);
}

.mu-icon-title::after  {
	content: "";
	background-image: url(../images/quote_lijn.png);
    background-repeat: no-repeat;
	background-position: top left;
	display: inline-block;
	width: 100%;
	height: 10px;
}
.mu-icon-text p {
	font-family: FFWebProfileWeb;
	font-weight: normal;
	font-style: oblique;
	font-size: 22px;
	line-height: 28px;
	color: #0076B9;
	padding: 0 2px 0 2px;
}

.mu-icon-text p a {text-decoration: underline!important;}

/* Werken bij - Video */
.werkenbij-video .view-header {margin-bottom: 30px;}
.werkenbij-video .view-header a {color: #0076B9!important;}
.werkenbij-video .packery-item[style] {position: relative!important;}
.context-werkenbij-content.page-node-type-video-tegel .quick-links {display: none;}
.context-werkenbij-content.page-node-type-video-tegel .region-content {margin-bottom: 30px;}

/* Uitbreidingen */
.quote-link:hover {text-decoration: none!important;}
.mu-toelichting {
	font-family: FFWebProfileWebBoldItalic;
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	line-height: 24px;
	color: #0076B9;
	margin-top: 15px;
}
.mu-toelichting a {color: #0076B9!important;}											 

/* EU-opportunities */



@media (max-width: 319px) {
	.dashboard.dashboard-mobile .col-md-6,
	.dashboard.kerntaak.kerntaak-mobile .col-md-6{
		display: inline-block; 
		width: 100%;
		max-width: 100%;
		margin-bottom: 15px;
	}
	.dashboard.dashboard-mobile .col-md-6:nth-of-type(2n),
	.dashboard.kerntaak.kerntaak-mobile .col-md-6:nth-of-type(2n) {margin-bottom: 15px;}
}

@media (min-width: 0px) and (max-width: 360px) {
.zoekblok.zoekpagina-zoek #edit-zoekterm,
.zoekblok.zoekpagina-zoek [id^="edit-zoekterm-"] {
    height: 40px;
    width: 100%!important;
	max-width: 100%!important;
    font-size: 18px;
    line-height: 36px;
	}
}


@media (min-width: 320px) and (max-width: 469px) {
	.dashboard.kerntaak.kerntaak-mobile .container-fluid {padding: 0px 15px 5px 15px;}
	.dashboard.kerntaak.kerntaak-mobile .views-row:nth-child(2n) {margin: 0px 5px 10px 0px!important;}
	.dashboard.dashboard-mobile .views-row:first-of-type, 
	.dashboard.dashboard-mobile .views-row:nth-of-type(2n) {
		display: inline-block; 
		min-width: 140px;
		min-height: 180px!important;
		max-width: calc(50% - 10px);
		overflow: hidden;
		margin: 0px;
	}
	.dashboard.kerntaak.kerntaak-mobile .col-md-6 {
		display: inline-block; 
		min-width: 140px;
		width: calc(50% - 10px);
		overflow: hidden;
		margin: 0px;
	}
	.dashboard.kerntaak.kerntaak-mobile .tegel {
		display: block; 
		min-width: 140px;
		height: 180px!important;
		min-height: 180px!important;
	}
		
	.view-dashboard .tegel-titel {padding: 16px 10px 26px 10px;}
	
	.dashboard.kerntaak.kerntaak-mobile .tegel .tegel-titel {padding: 3px 35px 10px 10px;}
	
	.dashboard.kerntaak.kerntaak-mobile .toptegel {margin-left: -30px;}
	.dashboard.dashboard-mobile .views-row:first-of-type {margin: 0px 10px 0px 0px;}
	.dashboard.dashboard-mobile .views-row:last-of-type {width: 100%; margin: 10px 0px 20px 0px;}
	.dashboard.dashboard-mobile .views-row:last-of-type .tegel-titel {padding: 12px 10px 0px 5px!important; margin-bottom: -40px;}
	
	.tegel-page .packery-item:nth-child(odd),
	.tegel-page .packery-item:nth-child(2n),
	.toolbox .packery-item:nth-child(1) .tegel-link,
	.toolbox .packery-item:nth-child(2) .tegel-link,
	.toolbox.tb-home .packery-item:nth-child(3) .tegel-link,
	.toolbox.tb-home .packery-item:nth-child(4) .tegel-link,
	.toolbox.tb-home .col-md-9.tegel-link,
	.tegel:first-of-type, .tegel:nth-of-type(2n),
	.toptegel:first-of-type, .toptegel:nth-of-type(2n) {margin-right: 0px; }
}

@media (min-width: 470px) and (max-width: 991px) {
	.dashboard.dashboard-mobile .col-md-6,
	.dashboard.kerntaak.kerntaak-mobile .col-md-6 { /* vanaf 420 plaats voor 3 * 140 */
		min-width: 140px;
		width: calc(33% - 10px); 
		margin-right: 10px;
		display: inline-block;
	}
	.dashboard.kerntaak.kerntaak-mobile .col-md-6 { 
		margin-right: 5px!important; margin-bottom: 15px!important;
	}
	.path-frontpage .dashboard.dashboard-mobile .col-md-6:last-of-type {margin: 0px;}
	.groei-intro { margin-top: 20px!important;}
}


@media (max-width: 991px) {
	.zoekblok,
	.path-frontpage .dashboard,
	/* .path-frontpage .region-highlighted a.cta-button,*/
	.nieuws-blok.desktop-nieuws,
	.dashboard.kerntaak.kerntaak-desktop,
	.showcase.showcase-desktop,
	.context-werkenbij-landingspagina .dashboard-desktop,
	.events-blok.events-desktop,
	.gerelateerde-artikelen.desktop,
	.gerelateerd-nieuws-showcase.desktop {display: none;}
	
	.groeiversneller-container iframe {max-width: 90%!important;}
	.page-node-type-infopagina .dashboard.infographic .tegel {margin-bottom: 20px;}
	.page-node-type-infopagina .dashboard.infographic .toptegel .result-4,
	.page-node-type-infopagina .dashboard.infographic .toptegel .result-7 {margin-top: 30px!important;}
	.dashboard.kerntaak .packery-item, .path-toolbox .packery-item,
	.gerelateerde-pagina .packery-item {display: inline-block; height: auto; width: 100%; max-width: 100%;}
	
	h2.block-title, .submenu h2 {margin: 0px 0px 20px 0px;}
	.slide-tekst.cta-leeg { display: none;}
	
	.dashboard.dashboard-mobile .tegel-titel p,
	.dashboard.kerntaak.kerntaak-mobile .tegel-titel p {min-height: 44px;} /* equal height */
	.dashboard.dashboard-mobile {display: inline-block; width: 100%; padding: 18px 15px 30px 15px;}
	.dashboard.kerntaak.kerntaak-mobile {display: inline-block; width: 100%;}
	.dashboard.dashboard-mobile .views-row {
		padding: 0px; 
		float: left;
	}
	
	.dashboard.kerntaak.kerntaak-mobile .col-md-6 {padding: 0px!important; vertical-align: top;}
	.dashboard.kerntaak.kerntaak-mobile .views-row:nth-child(even) {margin: 0px 10px 10px 0px;}
	.dashboard.kerntaak.kerntaak-mobile .col-md-6:first-of-type {width: 100vw!important; text-align: center!important; margin: 0px auto;}

	/* .dashboard.kerntaak.kerntaak-mobile .groei {padding-top: 20px;}
	.dashboard.kerntaak.kerntaak-mobile .groei .col-md-6:first-of-type {
		text-align: center !important;
		margin: 0px auto;
		width: calc(50% - 10px)!important;
	}*/
	
	.dashboard.kerntaak.kerntaak-mobile .tegel-titel {
		display: block;
		width: 100%;
		min-height: 80px;
	}
	
	.path-frontpage .region-highlighted .dashboard:after { /* schuine streep in bg-kleur */
	height: 60px; transform: skewY(-2.75deg); bottom: -7px;
	}

	.dashboard.dashboard-mobile .views-row .tegel-titel,
	.dashboard.kerntaak.kerntaak-mobile .views-row .tegel-titel,
	.tegel-page .tegel-tekst,
	.tegel-page .tegel-titel {
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto;
	}
	
	.path-frontpage .toolbox .tegel-link,
	.toolbox .col-md-3, .toolbox .col-md-9, 
	.gerelateerde-pagina .tegel,
	.view-toolbox .views-view-grid .views-col { float: left; display: inline-block; width: 100%; height: auto;}
	
	.gerelateerde-pagina .tegel { width: 98vw!important; min-height: 225px!important;}
	
	.view-toolbox .views-view-grid .tegel-afbeelding img {  
		display: block;
		margin: 0px auto!important;
		text-align: center;
	}
	.toolbox .view-header p {display: none;}
	
	.groei-payoff {display:none;}
	.groei-intro {margin-top: 0px; font-size: 18px; line-height: 24px;}
	.groei-intro h2.block-title, .groei-intro p {display: inline-block; margin-left: 10px!important; margin-right: 10px!important;}
	.groei-intro.col-md-9 {padding: 0px!important;}
	.groei-mobile, .investlogo {
		display: inline-block; width: 100%;
		margin: 20px 0px 20px 0px; 
		text-align: center; 
	}

	.view-dashboard .tegel-titel,
	.path-frontpage .region-highlighted .view-dashboard .tegel-titel {font-size: 24px!important;line-height: 22px!important;}
	.region-highlighted .view-dashboard .tegel-titel {	font-family: "Assistant SemiBold", Arial, sans-serif; font-size: 18px!important;line-height: 24px!important;}
	.region-highlighted .view-dashboard .toptegel .tegel-titel {font-size: 26px!important; line-height: 26px!important; margin-top: -8px; margin-bottom: -6px;}
	
	.service-vragen {margin: -7px 0px 40px 10px;}
	.service-mail {margin:  0px 0px 40px 10px;}
	.service-social {padding-bottom: 15px; margin-left: 10px;}
	
	.showcase-bedrijf .interview-foto {margin-top: 15px;}
	.showcase.showcase-mobile {background-color: #F2F2F2;}
	
	.submenu ul {margin-left: 0px;}
	a.spamspan {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens:none!important;
    word-wrap:normal;
}
	.toolbox .tegel-titel {padding-right: 50px;}
    .page-node-type-kerntaak .tegel-page.event .tegel {margin-bottom: 0px;}
	.packery {display: block; width: 100%!important;}

	.path-medewerkers .packery[style] { height: auto;}
	.path-medewerker .packery:first-of-type .packery-item {display: block; height: auto; width: 100%; margin: 0px;}
	.gridsizer.post:nth-child(9){margin-top:18px;}
	.zoek-link,.menu-link, .language-link {padding: 12px 0px 0px 0px!important;}
	
	.zoekblok.zoekpagina-zoek #edit-submit-website-zoeken,
	.zoekblok.zoekpagina-zoek #edit-submit-algemeen-zoeken,
	.zoekblok.zoekpagina-zoek  [id^="edit-submit-algemeen-zoeken"]  {
	position: absolute; 
	float: right;
	top: 0px;
	right: -15px!important; 
	margin-left: -45px;
	border: none;
	padding: 6px 12px;
	text-align: right;
	font-size: 0px;
	text-indent: -99999999px;
	background-image: url(../images/icon-zoeken-diap.png)!important;
	background-repeat: no-repeat;
	background-position: center right;
	display: block;
	height: 40px;
	width: 40px;
	background-color: #0076B9;
	border-radius: 0px!important;
	}
	
	.showcase-foto {margin-left: 15px;}
	.showcase-foto .views-col {width: 33%;} /* vanwege grid, alleen mobile vast op 3 */
	
	.region-footer .col-md-6,
	.region-footer .col-md-9 {margin-bottom: 20px;}
	
	.viewsblok {display: block!important; height: auto!important; width: 100vw; float: none!important;}
	.viewsblok .contactpersonen {padding-right: 15px;padding-left: 15px;}
	.contactpersonen .packery,
	.gerelateerd .packery {
		height: auto;
		min-height: 480px!important;
		display: block;
	}
	
	.context .packery-item {margin-bottom: 20px!important;}
	.context .recente-vacatures .packery-item {margin-bottom: 35px!important;}
	.video-blok .tegel.tegel-link {width: 100%!important; min-width: 100%!important;}
}


@media (min-width: 992px) {
	/* Fonts */
	.groei-intro h2.block-title {font-size: 40px;line-height: 48px;}
	.groei-intro p {margin-top: 22px; font-size: 18px; line-height: 24px;}
	
		/* Elementen */
		.dashboard.dashboard-mobile,
	    .dashboard.kerntaak.kerntaak-mobile,
		.groei-mobile,
		.toolbox.tb-mobile,
	    .nieuws-blok.mobile-nieuws,
		.events-blok.events-mobile,
		.showcase.showcase-mobile,
		.gerelateerd-nieuws-showcase.mobile {display: none!important;}
	
		.topmenu-blok {right: 6px;top: 29px;}
	
		.oost-container-inner  {padding: 0px 40px 0px 40px!important;}
		.col-sm-12 .oost-container-inner  {padding: 0px 55px 0px 55px!important;}
		.path-frontpage .oost-container-inner  {padding: 20px 40px 0px 40px!important; }
		.page-node-type-webform .col-sm-12 .oost-container-inner {padding: 0px 40px 0px 40px!important;}
	
		.path-testimonials .col-sm-12 .region-content,
		.page-node-type-testimonial .col-sm-12 .region-content,
		.path-vacatures .col-sm-12 .region-content,
		.page-node-type-page .col-sm-12 .region-content,
		.page-node-type-toolbox .col-sm-12 .region-content,
		.page-node-type-article .col-sm-12 .region-content,
		.page-node-type-showcase .col-sm-12 .region-content,
		.page-node-type-infopagina .col-sm-12 .region-content,
		.page-node-type-evenement .col-sm-12 .region-content {
			padding-right: 0px!important;
			padding-left: 0px!important;
			}
	
		.navbar {height: 107px;}

		.logo {top: 0px; left: 48px;}
		.is-sticky .region-navigation .logo { left: 70px; top: 19px;}
		
		.container {width: 100%;}
		.col-md-9 {width: 730px;}
		.col-md-3 {width: 350px;}
	
		.tegel-page .packery-item:nth-child(odd),
		.tegel-page .packery-item:nth-child(2n),
		.toolbox .packery-item:nth-child(1) .tegel-link,
		.toolbox .packery-item:nth-child(2) .tegel-link,
		.toolbox.tb-home .packery-item:nth-child(3) .tegel-link,
		.toolbox.tb-home .packery-item:nth-child(4) .tegel-link,
		.toolbox.tb-home .col-md-9.tegel-link,
		.tegel:first-of-type, .tegel:nth-of-type(2n),
		.toptegel:first-of-type, .toptegel:nth-of-type(2n) {margin-right: 30px; margin-bottom: 30px;} 
	
		.tegel-page .default_group.packery:not(:first-child) .packery-item:nth-child(even) {margin-left: -3px!important;} /* correctie laden infinite scroll */
		.groei-intro.col-md-9 {margin-left: 28px;}
	
		.path-node .region-content,
		.path-testimonials .region-content,
		.path-vacatures .region-content,
		.page--node-382 .region-content {margin: 83px 29px 0px 29px;} /* content regio uitlijning */
		.path-zoeken .region-content,
		.path-nieuwsbrief .region-content {margin: 83px 29px 30px 29px;} 
	
		.path-node .col-sm-3 {margin: 60px 0px 20px 50px; z-index: 50;}
		.path-node .col-sm-9 .region-content {max-width: 725px;}	
		.path-node .col-sm-9 {max-width: 780px;}
	
		.path-medewerkers .region-content,
		.path-events .region-content,
		.path-all-events .region-content,
		.path-nieuws .region-content,
		.path-eu-nieuws .region-content,
		.path-europese-projecten .region-content,
		.path-video .region-content,
		.path-toolbox .region-content,
		.path-showcases .region-content,
		.path-alle-projecten .region-content,
		.path-showcases-exits .region-content,
		.path-eu-showcases .region-content,
		.path-adviseurs .region-content {margin: 83px -40px 0px 29px;} 
		
		.path-medewerkers .col-sm-3,
		.path-events .col-sm-3,
		.path-all-events .col-sm-3,
		.path-nieuws .col-sm-3,
		.path-eu-nieuws .col-sm-3,
		.path-adviseurs .col-sm-3,
		.path-europese-projecten .col-sm-3,
		.path-toolbox .col-sm-3,
		.path-showcases .col-sm-3,
		.path-alle-projecten .col-sm-3,
	 	.path-testimonials .col-sm-3,
	 	.path-vacatures .col-sm-3,
		.path-showcases-exits .col-sm-3,
		.path-eu-showcases .col-sm-3 {margin: 60px 0px 20px 0px;} 
		
		.path-medewerkers .col-sm-9 .region-content,
		.path-events .col-sm-9 .region-content,
		.path-all-events .col-sm-9 .region-content,
		.path-nieuws .col-sm-9 .region-content,
		.path-eu-nieuws .col-sm-9 .region-content,
		.path-adviseurs .col-sm-9 .region-content,
		.path-europese-projecten .col-sm-9 .region-content,
		.path-toolbox .col-sm-9 .region-content,
		.path-showcases .col-sm-9 .region-content,
		.path-eu-showcases .col-sm-9 .region-content,
		.path-alle-projecten .col-sm-9 .region-content,
		.path-showcases-exits .col-sm-9 .region-content,
		.path-medewerkers .col-sm-9,
		.path-events .col-sm-9,
		.path-all-events .col-sm-9,
		.path-toolbox .col-sm-9,
		.path-nieuws .col-sm-9,
		.path-showcases .col-sm-9,
		.path-eu-showcases .col-sm-9,
		.path-alle-projecten .col-sm-9,
		.path-showcases-exits .col-sm-9 {max-width: 830px;}
		
		.path-medewerkers .packery,
		.path-events .packery,
		.path-all-events .packery,
		.path-nieuws .packery,
		.path-eu-nieuws .packery,
		.path-adviseurs .packery,
		.path-europese-projecten .packery,
		.path-toolbox .packery,
		.path-showcases .packery,
		.path-eu-showcases .packery,
		.path-alle-projecten .packery,
		.path-showcases-exits .packery {display: block; width: calc(100% + 40px);}
	
		.region-showcase-foto,
		.region-showcase-interview { 
			display: inline-block; 
			margin: 20px 75px 30px 75px;
		} /* additionele content regio uitlijning */
	
		.region-viewsblok .page-content-block { /* inspringen bij basispagina-elementen */
/*			display: inline-block; */
/*			margin: 0px 75px 0px 84px;*/
			margin: 0px 0px 0px 84px!important;
			max-width: 1196px;
/*			overflow: hidden;*/
		}
	
		.region-showcase-interview {display: table;} /* equal height */
		.region-showcase-interview .col-md-9 {position: relative; left: 7px;} 
		.region-showcase-interview .col-md-3 {position: relative; left: 39px;} 
		
		.region-showcase-interview .views-element-container {
			float: none;
			display: table-cell;
			vertical-align: top;
		}
	
		.menu-link {
		background-image: url(../images/icon-hamburger-open.png);
		background-repeat: no-repeat;
		background-position: top left;
		padding: 40px 0px!important;
		color: #0076B9;
		cursor: pointer;
		display: inline-block!important;
		font-size: 20px;
		height: 40px!important;
		position: relative;
		width: 40px!important;
		z-index: 101;
		margin-right: 50px;
		}
		.menu-link.sluit {background-image: url(../images/icon-hamburger-close.png);}
		.zoek-link {
		background-image: url(../images/icon-zoeken.png);
		background-repeat: no-repeat;
		background-position: top left;
		padding: 40px 0px!important;
		color: #0076B9;
		cursor: pointer;
		display: inline-block;
		font-size: 20px;
		height: 40px!important;
		position: relative;
		width: 40px!important;
		z-index: 101;
		margin-right: 72px;
		}
		.contact-link {
		background-image: url(../images/icon-contact.png);
		background-repeat: no-repeat;
		background-position: top center;
		padding: 40px 0px!important;
		color: #0076B9;
		cursor: pointer;
		display: inline-block!important;
		font-size: 20px;
		height: 40px;
		position: relative;
		width: 40px;
		z-index: 101;
		margin-right: 72px;
		text-indent: -12px;
		visibility: visible;
		}
		.oost-com .contact-link {background-image: url(../images/icon-contact-com.png); color:#FD7D23 !important; }
	
		.region-megamenu .view-dashboard .tegel{ height: 300px; width: 300px;}
		
		.region-highlighted .view-dashboard .tegel,
		.region-highlighted .view-dashboard .toptegel,
		.gerelateerde-pagina .tegel,
		.gerelateerde-pagina .toptegel,
		.page-node-type-infopagina .dashboard.infographic .infotegel { height: 225px; width: 350px; max-width: 350px!important;}
	
		.region-highlighted {min-height: 255px;}
	
		.tegel-page .packery-item,
		.tegel-page .tegel  { height: 480px; width: 350px; vertical-align: top!important; margin-bottom: 15px; overflow: hidden;}
	
		.gerelateerde-artikelen .views-field {float: left;}
		.gerelateerde-artikelen .views-field-nothing  { 
		display: inline-block; height: 480px; width: 350px; max-width: 350px; overflow: hidden; vertical-align: top!important; float: left;}
	
		.tegel-page.event .packery-item,
		.tegel-page.event .event-first .tegel { display: inline-block; height: 270px!important; width: 540px!important; vertical-align: top!important;} 
		.tegel-page.event .event-second .tegel { display: inline-block; height: 101px!important; width: 540px!important;}
		.tegel-page.event .event-second .col-1 {margin: -10px 0px 18px 0px;}
		.tegel-page.event .col-md-6 {max-width: 570px; vertical-align: top;}
	
	.video-blok .tegel-page .packery-item  { height: auto!important;}
	.video-blok h2.block-title {margin-bottom: 20px!important;}
	
		.path-events .tegel-page.event .tegel,
		.path-events .tegel-page.event .packery-item,
		.path-all-events .tegel-page.event .tegel,
		.path-all-events .tegel-page.event .packery-item,
		.context-werkenbij-landingspagina .recente-vacatures .packery-item { 
			display: inline-block; 
			height: 480px!important; 
			width: 350px!important; 
			max-width: 350px; 
			overflow: hidden;
		} /* events page */
	
		
		.page-node-type-kerntaak .toolbox col-md-9.tegel-link {display: inline-block; margin: 0px 15px 30px 0px;}
		.toolbox .tegel-link {margin: 0px 15px 0px 15px;}
	
		.path-frontpage .region-highlighted .view-dashboard  .tegel { height: 350px;}
		.path-frontpage .region-content { display: inline-block; margin-top: 80px; padding: 20px 0px 120px 0px!important;} /* padding aanpassen na pl;aatsing search? */

		.path-frontpag .toolbox {margin-top: 2px;}
		.toolbox .view-header {
		color: #0076B9; 	
		display: block!important;
		height: auto;
		width: 100%;
		}
		.toolbox .view-header p {font-size:30px; line-height: 36px; margin: 16px 0px 48px 0px; }
	
		h2.block-title, 
		.submenu h2 {
			height: 40px;
			font-size: 20px;
			line-height: 40px;
		}
		
	.region-servicebanner {position: relative; display: inline-block; height: auto;}
	.region-servicebanner .service-vragen,
	.region-servicebanner .service-mail, 
	.region-servicebanner .social-icons {padding-top: 20px; margin-left: 20px;}
	
		/* CTA */
		.slide-tekst {
			font-size: 30px; 
			line-height: 40px; 
			display: block;
			height: 170px;
			position: relative;
			float: right;
			padding: 20px 20px 50px 20px;
			margin-bottom: -170px;
			z-index: 2;
		}
		.slide-tekst.cta-leeg { background-color: transparent!important;}
		.slide-tekst.cta-aan { background-color: #FFF!important;}
		.ahp {min-height: 160px;}

		.path-frontpage .slide-tekst { bottom: 150px; right: 165px; width: 450px; background-color: #FFF!important;}
		
		.page-node-type-kerntaak .slide-tekst,
	    .page-node-type-page .slide-tekst {
			top: -220px; 
			right: 86px; 
			width: 350px;
			-webkit-hyphens: auto;
			-moz-hyphens: auto;
			-ms-hyphens: auto;
			hyphens: auto;
/*			word-wrap: break-word;*/
			}
	
		.chrome .slide-tekst,
		.safari.desktop .slide-tekst {margin-bottom: -169px;}
	
		.page-node-type-kerntaak.chrome .header-image,
		.page-node-type-kerntaak.safari.desktop .header-image,
	    .page-node-type-page.chrome .header-image,
		.page-node-type-page.safari.desktop .header-image {margin-bottom: -1px!important;}
		
		.path-frontpage.chrome .region-highlighted .dashboard,
		.path-frontpage.safari.desktop .region-highlighted .dashboard,
		.chrome .view-dashboard.groei {margin-top: -1px;}
	
	
		.path-frontpage .slide-tekst {
			font-size: 36px; 
			line-height: 48px; 
		}
	
		.header-image .views-field-nothing {margin-bottom: -170px;}
		.slide-tekst:after { /* schuine streep in bg-kleur */
			background: inherit;
			bottom: 0;
			content: '';
			display: block;
			height: 50px;
			left: 0;
			position: absolute;
			right: 0;
			transform: skewY(-2.5deg);
			transform-origin: 100%;
			z-index: 1;
		}
		.region-megamenu .dashboard {position: relative; top: 41px; left: 55px;}
		.path-frontpage .region-highlighted .dashboard .packery { position: relative; top: 15px; left: 45px;}
	
		.path-frontpage .region-highlighted .dashboard {padding-bottom: 87px;margin-bottom: 0px;}

		.path-frontpage .region-highlighted .dashboard:after { /* schuine streep in bg-kleur */
		bottom: -3px;
		content: '';
		height: 85px;
		left: 0;
		right: 0;
		transform: skewY(-2.5deg);
		transform-origin: 100%;
		z-index: -1;
		}

		/* Images */
		.region-navigation .logo p a {
		background-image: url(../images/logo.png);
		background-repeat: no-repeat;
		color: #FFF;
		display: inline-block;
		height: 182px;
		margin-bottom: 0px;
		text-decoration: none;
		width: 143px;
		}
	
	
		/* responsive hover images voor Home dashboard tegels */
		.path-frontpage .view-dashboard .tegel-link.term-7:hover .tegel-afbeelding picture,
		.region-megamenu .view-dashboard .tegel-link.term-7:hover .tegel-afbeelding picture {
			background-image: url(../images/hover-icon-vanideetotbusiness.png);
			background-repeat: no-repeat;
			background-position: center top;
			background-size: 120px 120px;
			display: block;
			margin: 0px auto!important;
			text-align: center;
		}
		.path-frontpage .view-dashboard .tegel-link.term-8:hover .tegel-afbeelding picture,
		.region-megamenu .view-dashboard .tegel-link.term-8:hover .tegel-afbeelding picture {
			background-image: url(../images/hover-icon-internationalisering.png);
			background-repeat: no-repeat;
			background-position: center top;
			background-size: 120px 120px;
			display: block;
			text-align: center;
		}
		.path-frontpage .view-dashboard .tegel-link.term-9:hover .tegel-afbeelding picture,
		.region-megamenu .view-dashboard .tegel-link.term-9:hover .tegel-afbeelding picture {
			background-image: url(../images/hover-icon-financiering.png);
			background-repeat: no-repeat;
			background-position: center top;
			background-size: 120px 120px;
			display: block;
			margin: 0px auto!important;
			text-align: center;
		}
	
		.footer .nav {margin: 20px 40px 0px 68px;}
	
	.contactpersoon .view-content,
	.contactpersonen .packery-item {width: 350px;}
	
	.tegel-page .tegel-afbeelding { height: 253px; width: 100%;}
	.tegel-page .tegel-afbeelding img { max-width: 348px;}
	
	/* Invest in Holland */
	.investlogo.col-md-3{ 
	position: relative; 
	float: left;
	left: 30px!important; 
	top: -40px;
	display: inline-block;
	padding: 0px!important;
	margin: 0px 0px -142px 0px!important;
	}
	
	/** Zoekblok **/
	.zoekblok.col-md-9 { 
	position: relative; 
	float: right;
	left: -46px!important; 
	top: 28px;
	display: inline-block;
	padding: 0px!important;
	margin: 0px 0px -38px 0px!important;
	}
	.zoekblok label {display: none;}
	.zoekblok #edit-zoekterm {
	height: 40px;
	width: 350px;
	border: 1px solid #0076B9;
	color: #0076B9;
	border-radius: 0px!important;
	font-size: 24px;
	line-height: 36px;
	}
	.zoekblok #edit-submit-website-zoeken,
	.zoekblok #edit-submit-algemeen-zoeken {
	position: relative; 
	float: right;
	right: -15px!important; 
	margin-left: -45px;
	background-color: transparent;
	border: none;
	padding: 6px 12px;
	text-align: right;
	font-size: 0px;
	text-indent: -99999999px;
	background-image: url(../images/icon-zoeken-diap.png)!important;
	background-repeat: no-repeat;
	background-position: center right;
	display: block;
	height: 40px;
	width: 40px;
	background-color: #0076B9;
	border-radius: 0px!important;
	}

	/* Showcase banner blok */
	.showcase.showcase-desktop {position: relative; color: #FFF}
	.showcase.showcase-desktop .showcase-tekst {
		display: inline-block; 
		position: absolute; 
		right: 0px; 
		top: 25px;
		width: 50%;
		padding: 20px;
	}
	.showcase-tekst .interview-quote {line-height: 36px; font-size: 30px; margin-bottom: 30px; margin-top: 0px; }
	.showcase.showcase-desktop .showcase-cta {
		display: inline-block; 
		position: absolute; 
		left: auto;
		right: 0px; 
		bottom: 0px;
		width: 50%; 
		margin: 0px;
		padding: 20px;
	}
	.showcase.showcase-desktop .showcase-cta a.cta-button {
		position: relative;
		bottom: 25px;
		left: 0px; 
		margin-bottom: 20px;
		text-align: left!important;
		float: left!important;
		}
	.region-showcase-interview .showcase-bedrijf { border-top: 85px solid #FFF;} 
	.marge-block { padding: 0px 60px 0px 60px; }
	.marge-block.gerelateerde-showcases { padding: 0px 60px 0px 80px; }
	.path-frontpage .marge-block,
	.page-node-type-kerntaak .marge-block { padding: 20px 0px 0px 85px; }
	.path-frontpage .marge-block h2.block-title,
	.page-node-type-kerntaak .marge-block h2.block-title,
	.page-node-type-infopagina .marge-block h2.block-title,
	.context-werkenbij-landingspagina .marge-block h2.block-title { margin-bottom: 20px; }
	
	.path-frontpage .region-highlighted .view-dashboard .tegel-titel,
	.view-dashboard .toptegel .tegel-titel{
	font-family: FFWebProfileWeb;
	font-size: 33px;
	font-weight: normal;
	line-height: 44px;
	}
	
	.path-frontpage .region-highlighted .view-dashboard .tegel-titel strong,
	.view-dashboard .toptegel .tegel-titel{
	font-family: FFWebProfileWebBoldItalic;
	font-size: 33px;
	font-weight: normal;
	line-height: 44px;
	}
	
	.path-frontpage .view-dashboard .tegel-tekst {
    font-size: 21px;
    line-height: 31px;
    padding: 0px 40px 20px 40px;
	}

	.tegel-page .tegel-titel {
	font-size: 30px;
	line-height: 36px;
	padding: 15px 0px 0px 20px; /* was 15 40 0 20 */
	margin-bottom: 15px;
	max-height: 130px!important; /* geen doorloop naar een vierde regel */
	overflow: hidden;
	display: block;
	}
	.tegel-page .tegel-tekst {
	font-size: 18px;
	line-height: 24px;
	padding: 20px 40px 20px 20px;
	}
	
	.recente-vacatures .tegel-page .tegel-titel {
	font-size: 30px;
	line-height: 36px;
	padding: 15px 30px 0px 20px; 
	margin-bottom: 0px;
	max-height: auto!important; /* geen doorloop naar een vierde regel */
	overflow: hidden;
	display: block;
	}
	.recente-vacatures .tegel-page .tegel-tekst,
	.path-vacatures .tegel-page .tegel-tekst {
	font-size: 18px;
	line-height: 24px;
	padding: 20px 40px 20px 20px;
	height: 227px;
	}
	
	.marge-block a.views-lees-meer {margin: 3px 85px 20px 0px!important;}
    .marge-block.gerelateerde-showcases a.views-lees-meer {margin: 3px 30px 20px 0px!important;}
	.toolbox .tegel-titel {
	font-size: 30px;
	line-height: 36px;
	position: absolute;
	bottom: 15px;
	left: 20px;
	}
	
	.recente-vacatures a.views-lees-meer {margin: 0px 0px 20px 0px!important;}
	.tegel-page.event {margin: 10px 0px 66px 0px;}
	.tegel-page.event .event-first .tegel-event-datum,
	.gerelateerd-veld.event-first .tegel-event-datum {		
		font-size: 64px;
	line-height: 83px;
	font-family: "Assistant Bold", Arial, sans-serif;
		padding: 0px 20px 0px 20px;}
	
	.tegel-page .event-tegel .tegel-titel {	padding: 0px 40px 0px 20px; 	
	max-height: 120px!important; /* geen doorloop naar een vierde regel */
	overflow: hidden;
	display: block; }
	.tegel-page .tegel-tekst {padding: 0px 40px 15px 10px;}
	.vacature-tegel .tegel-titel {height: 253px!important;max-height:253px!important; padding: 15px 20px 0px 20px!important;}
	.page-node-type-page .video-blok {padding: 20px 83px 10px 0px!important;}
	.recente-vacatures {padding: 20px 83px 10px 83px!important;}
	.oost-nl .video-blok,
	.context-werkenbij-landingspagina .video-blok {padding: 20px 83px 10px 83px!important;}

}

@media (max-width: 1279px) {
	.region-megamenu nav,
	.region-megamenu .social-links {
    position: relative;
	left: 25px;
	width: 100%;
	max-width: 100%;
	}
	.region-megamenu .social-links {left: 12px; top: 10px;}
	.region-servicebanner .col-md-3,
.region-servicebanner .col-md-5 { width: 100%;}
	
	.page-node-type-infopagina .dashboard.kerntaak.kerntaak-desktop {display: none;} /* vanwege 3 kolommen-opzet */
	.page-node-type-infopagina .dashboard.dashboard-mobile.infographic {display: inline-block!important;} 
	.page-node-type-infopagina .dashboard.dashboard-mobile.infographic .packery-item,
	.page-node-type-infopagina .dashboard.dashboard-mobile.infographic .tegel {width: 100%!important; min-width: 100%!important; }
}


@media (min-width: 1280px) {
	.region-showcase-foto .col-md-6,
	.region-showcase-interview .col-md-6,
	.region-showcase-foto .col-md-12,
	.region-showcase-interview .col-md-12,
	.tegel-page.event .col-md-6,
	.region-showcase-interview .col-md-9,
	.region-showcase-interview .col-md-3 {padding: 0px!important;}
	
	.col-sm-12, .navbar.container,
	.region-servicebanner,
	.region-participations,
	#oost-container	{max-width: 1280px!important;}
	.container {width: 1280px!important;}
	
	.dashboard .packery {padding: 20px 0px 0px 40px; }
	.page-node-type-kerntaak .dashboard .packery {padding: 66px 0px 40px 85px!important; }
	
	.context .view-dashboard .packery {padding: 0px!important; }
	.context .view-dashboard {margin: 10px 0px 20px 0px;}
	
	.gerelateerd.packery {padding: 10px 0px 0px 0px!important; }
	.region-megamenu .view-dashboard .tegel-content {padding-top: 40px;}
	
	.page-node-type-infopagina .dashboard.infographic .packery {padding: 0px!important;}
	.region-megamenu .dashboard,
	.toolbox.tb-desktop,
	.nieuws-blok.desktop-nieuws,
	.events-blok.events-desktop,
	.showcase.showcase-desktop,
	.gerelateerde-artikelen.desktop {display: inline-block!important;}
	
	.toolbox.tb-mobile, .gerelateerde-artikelen.mobile,
	.region-megamenu nav a.mobile-only {display: none!important;}
	
	.region-viewsblok .block {/* positionering aanvullende blokken onder content */
		position: relative; 
		display: inline-block; 
		width: 100%;
	} 
	.toolbox .tegel-link:last-of-type {margin-left: 0px;}
	
	.is-sticky .region-navigation .logo p a { 
	background-image: url(../images/logo-oostnl-sticky.png);
    background-repeat: no-repeat;
    color: #FFF;
	display: inline-block;
	height: 75px;
	margin-bottom: 0px;
    text-decoration: none;
    width: 60px;
	}
	
	.packery-item {min-width: 310px;}
	
	header .navbar-nav,
	.oost-com header.region-megamenu .nav {
	position: relative;
	top: -29px;
	left: -12px;
		}
	.region-megamenu .social-links {
	position: relative; 
	top: -30px;
	left: -30px;
	clear: both;
	display: block;
	float: right!important;
	}
	.tegel-page .tegel-tekst {
	position: absolute;
	bottom: 0px;
	padding: 20px 30px 20px 20px;
	max-height: 112px;
	max-width: 350px;
	overflow: hidden;
	}
	.recente-vacatures .tegel-page .tegel-tekst, .path-vacatures .tegel-page .tegel-tekst {max-height: 227px!important;}
	
	.showcase-bedrijf .interview-foto {width: 100%; min-width: 350px; margin-top: -5px;}
	.events-blok.events-desktop {margin-top: -7px;}
	.region-servicebanner {position: relative; height: 200px;}
	.region-servicebanner .service-vragen {margin-left: 66px; max-width: 360px; padding-top: 4px;}
	.region-servicebanner .service-mail {padding-top: 48px; margin-left: -12px; max-width: 480px;}
	.region-servicebanner .social-icons {padding-top: 44px; margin-left: 68px; max-width: 250px;}
	
	.path-nieuws .filter-header,
	.path-events .filter-header,
	.path-all-events .filter-header {margin: 60px 0px -40px 0px!important;}
}




@media 
only screen and (-webkit-min-device-pixel-ratio: 2)      and (min-width: 992px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (min-width: 992px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (min-width: 992px),
only screen and (        min-device-pixel-ratio: 2)      and (min-width: 992px),
only screen and (                min-resolution: 192dpi) and (min-width: 992px),
only screen and (                min-resolution: 2dppx)  and (min-width: 992px) { 
	.region-navigation .logo p {height: 182px;width: 143px;}
	.region-navigation .logo p a {
	background-image: url(../images/logo@2x.png);
	background-size: 143px 182px;
	background-repeat: no-repeat;
	}
	.is-sticky .region-navigation .logo p {height: 75px;width: 60px;}
	.is-sticky .region-navigation .logo p a {
	background-image: url(../images/logo-oostnl-sticky@2x.png);
	background-size: 60px 75px;
	background-repeat: no-repeat;
	} 
	
	.path-frontpage .view-dashboard .tegel-link.term-7:hover .tegel-afbeelding picture,
	.region-megamenu .view-dashboard .tegel-link.term-7:hover .tegel-afbeelding picture {
	background-image: url(../images/hover-icon-vanideetotbusiness@2x.png);
	background-repeat: no-repeat;
	background-size: 120px 120px;
	}

	.path-frontpage .view-dashboard .tegel-link.term-8:hover .tegel-afbeelding picture,
	.region-megamenu .view-dashboard .tegel-link.term-8:hover .tegel-afbeelding picture {
	background-image: url(../images/hover-icon-internationalisering@2x.png);
	background-repeat: no-repeat;
	background-size: 120px 120px;
	}
	.path-frontpage .view-dashboard .tegel-link.term-9:hover .tegel-afbeelding picture,
	.region-megamenu .view-dashboard .tegel-link.term-9:hover .tegel-afbeelding picture {
	background-image: url(../images/hover-icon-financiering@2x.png);
	background-repeat: no-repeat;
	background-size: 120px 120px;
	}
	.zoek-link {
    background-image: url(../images/icon-zoeken@2x.png);
	background-size: 40px 40px;
	background-repeat: no-repeat;
	}
	.contact-link {
    background-image: url(../images/icon-contact@2x.png);
	background-size: 40px 40px;
	background-repeat: no-repeat;
	}
	.oost-com .contact-link {
    background-image: url(../images/icon-contact-com@2x.png);
	background-size: 40px 40px;
	background-repeat: no-repeat;
	}
	.menu-link {
    background-image: url(../images/icon-hamburger-open@2x.png);
	background-size: 40px 40px;
	background-repeat: no-repeat;
	}
	.menu-link.sluit {
	background-image: url(../images/icon-hamburger-close@2x.png);
	background-size: 40px 40px;
	background-repeat: no-repeat;
	}
	.zoekblok #edit-submit-website-zoeken,
	.zoekblok #edit-submit-algemeen-zoeken{
	background-image: url(../images/icon-zoeken-diap@2x.png)!important;
    background-repeat: no-repeat;
	background-size: 40px 40px;
	}
	
	.context .infotegel .pixel-overlay {
	background-image: url(../images/tegel-gradient-werkenbij@2x.png)!important;
    background-repeat: no-repeat;
	background-size: 350px 225px; }
}


/* Cookiemelding */
#sliding-popup h2 { 
	font-weight: normal;
	font-size: 16px; 
	}

#sliding-popup .popup-content #popup-text p {
	font-weight: normal;
	font-size: 14px;
	}

#sliding-popup .popup-content #popup-buttons .agree-button {    
	background: #0076B9!important; 
	color: #FFF!important; 
	font-family: "Assistant SemiBold", Arial, sans-serif; 
	border: none;}

#sliding-popup .popup-content #popup-buttons button {
	font-family: "Assistant SemiBold", Arial, sans-serif; 
	font-weight: normal;
	text-transform: none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border: none;
	text-shadow: none;
	font-size: 16px!important;
	box-shadow: none;
}

/* Alert Home */
.path-frontpage .alert-success {
    position: relative;
    z-index: 9999;
    top: 20px;
}

/* 403 .com op .nl */
.oost-nl.page--node-382.lang-en .menu.nav a.zoek-link,
.oost-nl.page--node-382.lang-en .menu.nav .menu-link {display: none!important;}
.oost-nl.page--node-382.lang-en .menu.nav .en-link {
	display: inline-block!important;
	top: 40px;
	right: 7px;
	}


/* Landscape iPad  */

@media only screen and (orientation: landscape) {
	.safari.ipad {
		overflow-x:hidden;
	}
	.safari.ipad .header-image {
		min-height: 255px!important;
	}
	.path-frontpage.safari.ipad .header-image {
		min-height: 496px!important;
	}
	.safari.ipad .slide-tekst span.cta-slide-tekst {
		display: inline-block;
		width: 100%;
		padding-bottom: 7px;
	}
	.path-frontpage.safari.ipad .slide-tekst {
		bottom: 170px!important;
		right: 115px!important;
	}
	.safari.ipad .dashboard.kerntaak .container-fluid {
		padding: 15px 0px 15px 15px!important;
	}
	.safari.ipad .is-sticky .region-navigation .logo p a {
		width: 60px!important; 
		height: 75px!important;
		left: 0px!important;
		top: 5px!important;
	}
}

/* Surface Pro 3 */
@media only screen 
   and (min-width: 992px) /* toegevoegd om mobiel uit te sluiten */
   and (max-width : 2160px) 
   and (max-height : 1440px) {
	.zoek-link {
    background-image: url(../images/icon-zoeken@2x.png)!important;
	background-size: 40px 40px!important;
	background-repeat: no-repeat;
	}
	.contact-link {
    background-image: url(../images/icon-contact@2x.png)!important;
	background-size: 40px 40px!important;
	background-repeat: no-repeat;
	}
	.menu-link {
    background-image: url(../images/icon-hamburger-open@2x.png)!important;
	background-size: 40px 40px!important;
	background-repeat: no-repeat;
	}
	.menu-link.sluit {
	background-image: url(../images/icon-hamburger-close@2x.png)!important;
	background-size: 40px 40px!important;
	background-repeat: no-repeat;
	}
   .menu-link, .menu-link.sluit, .zoek-link, .contact-link  {
	height: 40px!important;
	width: 40px!important;
	min-height: 40px!important;
	min-width: 40px!important;
	max-height: 40px!important;
	max-width: 40px!important;
   }
}