* {
	box-sizing						: border-box;
}

a, img {
	outline							: none;
	border							: none;
}

body {
	font-size						: 16px;
	color							: rgb(60,60,60);
	font-family						: 'open_sansregular','HelveticaNeue-Light','Helvetica','Arial','sans-serif';
}

html {
    overflow-y: scroll;
}

img {
    image-rendering: -webkit-optimize-contrast;
}

h1 {
	font-family						: 'open_sansbold','Arial Black','Arial Bold','Helvetica Bold','sans-serif';
	font-size						: 1.5em;
	font-weight						: normal;
	margin							: 0.3em 0;
}

h2,
label.h2,
.hoofdstukken h1 {
	font-family						: 'open_sansbold','Arial Black','Arial Bold','Helvetica Bold','sans-serif';
	font-size						: 1.15em;
}

h3 {
	font-family						: 'open_sansregular','HelveticaNeue-Light','Helvetica','Arial','sans-serif';
	font-size						: 1.1em;
}

h4,h5 {
	font-family						: 'open_sansbold','Arial Black','Arial Bold','Helvetica Bold','sans-serif';
	font-size						: 1.1em;
}

h1, h2, h3, h4, h5,
p,
label.h2,
.hoofdstukken h1 {
    font-weight						: normal;
	margin							: 0.3em 0;
}


.melding {
    font-family						: 'open_sansregular','HelveticaNeue-Light','Helvetica','Arial','sans-serif';
    font-size						: 1.1em;
    font-weight						: normal;
    color							: rgb(252,117,0);
}

label,
dt {
	font-family						: 'open_sansregular','HelveticaNeue-Light','Helvetica','Arial','sans-serif';
	font-size						: 0.9rem;
	line-height						: 1.25rem;
}

hr {
	color							: rgb(237,241,246);
	background-color				: rgb(237,241,246);
	margin							: 0;
	height							: 1px;
	border							: none;
	clear							: both;
}

br {
	clear: left;
}

a {
	color							: rgb(252,117,0);
	text-decoration					: none;
}

.bold {
	font-weight						: bold;
}

.icon:before {
	vertical-align					: middle;
}

.button .icon:before {
	color							: rgb(255,255,255);
	vertical-align					: middle;
}

span.icon:before {
	margin-right					: 5px;
}

.button .icon-zwart:before {
	color							: rgb(60,60,60);
}

.toggle-hover-different-element {
	cursor							: pointer;
}

dl {
	width						: 100%;
	overflow					: hidden;
}

dt {
	font-weight					: bold;
	
	float						: left;
	width						: 25%;
	margin						: 0;
}

dd {
	float						: left;
	width						: 75%;
	margin						: 0;
}

.bg_form_gray {
    background-color: rgb(237,241,246);
    padding: 10px;
    margin: -10px;
}

/* LINKS */

.text-link {
	color							: rgb(252,117,0);
	text-decoration					: underline;
}

.text-link:hover {
	color							: rgb(109,119,136);
}

.wachtwoord-vergeten-button {
	display							: inline-block;
	padding							: 5px 10px;
	margin							: 3px 0px;
}

p a {
	color							: rgb(252,117,0);
	text-decoration					: underline;
}

p a:hover {
	color							: rgb(109,119,136);
	text-decoration					: underline;
}

.ingelogd a,
.uitgebreid-zoeken-knop {
	text-decoration					: underline;
}

.ingelogd a:hover,
.uitgebreid-zoeken-knop:hover {
	color							: rgb(109,119,136);
	text-decoration					: underline;
}


/*============== TABLE MOCK CLASSES ============================================*/
.table    { display: table }
.tr       { display: table-row }
.thead    { display: table-header-group }
.tbody    { display: table-row-group }
.tfoot    { display: table-footer-group }
.col      { display: table-column }
.colgroup { display: table-column-group }
.td, .th  { display: table-cell; vertical-align: top; }
.caption  { display: table-caption }


/*===========================================================
======== L A Y O U T ========================================
===========================================================*/

body {
	margin							: 0 auto;
}

.site-container {
    min-height						: 100%;
    min-height						: 100vh;
	height							: 100%;
	text-align						: center;
	position						: relative;
	background-color				: rgb(255,255,255);
}

.maxcontentbreedte {
	max-width						: 1200px;
	margin							: 0 auto;
}

.site-content {
    flex							: 1 0 auto;
    width							: 100%;
	text-align						: left;
	background-color				: rgb(255,255,255);
}

.content-container {
			
}

.zijkolom {
	margin-right					: 10px;
	padding							: 10px;
	width							: 220px;
}

.contentkolom {
	width							: 100%;
	padding							: 10px;
}

.visual-slider-container {
	position						: relative;
}

.homepage_bijlage {
	position						: absolute;
	z-index							: 10;
	bottom							: -125px;
	right							: 40px;
	width							: 200px;
	height							: 200px;
}

.homepage_bijlage img {
	width							: 100%;
	height							: auto;
}

.visual {
	min-height						: 400px;
	margin-top						: 70px;
	
	-moz-transition					: min-height 0.25s ease;
	-webkit-transition				: min-height 0.25s ease;
	-o-transition					: min-height 0.25s ease;
	transition						: min-height 0.25s ease;

	position						: relative;
}

.slider-container {
	position						: relative;
	min-height						: 400px;
	width							: 100%;
}

.sy-box .sy-slide {
	min-height						: 400px;
	width							: 100%;
}

.visual-img {
	min-height						: 400px;
	width							: 100%;
	background-position				: center center;
	background-size					: cover;
	background-repeat				: no-repeat;
	
	position						: absolute;
	top								: 0px;
}

.logo {
	margin							: 0 1.3em 0 0.3em;

	width							: 200px;
	height							: 50px;
	max-height						: 70px;

	-moz-transition					: height 0.25s ease;
	-webkit-transition				: height 0.25s ease;
	-o-transition					: height 0.25s ease;
	transition						: height 0.25s ease;

	background-image				: url("../images/website-logo-menubalk.png");
	background-repeat				: no-repeat;
	background-size					: contain;
	background-position				: center;
    image-rendering: -webkit-optimize-contrast;

	z-index							: 70;
}

.logo_subdirs {
background-image				: url("../../images/website-logo-menubalk.png");
}

/*==========================================================
======== L O G I N  ========================================
===========================================================*/

.inlogform {
	max-width						: 500px;
}

.inlogform_container {
	display							: none;
	position						: absolute;
	z-index							: 1;
	top								: 70px;
	right							: 15px;

    text-align						: left;
	min-width						: 350px;
	line-height						: 20px;
	margin							: 0;
	padding							: 19px;
	box-shadow						: inset 0 5px 3px -3px rgba(60,60,60,0.3);
	background-color				: rgb(255,255,255);
	border-radius					: 0 0 10px 10px;
	overflow						: hidden;
}

.inlogform_container .input-regel {
	margin-top						: 0px !important;
	margin-bottom					: 10px !important;
}

/* Change white to any color */
input:-webkit-autofill {
    -webkit-box-shadow				: 0 0 0 35px white inset;
}

/*===========================================================
======== F R O N T O F F I C E ==============================
===========================================================*/


.frontoffice_login_bg {
	width				: 100%;
	height				: 100%;
	min-height			: 100vh;
	background-color	: rgb(252,117,0);
}

.frontoffice_login_bg_icons {
	position			: fixed;
	width				: 100%;
	height				: 100%;
	min-height			: 100vh;
	background-image	: url("../../images/icoontjes-back-wit.svg");
	background-repeat	: no-repeat;
	background-position	: top;
	opacity				: .07;
	z-index				: 1;
}

.frontoffice_inlogform_container {
    text-align			: left;
	width				: 500px;
	line-height			: 20px;
	margin				: 0;
	padding				: 19px;
	border-radius		: 10px;
	overflow			: hidden;
	z-index				: 2;
}

.frontoffice_inlogform_container .input-regel {
	margin-top			: 0px !important;
	margin-bottom		: 10px !important;
}

.frontoffice .content-container {
	margin-top			: 70px;
}

.frontoffice.ingelogd {
	margin				: 0;
}

/*===========================================================
======== Z O E K B O X ======================================
===========================================================*/

.zoekbox {
	position						: relative;
	background-color				: rgb(252,117,0);
	padding							: 20px;
/* ACHTERGRONDPATROON
	background-image				: url("../images/zoekbox-achtergrond.png");
	background-repeat				: repeat;
	background-position				: center;
*/
}

.zoekbox-inhoud {
	box-sizing						: border-box;
	width							: 100%;
	position						: relative;
	display							: inline-block;
	text-align						: left;
	margin							: 0 auto;
	margin-top						: 70px;
	padding							: 20px 20px 10px 20px;
}

.zoekbox-home .zoekbox-inhoud {
	margin-top						: 10px;
}

.zoek-velden-container div {
	margin-bottom					: 10px;
}

.zoekbox label {
	width							: 100%;
	text-align						: left;
	padding							: 0;
}

.zoekbox input[type=text],
.zoekbox select {
	font-size						: 1em;
	height							: 42px;
	margin							: 0;
    flex: none;
}

.zoekbox input[type=text]::-webkit-input-placeholder,
.zoekbox input[type=text]::-moz-placeholder,
.zoekbox input[type=text]::placeholder,
.zoekbox input[type=text]:-ms-input-placeholder,
.zoekbox input[type=text]:-moz-placeholder,
.zoekbox input[type=text]:placeholder-shown {
	color							: rgb(255,255,255);
}

.zoekbox-inhoud {
	max-width						: 960px;
}

.zoekbox input[type=text] {
	background-color				: rgb(255,255,255);
	color							: rgb(109,119,136);
	border							: 1px solid rgb(255,255,255);
	border-radius					: 10px 0 0 10px;
	width							: 100%;
}

.zoekbox select {
    background						: url(../images/drop_select_wit.png);
    background-repeat				: no-repeat;
    background-position				: right center;
    background-size					: 14px 14px;
	background-color				: rgb(252,117,0);
	color							: rgb(255,255,255);
	border							: 1px solid rgb(255,255,255);
	border-radius					: 10px;
	width							: 100%;
}

.zoeken-button button[type=submit] {
	margin							: 0;
	background-color				: rgb(65,154,43);
	border							: 1px solid rgb(65,154,43);
	border-radius					: 0 10px 10px 0;
	height							: 50px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.zoeken-button span:before {
	font-size						: 0.9em;
	vertical-align					: baseline;
	margin-right					: 10px;
}

.zoek-trefwoord {
	height							: 50px; /* TEMP FIX */
	-webkit-box-flex				: 1 0 50%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 50%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 50%;	/* IE 10 */
	-webkit-flex					: 1 0 50%;	/* NEW - Chrome */
	flex							: 1 0 50%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.zoekbox input[type=text] {
	height							: 50px; /* TEMP FIX */
}

.zoekveld-zoeken {
	padding-right					: 10px;
}

.uitgebreid-zoeken-knop {
	cursor							: pointer;
	margin-top						: 5px;
	padding-right					: 12px;
	font-size						: 0.9em;
}



/*===========================================================
======== Z O E K R E S U L T A T E N ========================
===========================================================*/

.weergave-tegel.item-container .kenmerk {
	display							: block;
	position						: absolute;
	top								: 10px;
	left							: -7px;
	height							: 32px;
	z-index							: 77;
}

.kenmerk-nieuw {
	width							: 55px;
	background-image				: url("../images/nieuw.png");
	background-repeat				: no-repeat;
	background-size					: contain;
}

.kenmerk-vernieuwd {
	width							: 85px;
	background-image				: url("../images/vernieuwd.png");
	background-repeat				: no-repeat;
	background-size					: contain;
}

.kenmerk-premium {
	width							: 71px;
	background-image				: url("../images/premium.png");
	background-repeat				: no-repeat;
	background-size					: contain;
}

.kenmerk-theater {
	width							: 71px;
	background-image				: url("../images/theater.png");
	background-repeat				: no-repeat;
	background-size					: contain;
}

.kenmerk-coronaproof {
	width							: 101px;
	background-image				: url("../images/coronaproof.png");
	background-repeat				: no-repeat;
	background-size					: contain;
}

.weergave-wissel-knop-container {
	margin-top						: 5px;
}

.weergave-wissel-knop {
	cursor							: pointer;
	background-color				: rgb(237,241,246);
	padding							: 7px 10px 4px 10px;
	-webkit-border-radius			: 5px;
	-moz-border-radius				: 5px;
	border-radius					: 5px;
}

.weergave-wissel-knop.active {
	cursor							: default;
	background-color				: rgb(252,117,0);
	padding							: 7px 10px 4px 10px;
	-webkit-border-radius			: 5px;
	-moz-border-radius				: 5px;
	border-radius					: 5px;
}

.weergave-wissel-knop:before {
	color							: rgb(252,117,0);
}

.weergave-wissel-knop.active:before {
	color							: rgb(255,255,255);
}

.weergave-wissel-knop:hover:before {
	color							: rgb(109,119,136);
}

.weergave-wissel-knop.active:hover:before {
	color							: rgb(255,255,255);
}

.weergave-tegel.item-container {
	-webkit-box-flex				: 0 0 23%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 0 0 23%;	/* OLD - Firefox 19- */
	-ms-flex						: 0 0 23%;	/* IE 10 */
	-webkit-flex					: 0 0 23%;	/* NEW - Chrome */
	flex							: 0 0 23%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	margin							: 1%;
	
	max-width						: 210px;
}

.item {
	position						: relative;
}

.weergave-tegel.item-container .item-image {
	border-radius					: 17px;
	position						: relative;
	width							: 100%;
	height							: 210px;
	min-height						: 210px;
	text-align						: center;
	overflow						: hidden;
	display							: block;
	border							: none;
}

.weergave-tegel.item-container .item-image .button-leesverder,
.weergave-tegel.item-container .item-image .button-gebruik {
	position						: absolute;
	right							: 12px;
    width: 26px;
	height: 26px;
	text-align: center;
    border-radius: 50%;
}

.weergave-tegel.item-container .item-image .button-leesverder {
    top								: 6px;
}

.weergave-tegel.item-container .item-image .button-gebruik {
    top								: 34px;
}

.weergave-tegel.item-container .item-image span.button-leesverder {
	width							: 38px;
}

.weergave-tegel.item-container .item-image .button-leesverder:before,
.weergave-tegel.item-container .item-image .button-gebruik:before {
	position						: relative;
	top								: -1px;
    left: -6px;
}

.weergave-tegel.item-container .item-image span.button-gebruik {
    width							: 38px
}

.weergave-tegel.item-container .item-image {
	display							: flex;
	justify-content					: center;
	align-items						: center;
	text-align						: center;
}

.weergave-tegel.item-container .item-image img {
	min-width						: 210px;
	max-width						: 100%;
	height							: auto;
	overflow						: hidden;
}

.weergave-tegel.item-container .item-title {
	width							: 100%;
	color							: rgb(60,60,60);
	padding							: 5px 0px;
	text-align						: center;
	word-wrap						: break-word;
	overflow						: hidden;
}

.weergave-tegel.item-container .item-title h2 {
	width							: 100%;
}

.item p {
	padding						 	: 0;
	margin							: 0;
}

.item:hover {
	cursor							: pointer;
}

.item:hover p {
	color							: rgb(252,117,0);
}

.weergave-tegel.item-container .item-details > span {
	display							: block;
	line-height						: 20px;
	margin-bottom					: 7px;
}

.zoekresultaten-selecteren {
	padding							: 10px;
}

.zoekresultaten-selecteren-fixed {
	padding							: 10px;

	position						: fixed;
	z-index							: 777;

	bottom							: 0px;
	left							: 0px;
	right							: 0px;

	width							: 100%;
	height							: 75px;
	
	-webkit-box-shadow: 0px 10px 20px 10px rgba(166,166,166,1);
	-moz-box-shadow: 0px 10px 20px 10px rgba(166,166,166,1);
	box-shadow: 0px 10px 20px 10px rgba(166,166,166,1);
}

.zoekresultaten-selecteren .voeg-toe-aan-knoppen-container,
.activiteit-toevoeg-melding-container {
	text-align						: right;
	display							: inline-block;
	flex							: 2;
}

.activiteit-toevoeg-notificatie {
	display							: inline-block;
	flex							: 1;
	background-color				: rgba(252,117,0, 50);
	padding							: 10px;
	color							: rgb(255,255,255);
    border-radius					: 5px;
    height							: 45px;
    text-align						: center;
}

.zoekresultaten-selecteren .alles-selecteren-knop {
	display							: inline-block;
	flex							: 1;
	max-width						: 225px;
}

.zoekresultaten-selecteren .voeg-toe-aan-knoppen {
	display							: inline-block;
}

.zoekresultaten-selecteren select {
	min-width						: 200px;
}

.weergave-lijst.item-container {
	width							: 100%;
}

.weergave-lijst .td {
	vertical-align					: middle;
	padding							: 10px 5px;
}

.weergave-lijst .tr:nth-child(odd) {
	background-color				: rgb(237,241,246);
}

.weergave-lijst .tr:nth-child(even) {
	background-color				: rgb(255,255,255);
}

.weergave-lijst .item-title {
	position						: relative;
	word-break						: break-all;
	width							: 40%;
	min-width						: 200px;
}

.weergave-lijst .item-locatie {
	width							: 30%;
	min-width						: 200px;
}

.weergave-lijst .item-doelgroep {
	width							: 20%;
	min-width						: 200px;
}

.weergave-lijst .item-duur {
	width							: 10%;
	min-width						: 90px;
}


.weergave-lijst .item-kenmerk .kenmerk {
	position						: absolute;
	top								: 5px;
	left							: 2px;
	display							: block;
	height							: 32px;
}

.weergave-lijst .item-kenmerk .kenmerk-nieuw {
	width							: 36px;
}

.weergave-lijst .item-kenmerk .kenmerk-vernieuwd {
	width							: 56px;
}

.weergave-lijst .item-kenmerk .kenmerk-premium {
	width							: 47px;
}

.weergave-lijst .item-kenmerk .kenmerk-theater {
	width							: 47px;
}

/*===========================================================
======== H O M E P A G E ====================================
===========================================================*/

.homepage-regel-container {

	margin-top						: 20px;

	/*
	-webkit-border-radius			: 48px;
	-moz-border-radius				: 48px;
	border-radius					: 48px;
	*/
}

.homepage-regel-inhoud {
}

.homepage-blokken-container {
	padding							: 10px;
}

.homepage-blok-container {
	display							: -webkit-box;		/* OLD - iOS 6-, Safari 3.1-6 */
	display							: -moz-box;			/* OLD - Firefox 19- (buggy but mostly works) */
	display							: -ms-flexbox;		/* TWEENER - IE 10 */
	display							: -webkit-flex;		/* NEW - Chrome */
	display							: flex;				/* NEW, Spec - Opera 12.1, Firefox 20+ */
	
	-webkit-align-items				: stretch;
	align-items						: stretch;
}

.homepage-blok {
	width							: 100%;
	padding							: 20px;
	border-radius					: 17px;
}

.homepage-blok img {
	width							: 100%;
	height							: auto;

	-webkit-border-radius			: 22px;
	-moz-border-radius				: 22px;
	border-radius					: 22px;
}

.homepage-blok.bg_wit {
	color							: rgb(60,60,60);
}

.homepage-regel-container.bg_wit .homepage-blok.bg_wit {
	padding							: 0;
}

/* KLEUR-AFHANKELIJKE BLOKKEN */

.homepage-regel-container .bg_oranje .button,
.homepage-regel-container .bg_oranje button,
.homepage-regel-container .bg_oranje input[type=submit],
.homepage-regel-container .bg_oranje input[type=button] {
	background-color				: rgb(109,119,136);
	border							: 2px solid rgb(109,119,136);
}

.homepage-regel-container .bg_oranje .button:hover,
.homepage-regel-container .bg_oranje button:hover,
.homepage-regel-container .bg_oranje input[type=submit]:hover,
.homepage-regel-container .bg_oranje input[type=button]:hover,
.homepage-regel-container .bg_grijs .button:hover,
.homepage-regel-container .bg_grijs button:hover,
.homepage-regel-container .bg_grijs input[type=submit]:hover,
.homepage-regel-container .bg_grijs input[type=button]:hover {
	background-color				: rgb(60,60,60);
	border							: 2px solid rgb(60,60,60);
}

.bg_oranje p a,
.bg_groen p a,
.bg_grijs p a {
	color							: rgb(60,60,60);
}

.bg_oranje p a:hover,
.bg_groen p a:hover,
.bg_grijs p a:hover {
	color							: rgb(237,241,246);
}

.homepage-blok-container .bg_zwart p a,
.homepage-blok-container .bg_wit p a,
.homepage-blok-container .bg_lichtgrijs p a {
	color							: rgb(252,117,0);
}

.homepage-blok-container .bg_zwart p a:hover,
.homepage-blok-container .bg_wit p a:hover,
.homepage-blok-container .bg_lichtgrijs p a:hover {
	color							: rgb(109,119,136);
}

.homepage-blok-container .bg_oranje .button,
.homepage-blok-container .bg_oranje button,
.homepage-blok-container .bg_oranje input[type=submit],
.homepage-blok-container .bg_oranje input[type=button] {
	background-color				: rgb(109,119,136);
	border							: 2px solid rgb(109,119,136);
}

.homepage-blok-container .bg_oranje .button:hover,
.homepage-blok-container .bg_oranje button:hover,
.homepage-blok-container .bg_oranje input[type=submit]:hover,
.homepage-blok-container .bg_oranje input[type=button]:hover,
.homepage-blok-container .bg_grijs .button:hover,
.homepage-blok-container .bg_grijs button:hover,
.homepage-blok-container .bg_grijs input[type=submit]:hover,
.homepage-blok-container .bg_grijs input[type=button]:hover {
	background-color				: rgb(60,60,60);
	border							: 2px solid rgb(60,60,60);
}

/*===========================================================
======== P O P U P S ========================================
===========================================================*/

.popup-html {
	height							: 100%;
}

.popup-body {
	height							: 100%;
	position						: relative;
}

.popup-body form {
	height							: auto;
}

.popup-footer {
	position						: relative;
	bottom							: 0px;
}


/*===========================================================
======== P O S T E R S ========================================
===========================================================*/

.poster img {
	border-radius					: 17px;
	
	max-width						: 250px;
}

.poster span {
	font-family						: 'open_sansbold','Arial Black','Arial Bold','Helvetica Bold','sans-serif';
	font-size						: 1.1rem;
	font-weight						: normal;
	margin							: 0.3rem 0;
}


/*===========================================================
========  M I J N  P R O G R A M M A S ==============
===========================================================*/

table.programmainformatie {
    width:calc(100% - 350px);
    padding-bottom: 20px;
}

.programmainfo-knoppen-container {
    -webkit-justify-content: space-between;
	justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.programmainfo-knoppen-div {
	width							: 350px;
}

.programmainfo-knoppen-div input[type=submit] {
    margin: 5px 0;
}

.programmainformatie td:first-child {
    font-weight: bold;
}

.legenda-container {
	font-size						: smaller;
	padding-bottom					: 20px;
}

.activiteit-aangevinkt-knoppen-container div {
	margin							: 0 3px;
}

.activiteit-aangevinkt-knoppen-container input[type=submit] {
	min-height						: 40px;
	margin							: 5px 0;
}

.cluster-container {
	padding							: 20px;
	background-color				: rgb(237,241,246);
}


/*=========================================================
========  C O L L A P S A B L E   H E A D E R S ===========
===========================================================*/

.collapsable-header {
	border-bottom				: 1px solid rgba(109,119,136,0.5);
	padding						: 20px;
}

.collapsable-header-buttons {
	border-bottom				: 1px solid rgba(109,119,136,0.5);
	justify-content				: space-between;
	align-items					: center;
	padding						: 20px 0 5px 5px;
}

.collapsable-header-buttons:first-child {
padding						: 0 0 5px 5px;
}

.collapsable-header-inhoud a,
.collapsable-header span.icon-collapsable-header-close:before,
.collapsable-header-buttons span.icon-collapsable-header-close:before,
.collapsable-header span.icon-collapsable-header-open:before,
.collapsable-header-buttons span.icon-collapsable-header-open:before {
	color						: rgb(60,60,60);
}

.collapsable-header-inhoud,
.collapsable-header span.icon-collapsable-header-close,
.collapsable-header span.icon-collapsable-header-open {
	cursor							: pointer;
}

.collapsable-header-inhoud a:hover:before,
.collapsable-header-inhoud span:hover:before {
	color						: rgb(109,119,136);
}


/*===========================================================
======== A C T I V I T E I T   B E K I J K E N ==============
===========================================================*/

.activiteit-details div {
	line-height					: 25px;
}

.activiteit-details div label {
	font-weight					: bold;
}

.activiteit-details-materiaal {
	-webkit-box-flex			: 0 0 31%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex				: 0 0 31%;	/* OLD - Firefox 19- */
	-ms-flex					: 0 0 31%;	/* IE 10 */
	-webkit-flex				: 0 0 31%;	/* NEW - Chrome */
	flex						: 0 0 31%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	padding						: 3px;
	margin						: 3px;
	background-color			: rgb(237,241,246);
}



/*===========================================================
====== E X P O R T   P R O G R A M M A B O E K J E  =========
===========================================================*/

body {
	/*overflow-y					: scroll;*/
}
.terug {
	height						: 30px;
	width						: 100%;
	text-align					: center;
}

.export-popup-title {
	text-align					: center;
	color						: rgb(60,60,60);
	margin						: 20px 0;
}

.export-popup-title span {
	color						: rgb(252,117,0);
}

.export-popup-buttons-container {
}

.export-popup-button:before {
	display						: inline-block;
	padding						: 35px;
	margin						: 0 30px;
	
	-webkit-border-radius		: 15px;
	-moz-border-radius			: 15px;
	border-radius				: 15px;
	
	color						: rgb(255,255,255);
    background-color   			: rgb(252,117,0);
    
    font-size					: 5rem;
}

.export-popup-button:hover:before {
	background-color			: rgb(109,119,136);
}

.export-popup-button {
	color						: rgb(60,60,60);
}

.language-flag {
	width						: 80px;
	height						: 80px;
	margin						: 30px;
			
	-webkit-border-radius		: 15px;
	-moz-border-radius			: 15px;
	border-radius				: 15px;
	
	background-position			: top center;
	background-repeat			: no-repeat;
}

.language-flag p {
	margin-top					: 100px;
}

.flag-nl {
	background-image			: url("../images/nl.png");
}

.flag-du {
	background-image			: url("../images/du.png");
}

.flag-uk {
	background-image			: url("../images/uk.png");
}

.flag-fr {
	background-image			: url("../images/fr.png");
}

.flag-it {
	background-image			: url("../images/it.png");
}

.export-popup-vormgeving-container {
}

.vormgevingen {
	display						: flex;
	flex-direction				: row;
	flex-wrap					: wrap;
}

.vormgevingen div {
	margin						: 5px;
	max-width					: 190px;
	cursor						: pointer;
}

.vormgevingen img {
	max-width					: 190px;
	height						: auto;
	border						: 7px solid rgb(252,117,0);
	-webkit-border-radius		: 7px;
	-moz-border-radius			: 7px;
	border-radius				: 7px;
}

.onderdeelkop.collapsable-header {
    background-color       		: rgb(237,241,246);
    margin-bottom				: 5px;
}

.export-checkbox-div {
	max-width					: 50%;
	margin						: auto;
	text-align					: left;
}

.export-checkbox-div img {
	margin-left					: 8px;
	margin-right				: 8px;
}



/*===========================================================
========  D A S H B O A R D =================================
===========================================================*/
.toggle-button.rotate_180:before {
	transform			: rotate(180deg);
    display             : inline-block;
}

.toggle-button:before {
    font-size: 0.8em;
}

.toggle-button {
    font-family						: 'open_sansregular','HelveticaNeue-Light','Helvetica','Arial','sans-serif';
    font-size: 0.9rem;
    line-height: 1.25rem;
    cursor: pointer;
    color: rgb(252,117,0);
}

.filter-reserveringen label {
    width               : 200px;
    display             : inline-block;
}


/*===========================================================
========  P L A N N I N G  ==================================
===========================================================*/

/* PLANNING OVERZICHT */

.planner_day {
	width				: 200px;
}

.planner_percentage {
	width				: 75px;
}

.planner_button {
	width				: 150px;
	text-align			: center;
}

.progressbar {
	width				: 100%;
	height				: 20px;
	background-color	: rgb(237,241,246);
	border-radius		: 10px;
  	border				: 3px solid rgba(109,119,136,0.15);
  	overflow			: hidden;
}

.progressbar_progress {
	margin				: 0;
	height				: 100%;
	border-radius		: 10px 0 0 10px;
}

/* PLANNING DETAILS */

.top-content-table-scroll {
	display				: flex;
	flex-direction		: row;
	flex-wrap			: wrap;
	align-items			: center;
	justify-content		: space-between;
	padding				: 10px 0px;
}

.top-content-date {
	display				: inline-block;
	padding				: 10px;
}

.top-content-date-previous:before,
.top-content-date-next:before {
	display				: inline-block;
	padding				: 0 5px;
	color				: rgb(252,117,0);
}

.top-content-date-previous:before {
	transform			: rotate(90deg);
}

.top-content-date-next:before {
	transform			: rotate(-90deg);
}

.top-content-progressbar {
	display				: flex;
	width				: 50%;
}

.top-content-progressbar .progressbar {
	margin				: 0 5px;
}

/*  TABLE  */
	
.table-scroll {
	position			: relative;
	overflow			: hidden;
	border				: 1px solid rgb(109,119,136);
	border-right-color	: rgba(109,119,136,0.2);
	border-left-color	: rgba(109,119,136,0.2);
}

.table-wrap {
	width				: 100%;
	overflow			: auto;
}

.table-scroll table {
	width				: 100%;
	margin				: auto;
	border-collapse		: separate;
	border-spacing		: 0;
}

.table-scroll th, .table-scroll td {
	padding				: 5px 10px;
	border-right		: 1px solid rgba(109,119,136,0.2);
	border-left			: 1px solid rgba(109,119,136,0.2);
	white-space			: nowrap;
	vertical-align		: top;
}

.table-scroll td {
	min-width			: 80px;
	max-width			: 80px;
}

.table-scroll thead th {
	text-align			: center;
	border-bottom		: 1px solid rgb(109,119,136);
	position			: relative;
	padding				: 5px 0;
}

.table-scroll thead th div {
	position			: absolute;
	margin-left			: -25px;
	width				: 50px;
	background			: white;
}

.table-scroll thead, .table-scroll tfoot {
	background-color	: rgb(255,255,255);
}

/*  FIXED SIDE (LEFT)  */

.fixed-side-text span:first-child {
	color				: rgb(252,117,0);
}

.table-scroll th.fixed-side {
	min-width			: 250px;
	font-weight			: normal;
	border-right		: 1px solid rgba(109,119,136,0.5);
	background-color	: rgb(255,255,255);
}

.table-scroll tbody tr:nth-child(odd),
.table-scroll tbody tr:nth-child(odd) th.fixed-side {
	background-color	: rgb(237,241,246);
}


/*  SCROLLABLE SIDE (RIGHT)  */

.activity {
	overflow 			: hidden;
	position 			: absolute;
	color				: rgb(255,255,255);
	background-color	: rgba(109,119,136,0.7);
	cursor				: pointer;
	border				: 1px solid rgb(109,119,136);
	box-sizing			: border-box;
}

.activity span {
	font-size			: 0.9em;
	padding				: 2px 5px;
}

.activity-status {
	display				: flex;
	flex-direction		: row;
	justify-content		: space-between;
}

.activity-status,
.activity-status div {
	height				: 20px;
}

.activity-employee {
	background			: rgba(255,255,255,0.5);
	margin-top			: 3px;
	margin-bottom		: 3px;
	height				: 9px;
}
.planned-bg {
	background-color	: rgb(65,154,43);
}

.no-planning-bg {
	background-color	: rgb(235,46,46);
}

.partly-planned-bg {
	background-color	: rgb(252,117,0);
}

.planned {
	color				: rgb(65,154,43);
}

.no-planning {
	color				: rgb(235,46,46);
}

.partly-planned {
	color				: rgb(252,117,0);
}

.activity-status-start,
.activity-status-end {
	background-color	: rgba(60,60,60,0.2);
}

/*  SCROLLABLE TABLE - CLONE  */

.clone {
	position			: absolute;
	top					: 0;
	left				: 0;
	pointer-events		: none;
	overflow-y			: scroll;
}

.clone th, .clone td {
	visibility			: hidden;
}

.clone td, .clone th {
	border		: transparent;
}

.clone tbody th {
	visibility			: visible;
}

.clone .fixed-side {
	visibility			: visible;
}

.clone thead, .clone tfoot {
	background-color	:transparent;
}


/* LEGENDA */

.legenda {
    padding: 3px;
}

.legenda div,
div.fixed-side-text {
	display				: inline-block;
	margin-right		: 30px;
	font-size			: 0.9em;
	background-color	: transparent;
}

.legenda div:before,
div.fixed-side-text:before  {
	display				: inline-block;
	margin-right		: 5px;
	content				: '';
	width				: 16px;
	height				: 16px;
	vertical-align		: text-bottom;
}

.legenda div.planned-bg:before,
div.fixed-side-text.planned-bg:before {
	background-color	: rgb(65,154,43);
}

.legenda div.no-planning-bg:before,
div.fixed-side-text.no-planning-bg:before {
	background-color	: rgb(235,46,46);
}

.legenda div.partly-planned-bg:before,
div.fixed-side-text.partly-planned-bg:before {
	background-color	: rgb(252,117,0);
}

/* SAMENVATTING TABEL */

.summary-table {
	width					: 100%;
}

.tr-title-top {
	font-family				: 'open_sansbold','Arial Black','Arial Bold','Helvetica Bold','sans-serif';
	font-weight				: normal;
	color					: rgb(60,60,60);
}

.tr-title-top th {
	font-weight				: normal;
	padding					: 10px 5px;
	border-bottom			: 2px solid rgb(252,117,0);
}

.summary-table-divider-left {
	border-left				: 4px solid rgba(252,117,0,1);
}

/*===========================================================
======== T A B E L L E N ====================================
===========================================================*/

.tr-title {
	font-family					: 'open_sansbold','Arial Black','Arial Bold','Helvetica Bold','sans-serif';
}

.tr-title th {
	font-weight					: normal;
	padding						: 5px 0;
}

.tr-row td {
	cursor						: pointer;
	font-size					: 0.9rem;
	padding						: 10px 5px;
}

.tr-row:nth-child(odd) {
	background-color			: rgb(237,241,246);
}

.tr-row:nth-child(even) {
	background-color			: rgb(255,255,255);
}

.tr-row td span.icon:before {
	font-size					: 1.1rem;
}

.tr-row td span.icon:hover:before {
	color						: rgb(109,119,136);
}

.no-pointer,
.no-pointer td {
	cursor						: inherit !important;
}


/*===========================================================
======== N A V I G A T I E ==================================
===========================================================*/

/* RECREATHEEK MENU */

.recreatheek-menu {
	position						: fixed;
    display: flex;
    border-bottom: solid 1px rgba(255,255,255,0.5);
	width							: 100%;
	height							: 70px;
	background-color				: rgb(252,117,0);
	z-index							: 99;
}

.recreatheek-menu ul {
	padding							: 0;
	margin							: 0;
	list-style-type					: none;
}

.recreatheek-menu li {
	position						: relative;
}

.menubalk ul .recreatheekmenu-dropdown ul {
	position						: absolute;
	top								: 70px;
	left							: 0;
	background-color				: rgb(252,117,0);
	display							: none !important;
	text-align						: left;
    flex-direction: column;
    align-items: flex-start;
}

.menubalk ul .recreatheekmenu-dropdown li {
	display							: block;
	width							: 100%;
	word-break						: none;
}

.menubalk ul .recreatheekmenu-dropdown li a,
.menubalk ul .recreatheekmenu-dropdown li span {
	display							: block;
}

.menubalk ul .recreatheekmenu-dropdown:hover ul {
	display							: inherit  !important;
}

.home-button {
	width							: 40px;
	height							: 2.5em;
	background-image				: url("../images/home.png");
	background-position				: center center;
	background-repeat				: no-repeat;
}

.home-button:hover,
.home-button.active {
	background-image				: url("../images/home-oranje.png");
}

.menubalk {
    width: 100%;
    margin: 0 auto;
	max-width						: 1500px;
	position						: relative;
	align-items						: center;
}

.menubalk .button-inlog {
	margin							: 3px 15px;
}

.menubalk .button-inlog:hover {
	color							: rgb(252,117,0);
	border-color					: rgb(255,255,255);
	background-color				: rgb(255,255,255);
}

.menubalk ul {
	display							: flex;
	flex							: 1 0 auto;
	align-items						: center;
	margin							: 0 auto;
}

.menubalk ul li {
	display							: inline-block;
}

.mobile-nav li a,
.menubalk ul li a,
.menubalk ul li span {
	display							: inline-block;
	padding							: 0 8px;
	color							: rgb(255,255,255);
	text-transform: uppercase;
    letter-spacing: 0.175em;
    font-size: 0.75em;
    font-weight: bold;

}

.menubalk > ul > li {
    display: flex;
    align-items: center;
    height: 70px;
    margin: 0 5px;
}

.menubalk > ul > li a,
.menubalk > ul > li span {
    line-height: 2.5em;
    border-radius: 0.5em;
}

.menubalk ul li ul {
	border							: 1px solid rgba(0,0,0,0.05);
	box-shadow						: 0 3px 3px 3px rgba(0,0,0,0.05);
}
.menubalk ul li ul li a {
	line-height: 2.5em;
    border-radius: 0;
}

.mobile-nav li a {
	line-height: 1.5;
}

.recreatheek-menu ul li .active,
.menubalk ul li a:hover,
.menubalk ul li span:hover {
	color							: rgb(252,117,0);
	background-color				: rgb(255,255,255);
}

/*  NAVIGATIE OPLEIDINGEN */

.hoofdnav li {
	display							: inline-block;
	padding							: 0 1.25em;
}

.hoofdnav li a {
	color							: rgb(255,255,255);
}

.hoofdnav li a:hover {
	opacity							: 0.8;
}

.hoofdnav li a.active,
.hoofdnav li a:active {
	color							: rgb(60,60,60);
	text-decoration					: underline;
	background-color				: transparent;
}

/*  INGELOGD ALS */

.ingelogd {
	margin							: 0 auto;
	font-size						: 0.9em;
	line-height						: 30px;
}

.ingelogd a {
	display							: inline-block;
	line-height						: 30px;
	padding							: 6px 12px;
	color							: rgb(255,255,255);
	
}

.ingelogd-als {
	display							: inline-block;
	color							: rgb(255,255,255);
}

/* FOOTER */

.footer {
	margin-top						: 20px;
	width							: 100%;
	padding							: 0.5em;
	background-color				: rgb(237,241,246);
}

ul.footer-navigatie,
ul.footer-navigatie li  {
	display							: inline-block;
    font-weight: normal;
}

ul.footer-navigatie li a {
	margin							: 0 30px;
	text-decoration					: underline;
}

.footer-logo {
    image-rendering: -webkit-optimize-contrast;
	width							: 200px;
	height							: auto;
}

/* SUBMENU (zijkolom) */

.submenu {
	width							: 100%;
	font-family						: 'open_sansregular','HelveticaNeue-Light','Helvetica','Arial','sans-serif';
	color							: rgb(252,117,0);
}

.submenu a {
	text-decoration					: none;
	color							: rgb(252,117,0);
	border-bottom				: 1px dashed rgb(109,119,136);	
}

.submenu ul {
	list-style-type					: none;
    margin: 0;
    padding: 0;
}

.submenu ul li {
}

.submenu ul li a {
	display							: block;
    padding							: 12px;
}

.submenu ul li a.active,
.submenu ul li a:hover {
	color							: rgb(109,119,136);
}


/*  KRUIMELPAD */

.kruimelpad {
	font-size						: 0.8em;
	margin-bottom					: 20px;
}

.kruimelpad span {
	font-weight						: bold;
}

.kruimelpad a:hover {
	color							: rgb(252,117,0);
}


/*===========================================================
======== M O B I L E N A V ==================================
===========================================================*/

.mobiel-menu-knop {
	text-decoration					: none;
	padding							: 12px;
	color							: rgb(255,255,255);
	
	position						: absolute;
	top								: 0px;
	right							: 0px;
	cursor							: pointer;
}

.site-uitklap {
	height							: 100%;

	overflow						: hidden;
	box-shadow						: 0 0 3px 3px rgba(0,0,0,0.35);
	transition						: left 0.25s ease-in;
}

.body-uitklap {
	overflow						: hidden;
	position						: fixed;
	height							: 100%;
}

.mobile-nav {
	display							: none;
	color							: rgb(60,60,60);
	background-color				: rgb(237,241,246);
	
	height							: 100%;
	width							: 100%;

	position						: fixed;
	bottom							: 0;

	left							: 50px;
	right							: 0;
	top								: 0;
	-webkit-overflow-scrolling		: touch;
	overflow-y						: scroll;
	
	list-style						: none;
	z-index							: 0;
}

.mobile-nav h2 {
	font-weight						: normal;
	margin							: 8px 10px;
}

.mobile-nav ul {
	list-style						: none;
	padding							: 0px;
}

.mobile-nav li a {
	color							: rgb(60,60,60);
	display							: block;
	padding							: 10px;
	font-weight						: normal;
}

.mobile-nav li a.active,
.mobile-nav li a:hover {
	color							: rgb(252,117,0);
	background-color				: rgb(255,255,255);
}

.mobile-nav li a.active {
	cursor							: default;
}



/*===========================================================
======== D R A G G A B L E ==================================
===========================================================*/

ul.dagul {
	min-height						: 20px;
	list-style						: none;
	margin							: 0;
	padding-left					: 0;
}

ul.dagul li:hover {
	background-color				: rgba(109,119,136,0.3);
	cursor							: pointer;
}

ul.dagul li.ui-state-default {
	padding							: 5px 0px;
	font-size						: 0.9em;
}

li.ui-state-default:nth-child(odd) {
    background-color: rgb(237,241,246);
}

ul.dagul li.ui-state-default span.icon:before {
	font-size						: 1.1rem;
}

ul.dagul li.ui-state-default span.icon:hover:before {
	color							: rgb(109,119,136);
}

table {
    max-width: 100%;
}

table#draggabledagen {
	width							: 100%;
	table-layout					: fixed;
}

table#draggabledagenheader {
	width							: 100%;
}

table#draggabledagenheader th {
}

ul#placeholder {
    padding-left: 60px;
    margin: 5px 0;
    list-style-type: none;
    color							: rgb(109,119,136);
}

ul.dagul li.sortable-placeholder {
	border							: rgb(252,117,0);
}

ul.dagul li.sortable-dragged {
	background-color				: rgb(109,119,136);
}





/*===========================================================
======== O V E R I G ========================================
===========================================================*/

#dagplanning {
    width						    : 220px;
	max-width						: 220px;
    font-size: 0.9em;
    padding-left: 20px;
}

.form-with-sidebar {
    width: calc(100% - 240px);
}

.form-with-background-gray {
    background-color				: rgb(237,241,246);
    padding: 5px 5px 5px 10px;
    margin: 5px -10px;
}

.tijd-duur-sprong-label {
    max-width                       : 155px;
}

#knop_tijd,
.knop_tijd{
	margin-top						: 2px;
	margin-right					: 5px;
	height							: 41px;
	width							: 42px;
	cursor							: pointer;
	background-image				: url("../images/knop_tijd.jpg");
}

#knop_duur_voorbereiding {
	margin-top						: 2px;
	margin-right					: 5px;
	height							: 41px;
	width							: 42px;
	cursor							: pointer;
	background-image				: url("../images/knop_tijd.jpg");
}

#knop_duur {
	margin-top						: 2px;
	margin-right					: 5px;
	height							: 41px;
	width							: 42px;
	cursor							: pointer;
	background-image				: url("../images/knop_tijd.jpg");
}

#knop_duur_opruimen {
	margin-top						: 2px;
	margin-right					: 5px;
	height							: 41px;
	width							: 42px;
	cursor							: pointer;
	background-image				: url("../images/knop_tijd.jpg");
}

.knop_tijd_off {
	background-position				: 0px 0px;
}

.knop_tijd_mo {
	background-position				: 0px -50px;
}

.bg_oranje {
	color							: rgb(255,255,255);
	background-color				: rgb(252,117,0);
}

.bg_grijs {
	color							: rgb(255,255,255);
	background-color				: rgb(109,119,136);
}

.bg_lichtgrijs {
	color							: rgb(60,60,60);
	background-color				: rgb(237,241,246);
}

.bg_wit {
	color							: rgb(60,60,60);
	background-color				: rgb(255,255,255);
}

.bg_zwart {
	color							: rgb(255,255,255);
	background-color				: rgb(60,60,60);
}

.bg_groen {
	color							: rgb(255,255,255);
	background-color				: rgb(65,154,43);
}

.bg_rood {
	color							: rgb(255,255,255);
	background-color				: rgb(235,46,46);
}

.kleur_oranje {
	color							: rgb(252,117,0);
}

.kleur_grijs {
	color							: rgb(109,119,136);
}

.kleur_lichtgrijs {
	color							: rgb(237,241,246);
}

.kleur_wit {
	color							: rgb(255,255,255);
}

.kleur_zwart {
	color							: rgb(60,60,60);
}

.border-radius-5 {
	border-radius					: 5px;
}

.text-align-right {
	text-align						: right;
}

.text-align-center {
	text-align						: center;
}

.text-align-left {
	text-align						: left;
}

.float-right {
	float							: right;
}

.float-left {
	float							: left;
}

.font-size-small {
    font-size: small;
}

.font_tekst {
    font-family						: 'open_sansregular','HelveticaNeue-Light','Helvetica','Arial','sans-serif';
}

.font_kop {
    font-family						: 'open_sansbold','Arial Black','Arial Bold','Helvetica Bold','sans-serif';
}

.buttons-align-right {
    display		: -webkit-box-flex;
    display		: -moz-box;
    display		: -ms-flexbox;
    display		: -webkit-flex;
    display		: flex;
    -webkit-flex-direction: column;
	flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-self: flex-end;
    align-self: flex-end;
}

.mobilenietzichtbaar {
	
}

.mobilewelzichtbaar {
	display							: none;
}

.margin_0	{ margin				: 0 !important; }
.margin_5	{ margin				: 5px !important; }
.margin_10	{ margin				: 10px !important; }
.margin_15	{ margin				: 15px !important; }
.margin_20	{ margin				: 20px !important; }
.margin_25	{ margin				: 25px !important; }

.margin_ver_5	{ margin			: 5px 0 !important; }
.margin_ver_10	{ margin			: 10px 0 !important; }
.margin_ver_15	{ margin			: 15px 0 !important; }
.margin_ver_20	{ margin			: 20px 0 !important; }
.margin_ver_25	{ margin			: 25px 0 !important; }
.margin_ver_30	{ margin			: 30px 0 !important; }
.margin_ver_35	{ margin			: 35px 0 !important; }
.margin_ver_40	{ margin			: 40px 0 !important; }

.margin_top_5	{ margin-top		: 5px !important; }
.margin_top_10	{ margin-top		: 10px !important; }
.margin_top_15	{ margin-top		: 15px !important; }
.margin_top_20	{ margin-top		: 20px !important; }
.margin_top_25	{ margin-top		: 25px !important; }
.margin_top_30	{ margin-top		: 30px !important; }
.margin_top_35	{ margin-top		: 35px !important; }
.margin_top_40	{ margin-top		: 40px !important; }

.margin_right_5	{ margin-right		: 5px !important; }
.margin_right_10{ margin-right		: 10px !important; }
.margin_right_15{ margin-right		: 15px !important; }
.margin_right_20{ margin-right		: 20px !important; }
.margin_right_25{ margin-right		: 25px !important; }
.margin_right_30{ margin-right		: 30px !important; }
.margin_right_35{ margin-right		: 35px !important; }
.margin_right_40{ margin-right		: 40px !important; }

.margin_bot_5	{ margin-bottom		: 5px !important; }
.margin_bot_10	{ margin-bottom		: 10px !important; }
.margin_bot_15	{ margin-bottom		: 15px !important; }
.margin_bot_20	{ margin-bottom		: 20px !important; }
.margin_bot_25	{ margin-bottom		: 25px !important; }
.margin_bot_30	{ margin-bottom		: 30px !important; }
.margin_bot_35	{ margin-bottom		: 35px !important; }
.margin_bot_40	{ margin-bottom		: 40px !important; }

.margin_left_5	{ margin-left		: 5px !important; }
.margin_left_10	{ margin-left		: 10px !important; }
.margin_left_15	{ margin-left		: 15px !important; }
.margin_left_20	{ margin-left		: 20px !important; }
.margin_left_25	{ margin-left		: 25px !important; }
.margin_left_30	{ margin-left		: 30px !important; }
.margin_left_35	{ margin-left		: 35px !important; }
.margin_left_40	{ margin-left		: 40px !important; }

.margin_hor_5	{ margin			: 0 5px !important; }
.margin_hor_10	{ margin			: 0 10px !important; }
.margin_hor_15	{ margin			: 0 15px !important; }
.margin_hor_20	{ margin			: 0 20px !important; }
.margin_hor_25	{ margin			: 0 25px !important; }

.padding_0	{ padding				: 0 !important; }
.padding_5	{ padding				: 5px !important; }
.padding_10	{ padding				: 10px !important; }
.padding_15	{ padding				: 15px !important; }
.padding_20	{ padding				: 20px !important; }
.padding_25	{ padding				: 25px !important; }
.padding_30	{ padding				: 30px !important; }
.padding_40	{ padding				: 40px !important; }
.padding_50	{ padding				: 50px !important; }

.padding_40_20	{ padding			: 40px 20px !important; }

.padding_ver_5	{ padding			: 5px 0 !important; }
.padding_ver_10	{ padding			: 10px 0 !important; }
.padding_ver_15	{ padding			: 15px 0 !important; }
.padding_ver_20	{ padding			: 20px 0 !important; }
.padding_ver_25	{ padding			: 25px 0 !important; }
.padding_ver_30	{ padding			: 30px 0 !important; }
.padding_ver_40	{ padding			: 40px 0 !important; }
.padding_ver_50	{ padding			: 50px 0 !important; }

.padding_hor_5	{ padding			: 0 5px !important; }
.padding_hor_10	{ padding			: 0 10px !important; }
.padding_hor_15	{ padding			: 0 15px !important; }
.padding_hor_20	{ padding			: 0 20px !important; }
.padding_hor_25	{ padding			: 0 25px !important; }
.padding_hor_30	{ padding			: 0 30px !important; }
.padding_hor_40	{ padding			: 0 40px !important; }
.padding_hor_50	{ padding			: 0 50px !important; }

.display_flex_row {
	display							: -webkit-box;		/* OLD - iOS 6-, Safari 3.1-6 */
	display							: -moz-box;			/* OLD - Firefox 19- (buggy but mostly works) */
	display							: -ms-flexbox;		/* TWEENER - IE 10 */
	display							: -webkit-flex;		/* NEW - Chrome */
	display							: flex;				/* NEW, Spec - Opera 12.1, Firefox 20+ */

	-webkit-flex-direction			: row;
	flex-direction					: row;

	-webkit-flex-wrap				: nowrap;
	flex-wrap						: nowrap;
}

.display_flex_row_wrap {
	display							: -webkit-box-flex;		/* OLD - iOS 6-, Safari 3.1-6 */
	display							: -moz-box;			/* OLD - Firefox 19- (buggy but mostly works) */
	display							: -ms-flexbox;		/* TWEENER - IE 10 */
	display							: -webkit-flex;		/* NEW - Chrome */
	display							: flex;				/* NEW, Spec - Opera 12.1, Firefox 20+ */

	-webkit-flex-direction			: row;
	flex-direction					: row;

	-webkit-flex-wrap				: wrap;
	flex-wrap						: wrap;
}

.display_flex_column {
	display							: -webkit-box;		/* OLD - iOS 6-, Safari 3.1-6 */
	display							: -moz-box;			/* OLD - Firefox 19- (buggy but mostly works) */
	display							: -ms-flexbox;		/* TWEENER - IE 10 */
	display							: -webkit-flex;		/* NEW - Chrome */
	display							: flex;				/* NEW, Spec - Opera 12.1, Firefox 20+ */

	-webkit-flex-direction			: column;
	flex-direction					: column;

	-webkit-flex-wrap				: nowrap;
	flex-wrap						: nowrap;
}

.display_flex_column_wrap {
	display							: -webkit-box-flex;		/* OLD - iOS 6-, Safari 3.1-6 */
	display							: -moz-box;			/* OLD - Firefox 19- (buggy but mostly works) */
	display							: -ms-flexbox;		/* TWEENER - IE 10 */
	display							: -webkit-flex;		/* NEW - Chrome */
	display							: flex;				/* NEW, Spec - Opera 12.1, Firefox 20+ */

	-webkit-flex-direction			: column;
	flex-direction					: column;

	-webkit-flex-wrap				: wrap;
	flex-wrap						: wrap;
}

.flex-shrink {
	flex-shrink						: 1;
}

.flex_start,
.justify-flex-start {
	-webkit-justify-content			: flex-start !important;
	justify-content					: flex-start !important;
}

.space_between,
.justify-space-between {
	-webkit-justify-content			: space-between !important;
	justify-content					: space-between !important;
}

.justify-center {
	-webkit-justify-content			: center !important;
	justify-content					: center !important;
}

.flex_end,
.justify-flex-end {
	-webkit-justify-content			: flex-end !important;
	justify-content					: flex-end !important;
}

.align-flex-start {
	-webkit-align-items				: flex-start !important;
	align-items						: flex-start !important;
}

.align-center {
	-webkit-align-items				: center !important;
	align-items						: center !important;
}

.align-flex-end {
	-webkit-align-items				: flex-end !important;
	align-items						: flex-end !important;
}

.align-flex-stretch {
	-webkit-align-items				: stretch;
	align-items						: stretch;
}

.align-self-start {
	-webkit-align-self				: flex-start;
	align-self						: flex-start;
}

.flex_nogrow {
	flex-grow						: 0 !important;
}

.flex_grow {
	flex-grow						: 1 !important;
}

.flex_0 {
	-webkit-box-flex				: 0;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 0;	/* OLD - Firefox 19- */
	-ms-flex						: 0;	/* IE 10 */
	-webkit-flex					: 0;	/* NEW - Chrome */
	flex							: 0;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex_1 {
	-webkit-box-flex				: 1;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1;	/* OLD - Firefox 19- */
	-ms-flex						: 1;	/* IE 10 */
	-webkit-flex					: 1;	/* NEW - Chrome */
	flex							: 1;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex_2 {
	-webkit-box-flex				: 2;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 2;	/* OLD - Firefox 19- */
	-ms-flex						: 2;	/* IE 10 */
	-webkit-flex					: 2;	/* NEW - Chrome */
	flex							: 2;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex_3 {
	-webkit-box-flex				: 3;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 3;	/* OLD - Firefox 19- */
	-ms-flex						: 3;	/* IE 10 */
	-webkit-flex					: 3;	/* NEW - Chrome */
	flex							: 3;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex_4 {
	-webkit-box-flex				: 4;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 4;	/* OLD - Firefox 19- */
	-ms-flex						: 4;	/* IE 10 */
	-webkit-flex					: 4;	/* NEW - Chrome */
	flex							: 4;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}


.flex2-12 {
	margin							: 10px 1%;
	min-width						: 0;
	
	-webkit-box-flex				: 1 0 14%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 14%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 14%;	/* IE 10 */
	-webkit-flex					: 1 0 14%;	/* NEW - Chrome */
	flex							: 1 0 14%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex3-12 {
	margin							: 10px 1%;
	min-width						: 0;
	
	-webkit-box-flex				: 1 0 23%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 23%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 23%;	/* IE 10 */
	-webkit-flex					: 1 0 23%;	/* NEW - Chrome */
	flex							: 1 0 23%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex4-12 {
	margin							: 10px 1%;
	min-width						: 0;
	
	-webkit-box-flex				: 1 0 31%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 31%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 31%;	/* IE 10 */
	-webkit-flex					: 1 0 31%;	/* NEW - Chrome */
	flex							: 1 0 31%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex5-12 {
	margin							: 10px 1%;
	min-width						: 0;
	
	-webkit-box-flex				: 1 0 39%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 39%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 39%;	/* IE 10 */
	-webkit-flex					: 1 0 39%;	/* NEW - Chrome */
	flex							: 1 0 39%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex6-12 {
	margin							: 10px 1%;
	min-width						: 0;
	
	-webkit-box-flex				: 1 0 48%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 48%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 48%;	/* IE 10 */
	-webkit-flex					: 1 0 48%;	/* NEW - Chrome */
	flex							: 1 0 48%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex7-12 {
	margin							: 10px 1%;
	min-width						: 0;
	
	-webkit-box-flex				: 1 0 56%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 56%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 56%;	/* IE 10 */
	-webkit-flex					: 1 0 56%;	/* NEW - Chrome */
	flex							: 1 0 56%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex8-12 {
	margin							: 10px 1%;
	min-width						: 0;
	
	-webkit-box-flex				: 1 0 65%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 65%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 65%;	/* IE 10 */
	-webkit-flex					: 1 0 65%;	/* NEW - Chrome */
	flex							: 1 0 65%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex9-12 {
	margin							: 10px 1%;
	min-width						: 0;
	
	-webkit-box-flex				: 1 0 73%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 73%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 73%;	/* IE 10 */
	-webkit-flex					: 1 0 73%;	/* NEW - Chrome */
	flex							: 1 0 73%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex10-12 {
	margin							: 10px 1%;
	min-width						: 0;
	
	-webkit-box-flex				: 1 0 81%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 81%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 81%;	/* IE 10 */
	-webkit-flex					: 1 0 81%;	/* NEW - Chrome */
	flex							: 1 0 81%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex11-12 {
	margin							: 10px 1%;
	min-width						: 0;
	
	-webkit-box-flex				: 1 0 89%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 89%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 89%;	/* IE 10 */
	-webkit-flex					: 1 0 89%;	/* NEW - Chrome */
	flex							: 1 0 89%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.flex12-12 {
	margin							: 10px 1%;
	min-width						: 0;
	
	-webkit-box-flex				: 1 0 98%;	/* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex					: 1 0 98%;	/* OLD - Firefox 19- */
	-ms-flex						: 1 0 98%;	/* IE 10 */
	-webkit-flex					: 1 0 98%;	/* NEW - Chrome */
	flex							: 1 0 98%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.nietzichtbaar {
    display							: none;
}

/*===========================================================
======== M A I L C H I M P ==================================
===========================================================*/

#mc_embed_signup {
	background						: rgb(252,117,0);
	color							: rgb(255,255,255);
	padding							: 20px;
	clear							: left;
	font							: 14px Helvetica,Arial,sans-serif;
	width							: 100%;
}

:root {
    --label_width: 250px;
}

/* STANDAARD FORM-ELEMENTEN */

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=file],
textarea,
input[type=submit],
button,
.button,
input[type=button] {
	-webkit-appearance				: none;
	-moz-appearance					: none;
	appearance						: none;
	outline							: none;
}

select {
	-webkit-appearance				: none;
	-moz-appearance					: none;
	appearance						: none;
	
	background						: url("../images/drop_select.png");
	background-repeat				: no-repeat;
	background-position				: right center;
	background-size					: 14px 14px;
}

.zoekbox select {
	width							: 170px;
	padding-right					: 18px;
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=tel],
input[type=url],
input[type=file],
textarea,
select {
	font-family						: 'open_sansregular','HelveticaNeue-Light','Helvetica','Arial','sans-serif';
	font-size						: 0.9em;
	background-color				: rgb(255,255,255);
	color							: rgb(109,119,136);
	
	border							: 1px solid rgba(109,119,136,0.25);

	height							: 40px;
	margin							: 5px 0;
	outline							: none;
	padding-left					: 10px;
	padding-right					: 10px;
}

select {
    padding-right: 18px;
}

textarea,
input[type=file] {
	padding-top						: 10px;
}

textarea {
	padding-top						: 10px;
	height							: 120px;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=file],
input[type=password],
textarea,
select {
    flex: 1 0 auto;
    min-width: 120px;
    margin-right: 5px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
	
}

.input-regel {
	display							: -webkit-box;
	display							: -moz-box;
	display							: -ms-flexbox;
	display							: -webkit-flex;
	display							: flex;
	-webkit-flex-direction			: row;
	flex-direction					: row;
    -webkit-align-items: flex-start;
    align-items: flex-start;
	-webkit-flex-wrap				: nowrap;
	flex-wrap						: nowrap;
}

label {
    width: var(--label_width);
}

div.input-regel > label,
div.input-regel > span {
    width: var(--label_width);
    min-width: var(--label_width);
    font-size: 0.9rem;
    padding: 5px 0;
    margin-right: 5px;
}

.input-regel input::placeholder {
    color: rgba(109,119,136,0.5);
}

/* STANDAARD BUTTONS */

input[type=submit],
button,
.button,
input[type=button] {
	cursor							: pointer;
	text-decoration					: none;
}

.button,
button,
input[type=submit],
input[type=button] {
	display							: inline-block;
	background-color				: rgb(252,117,0);
	color							: rgb(255,255,255);

	font-family						: 'open_sansbold','Arial Black','Arial Bold','Helvetica Bold','sans-serif';
	font-size						: 0.9em;
	text-decoration					: none;
	
	border							: 2px solid rgb(252,117,0);
	border-radius					: 5px;
	padding							: 5px 10px;
	margin							: 3px 0;
	box-sizing						: border-box;
}

.button:hover,
button:hover,
input[type=submit]:hover,
input[type=button]:hover {
	background-color				: rgb(109,119,136);
	border							: 2px solid rgb(109,119,136);
}

.button.button_secondary,
button.button_secondary,
input[type=submit].button_secondary,
input[type=button].button_secondary {
	background-color				: rgb(255,255,255);
	color							: rgb(252,117,0);
	border							: 2px solid rgb(252,117,0);;
}

.button.button_secondary span:before,
button.button_secondary span:before,
input[type=submit].button_secondary span:before,
input[type=button].button_secondary span:before {
	color							: rgb(252,117,0);
}

.button:hover.button_secondary,
button:hover.button_secondary,
input[type=submit]:hover.button_secondary,
input[type=button]:hover.button_secondary {
	color							: rgb(109,119,136);
	border							: 2px solid rgb(109,119,136);
}

.button:hover.button_secondary span:before,
button:hover.button_secondary span:before,
input[type=submit]:hover.button_secondary span:before,
input[type=button]:hover.button_secondary span:before {
	color							: rgb(109,119,136);
}

/* MCE WIDGET */

.mce-btn button {
    border: 1px solid transparent !important;
}

.mce-btn button:hover {
    border:none;
    background-color:rgb(255,255,255);
}

.mce-active button:hover {
    border:none;
    background-color:rgb(87,91,102);
}

/* AFWIJKENDE BUTTONS_SELECTS */

.pdf-export-button-group,
.activiteit-button-group {
	display							: inline;
}

.pdf-export-button-group {
	margin-bottom					: 3px;
}

.pdf-export-button-group > span {
	margin-left						: 12px;
}

.activiteit-button-group {
	margin-top						: 3px;
}

.pdf-export-button-group a,
.activiteit-button-group a {
	color							: rgb(255,255,255);
	padding							: 0 10px;
    margin: 3px;
}

.pdf-export-button-group-anchor-container {
	margin-left						: 10px;
}

.activiteit-button-group span {
	cursor							: pointer;
	margin-right					: 10px;
}

input.number-input {
    min-width: 65px;
    width: 65px;
}

.button.bg_grijs {
	background-color				: rgb(109,119,136);
}

.button-width_300,
.button-width_300 button,
.button-width_300 .button,
.button-width_300 input[type=submit],
.button-width_300 input[type=button] {
	width							: 300px;
}



/*============== ICONS EN (FOUT) MELDINGEN ===============================*/

.formulier_melding {
	display							: inline-block;
	padding							: 0 20px;
}

.icon-input-ok,
.icon-input-nok,
.icon-input-verplicht {
	position						: absolute;
	right							: 10px;
}

/*============== FORM SPECIFIC MEDIA QUERIES =================*/

@media (max-width: 600px) {

	.input-regel {
		-webkit-flex-direction		: column;
		flex-direction				: column;
	}

	// IE11 FIX, if flex-direction: column, then we need flex-basis auto!
	.inputregel_input {
		-webkit-box-flex				: 2 0 auto;	/* OLD - iOS 6-, Safari 3.1-6 */
		-moz-box-flex					: 2 0 auto;	/* OLD - Firefox 19- */
		-ms-flex						: 2 0 auto;	/* IE 10 */
		-webkit-flex					: 2 0 auto;	/* NEW - Chrome */
		flex							: 2 0 auto;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	}

	input[type=text],
	input[type=email],
	input[type=tel],
	input[type=url],
	input[type=password],
	textarea,
	select {
		width						: 100%;
	}

	.cluster-container {
		padding						: 10px;
	}

	input[type=text],
	input[type=email],
	input[type=tel],
	input[type=url],
	input[type=password],
	textarea,
	select {
		min-width					: inherit;
		width						: calc(100% - 6px);
	}

}/* ===== iPad4 Safari flexbox fixes ===== */

@media only screen and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape)  {

    .weergave-tegel.item-container {
    	flex-basis						: 31%;
    }

}

@media only screen and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait)  {

    .weergave-tegel.item-container {
    	flex-basis						: 42%;
    }

}

@media only screen and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation : landscape) {
    html {
        -webkit-text-size-adjust		: 100%; /* Prevent font scaling in landscape while allowing user zoom */
    }
}

@media all and (max-width: 1080px) {

	.flex3-12-homepage,
	.flex4-12-homepage {
    	margin							: 10px 1%;
    	
    	-webkit-box-flex				: 1 0 48%;	/* OLD - iOS 6-, Safari 3.1-6 */
    	-moz-box-flex					: 1 0 48%;	/* OLD - Firefox 19- */
    	-ms-flex						: 1 0 48%;	/* IE 10 */
    	-webkit-flex					: 1 0 48%;	/* NEW - Chrome */
    	flex							: 1 0 48%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
        
    .menubalk ul {
    	font-size						: 1rem;
    }

    .zoek-trefwoord {
    	flex							: none;
    	width							: calc(100% - 120px);
    }

    .zoekbox input[type=text] {
    	width							: 100%;
    }
    
    .zoekveld-zoeken {
    	width							: 50%;
    	margin-bottom					: 10px;
    }

    .zoekveld-zoeken select {
    	width							: 100%;
    	max-width						: 100%;
    }
    
}

@media all and (max-width: 1000px) {

	.mobilenietzichtbaar {
		display							: none!important;
		-webkit-transition				: all 0.5s ease-in;
		transition						: all 0.5s ease-in;
	}

	.mobilewelzichtbaar {
		display							: inherit;
		-webkit-transition				: all 0.5s ease-in;
		transition						: all 0.5s ease-in;
	}
		      
    .recreatheek-menu {
    	height							: 40px;
    }
    
    .logo {
    	width							: 220px;
    	height							: 40px;
    	max-height						: 40px;
    }
    
    .visual-filler {
    	margin							: 20px 0 !important;
    }
    
    .zoekbox-inhoud {
    	margin-top						: 20px;
        padding-bottom: 0;
        padding-right: 10px;
	}
        	
	.visual {
		margin-top						: 40px;
		min-height						: 300px;
	}

    .inlogform_container {
    	top								: 40px;
    	left							: 20px;
    	right							: 20px;
    }
    
    .homepage_bijlage	{
    	width							: 125px;
    	height							: 125px;
    	bottom							: -80px;
    }
}

@media all and (max-width: 800px) {

	.flex2-12,
	.flex3-12,
	.flex4-12,
	.flex5-12,
	.flex7-12 {
    	-webkit-box-flex				: 1 0 48%;	/* OLD - iOS 6-, Safari 3.1-6 */
    	-moz-box-flex					: 1 0 48%;	/* OLD - Firefox 19- */
    	-ms-flex						: 1 0 48%;	/* IE 10 */
    	-webkit-flex					: 1 0 48%;	/* NEW - Chrome */
    	flex							: 1 0 48%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
    
    .flex8-12,
    .flex9-12,
    .flex10-12,
    .flex11-12,
    .flex12-12 {
    	-webkit-box-flex				: 1 0 98%;	/* OLD - iOS 6-, Safari 3.1-6 */
    	-moz-box-flex					: 1 0 98%;	/* OLD - Firefox 19- */
    	-ms-flex						: 1 0 98%;	/* IE 10 */
    	-webkit-flex					: 1 0 98%;	/* NEW - Chrome */
    	flex							: 1 0 98%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
    
    .zijkolom {
		width							: 100%;
		text-align						: center;
	}

    .weergave-lijst.item-container .item-locatie {
    	display							: none;
    }

    
    .zoekresultaten-selecteren .alles-selecteren-knop {
        max-width						: 160px;
    }
    
    .homepage_bijlage	{
    	width							: 100px;
    	height							: 100px;
    	bottom							: -40px;
    }
}

@media all and (max-width: 850px) {
    
    .zoekresultaten-selecteren div {
        -webkit-flex-direction			: column;
    	flex-direction					: column;
    }
	
	.zoekresultaten-selecteren-fixed {
		height							: 145px;
	}
	
	.zoekresultaten-selecteren select {
		width							: 70%;
	}
    
    .zoekresultaten-selecteren .alles-selecteren-knop {
        max-width						: none;
    }
}

@media all and (max-width: 600px) {

	.flex2-12,
	.flex3-12,
	.flex4-12,
	.flex5-12,
	.flex6-12,
	.flex7-12 {
    	-webkit-box-flex				: 1 0 98%;	/* OLD - iOS 6-, Safari 3.1-6 */
    	-moz-box-flex					: 1 0 98%;	/* OLD - Firefox 19- */
    	-ms-flex						: 1 0 98%;	/* IE 10 */
    	-webkit-flex					: 1 0 98%;	/* NEW - Chrome */
    	flex							: 1 0 98%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
    
	.visual {
			min-height					: 150px;
	}
		
	.homepage-blok-container {
		max-width						: 100%;
	}

	.weergave-tegel.item-container {
	    -webkit-box-flex				: 0 0 46%;	/* OLD - iOS 6-, Safari 3.1-6 */
    	-moz-box-flex					: 0 0 46%;	/* OLD - Firefox 19- */
    	-ms-flex						: 0 0 46%;	/* IE 10 */
    	-webkit-flex					: 0 0 46%;	/* NEW - Chrome */
    	flex							: 0 0 46%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
		font-size						: 90%;
		/*max-width						: 250px;*/
	}
	
	.weergave-tegel.item-container h2 {
		font-size						: 1.1rem;
		margin							: 0.3rem 0;
	}
	
	.weergave-tegel.item-container .item-image {
		/*height							: 250px;
		min-height						: 250px;*/
	}
	
	
	.weergave-tegel.item-container.item-image img {
		/*min-width						: 250px;*/
	}
    
    .weergave-lijst.item-container .item-doelgroep {
    	display							: none;
    }

	.poster {
		-webkit-box-flex				: 1 0 48%;	/* OLD - iOS 6-, Safari 3.1-6 */
    	-moz-box-flex					: 1 0 48%;	/* OLD - Firefox 19- */
    	-ms-flex						: 1 0 48%;	/* IE 10 */
    	-webkit-flex					: 1 0 48%;	/* NEW - Chrome */
    	flex							: 1 0 48%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
	}
	
	.tr-row td {
        padding							: 10px 3px;
        font-size						: 0.85rem;
    }
    
    .tr-row td span.icon:before {
    	line-height						: 1.4;
    }

	.footer div.display_flex_row_wrap {
		flex-direction					: column;
	}
			
    ul.footer-navigatie,
    ul.footer-navigatie li  {
    	display							: block;
        padding: 0;
        margin: 0;
    }
    
    .export-checkbox-div {
		max-width						: 100%;
	}
    
    .voeg-toe-aan-knoppen .button,
    .voeg-toe-aan-knoppen button,
    .voeg-toe-aan-knoppen input[type=submit],
    .voeg-toe-aan-knoppen input[type=button] {
    	/*padding							: 5px 7px;
		font-size						: 0.75em;*/
    }

    table,
    table.programmainformatie {
        width: 100%;
    }

    .input-regel input[type=text],
    .input-regel input[type=email],
    .input-regel input[type=tel],
    .input-regel input[type=url],
    .input-regel input[type=file],
    .input-regel input[type=password],
    .input-regel textarea,
    .input-regel select {
        flex: none;
        max-width: calc(100% - 6px);
    }
}

@media all and (max-width: 360px) {

	.activiteit-details-materiaal {
		-webkit-box-flex				: 0 0 48%;	/* OLD - iOS 6-, Safari 3.1-6 */
    	-moz-box-flex					: 0 0 48%;	/* OLD - Firefox 19- */
    	-ms-flex						: 0 0 48%;	/* IE 10 */
    	-webkit-flex					: 0 0 48%;	/* NEW - Chrome */
    	flex							: 0 0 48%;	/* NEW, Spec - Opera 12.1, Firefox 20+ */
    }
    
    .zoekveld-zoeken {
    	width							: 100%;
    	margin-bottom					: 10px;
    }
    
    .logo {
    	width							: 200px;
    }
    
    .ingelogd {
    	margin							: 0;
    }
    
    .ingelogd a {
    	padding							: 0;
    }

	.zoekresultaten-selecteren select {
		width							: 50%;
	}
}