@charset "utf-8";
/* layout.css */

/* default CSS bestand voor alle websites met de standaard AgriHolland
	vormgeving; specifieke website-stijlen staan in agriholland.css,
	foodholland.css en groeneruimte.css */

@font-face {
	font-family: 'Lato';
	src: url('/fonts/Lato-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('/fonts/Lato-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Lato';
	src: url('/fonts/Lato-Semibold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
	src: url('/fonts/Lato-SemiboldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
@font-face {
    font-family: 'minisystem';
    src: url('minisystem.eot');
    src: url('minisystem.eot?#iefix') format('embedded-opentype'),
         url('minisystem.woff') format('woff'),
         url('minisystem.ttf') format('truetype'),
         url('minisystem.svg#minisystem') format('svg');
}

/*Font Awesome Fonts*/
@font-face {
    font-family: 'FontAwesome';
    src: url('/fonts/fontawesome/webfonts/fa-regular-400.ttf') format('truetype');
}

@font-face {
    font-family: 'ProximaNova';
    src: url('/fonts/proximaNova/ProximaNova-Regular.otf') format('truetype');
}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('/fonts/proximaNova/ProximaNova-Bold.otf') format('truetype');
}

@font-face {
    font-family: 'ProximaNovaSemiBold';
    src: url('/fonts/proximaNova/ProximaNova-AltBold.otf') format('truetype');
}

/*****************/
/* Define colors */
/*****************/
:root {
	--textcolor: #222222;
	--yellow: #FFCC00;
	--orange: #E87511; /* ah/fh oranje */
	--ahlightgreen: #F4F9F4; /* ah lichtgroen */
	--ahdarkgreen: #005447; /* ah donkergroen */
	--fhlightpurple: #f9f2ff; /* fh licht paars */
	--fhdarkpurple: #3F0079; /* fh paars */	
	--grlightgreen: #66CC00; /* gr lichtgroen */
	--red: #DB3E20;
	--korenblauw: #6495ED;
	--white: #FFFFFF;  /* niet geschikt als tekst op oranje achtergrond */
	--grey-light: #F9F9F9;
	--grey-medium: #9B9B9B; /* niet geschikt als tekst op witte achtergrond */
	--dark: #3B1100;
	--black: #121212;
	--gray-dark: #636466;
	--textgrey: #D0D0D0; /* niet geschikt als tekst op witte achtergrond */
	--bordergrey: #E2E2E2;
	--txt-lightgrey: #737373;	/* voldoende contrast lichtgrijs op witte achtergrond */
	--bg-red: #ff9289; /* background red */
	--bg-orange: #fccab1; /* background orange */
	--bg-yellow: #fcfbb1; /* background yellow */
	--bg-lightgreen1: #dafcb1; /* background light green1 */
	--bg-lightgreen2: #bcfcb1; /* background light green2 */
}

/*************************************************
 Algemeen
*************************************************/
html {
	font-size: 100%;
	color: #222222;
}

body	{
	font-family: Lato,Verdana,Helvetica,sans-serif;
	font-size: 1.0em;
}

p {
	font-size: 1.1em;
	line-height: 1.67;
	margin-top: 15px;
	margin-bottom: 15px;
}
ul {
	font-size: 1.1em;
	line-height: 1.67;
}

h1 {
	font-size: 2.0em;	
}
.h1-style {
    margin-left: 30px; 
    margin-bottom: 0;
}
h2 {
	font-size: 1.4em;
	margin-bottom: 10px;
	margin-top: 25px;
}

.vet {
	font-weight: bold;
}
.bullet {
	width: 8px;
	height: 8px;
	margin-right: 5px;
}
#logo_print {
	 display: none;
}
header #logo img {
    max-width: 245px;
}
section#sec_slogan .column2 a,
div#slogan .column2 a, 
slogan .column2 a, slogan #column2 a {
    color:#FFF!important;
}

.vactekst ul, .nwstekst ul, .agtekst ul, .dostekst ul, .leesook ul, .info ul {
	list-style: none inside none;
	line-height: 1.25;
	margin: 0 0 15px 1em;
	padding: 0;
}
.vactekst ol, .nwstekst ol, .agtekst ol, .dostekst ol, .leesook ul, .info ol {
/*	line-height: 1.25; */
	margin: 0 0 15px 1em;
	padding: 0;
}

.vactekst ul li::before, .nwstekst ul li::before, .agtekst ul li::before, .dostekst ul li::before, .leesook ul li::before, .info ul li::before {
	content: "\2022";
	color: #E87511;
	font-weight: bold;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
	font-size: 1.1em;
}

.vactekst ul li, .nwstekst ul li, .agtekst ul li, .dostekst ul li, .info ul li {
	margin-bottom: 9px;
	list-style-position: inside;
	line-height: 1.67;
/*	font-size: 1.1em;  is al in ul geregeld */
	padding-left: 5px;
}

.vactekst ul li li, .nwstekst ul li li, .agtekst ul li li, .dostekst ul li li, .info ul li li {
	font-size: 1.0em;
}

.vactekst ol li::before, .nwstekst ol li::before, .agtekst ol li::before, .dostekst ol li::before, .info ol li::before {
  content: "";
  display: inline-block;
}

.vactekst ol li, .nwstekst ol li, .agtekst ol li, .dostekst ol li, .info ol li {
	margin-bottom: 9px;
	line-height: 1.67;
	font-size: 1.1em;
	padding-left: 5px;
}
.vactekst ol li li, .nwstekst ol li li, .agtekst ol li li, .dostekst ol li li, .info ol li li {
	font-size: 1.0em;
}
.leesook ul li {
	margin-bottom: 9px;
	list-style-position: inside;
}
.leesook ul li a {
	color: var(--txt-lightgrey);
}
.leesook ul li a:hover {
	color: var(--txt-lightgrey);
}

.navbutton {
	display: block;
	border: none;
	background: none;
	color: #006056;
	font-weight: 600;
	font-size: 1.0em;
	cursor: pointer;
	margin-top: 5px;
	padding: 0;
   /*outline: none;*/
}
.oranje {
	background-color: #E87511;
    width: 100%;
/*	max-width: 416px; */
	height: 50px;
    margin: 15px 0px;
	color: #fff;
	border-radius: 25px;
}
.vetoranje {
	color: #E87511;
	font-weight: bold;
}
.centreren {
	margin-left: auto;
	margin-right: auto;
}

#sidebar .sidelist p {
	color: var(--txt-lightgrey);
   font-size: 0.9em;
   line-height: 1.2;
   padding-top: 8px;
}

.hidden, .hidden_pc {
    display: none;
} 

.submenu_icon {
    display: none;
}
header #hamburger, header #menu .icon, header #menu .mob_menu_home, .submenu_mob.hidden, .logo_menu_mob {
    display: none;
}

.sidebar::-webkit-scrollbar {
    display: inherit;
}

.sidebar:hover::-webkit-scrollbar {
    width: 10px;
}

.sidebar:hover::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); 
    border-radius: 8px;
    -webkit-border-radius: 8px;
}

.sidebar:hover::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(100,100,100,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
/*************************************************
 Kleuren links
*************************************************/
a {
    color: #E87511;
    text-decoration: none;
}
a:hover, a:active {
    color: #006056;
    text-decoration: none;
    cursor: pointer;
}
footer a:hover, footer a:visited:hover, a:active {
	color: #E87511;
}
footer a:visited {
	color: #fff;
}

/*************************************************
 Buttons
*************************************************/
.verstuur .navbutton.oranje {
        width: 100%;
}

button{
   outline:none;
}
button::-moz-focus-inner {
   border: 0;
}

/*************************************************
 Tabellen
*************************************************/
.table {
	display: table;
	width: 100%;
}
.tr {
	display: table-row;
}
.td {
	display: table-cell;
}

/*************************************************
 Hoofdelementen
*************************************************/
/* main menu en context menu */
nav ul, nav[aria-label="submenu"] ul, submenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  /*overflow: hidden;*/
/*  background-color: #006558; */
/*  border: 1px solid #006558; */
}
nav[aria-label="submenu"] ul, submenu ul {
	display: inline-block; 
	float: none
}

nav ul li, nav[aria-label="submenu"] ul li, submenu ul li {
	float: left;
	color: #222222;
	font-weight: bold;
    padding-bottom: 2px;
}
nav[aria-label="submenu"] ul li, submenu ul li {
    padding-top: 3px;
}
nav ul li::before {
	content: none;
}

nav ul li a, nav[aria-label="submenu"] ul li a, submenu ul li a {
  display: block;
  color: #222222;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

nav ul li a:link, nav ul li a:visited, nav[aria-label="submenu"] ul li a:link, nav[aria-label="submenu"] ul li a:visited, submenu ul li a:link, submenu ul li a:visited {
	color: #222222;
    padding-bottom: 12px;
}
nav ul li a:hover, nav[aria-label="submenu"] ul li a:hover, submenu ul li a:hover {
	color: #E87511;
	text-decoration: none;
}
nav li.active, nav[aria-label="submenu"] li.active, submenu li.active {
	border-bottom: 5px solid #E87511;
}

.home { 
    display: none; 
}

section#sec_promoblock1 .column1, 
ahblock1 .column1, ahblock1 #column1 {
    margin-right: 25px;
}
section#sec_promoblock1 .column2 img, 
ahblock1 .column1, ahblock1 #column2 img {
    max-width: 336px;
    float: right;
}
section#sec_promoblock .column2, section#sec_promoblock2 .column2, 
ahblock .column2, ahblock2 .column2, ahblock #column2, ahblock2 #column2 {
	border-left: 2px solid #fff;
}
ahblock img, ahblock img {
    width: 100%;
}
section#sec_promoblock2 .column1 img, section#sec_promoblock2 .column2 img, 
ahblock2 .column1 img, ahblock2 .column2 img, ahblock2 #column1 img, ahblock2 #column2 img {
    width: 100%;
}

/* einde main menu */

#miniweer .temp {
	display: inline-block;
	vertical-align: top;
	margin-top: 5px;
	color: var(--ahdarkgreen);
}
#miniweer .icon {
	display: inline-block;
	margin-left: -5px;
}
#miniweer .icon img {
	width: 35px;
	margin-top: 8px;
}
#searchbox input {
	font-size: 0.9em;
	color: var(--txt-lightgrey);
	margin-top: 9px;
	padding-left: 5px;
	padding-right: 5px;
	height: 21px;
	border: 1px solid black;
   border-radius: 10px;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
}


/* Scrollbar */
::-webkit-scrollbar {
    width:8px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #d7d2d200;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}
::-webkit-scrollbar-thumb:hover {
    border-radius: 10px;
    background-color: #d7d2d2b0;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);	
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: white;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}
.no-scroll {
    overflow-y: hidden;
}
html {
    scrollbar-color: #aeaeae87 lightgray;
    scrollbar-width: thin;
/*    scrollbar-border-radius: 10px; */
}
#results {
    scrollbar-color: #aeaeae87 lightgray;
    scrollbar-width: thin;
/*    scrollbar-border-radius: 10px; */
}

/* Afbeeldingen en andere elementen links of rechts in de tekst tonen */
.links_uitlijnen {
	float: left;
	margin-right: 10px;	
}
.rechts_uitlijnen {
	float: right;
	margin-left: 10px;
}

/* Pop-up */
.blocker {
    background-image: url("../images/backgrounds/background_blur2.png");  
}
/*.overlay:before {
  position: absolute;
  content:" ";
  top:0;
  left:0;
  width:100%;
  height:100%;
  display: block;
  z-index:0;
  background-color: rgba(255,0,0,0.5);
}*/

/************************************************
Formulieren
************************************************/
.formcontainer {
	margin-top: 30px;
	padding: 0;
	border-top: 2px solid rgba(34, 34, 34, 0.2);
/*	border-bottom: 2px solid rgba(34, 34, 34, 0.2); */
}
fieldset {
	border: none;
	/*margin-top: 25px;*/
	padding: 0;
}
fieldset h5 {
    font-size: 1.2em;
    margin: 30px 0 0 0;
}
fieldset .veldnaam {
    font-size: 1.1em;
}
fieldset input[type="text"],
fieldset input[type="password"] {
/*	height: 50px; */
	font-size: 1.1em;
/*	margin-top: 15px; */
	margin-bottom: 5px;
}
fieldset .chk_container {
	/* zo komen de checkboxen onder elkaar */
	width: 100%;
}
fieldset.verstuur button {
	width: 100%;
}

/* uit het form-voorbeeld, hierboven invoegen */
fieldset input[type=submit] {
  background: #fff;
  height: 2.75rem;
  margin: 1em auto auto;
}
fieldset input[type=email],
fieldset input[type=text],
fieldset input[type=password] {
	font-size: 1.1em;
  height: 1.5rem;
  margin: 0 0 1.15rem;
  width: 100%;
}
fieldset input[type=email],
fieldset input[type=text],
fieldset input[type=password] {
  background: none;
  border: none;
  border-bottom: 2px solid #006056;
  box-sizing: border-box;
  outline: none;
  padding-bottom: 5px;
}

fieldset input[type=email]:required,
fieldset input[type=text]:required,
fieldset input[type=password]:required {
  box-shadow: none;
  outline: none;
}

fieldset input[type=submit] {
  background: #E87511;
  border: none;
  color: #fff;
  padding: 0 2rem;
}

fieldset input[type=submit]:hover,
input[type=submit]:focus {
  /*background: #f79577;*/
  box-shadow: -1px 1px 6px rgba(254, 118, 118, .6);
  cursor: pointer;
  outline: none;
  transform: translateY(-2px);
   
}

fieldset .inputs--filled label {
  transform: translate(0, 0);
  font-style: normal;
  color: lightgray;
}

fieldset .inputs--invalid input {
  animation: shake 0.3s cubic-bezier(.36,.07,.19,.97) both;
  background: url(../images/layout/ico-invalid.svg) center right no-repeat;
  border-bottom: 2px solid #E87511;
  box-shadow: none;
  color: #E87511;
  transform: translate3d(0, 0, 0);
}
fieldset select {
	/* dezelfde hoogte als checkboxen */
	height: 25px;
}

.okmessage {
	border: 1px groove #006558;
	padding: 5px;
	background-color: #f9f9f9;
	color: #006558;
}
.errormessage {
	border: 1px solid red;
	padding-left: 5px;
	background-color: #f9f9f9;
	color: red;
}

#nwsbrfaanmeldform .inline {
	display: inline-block;
	width: 90px;
}

.vacaanmeldform .radio_container {
	display: inline-block;
	margin-right: 20px;
}
.vacaanmeldform .chk_container {
	display: inline-block;
	width: 100px;
}
.vacaanmeldform fieldset:first-child {
	margin-top: 0;
}
/*
.vacaanmeldform .arrow-leading {
	display: inline-block;
	width: 0px;
	height: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #DDDDDD;
}
.vacaanmeldform .arrow-right {
	display: inline-block;
	width: 0px;
	height: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid green;
}
*/
.vacaanmeldform li div:after, .vacaanmeldform li div:before {
        content:"";
        display:inline-block;        
        border-width: 16px;
        border-style: solid;
        width: 0px;
        height: 0px;
        left: 100%;
        top: -1px;        
        position: absolute;        
        z-index: 1;
    }
 .vacaanmeldform li div:after, .vacaanmeldform li:hover div:before {
        border-color: transparent transparent transparent #d68a3a;
    }
 .vacaanmeldform li div:before {
        border-width: 14px;
        display: block;
        border-color: transparent transparent transparent #ffffff;
        z-index: 2;
        top:1px;
    }
.vacaanmeldform li.fileuploader-item div:after, .vacaanmeldform li.fileuploader-item div:before {
	display: none;
}


fieldset label {
	color: var(--txt-lightgrey);
	font-style: italic;
}
fieldset .verplicht {
	color: #E87511;
}

@keyframes shake {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }

  33% {
    transform: translate3d(-6px, 0, 0);
  }

  66% {
    transform: translate3d(6px, 0, 0);
  }
}

fieldset .inputs--invalid .label_ani {
  color: #E87511;
}

fieldset .label_ani {
  display: inline-block;
  transform: translate(0, 1.5rem);
  transition: 0.15s;
  margin-top: 15px;
  margin-bottom: 10px;
	color: var(--txt-lightgrey);
  font-style: italic;
}
fieldset textarea {
	font-size: 1.1em;
	font-family: Lato,Verdana,Helvetica,sans-serif;
	margin-top: 25px;
}
fieldset .tbl_column1 {
	padding-right: 15px;
	padding-bottom: 20px;
}
fieldset .tbl_column1 p {
	font-size: 1.0em;
}
fieldset .tbl_column2 {
	padding-bottom: 20px;
}

/* popup message impromptu */
div.jqi .jqibuttons button:hover, div.jqi .jqibuttons button:focus {
    color: #006558;
    cursor: pointer;
}
/* eind formulieren */


.tbl_container {
  display: table;
  width: 100%;
}
.tbl_row {
  display: table-row;
  margin-top: 20px;
}
.tbl_column1 {
	display: table-cell;
	width: 50%;
	vertical-align: top;
	padding-top: 3px;
}
.tbl_column2 {
	display: table-cell;
	width: 50%;
}

/* date picker */
button.Zebra_DatePicker_Icon {
	background: url('../images/layout/calendar.png') 0 -32px no-repeat;
}
button.Zebra_DatePicker_Icon_Inside {
	margin: -2px 3px 0 0;
}
.Zebra_DatePicker .dp_disabled, .Zebra_DatePicker .dp_weekend_disabled, .Zebra_DatePicker .dp_not_in_month {
	color: #BBB;
}

/* filer */
.jFiler-item-assets a {
	background-image: url("/images/layout/delete.png");
}
.jFiler-items-default .jFiler-item {
	padding: 4px;
}


/************************************************
Filter
************************************************/
.column1.filter, #column1.filter {
    height: 42px;
    margin: 13px 0px;
    border: 2px solid #E87511;
    border-radius: 25px;
    cursor: pointer;
} 
.column1.filter:active, .column1.filter:focus, #column1.filter:active, #column1.filter:focus {
    outline: none!important;
}
selectie .column1 .img, selectie .column1 .tekst,  selectie .column1 .icon, selectie #column1 .img, selectie #column1 .tekst,  selectie #column1 .icon {
    display: inline-block;
    vertical-align: top;
    height: 42px;
}
selectie .column1 .img, selectie #column1 .img {
    width: 23%;
    margin: 12px 0px 0px 20px;
}
selectie .column1 .tekst, selectie #column1 .tekst {
    width: 56%;
}
selectie .column1 .tekst p, selectie #column1 .tekst p {
    margin-top: 6px;
    color: #222222;
}
selectie .column1 .icon, selectie #column1 .icon {
    width: 10%;
}
selectie .column1 .icon i, selectie #column1 .icon i {
    margin-top: 13px;
    font-size: 20px;
    color: #222222;
}

#filterblock {
    position: absolute;
    background-color: rgba(0,0,0,0.5);
    height: 100%;
    width: 100%;
    max-width: 1440px!important;
    margin: -40px 0px 0px 0px;
    z-index: 99;
    display: none;
}
#filtermenu {
    height: 565px;
    margin: 30px 0px 0px 50px;
    padding: 0 25px;
    background-color: #FFF;
    box-shadow: 0 16px 14px 2px rgba(0, 0, 0, 0.2);
    width: 49%;
    /*display: none;*/
}
#filterblock .triangle {
  position: absolute;    
  width: 25px;
  height: 25px;
  margin: -12px 0px 0px 30px;  
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Safari 3-8 */
  transform: rotate(45deg);   
  background-color: #ffffff;
}

#filterblock .wisfilters a {
	color: #006056;
	font-weight: bold;
	float: right;
	margin-top: 3px;;
	margin-right: 2%;
}
#filterblock .zoekformulier {
	padding-top: 25px;
}
#filterblock fieldset {
	border: none;
    max-width: 630px;
}
#filterblock fieldset .titel {
	font-size: 1.1em;
	margin-bottom: 10px;
}
#filterblock fieldset .chk_container {
	width: 100px;
}
#filterblock .zoekformulier h6, #filterblock .zoekformulier p {
	margin-top: 0;
	margin-bottom: 0;
	color: #979797;
	margin-top: 0;
	margin-bottom: 5px;
}
#filterblock .input_zoekwoorden {
	width: 580px!important;
	height: 50px;
	border: solid 1px #979797;
	background: url(/images/layout/search.svg) no-repeat scroll 15px 15px;
	padding-left:45px;
	background-size: 20px;
	font-size: 1.1em;
}
#filterblock .zoekformulier .navbutton {
    max-width: 640px;
}
#filterblock .Zebra_DatePicker_Icon {
    margin-left: 3px;
}	

.toggleCloseBtn {
/*	border: thin solid silver; */
	border: none;
	background: none;
	font-weight: bold;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 2px;
}
.toggleCloseBtn:hover .delfilter {
	display: inline-block;
}
.delfilter {
	font-weight: bold;
	color: #E87511;
	display: none;
}
selectie .column2, selectie #column2 {
	position: relative;
	min-height: 60px;
}
.zoekcriteria {
	position: absolute;
	bottom: 0;
	margin-bottom: 8px;
}
.nieuws #filtermenu, .bericht #filtermenu {
    height: 355px;
}
.vacaturebank #filtermenu {
    height: 480px;
}
.agenda #filtermenu {
    height: 350px;
}


/************************************************
Formulieren
************************************************/
#steps ul li::before {
	content: "";
}
#steps ul li {
	font-size: 1.0em;
}

#steps ul.step-steps {
    /*margin-right:30px;*/
}
#steps ul > li {        
    display: table-cell;
    height: 29px;
    position: relative;
    padding: 0px;
    margin: 0px;
    text-align: center;
    border: 1px solid #E87511;
}
#steps ul > li > div {                
    line-height: 20px; /* equal to the list item's height */
    margin-top: -20px;
    padding-left: 10px;        
}
#steps ul {
    display: table;
    width: 100%;
	height: 30px;
    padding: 0px;
    margin: 0px;
    position: relative;
}
#steps ul > li > div:after, #steps ul > li > div:before {
    content:"";
    display:inline-block;        
    border-width: 16px;
    border-style: solid;
    width: 0px;
    height: 0px;
    left: 100%;
    top: -1px;        
    position: absolute;        
    z-index: 1;
}
#steps ul > li > div:after, #steps ul > li:hover > div:before {
    border-color: transparent transparent transparent #E87511;
}
#steps ul > li > div:before {
    border-width: 14px;
    display: block;
    border-color: transparent transparent transparent #ffffff;
    z-index: 2;
    top:1px;
}
#steps ul > li.active {
    background-color: #E87511;
}
#steps ul > li:hover, #steps ul > li:hover a {
    background-color: #E87511;
    color: #FFF!important;
}
#steps ul > li a:hover {
    color: #FFF!important;
}
#steps ul > li.active > div:before {
    border-color: transparent transparent transparent #E87511;
}
#steps ul > li.active > div:before {
    border-color: transparent transparent transparent #E87511;
}
#steps .step-app > .step-content {
/* ivm met float right van de step-btn */
	padding-bottom: 60px;
    min-width: 570px;
}
#steps .step-app > .step-steps > li.done div {
    margin-top: -27px; 
    padding: 6px 0 4px 6px;
    /* height: 23px; */   
    background-color: #006056;
}
#steps ul > li.done {
    border: 1px solid #006056;
}
#steps ul > li.done:hover {
    border: 1px solid #E87511;
    background-color: #E87511; 
}
#steps ul li.done:hover div:before {
    border-color: transparent transparent transparent #E87511!important;
}
#steps ul li.done:hover div {
    background-color: #E87511!important;
}
#steps ul > li.done:hover a {
    color: #FFF; 
    background-color: #E87511!important;
}
#steps ul > li.done > div:before {
    border-color: transparent transparent transparent #006056!important;
}
#steps .step-app > .step-steps > li:last-child a {
    margin-top: -23px;
    border: none;
    padding: 0px 0px 0 10px;
    color: #006056;
    background-color: #FFF;
}
#steps .step-app > .step-steps > li:last-child:hover a {
    background-color: #E87511;
}
#steps .step-app > .step-steps > li:last-child a:hover {
    background-color: #E87511;
}
#steps .step-app > .step-steps > li.active:last-child a {
    background-color: #E87511;
    color:#FFF;
}
#steps button.next {
    border: none;
    padding: 0px;
    margin: 25px 0px 0px 0px;
    height: 30px;
    background-color: transparent;
    float: right;
}
#steps .next-button {
    width: 145px;
    cursor: pointer;
}
#steps .next-button:hover .step-btn {
    box-shadow: -1px 1px 6px rgba(254, 118, 118, .8);
    margin-top: -2px;
}
#steps .next-button:hover .step-btn-triangle {
    margin-top: -2px;
}
#steps .step-btn {
    width: 105px;
    height: 30px;
    display: inline-block;
    vertical-align: top;
    background-color: #E87511;
    margin: 0px;
    padding: 0px 0px 0px 5px;
    color: #FFF;
    font-family: Lato,Verdana,Helvetica,sans-serif;
    line-height: 30px;
}

#steps .step-btn-triangle {
    display: inline-block;
    vertical-align: top;
    margin: 0px 0px 0px -4px;
    padding: 0px;
    width:0px;
    height:0px;
    border-top:solid 15px transparent;
    border-right:solid 15px transparent;
    border-bottom:solid 15px transparent;
    border-left:solid 15px #E87511;
}

/* opmaak van steps niet tonen bij de fileuploader */
#steps .fileuploader-items-list {
    display: grid;
}
#steps .fileuploader-items-list .fileuploader-item {
    margin-bottom: 5px;
    height: 60px;
    border: none;
}
#steps .fileuploader-items-list .fileuploader-item:hover {
    background-color: transparent;
}
#steps .fileuploader-items .fileuploader-item .column-thumbnail {
    width: 60px!important;
    height: 55px!important;
}
#steps .fileuploader-items ul > li > div::after, #steps .fileuploader-items ul > li > div::before {
    content: none !important;
}
#step4 .switchOn input[type="file"], #step4 .switchOff input[type="file"] {
	margin: 10px 0px 10px 0px!important;
}
#step4 .switchOff input[type="file"]:nth-child(2) {
    margin: 20px 0px 15px 0px!important;
}



/************************************************
Favorieten icoon
************************************************/
#favorites {
	z-index: 50;
}
#favorites img {
	width: 25px;
	height: 25px;
	float: right;
	margin-top: 10px;
	z-index: 2;
}
#numberOfFavorites {
   border-radius: 50%;
   width: 14px;
   height: 14px;
   padding: 1px;
   background: var(--bg-orange);
   border: 1px solid #E87511;
	color: var(--black);
   text-align: center;
   font: 12px Arial, sans-serif;
   margin-left: 30px;
   margin-top: 5px;
   z-index: 5;
   position: absolute;
}

#usermenu, #usermenu_mob {
	z-index: 5;
	padding-left: 15px;
}
#usermenu img, #usermenu_mob img {
	width: 25px;
	height: 25px;
/*	float: right; */
	margin-top: 10px;
    cursor: pointer;
}
#usermenu .msg, #usermenu_mob .msg {
	position: absolute;
   top: 45px;
	font-size: 0.7em;
	color: #E87511;
}
.loginpopup {
   display: none;
   position: absolute;
   right: 20px;
   margin-top: 14px;
   padding: 4px;
	z-index: 10;
   width: 150px;
   background-color: #fff;
   box-shadow: 0 0px 10px 4px rgba(0, 0, 0, 0.2), 5px 5px 10px 0 rgba(0, 0, 0, 0.5);
    font-size: 0.9em;
}
.loginpopup p {
	margin: 0 0 5px 0;
	text-align: center;
	color: #E87511;
}
.loginpopup input {
	font-size: 1.0em;
	width: 144px;
	height: 1.0rem;
	margin-bottom: 5px;
	border: 1px solid #e7e7e7;
	padding-left: 3px;
	padding-right: 3px;
}
.loginpopup input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	font-size: 0.8em;
	font-style: italic;
	color: gray;
}
.loginpopup input::-ms-input-placeholder { /* Microsoft Edge */
	font-size: 0.8em;
	font-style: italic;
	color: gray;
}
.loginpopup button {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
.loginpopup .oranje {
	width: 150px;
	height: 25px;
}
.loginpopup .vergeten {
	font-size: 0.8em;
	text-align: center;
}

footer, footer a {
	color: #FFF;
	line-height: 1.8;
}
footer div {
	padding: 15px;
}
footer img {
	vertical-align: middle;
}
footer #column4 {
    min-width: 100px;
}
footer #copyright, footer #copyright a {
	color: #222222;
}
footer #copyright a:hover {
	color: #E87511;
}
.roodknipperen { font-weight: bold;  font-size: 18px; color: #FF6600;   }

/************************************************
 Home-page
************************************************/
.homepage h1 a {
	color: #222222;
}
/*
.homepage ul.lijst li a {
	color: #222222;
}
.homepage ul.lijst li a:hover, .homepage ul.lijst li a:active {
	color: #E87511;
}
.homepage ul.lijst li a:visited {
	color: #6F6F6F;
}*/
.homepage ul.lijst li {
    margin-bottom: 15px;
}
.text-right:before {
    margin-left: 40px;   
}
section#sec_nwsvac a, section#sec_agenda a, 
nwsvac a, agenda a {
	color: #222222;
}
 
section#sec_nwsvac a:visited, section#sec_agenda a:visited, 
nwsvac a:visited, agenda a:visited {
	color: #6F6F6F;
}
section#sec_nwsvac .navbutton, section#sec_weer .navbutton, section#sec_agenda .navbutton {
	color: var(--ahdarkgreen);
	font-weight: bold;
	font-size: 1.2em;
}
section#sec_nwsvac .navbutton:hover, section#sec_weer .navbutton:hover, section#sec_agenda .navbutton:hover {
	color: var(--orange);
}
.agimg {
	width: 100%;
	height: 118px;
	border: 1px solid #dcdcdc;
}
/************************************************
Paginering van lijsten nieuws, vacatures en evenementen
************************************************/
#pagineringcontainer{margin:5px 0 0 0;padding:2px 2px 2px 2px;font-size:12pt;border-style:none;vertical-align:middle;width:100%}
#pagineringlinks{position:relative;float:left;width:10%;margin:0}
#pagineringmidden{position:relative;float:left;width:80%;margin-left:auto;margin-right:auto;padding-top:6px;font-weight:bold;text-align:center;vertical-align:middle}
#pagineringmidden a{/*color:#C60;*/padding-right:5px;padding-left:5px}
#pagineringrechts{position:relative;float:right;width:10%;margin:0;text-align:right}
.paginering{display:inline-block;font-weight:bold;min-width:25px;margin:2px}
.paginering a{/*color:#C60;*/padding-right:5px;padding-left:5px}
.paginering a:hover{color:#E87511}
.paginering_standard{padding-right:5px;padding-left:5px;/*color:#C60*/}
.paginering_highlight{display:inline-block;padding-right:5px;padding-left:5px;color:#E87511;border:solid 2px #E87511;min-width:25px;margin:2px;cursor:pointer}
#nav_prev {
	font-size: 1.8em;
}
#nav_next {
	font-size: 1.8em;
}


/************************************************
 Lijsten nieuws, vacaturebank, agenda
************************************************/
section#sec_nwsvac .column2 .logoblock, nwsvac #column2 .logoblock {
    float: left; 
    width: 100px; 
    padding-top: 2px; 
    margin-right: 20px;
    vertical-align: middle;
}
section#sec_nwsvac .column2 .logoblock img, nwsvac #column2 .logoblock img {
    max-width: 100px; 
    max-height: 60px; 
    margin:0;
}
nav[aria-label="submenu"] a, submenu a {
    color: #6F6F6F;
}
nav[aria-label="submenu"] a.active, submenu a.active {
    color: #222222;
}
.lijstdatum {
	width: 110px;	
	height: 40px;
   margin: 0;
   color: #fff;
	background-color: #E87511;
   display: inline-block;
   vertical-align: top;
	z-index: 20;
}
.lijst .item p, .favlijst .favitem p {
	margin: 0;
	font-size: 1.0em;
}
.expired, .expired a {
	color: #CCCCCC;
}
.favitem {
	font-size: 1.1em;
}
.favitem span {
	margin-right: 10px;
}
.favitem .favdatum {
	display: inline-block; 
	font-size: 0.9em;
	z-index: 20;
}
.favitem .titel {
	display: inline-block; 
	margin-left: 10px; 
	vertical-align: text-top;
	max-width: 590px;
}

.lijst .titel p {
	/* nieuws sidebar */
	color: #222222;
	margin: 0;
	font-size: 1.0em;
}
article #contenthead h1 {
	margin-top: 0;
}
article #content .datum {
	color: #ffffff;			
	width: 110px;	
	height: 40px;
    margin: 30px 20px 0px 0px!important;
	background-color: #E87511;
    display: block;
    vertical-align: top;
	z-index: 20;
}
article #content .datum p {
	font-size: 1em;
	font-weight: 400;
	text-align: center;
	padding-top: 6px;
	margin: 7px 0px;
}
article #content .inarchief {
	float: right;
	margin-right: 2px;
	margin-top: -32px;
	font-size: 0.7em;
	position: relative;
	z-index: 25;
}
article #content .nws-titel-bericht, article #content .agnd-titel-bericht {
	display: block;
	height: auto;
}
article #content .nws-titel-bericht-1, article #content .agnd-titel-bericht-1  {
    margin-top: -35px;
}
article #content .aanb-titel-bericht-1  {
    margin-top: -42px;
}
article #results.nws, article #results.agnd {
    margin-left: -110px;
	width: calc(100% + 80px); /* vanwege de verschuiving van -110px, marge 30px tussen content en rechterkolom */	
}
article #results .nws-titel-bericht, article #results .agnd-titel-bericht {
    margin-left: 140px;
    display: block;
	height: auto;
}


/*
article #content .agnd-titel-bericht-1 {
    margin-top: -35px;
}
article #results.agnd {
    margin-left: -110px;  
}

article #results .agnd-titel-bericht {
    margin-left: 140px;
}*/
/*article #nwsoverzicht ul.lijst {
    list-style: none outside none;
    line-height: 1.67;
    margin: 0;
    padding: 0;
}
article #nwsoverzicht li {
	margin-left: 150px;
	list-style-position: outside;
    font-size: 1.2em;
    font-style: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: normal;
}
article #nwsoverzicht ul li::before {
	margin-left: -1.2em;	
	font-size: 1.2em;
	vertical-align: middle;
}*/
/*article #nwsoverzicht .nws-titel-bericht {
    margin: 0px 0px 15px 130px;    
    padding: 0px;
	width: 770px;
    border-bottom: 1px solid #80808017;
}
article #nwsoverzicht .nws-titel-bericht-1 {
    margin: 30px 0px 0px 0px;
    display: inline-block;
    vertical-align: top;
}
article #nwsoverzicht button {
	margin-bottom: 25px;
}*/
/*article #agnoverzicht .datum {
	width: 110px;	
	height: 50px;
    margin: 30px 15px 0px 0px!important;
	background-color: #E87511;
    display: inline-block;
    vertical-align: top;
	z-index: 20;
}
article #agnoverzicht .agnd-titel-bericht {
    margin: 0px 0px 15px 130px;    
    padding: 0px;
	width: 770px;
    border-bottom: 1px solid #80808017;
}
article #agnoverzicht .agnd-titel-bericht-1 {
    margin: 30px 0px 0px 0px;
    display: inline-block;
    vertical-align: top;
}*/
/*article #agnoverzicht .nws-titel-bericht-2 {
    margin: 0px 0px 10px 0px;
}*/
/*article #agnoverzicht .datum {
	width: 110px;	
	height: 40px;
	background-color: #E87511;
	z-index: 20;
}
article #agnoverzicht .datum p {
	color: #ffffff;
	font-size: 1em;
	font-weight: 400;
	text-align: center;
	padding: 0;
	margin: 7px 0px;
}*/
/*article #agnoverzicht .datumPlus p{
    margin-top: 8px!important;
    line-height: 0.6;   
}
article #agnoverzicht .datumTo {
    margin-top: 0px!important;
    height: 25px;
    border-top: 1px solid #FFF;
}
article #agnoverzicht .datumEind {
    font-size: 0.7em!important;
}
article #agnoverzicht .datumEindFirst {
    border-top: 1px solid #FFF;
    background-color: #E87511;
    padding: 5px 0px!important;
}*/

/************************************************
 Nieuws
************************************************/

/*article #nwsoverzicht {
    margin-top: 30px;
	color: #222222;
	z-index: 10;
}
article #nwsoverzicht .homelist {
	padding: 0;
	margin: 0;
}*/


/*article #content .nieuwsitem {
	display: block;
	height: auto;
	margin-left: 140px;
	margin-bottom: 20px;
}*/

.homepage ul.lijst {
    list-style: none outside none;
    line-height: 1.67;
    margin: 0;
    padding: 0;
}
.homepage ul.lijst li {
	margin-left: 20px;
	list-style-position: outside;
	font-size: 1.1em;
	font-style: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: normal;
}
.homepage ul.lijst li::before {
  content: "\2022";
  color: #E87511;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;	
  font-size: 1.1em;
}
section#sec_slogan h1, section#sec_slogan p,
div#slogan h1, div#slogan p, 
slogan h1, slogan p {
/*  font-size: 2.0em; */
  line-height: 1.67;
  margin-top: 15px;
  margin-bottom: 15px;	
}
section#sec_nwsvac h2, .homepage nwsvac h2 {
  font-size: 2.0em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

#results .archief {
    color: #E87511;
    font-style: italic;
    margin: 50px 0 10px 0;
    line-height: 1.0;
}
#results .top {
    margin-top: 0;
}
#results .archief a {
	color: #E87511;
}	
#results .archief a:hover {
	color: #222222;
}

.lead {
	font-size: 1.1em;
	font-weight: bold;
}

.nwstekst .afbeelding {
	width: 100%;
	text-align: center;
}
.nwstekst .afbeelding img {
	width: 66%;
}

.bronverwijzing {
	color: var(--txt-lightgrey);
	font-style: italic;
	font-size: 1.1em;
}
.bronverwijzing a {
	color: var(--txt-lightgrey);
}
.bronverwijzing a:hover {
	color: #E87511;
}

article #content .copyright {
	color: var(--txt-lightgrey);
	font-size: 1.1em;
	margin-top: 15px;
}

.leesook {
	margin-bottom: 50px;
}
.leesook .archief {
	color: #E87511;
	font-style: italic;
	margin: 0 0 10px 0;
	line-height: 1.0;
}

.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 70%;
    max-height : 70%;
    margin: 0;
}

.nws_nav_bottom {
    margin-left: 140px;
}

.loginarchief {
	border: 1px solid #DCDCDC;
	padding: 10px;
}
.loginarchief .nieuwsarchiefteller {
	/* staat op login pagina */
	font-family: minisystem,Arial,Verdana,Helvetica,sans-serif;
	font-size: 3.3em;
	background-color: #8fbc8f;
	color: #4b724e;
	line-height: 100%;
	margin-bottom: 0px;
}
.loginarchief .border {
    border: 1px solid 
    #000;
}
.loginarchief .align_right {
    float: right;
    text-align: right;
}
.loginarchief p {
	margin: 0;
}

/************************************************
 Vacaturebank
************************************************/
.homepage .vaclijst {
	clear: both; 
	margin-bottom: 15px; 
	width: 100%;
	font-size: 1.1em;
	border-bottom: 1px solid rgba(34, 34, 34, 0.2);
	padding-bottom: 15px;
}
.vacaturebank nav[aria-label="submenu"] a.active,.vacaturebank submenu a.active {
    color: #222222;
}
.vacaturebank .fa-check-circle {
    display: none;
}
/* lijst vacaturebank/index.php */
.vacaturebank #results .item {
	min-height: 130px;
}
.vacaturebank #content #results h2 {
/*    display: inline-block;
    width: 70%; */
    vertical-align: top;
    color: #222222;
    margin-bottom: 5px;
}
.vacaturebank #content #results span.edureq {
/*    vertical-align: top;
    text-align: right; */
}
.vacaturebank #content #results .edureq p {
/*    display: inline-block;
    width: 30%; */
    vertical-align: bottom;
    margin-top: 24px;
    margin-bottom: 5px;
	color: var(--txt-lightgrey);
}
.vacature_titel {
    display: inline-block;
    width: 50%;
}
.vacature_niveau {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    width: 50%;
}
.vacature_bottom .tekst {
    display: inline-block;
    width: 50%;
}
.vacature_bottom .logo {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    width: 50%;
}
.vacaturebank #content #results .logo {
/*    display: inline-block;
    width: 30%; */
    vertical-align: top;
    margin-top: 5px;
    float: right;
}

.vacaturebank #content #results img {
	float: right;
	max-height: 50px;
	max-width: 200px;
}
.vacaturebank #content #results .tekst {
/*    display: inline-block;
    width: 65%; */
    vertical-align: top;
	color: var(--txt-lightgrey);
}
.vacaturebank #content #results .tekst p {
	margin-top: 0;
}
.vacaturebank #content #results .tekst p .bedrnaam {
	color: #222222;
}

/* werkenbij logo's */
.wbintro {
	margin-bottom: 50px;
}
.grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  row-gap: 30px;
  place-items: center; 
/*  border: 1px solid rgba(0, 0, 0, 0.8); */
/*background-color: #f0e68c; */
}
.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  border: none;
  text-align: center;
}
.grid-item img {
	width: 100%;
	max-height: 130px;
}

/* foto rotator */
.coin-slider {
	margin-top: 30px;
	width: 400px;
}
#coin-slider {
	margin-left: auto;
	margin-right: auto;
}
.cs-buttons {
	display: none;
}

/* sidebar vacaturelijst */
#sidebar-right .vaclijst {
	margin-bottom: 50px;
}
#sidebar-right .vaclijst h2 {
	margin: 0;
}
#sidebar-right .vaclijst a {
	color: #222222;
}
#sidebar-right .vaclijst .item {
	display: block;
	color: var(--txt-lightgrey);
	margin-bottom: 0;
	padding: 0px 0 5px 10px;
	padding: 10px 5px 10px 5px;
	border-bottom: 1px solid rgba(34, 34, 34, 0.2);
}
#sidebar-right .vaclijst .titel p {
	color: #222222;
	font-weight: bold;
	margin: 0;
	font-size: 1.1em;
}
#sidebar-right .vaclijst .tekst {
	display: inline-block;
	min-width: 180px;
}
#sidebar-right .vaclijst .tekst p {
	color: var(--txt-lightgrey);
	margin: 0;
	font-size: 1.0em;
	line-height: 1.25;
}
#sidebar-right .vaclijst .logo {
	display: inline-block;
	float: left;
	margin: 0 5px 0 0;
}
#sidebar-right .vaclijst .logo img {
	height: 60px;
	max-width: 270px;
	margin: 0 5px 0 0;
}


article #overzicht {
	color: var(--txt-lightgrey);
}
article #overzicht .homelist {
	background: #fff;
	padding: 0;
	margin: 0;
}
article #overzicht .item {
	display: block;
	height: auto;
	padding: 10px 10px 10px 10px;
	border: 1px solid #979797;
	margin-bottom: 30px;
}
article #overzicht h2 {
	font-size: 1.6em;
	margin: 0;
	margin-bottom: 20px;
}
article #overzicht div.row {
	width: 100%;
}
article #overzicht div.row div {
	display: inline-block;
	vertical-align: middle;
}
article #overzicht img {
	margin-right: 25px;
	vertical-align: middle;
}
article #overzicht p {
	color: var(--txt-lightgrey);
	font-size: 1.2em;
	margin: 0;
}
article #overzicht button {
	margin-bottom: 25px;
}

article #sidebar {
	color: var(--txt-lightgrey);
	max-height: 1500px;
	overflow: auto;
}
article #sidebar .sidelist {
	background: #fff;
	padding: 0;
	margin: 0;
}
article #sidebar div {
	display: block;
	margin-bottom: 0;
	padding: 0;
	border-bottom: 1px solid  rgba(34, 34, 34, 0.2);
}
article #sidebar div.active {
	background: #f4f9f4;
}
article #sidebar h2 {
	font-size: 1em;
	color: #222222;
	margin: 0px; 
}
article #sidebar p {
	margin: 0px;
}

lead #metadata h1, article #metadata h1 {
	font-size: 2em;
	margin: 20px 0 0 0;
}
lead #metadata p, article #metadata p {
	color: var(--txt-lightgrey);
	margin-bottom: 10px;
}
lead .lead {
	font-weight: 600;
	font-size: 1.1em;
	line-height: 1.67;
}

lead hr, article hr {
	border: solid 1px rgba(34, 34, 34, 0.2);
	margin-top: 0;
	margin-bottom: 30px;
}

afbeelding #content {
	text-align: center;
}

afbeelding #content img {
	max-width: 100%;
}

/* sollicitatieknop vacbank */
.sollbtn {
	display: inline-block;
	width: 216px;
	height: 50px;
	margin-right: 15px;
	border-radius: 25px;
	background-color: #E87511;
	color: #fff;
	text-align: center;
}
.sollbtn p {
	margin-top: 10px;
}
.sollbtn .fas {
	margin-left: 5px;
	font-size: 16px;
}
.sollbtn a {
	color: #fff;
}
.sollbtn a:hover {
	color: #fff;
}

article .goback {
	display: inline-block;
	margin-right: 15px;
}
article #favoriet1, article #favoriet2, article .overigevacs, article .ical {
	display: inline-block;
}
article .overigevacs p, article .ical p {
	margin-left: 15px;
}
article .goback, article #favoriet1 a, article #favoriet2 a, article .overigevacs a, article .ical {
	color: #006056;
	font-weight: bold;
}
article .goback, article #favoriet1 a:hover, article #favoriet2 a:hover, article .overigevacs a:hover {
	color: #E87511;
}


article .socmedicon {
	margin-right: 30px;
}
article .socmedbtn {
	width: 40px;
	float: right;
	margin-left: 20px;
}
/* Jobalert aanmelden */
.alert_aanmelding .radio_container {
	display: inline-block;
	width: auto;
	min-width: 145px;
}
.alert_aanmelding .chk_container {
	width: auto;
	margin-right: 25px;
	min-width: 92px;
	margin-right: 12px;
}

.vacaturebank .switchOn {
    display: none;
}
.vacaturebank .switchOff {
    display: none;
	margin-top: 20px;
}

.rekentool {
    font-size: 0.9em; 
    height: 170px; 
    overflow:hidden;
}

.realperson-challenge {
    margin-top: 25px;
}

/************************************************
 Agenda
************************************************/
/* homepage */
section#sec_agenda #titel h1, 
agenda #titel h1 {
	margin-top: 0;
}
section#sec_agenda #titel h2, 
agenda #titel h2 {
  font-size: 2.0em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
}

#agenda .evenement {
	display: inline-block;
    vertical-align: top;
	width: 15%;
    min-width: 211px;
    padding-right: 6px; 
	line-height: 1.67;
}
#agenda .evenement:last-child {
    padding-right: 0; 
}
#agenda .evenement img {
    width: 100%;
    height: 100%;
}
#agenda .plaats {
	color: var(--txt-lightgrey);
}
#agenda .datum {
	background: none;
	margin-left: 0;
	padding: 0;
}
#agenda .datum {
	background: none;
	margin-left: 0;
	padding: 0;
}
#agenda .evenement .link {
	/*width: 209px;*/
	text-align: center;
	height: 88px; /* 118 - 30 */
	padding-top: 30px;
	border: 1px solid #dcdcdc;
}
#agenda .evenement .link p {
	width: 100%;
	text-align: center;
	margin-top: 45px;
}
#agenda .evenement .link button {
	margin-left: auto;
	margin-right: auto;
}
#agenda .evenement .link button {
    margin-top: 50px;
}
#content.agtekst #favoriet1 p, #content.agtekst #favoriet2 p {
	padding-left: 0;
}

.agaanmeldform .chk_container {
	display: inline-block;
	width: 100px;
}

article #results {
	width: 100%;
	/*max-height: 1000px;*/
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 5px;
}
article #results a {
	color: #222222;
}
article #results a:visited {
	color: #6F6F6F;
}
/* uitgezet 25/4/20
article #results a:hover, article #results a:active {
    color: #E87511;
    text-decoration: none;
}
*/
article #results ul.lijst {
	margin: 0;
	padding: 0;
}
article ul.lijst .datum {
	padding: 10px 0 0 0;
}
article ul.lijst .datum p {
	font-size: 1.0em;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	border-bottom: 1px solid  rgba(34, 34, 34, 0.2);
}
article #results div.item {
/*	display: block; */
	color: var(--txt-lightgrey);
	margin-bottom: 0;
/*	padding: 0px 0 5px 10px; */
	padding: 10px 5px 10px 5px;
	border-bottom: 1px solid  rgba(34, 34, 34, 0.2);
}
article #results div.active {
	background: #f4f9f4;
}
article #results .datum {
	margin-top: 10px;
}
article #results .datum p {
	margin-top: 20px;
	margin-bottom: 0;
}
article #results .datum:first-child {
	margin-top: 0;
}
#viewfullagenda .navbutton{
}

/************************************************
 Dossiers
************************************************/
.dostekst .inhoudsopgave li {
	font-size: 11pt;
	line-height: 1.4;
}
.dostekst .inhoudsopgave li li {
	margin-bottom: 0;
}

.dostekst h2 {
	margin-top: 40px;
	margin-bottom: 10px;
}
.dostekst h3 {
	margin-top: 40px;
	margin-bottom: 10px;
}
.dostekst h4 {
	margin-top: 30px;
	margin-bottom: 10px;
	font-style: italic;
	font-size: 1.2em;
}

#dos_overzicht {
	padding: 3px;
	border: 1px solid #D6D6D6;
	-webkit-box-shadow: 5px 5px 5px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    5px 5px 5px rgba(50, 50, 50, 0.25);
	box-shadow:         5px 5px 5px rgba(50, 50, 50, 0.25);
}
#dos_overzicht p {
	font-weight: bold;
	color: #8C8C8C;
	margin-bottom: 0;
	border-bottom: 1px solid #D6D6D6;
}
#dos_overzicht ul {
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0;
}
#dos_overzicht ul li::before {
	  content: "";
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
	font-size: 1.1em;
}
#dos_overzicht li {
	list-style: none outside none;
	margin-right: 0;
}
.dos_intro {
	font-style: italic;
	border: 1px solid #dddddd;
	padding: 0 2.3% 0 2.3%;
}
.dos_intro p {
	margin-top: 3px;
	margin-bottom: 3px;
}
.dos_meerinfo {
	font-size: 90%;
	margin-left: 0.80%;
	margin-bottom: 10px;
	padding-left: 1.34%;
	border-left: 1px solid #dddddd;
	clear: both;
}
.dos_meerinfo p {
	margin-bottom: 0;
	font-style: italic;
}
.dos_meerinfo ul li {
	line-height: normal;
	margin-bottom: 0px;
}

/************************************************
 Weer
************************************************/
#weather a:hover {
	text-decoration: none;
	color: #006056;
}
#weather .weatherbox {
    display: inline-block;
    vertical-align: top;
    border: 1px solid var(--txt-lightgrey); 
    width: 125px;
    height: 180px;
    margin-right: 10px;
}
#weather .weatherbox:last-child {
	margin-right: 0;
	width: 226px;
	text-align: center;
} 
#weather .weatherbox .navbutton {
    margin-top: 50px;
}
.weatherbox .weekdag, .weatherbox .weerdatum, .weatherbox h5, .weatherbox h6 {
	margin: 5px;
	text-align: left;
	font-size: 0.83em;
	font-weight: bold;
	color: var(--textcolor);
	line-height: 1.0;
} 
#weathernow .weerdatum, #weathernow h6 {
	font-size: 0.83em;
	font-weight: bold;
}
#weathernow .date {
    display: inline-block;
    vertical-align: top;
    width: 65px;
}
#weathernow .tmp {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    padding-left: 0px;
}
#weathernow .weekdag {
	color: var(--textcolor);
}
#weathernow .tmp .tmphigh {
	font-size: 1.6em;
	margin: 10px 0px 0px 0px;
	color: var(--textcolor);  
}
#weathernow .tmp .tmplow {
    margin-top: 0px;
    font-size: 1.5em;
    font-weight: 400;
	color: var(--txt-lightgrey);
}
#weathernow .weathericon {
    display: inline-block;
    vertical-align: top;
    width: 80px;
}
#weathernow .weathericon img {
    width: 80px;
}
#weathernow .windicon img {
    width: 45px;
    height: 40px; 
    vertical-align: middle;
    margin-top: 5px;
}
.weatherbox p {
    font-size: 0.8em;
	color: var(--txt-lightgrey);
    line-height: 1.4;
    text-align: center;
    margin: 0px;
}
.weatherbox .weerdatum, .weatherbox h6 {
	color: var(--txt-lightgrey);
	font-size: 0.83em;
	font-weight: bold;
}
.weatherbox img.weathericon {
    margin: -20px 0px 0px 44px;
}
.weathertemperature {
	font-size: 1.1em;
	text-align: center;
}
.weathertemperature .tmphigh {
	color: var(--textcolor);
	margin: -8px 0px 0px 0px;
}
.weathertemperature .tmplow {
	font-weight: 400;
	color: var(--txt-lightgrey);
	margin: 5px 0px 8px 0px;
}
.weatherforcast p {
    padding: 0px 5px!important;
}
#weathernow {
    width: 226px!important;
	margin-right: 10px!important;
}

/* verwachtingspagina */
.weerdata {
	width: 94%;
	background-color: #ededed;
	padding: 0 3% 3% 3%;
	margin-bottom: 3.5%;
}
.weerdata table {
	width: 100%;
}
/* initieel worden alle cellen verborgen behalve die met class essential
 afhankelijk van de view port wordt meer getoond zodat kolommen verborgen
 kunnen worden op smallere devices */
.weerdata th,
.weerdata td {
   display: none;
	padding: 0 10px 0 10px;
}
.weerdata th.essential,
.weerdata td.essential {
   display: table-cell;
}

.weerdata .tabelkop {
	font-weight: bold;
}
.weerdata .datakop {
	font-weight: bold;
	text-align: left;
}
.weerdata .tabelkop h2 {
	font-size: 2.0em;
}

/************************************************
PROMO
************************************************/
section#sec_promoblock1 .column1 h2, 
ahblock1 .column1 h2, ahblock1 #column1 h2 {
	font-size: 2.0em;
	margin-block-start: 0.67em;
	margin-block-end: 0.67em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	font-weight: bold;
}

/************************************************
INFO
************************************************/
.contact .adres  {
    display: inline-block;
    width: 60%;
}
.contact .post {
    display: inline-block;
    width: 39%;
    vertical-align: top;
}

/************************************************
OVERIG
************************************************/
.nobr {
	white-space: nowrap; 
	hyphens: none;
}
img.mailto {
	height: 12px;
	border: none;
	vertical-align: middle;
}
#defaultReal {
	text-transform: uppercase;
}
#defaultReal::placeholder {
	font-style: italic;
	font-size: 12px; /* alleen in px? */
	text-transform: none;
}

@media only screen and (min-width: 900px) {
	.weerdata td.optional, .weerdata th.optional {
		display: table-cell;
	}
	.weerlink a, .weerlink a:visited {
    font-size: 1.0em;
    }
}
/************************************************
Klaro cookie consent
************************************************/
.klaro cm-btn {
	width: 100px;
}
.cconsent .cookie-modal .cm-btn, .cconsent .cookie-notice .cm-btn {
	color: var(--txtcolor);
}
/************************************************
Aanmelden nieuwsbrief
************************************************/
.aanmeldennieuwsbrief {
   background-color: #fff;
   width: 250px;
   height: 40px;
   border-radius: 23px;
   text-align: center;
   padding-top: 10px;
}

/* print stijlen, zie apart bestand print.css */

/************************************************
Extra large devices (large laptops and desktops, 1280px and down) 
************************************************/
@media only screen and (max-width: 1280px) {
    header #logo img {
        max-width: 200px;
    }
    .loginpopup {
        top: 45px;
        right: 20px;
    }
    #weather {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        height: 200px;
        margin: 0 10px;
    }
    #weathernow {
        min-width: 180px!important;
    }
    #weathernow .weathericon {
        width: 40px;
    }
    #weather .weatherbox:last-child {
        width: 145px;
    }
    section#sec_agenda #agenda, 
    agenda #agenda {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        height: 260px;
        margin: 0 10px;
    }
}

/************************************************
Large devices (laptops/desktops, 1098px and down) 
************************************************/
@media screen and (max-width: 1098px) {  
	.noScroll {
		/*overflow-y: hidden;
		position: fixed;*/
	}
	#filterblock {
		position: absolute;
		top: 0;
	}
	.SumoSelect > .optWrapper > .options { 
		max-height:370px!important; 
	}
	div#sidebar-left {
        display: none;
	}
    header #logo img {
        max-width: 180px!important;
    }
    #weathernow {
        min-width: 190px!important;
    }
	.weatherbox:nth-child(5), .weatherbox:nth-child(6) {
		display: none !important;
	}
	#weather .weatherbox.link {
        width: 226px;
    }
    article {
        margin-top: 0px!important;
    }
    section#sec_slogan p, section#sec_slogan h1,
	div#slogan p, div#slogan h1, 
	slogan p, slogan h1 {
	    font-size: 0.9em;	
	}
    #weathernow .tmp {
        width: 20px;
    }
    section#sec_promoblock2 .column1 img, 
    ahblock2 .column1 img, ahblock2 #column1 img {
        /*max-width: 400px;*/
    }
    .nieuws #filtermenu {
        height: 430px;
    }
    .vacaturebank #filtermenu {
        height: 530px;
    }
    article .overigevacs {
    	/* uitschakelen omdat sidebar-left niet getoond wordt */
		display: none;
    }
    .agenda #filtermenu {
        height: 360px;
    }
	.weer nav[aria-label="submenu"], .weer submenu {
	    display: none;	
	}
    #filterblock {
        margin: 0px 0px 0px 0px;
    }
    #filterblock .input_zoekwoorden {
        width: 100%!important;
    }
    .hidden_pc_tekst {
        display: none;
    }
    footer {
        height: 360px;
    }
}

/************************************************
Medium devices (portrat tablets, 900px and down) 
************************************************/
@media screen and (max-width: 900px) {	
  .hidden_mob { 
        display: none; 
  }
  .hidden_pc {
		display: inherit;
  }
  .h1-style {
        margin-left: 0px; 
  }
     /*Cookie*/
  .cookie-notice {
       -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.75);   
  }    
  header #menu nav {
        height: 100vH;
        position: absolute;
        top: 0px;
        right: 0px;
        z-index: 70;
		width: 0px;
   }
   header #menu nav.move-right {      
        width: 0%;
        -webkit-animation-name: move-right;
		-webkit-animation-duration: 1s;
		animation-name: move-right;
		animation-duration: 1s;
   }
   @-webkit-keyframes move-right {
	    from {width: 100%;}
	    to {width: 0%;}
   }
   header #menu nav.move-left{
		-webkit-animation-name: move-left; 
		-webkit-animation-duration: 1s; 
		animation-name: move-left;
		animation-duration: 1s;
		width: 100%;
   }
   @-webkit-keyframes move-left {
	   from {width: 0%;}
	   to {width: 100%;}
   }    
   header #menu .nav-home {
        width: 150px;
        height: 100vH;
        margin: 0;
        display: inline-block!important;
        background-color: transparent;
   } 
   header #menu .nav-list {
        width: calc(100% - 155px);
        height: 100vH;
        margin: 0;
        display: inline-block;
        vertical-align: top;
        background-color: #FFF;
   }  
   header .logo_menu_mob {
        display: inherit;
        margin: 20px 45px 0 45px;
   }    
   header .logo_menu_mob img {
        width: 100%;
   }
   header #numberOfFavorites {
    margin-left: -5px;
   }
   header .submenu_mob li {
        margin: 10px 0 10px 30px;     
   }    
   header #menu .home { 
        display: initial; 
   }
   header #menu nav ul {
        margin: 0px 0px 0px 30px;
   }
   header #menu nav li {
        width: 100%;
        white-space: nowrap;
   }
   header #menu nav li.home {
        margin-top: 50px;
   }
   header #menu nav li a{
        text-align: left;
   }
   header #menu nav li.active a{
        color: #E87511;
   }
   header .submenu_mob li a {
        width: 100%;
        white-space: nowrap;
        font-weight: bold;
        padding: 0px 0px 2px 0px;
   } 
   header #logo img {
        width: auto;
        height: 32px;
        margin: 9px 5% auto 5%;
   }
   header #miniweer {
        min-width: 50px;
   }
   header #hamburger {
        display: inline-block!important;
   }    
   #searchbox input{
        width: 100%;
        height: 34px;
        border-radius: 17px!important;
        border: solid 1px #979797;
   }    
   header #hamburger .icon {
        font-size: 1.6em;
        margin: 14px 0px auto 20%;
   }
   #nav-toggle span {
         margin: 25px 2% 0px 2%;   
   }
   #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
          cursor: pointer;
          border-radius: 1px;
          height: 3px;
          width: 30px;
          background: #222;
          position: absolute;
          display: block;
          content: '';
    }
    #nav-toggle span:before {
          top: -10px;
    }
    #nav-toggle span:after {
          bottom: -10px; 
    }
    #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
      transition: all 500ms ease-in-out;
    }
    #nav-toggle.active span {
      background-color: transparent;
    }
    #nav-toggle.active span:before, #nav-toggle.active span:after {
      top: 0;
    }
    #nav-toggle.active span:before {
      transform: rotate(45deg);
    }
    #nav-toggle.active span:after {
      transform: rotate(-45deg);
    }
	nav[aria-label="submenu"] .submenu_icon, submenu .submenu_icon { /*, submenu .submenu_icon_nieuws*/
        display: initial;
        padding: 13px 20px;
        z-index: 90;
    }
    nav li.active, nav[aria-label="submenu"] li.active, submenu li.active {
      border-bottom: 0px solid #E87511; 
    }
    nav .submenu_mob a {
        padding-bottom: 0px!important;
    }
    .loginpopup {
        box-shadow: none;
        border: none;
        /* border: 1px solid #006056; */
        background-color: #fff;
        width: 300px;
        height: 100%;
        position: absolute;
        margin-top: 94px;
        padding: 4px;
        right: unset;
    }
    .loginpopup p {
        margin: 0 0 10px 0;
        padding: 10px 5px 5px 5px;
        text-align: left;
    }
    .loginpopup input {
        width: 200px;
        height: 1.0rem;
        margin-bottom: 10px;
        border: 1px solid #e7e7e7;
        padding: 5px;
    }
    .loginpopup button {
        margin-left: 0px; 
    }
    .navbutton.oranje {
        width: 212px; 
    } 
    .vergeten a {
        padding: 0px;
    }
    .plus_sub {
        width: 110px;
    }
    .plus_sub a {
        display: inline-block;
    }
	nav[aria-label="submenu"] .submenu_mob li, submenu .submenu_mob li {
	    margin-bottom: 12px;	
	}
    nav[aria-label="submenu"] .submenu_mob.hidden, submenu .submenu_mob.hidden {
        display: none;
    } 
    nav[aria-label="submenu"] .text-right:before, submenu .text-right:before {
        margin-left: 0px;
    }  
    
    .homepage div#slogan p, div#slogan h1, 
    .homepage slogan p, slogan h1 {
        font-size: 1em;
        line-height: 1em;
    }
    section#sec_agenda #titel h1, section#sec_agenda #titel h2, 
    agenda #titel h1, agenda #titel h2 {
        margin-left: 25px;
    }
    .agenda div#slogan p.slog_mob1, 
    agenda slogan p.slog_mob1 {
        padding-top: 15px;
    }
    .agenda div#slogan p.slog_mob2, 
    .agenda slogan p.slog_mob2 {
        padding-top: 0px;
    }
    
    selectie .column1 .tekst, selectie #column1 .tekst {
        width: 50%;
    }
    
    #filterblock {
        margin: 0px 0px 0px 0px;
    }
    
    article #results {
        width: 95%;
    }
    article #results.nws, article #results.agnd {
        margin-left: 20px;
    }
    article {
        margin: 0 25px 30px 25px;
    }
	
	article #results.nws, article #results.agnd {
      width: 100%;
	}
    
	section#sec_promoblock .column2, section#sec_promoblock2 .column2, 
    ahblock .column2, ahblock2 .column2, ahblock #column2, ahblock2 #column2 {
        border-left: none;
    }
    
    footer .column1, footer #column1 {
        padding-left: 25px;
    }
    footer .column2, footer #column2 {
        padding-left: 25px;
    }
    .hidden_pc_tekst {
        display: initial;
    }
  
}

@media screen and (max-height: 400px) {
    header #menu nav.move-left {
        overflow-y: auto;
        overflow-x: hidden;
    }
    header #menu .nav-list {
        min-height: 635px;
    }
}

/************************************************
Medium devices (landscape tablets, 768px and down) 
************************************************/
@media screen and (max-width: 768px) {
  
	  
    div#slogan, 
    slogan {
        padding: 0px;
        height: 84px;
        grid-template-columns: repeat(8, 1fr);
    }
    div#slogan .column1, div#slogan .column3, 
    slogan .column1, slogan .column3, 
    slogan #column1, slogan #column3
    {
        display: none;
    }
    div#slogan .column1, div#slogan .column2, 
    slogan .column1, slogan .column2, 
    slogan #column1, slogan #column2 {
        grid-column: 1 / 9;
        grid-row: 1 / 2 ;
    }
    div#slogan .column1, div#slogan .column2 p, div#slogan .column2 h1,
    slogan .column1, slogan .column2 p, slogan .column2 h1, 
    slogan #column1, slogan #column2 p, slogan #column2 h1 {
        width: 345px;
        height: 62px;
        font-family: ProximaNova;
        font-size: 30px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.13;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        margin: auto auto;
    }
    .homepage div#slogan .column2 p, div#slogan .column2 h1, .vacaturebank div#slogan .column2 p,
    .homepage slogan .column2 p, slogan .column2 h1, .vacaturebank slogan .column2 p, 
    .homepage slogan #column2 p, slogan #column2 h1, .vacaturebank slogan #column2 p {
        margin-top: 10px!important;
    }
    
    .slog_marg, .slog_marg2  {
        margin-top: 10px!important;
    }
    .slog_marg3 {
        margin-top: 25px!important;
    }
	
	 #weather {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
		height: 200px;
        margin: 0 10px;
/*        .evenement {
            flex: 0 0 auto;
        } /* gaf error bij W3C check */
    }
    .weatherbox {
        height: 185px!important;
        min-width: 125px!important;
    }
	#weather .weatherbox:last-child {
        padding: 0px 5px 0 5px;
	}
    #weathernow {
        min-width: 200px!important;
        margin-bottom: 10px;
    }
    #weathernow div {
        margin: 0 0 0 10px;
    }
    .windicon {
        margin-top: 10px;
    }
    .date {
        margin-bottom: 20px;
    }
    .weathertemperature {
        margin-top: 10px;   
    }
    .weerdata {
        display: flex;
        overflow-x: auto;
    }
    
    section#sec_agenda #agenda,      
    agenda #agenda {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
		height: 285px;
        margin: 0 10px;
/*        .evenement {
            flex: 0 0 auto;
        } /* gaf error bij W3C check */
    }
    section#sec_agenda #titel h1, section#sec_agenda #titel h2, 
    agenda #titel h1, agenda #titel h2 {
        margin-left: 15px;
    }
    section#sec_agenda .evenement, 
    agenda .evenement {
        height: 185px!important;
        min-width: 170px!important;
    }
    
    section#sec_promoblock1, 
    ahblock1 {
        padding-top: 15px;
        padding-bottom: 50px;
    }
    
    section#sec_promoblock2 .column1 img, 
    ahblock2 .column1 img, ahblock2 #column1 img {
        /*width: 70vW;*/
    }
    section#sec_promoblock2 .column2, 
    ahblock2 .column2, ahblock2 #column2 {
        padding-left: 15px;
        padding-bottom: 15px;
    }
    
    footer .column1, footer .column2, footer .column3, footer .column4, footer #column1, footer #column2, footer #column3, footer #column4 {
        padding-top: 0px;
    }
    footer #copyright img {
        margin-top: 12px;
    } 
    
    /* Algemeen */
    
    #filterblock {
        top: 0;
        left: 0;
        z-index: 200;
        overflow-y: scroll;
    }
    .vacaturebank #filtermenu {
        height: 560px;
    }
    .agenda #filtermenu {
        height: 385px;
    }
    #filterblock .input_zoekwoorden {
        width: 80vW!important;
    }
    div#content {
        /*margin: 0px 10px;*/
    }
    
    .width_mob {
        width: 80%!important;
    }
    
    /* POP-UP */
    .fancybox-content {
        width: 90%!important;
        height: 100%!important;
    }
    
    /* NIEUWS */
    .margin_mob {
       margin: 7% auto;
    }
    article #results {
	   width: 98%;
    }
    article #results.nws {
        margin-left: 0px!important; 
    }
    article #content .datum {
        margin: 30px 20px 5px 10px!important;
    }
    article p.nws-titel-bericht-1.nws-titel-bericht, article #results .nws-titel-bericht {
        margin: 10px 5px 0px 10px!important;
    }
    article .nws-titel-bericht {
        border-bottom: 1px solid lightgrey;
    }
    article #filtermenu {
        margin: 18px 10px 0px 10px!important;
        width: 80%!important;
    }
    
    .nws_nav_bottom {
        margin-left: 0px;
    }
    #pagineringcontainer {
        margin-top: 30px;
    }
    #pagineringlinks {
        margin-left: 5px;
    }
    #pagineringmidden {
        width: 70%;
    }
    #pagineringrechts {
        margin: 5px 5px 0px 0px;
    }
    .bericht #metadata {
        margin: 30px 10px 0px 10px;
    }
    .bericht #content {
        /*margin: 30px 10px;*/
    }
    .bericht .filter, .bericht selectie .column2, .bericht selectie #column2, .bericht .print, .agenda .print  {
        display: none;
    }
    
    .filter, .filter:focus {
        outline: none;
    }
    
    .fancybox-slide--iframe .fancybox-content {
        max-width: calc(100% - 30px)!important;
    }
    
    .nieuws .#content {
        /*margin: 0px 10px 30px 10px;*/
    }
    .nieuws .formcontainer fieldset {
        /*width: 90%;*/
    }
    .nieuws .formcontainer fieldset.verstuur {
        /*width: 99%;*/
    }
    
    /* VACATURES */
    .vacaturebank #content #results .logo {
        float: none;
    }
    .vacaturebank #content #results img {
        float: none;
    }
    .vacaturebank #results .item {
        margin-left: 10px;
    }
    .vacature_titel {
        width: 100%;
    }
    .vacature_titel h2 {
        margin-top: 5px;
    }
    .vacature_niveau {
        text-align: left;
        width: 100%;
    }
    .vacaturebank #content #results .edureq p {
        margin-top: 5px;
    }
    .vacature_bottom .tekst {
        width: 100%;
    }
    .vacature_bottom .logo {
        text-align: left;
        margin-bottom: 5px;
        width: 100%;
    }
    .vacature selectie {
        display: none;
    }
    .vacature article {
        margin: 30px 10px;
    }
    .vacature article .vactekst img {
        width: 60%;
        margin: 0px 18%;
        height: auto;
    }
    .vacaturebank fieldset .fieldWith {
        width: 90%;
    }
    .vacaturebank .chk_container.margin_mob {
        margin-left: 4px;
    }
    .sollbtn {
        margin-right: 0px;
        width: 100%;
    }
    .coin-slider {
        max-width: 94vW;
    }
    
    /* AGENDA */
    article #results.agnd {
        margin-left: 0px;
    }
    article #results .agnd-titel-bericht {
        margin: 0px 0px 0px 10px;
    }
    
    /* OVER ONS */
    .overons .tekst {
        margin: 30px 5px;
    }
    
    /* CONTACT */
    .contact .tekst {
        margin: 30px 10px;
    }
    .contact .adres, .contact .post {
        width: 100%;
    }
    
    /* FILTER */
    selectie .column1 .img, selectie #column1 .img {
        width: 15%;
    }
    selectie .column1 .tekst, selectie #column1 .tekst {
        width: 60%;
        text-align: center;
    }
    selectie .column1 .icon, selectie #column1 .icon {
        width: 15%;
        float: right;
    }
    selectie .column2.filternone, selectie #column2.filternone {
        display: none;   
    }
    
    /* BUTTONS */
    .filter, .wisfilters, .chk_container, .navbutton.oranje, button, .item, a, div, p {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-tap-highlight-color: transparent;
    }
    .verstuur .navbutton.oranje {
        width: 100%;
    }
    
    /* SOCIALICONS */
    /* deze class conflicteerd met adsense (ad7)!!! */
    .socialmediaicons {
        width: 100%;
    }
    .socialmediaicons img {
        width: 45px!important;
        margin: 0px 1%!important;
    }
    .socialmediaicons .socmedbtn {
        float: left;
    }
    /* SOCIALICONS */
    .socmedicons {
        width: 100%;
    }
    .socmedicons img {
        width: 45px!important;
        margin: 0px 1%!important;
    }
    .socmedicons .socmedbtn {
        float: left;
    }
    img.socmedicon {
        margin-top: 10px!important;
    } 
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
     
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    header #menu .nav-home {
        width: 50px;
    }
    header #menu .nav-list {
        width: calc(100% - 55px);
    }
    section#sec_promoblock2 .column1 img, 
    ahblock2 .column1 img, ahblock2 #column1 img {
        width: 98vW;
    } 
	section#sec_promoblock2 .column2, 
	ahblock2 div#column2 {
        margin-right: 15px;
    }
}

@media only screen and (max-width: 400px) {
.rekentool {
        height: 300px; 
    }
}