html * {max-height:1000000px;}
html {
	overflow-y: scroll;
	margin:0;
	padding:0;
}
body {
	font-family : 'Fira Sans', sans-serif;
	font-size:16px;
	line-height:1.5;	
	margin: 0;
	padding:0;
	color : #194f60;
	font-weight:400;
}
body.bg{
	background-color:#f4f4f4;
}
td {
	font-family : 'Fira Sans', sans-serif;
	font-size:16px;
	line-height:1.5;	
	font-weight:400;
	color : #475158;
}
div.mce-edit-area{
	padding:5px;	
}
b, strong{
	font-weight:600;
}
.f-alles{
	display:none;	
}
.car-titel{
	position:absolute;left:10%;font-size: 8vw;line-height:1.2;color:#067EAB;z-index:99999;top:10%;text-transform:uppercase;font-weight:900;
}
:root {
  --primary-color: #067EAB;
}
.faq{
	margin-bottom:24px;	
}
.faqs{
	margin-bottom:8px;	
	padding: 6px 0;
	border-bottom:1px solid #efefef;
	width:calc(100% - 40px);
}
.faqs a:active,.faqs a:focus{
	text-decoration:none;	
	color:#000;
}
.antwoord{
	margin-bottom:19px;	
}
input[type="checkbox"] {
	height: 14px;
	width: 14px;
	position: relative;
	-webkit-appearance: none;
	margin-top:0;
}

input[type="checkbox"]:before {
  content: "";
  display: inline-block;
  position: absolute;
  top:5px;
  box-sizing: border-box;
  height: 14px;
  width: 14px;
  border-radius: 2px;
  border: 1px solid #767676;
  background-color: #fff;
}

input[type="checkbox"]:focus{
	outline:0;
}
input[type="checkbox"]:hover::before {
  border: 1px solid #4f4f4f;
}

input[type="checkbox"]:checked:hover::before {
  filter: brightness(90%);
}

input[type="checkbox"]:checked:disabled:hover::before {
  filter: none;
}

input[type="checkbox"]:checked:before {
  content: "";
  display: inline-block;
  position: absolute;
  box-sizing: border-box;
  height: 14px;
  width: 14px;
  border-radius: 2px;
  border: 1px solid var(--primary-color);
  background-color: var(--primary-color);
}

input[type="checkbox"]:checked:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 10px;
  left: 2px;
  box-sizing: border-box;
  height: 5px;
  width: 10px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: translateY(-1.5px) rotate(-45deg);
  transform: translateY(-1.5px) rotate(-45deg);
}

input[type="checkbox"]:disabled::before {
  border: 1px solid #c9ced1;
  border-radius: 2px;
  background-color: #f0f4f8;
}

input[type="checkbox"]:checked:disabled::before {
  border: 1px solid #d1d1d1;
  border-radius: 2px;
  background-color: #d1d1d1;
}
input[type=radio] {
	-webkit-appearance: none;
	background-color: #fff;
	border: 1px solid var(--primary-color);
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
	padding: 6px;
	border-radius: 20px;
	display: inline-block;
	position: relative;
}
input[type="radio"]:focus{
	outline:0;
}
input[type=radio]:checked:after {
	content: ' ';
	width: 10px;
	height: 10px;
	border-radius: 20px;
	position: absolute;
	top: 1px;
	background: var(--primary-color);
	/*box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);*/
	text-shadow: 0px;
	left: 1px;
	font-size: 24px;

}

input[type=radio]:checked {
	background-color: #fff;
	color: var(--primary-color);
	border: 1px solid var(--primary-color);
	/*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);*/
}

input[type=radio]:active, input[type=radio]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
form {
	margin: 0;
	padding:0;
}
.groen{
	color:#067EAB;
}

.inschrijftabel{
	margin-bottom:30px;
	border-collapse:collapse;
	border:1px solid #AFE6F5;
	border-bottom:1px solid #AFE6F5;
	width: 100%;
}

.inschrijftabel td.topclass{
	border-top:1px solid #AFE6F5
}	
.inschrijftabel td{
	border-top:1px solid #AFE6F5;
	border-left:1px solid #AFE6F5;
	border-right:1px solid #AFE6F5;
	padding:4px;
}
.inschrijftabel td.notop{
	border-top:0;
}	

td.rij0{
	background-color:#ECF9FD;
}	
td.rij1{
	background-color:#F5FCFE;
}	
td.koprij{
	background-color:#AFE6F5;
	color:#194f60;
}	
.alingeschreven{
	color:#067EAB;	
}
.vol{
	color:#ff0000;
	font-weight:bold;	
}
#geduld{
	display:none;	
}
.pt15{
	padding-top:15px;	
}
.mb40{
	margin-bottom:40px;	
}
.weg{
	display:none;	
}
td{
	vertical-align:top;
}
.overzicht td{
	padding:3px 5px;
	border:1px solid #CCC;	
}
.vacaQuote{
	text-align:center;
	font-size:32px;
	line-height:1.5;	
	margin:40px 5%;
	width:90%;
	font-weight:normal;
}
input.inp{
	padding:0.5%;
	width:99%;
	max-width:500px;
	margin-bottom:16px;
	border:1px solid #ccc;
}
select.sel{
	padding:0.5%;
	width:99%;
	max-width:500px;
	margin-bottom:16px;
	border:1px solid #ccc;
}
.area{
	padding:0.5%;
	height:130px;
	width:99%;
	max-width:500px;
	margin-bottom:16px;
	border:1px solid #ccc;
}
p {
	padding:0;
	margin:0;
}
/*popup*/
#scrollcontent{
	position:fixed;
	height:100%;
	width:100%;
	overflow:auto;
	overflow-y: scroll;
	/*min-width:400px;*/
	
}
#mmpopup{
	display:none;
	z-index:999999999999999;position:fixed;background-color:rgba(0,24,36,0.7);height:100%;width:100%;top:0;left:0;	
}
#mmvenster{
	position:relative;
	width:90%;
	overflow:hidden;	
	margin:0 auto;
	background-color:#FFF;
}
#mmsluit{
	position:fixed;
	height:18px;
	width:34px;
	background-color: #FFF;
	border-radius:17px;
	font-size:25px;
	line-height:0;
	padding-top:13px;
	color:#000;
	z-index:9999999999999999;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}
label {
	display: none;
	margin-bottom: 5px;
}
a.groot:active, a.groot:link, a.groot:visited {
	display: inline-block;
	text-decoration: none;
	background-color: #000;
	color: #FFF;
	border-radius: 4px;
	FONT-SIZE: 10pt;
	line-height: 1.5;
	padding: 5px 15px;
	margin-right: 12px;
	margin-bottom: 6px;
}
#wwvergetenknop {
	display: table-cell;
	text-align: right;
	margin-top: 4px;
	padding-left: 15px;
	width: 100%;
}
::-webkit-input-placeholder { color:  #ccc; text-overflow: ellipsis; }
:-moz-placeholder { color: #ccc !important; text-overflow: ellipsis; }
::-moz-placeholder { color: #ccc !important; text-overflow: ellipsis; }
:-ms-input-placeholder {  color: #ccc !important; text-overflow: ellipsis; }
.inlogscherm{
	max-width:500px;
	width:100%;
}

.inlogscherm input {
	border: 1px solid #aaa;
	height: 25px;
	line-height: 1.5;
	width: 100%;
	text-indent: 5px;
	margin-bottom: 10px;
}
input.inlogkeep {
	border: 0;
	height: 15px;
	line-height: 1.5;
	width: 15px;
	text-indent: 0;
	margin-bottom: 0;
	top:-3px;
}
#wwvergeten h3 {
	margin-top:0 !important;
}

.inlogscherm, .netwerkaanmelden{
	clear:both;width:90%;padding:25px 5% 14px 5%;margin-bottom:20px;color:#194f60;line-height:1.5;background-color:#F4F4F4;max-width:470px;margin-top: 20px;
}
 .netwerkaanmelden{
	max-width:100%;padding-bottom:30px
}
.alertbox{
	color:#194f60;
	width: 90%;
	padding: 22px 5% 14px 5%;
	margin-bottom: 20px;
	margin-top: 20px;
	display: table;
	float: left;
	line-height: 1.5;
	background-color: #F4F4F4;
	max-width: 500px;
	border: 1px solid #998E80;
	clear: both;
}
.alertboxklein{
	width:90%;padding:2px 5% 14px 5%;margin-bottom:20px;color:#194f60;line-height:1.5;background-color:#fff;max-width:500px;border:1px solid #998E80;
	
}

.uitgelichtimg{
	border-radius:0;
	max-height:320px;
	max-width: 100%;
	float: none;
	display: block;
	margin: 0 auto 15px auto;
}
.alertbox h3, .alertbox td, .alertbox a#wwvergetenlink, a.bewaargegevens{
	color:#194f60 !important;
}
img{
	margin:0;padding:0;border:0;
}
ul, ol{
	margin-top:0px;
	margin-bottom:10px;
	margin-left:0;
	padding-left:15px;
	-webkit-margin-after: 0;
}
ul.mooieul{
	
}
ul.mooieul li{
	margin-bottom:10px;
}
ul.mooieul ol li{
	margin-bottom:0;
}
a:link, a:visited { color : #067EAB; text-decoration : none; }
.tekstvak a:active, .tekstvak a:link {
	font-size:16px;	
	font-family : 'Fira Sans', sans-serif;
}
a:hover, a:focus { text-decoration : underline; color : #998E80; }
a.infobox:hover,a.infobox:focus { text-decoration : underline; color : #000; }
.header a.infobox:hover,.header a.infobox:focus { text-decoration : underline; color : #FFF; }
.headernotfixed a.infobox:hover,.headernotfixed a.infobox:focus { text-decoration : underline; color : #FFF; }
 
.ui-tooltip {
    white-space: pre-line;
}
a.groot:active,a.groot:link,a.groot:visited, a.kleinebutton, a.minibutton, a.kleinstebutton, div.kleinebutton, div.kleinstebutton, span.kleinstebutton, div.groot, a.lichtebutton, div.lichtebutton, span.lichtebutton{
	color:#FFF;
}
 a.minibutton{
	background-color:#067EAB;
	padding:3px 10px;
	border-radius:3px;
	margin-top:6px;
	display:table;
}
.rood{
	color:red;	
}
.oranje{
	color:#ff6600;	
}
.strike a:link, .strike a:visited, .strike a:active{
	text-decoration: line-through;
}
.aanwezig{
	top:-5px;	
}
h1 { font-family: 'Fira Sans',Verdana, Geneva, Arial, Helvetica, sans-serif;font-size : 32px; line-height : 1.5; padding-bottom:10px;padding-top:5px;margin-bottom:10px;font-weight:600;color:#067EAB;}
h2, h2 a:link, h2 a:visited{ font-family: 'Fira Sans',Verdana, Geneva, Arial, Helvetica, sans-serif;font-size : 22px; line-height : 1.4; padding-bottom:2px;margin:0px;color:#067EAB;font-weight:600}
h3 { font-family: 'Fira Sans',Verdana, Geneva, Arial, Helvetica, sans-serif;font-size : 19px; line-height : 1.5; margin-bottom:5px;margin-top:10px;font-weight:600}
h4 {font-family: 'Fira Sans',Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 13px; font-weight:600;margin-bottom:5px;color:#067EAB}
h5 { font-family: 'Fira Sans',Verdana, Geneva, Arial, Helvetica, sans-serif;font-size : 12px; font-weight:600}

h2.groot{
	font-size : 28px;
}
.nieuwsblok h1{
	padding-top:0;	
}
.links h1,.links h2{
	margin-top:0;
}
h2.aanbodtitel{
	margin-top:30px;
	margin-bottom:15px;
	clear:both;
	float:left;
}
h1.groen{
	color:#067EAB;
}
h1.paars{
	color:#067EAB;
}
h1.nieuwskop{
	font-weight:400;	
}
.links h1,.links h2{
	color:#FFF;	
}
h1 span.kleininh1{
	color:#067EAB;
	font-size:16px;
	padding-left:10px;
}
h2.kalendermaandkop{
	margin-top:20px;	
}
.aanbod-links h3{
	margin-top:18px;	
}
.vraagveld{
	width:100%;
	border: 1px solid #999;
	margin-bottom:10px;	
}
.vraagveldcheck{
	display:none;
}
#vraagformDiv{
	margin-top:10px;background-color:#F4F4F4;padding:15px 20px 15px 15px;border-radius:10px;display:none	
}
.flexbox {
	display: flex;
	flex-wrap: wrap;
	gap:20px;
}
.themalijnblok {
	position: relative;
	text-align: center;
	width: calc(33% - 10px);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0;
	cursor: pointer;
	line-height: 0;
	border-radius:0;
	overflow:hidden;
}

.themalijnblok h2 {
	color: #fff;
	font-size:22px;
}
.emailfeedback, .wwvergetenfeedback{
	color:#FF0000;	
}
.emailfeedback a, .wwvergetenfeedback a{
	color:#FF0000;	
	text-decoration:underline;
}
rij:first-child h2.kalendermaandkop{
	margin-top:0px;	
}
.filter-div{
	float:left;position:relative;padding:0px 2% 0px 0;background-color:#F4F4F4;margin-bottom:30px;width:98%;
}
.filter{
	padding-bottom:10px;
}
.allefilters{
	padding:8px 0 12px 0;
}
#filtertitel{
	
}
#filtertitel, #filterwis, #filterkop{
	float:left;	
	padding-right:22px;
}

.vag{
	font-family: 'Fira Sans',Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.kleininh1 br{
	display:none;
}
.tb, .datatb{
	display:table;
	width:100%;
}
.datatb{
	width:100%;
}
.rij{
	display:table-row;
}
.datarij{
	display:table-row;
}
.datacel{
	display:table-cell;
	padding:4px 6% 4px 0;
}
.aanbod-rij{
	float:left;
	position:relative;
	width:100%;
	clear:both;
}
.aanbod-links{
	float:left;
	position:relative;
	width:29%;
	margin-top:45px;
	background-color:#f4f4f4;
	padding-bottom:16px;
}
.aanbodlinksinspring{
	padding-left:5%;
	padding-right:5%;	
}
.aanbod-rechts{
	float:left;
	position:relative;
	width:66%;	
	padding-left:5%;
	padding-top:10px;
	max-width:1000px;
}
.nrcel{
	display:table-cell;
	padding:4px 20px 4px 0;
}
.nobr{
	white-space:nowrap;	
}
.navkolom{
	float:left;
	width:21%;
	position : relative;
	margin-top:0;
	padding-bottom:40px;
	background: #F4F4F4;
	padding: 0;
}
.navkolombinnen{
	float:left;
	width:80%;
	position : relative;
	padding:20px 10%;
}
input.breed,textarea.breed{
	width:100%;	
	max-width:400px;
	margin-bottom:20px;
}
.opmvak{
	background-color:#f4f4f4;padding:20px 2% 10px 2%; 
}
.vak{
	width:100%;	
	max-width:500px;
	height:100px;
	background-color:#FFF;
}
textarea.breed{
	height:100px;
}
.veldnaam {
	font-size:90%;
}
#verpl{
	font-size:80%;
	color:#999;	
	padding-top:20px;
}
.main{
	float:left;
	width:73%;	
	padding-left:6%;
	padding-right:0%;
	position : relative;
	padding-bottom:40px;
	padding-top:20px;
}
.mainbreed{
	float:left;
	width:100%;	
	position : relative;
	padding-bottom:30px;
}
.kaartlinks{
	float:left;
	width:68%;
	position : relative;
}
.kaartrechts{
	float:left;
	width:28%;
	padding-left:4%;
	position : relative;
}
.lossekaart{
	float:left;
	width:90%;
	position: relative;
	padding-bottom:30px;
}
.normaal{
	font-weight:400;
}
.normaal b, .normaal strong, .normaal h2, .normaal h3{
	font-weight:600;
}
.nieuwsblok{
	float:left;
	padding-bottom:50px;
}
.tekstlinks, .tekstlinksnopad{
	display:table-cell;
	width:72%;	
	padding-right:6%;
	padding-bottom:30px;
	vertical-align:top;
}
.tekstlinksnopad{
	width:100%;	
	padding-right:0;
}
.extrafotosrechts{
	display:table-cell;
	width:22%;
	background: #eff1f2;
}
.geenrechterkolom{		
	padding-right:0;
}
.metrechterkolom{
	float:left;
	position : relative;
	width:66%;
	padding-right:4%;
}
.rechterkolom{
	float:left;
	position : relative;
	width:80%;
	padding:0 10%;
}
.notificatie{
	background-color:#fffe97;padding:20px 5%;width:90%;color:#194f60;clear: both;
}
a.groot{
	font-size: 17px;	
}
a.button,a.buttonwit, a.buttonblauw {
	color:#FFF;
	font-size:17px;
	background-color:#998E80;
	padding:2px 12px;
	text-decoration : none;
	border: 0;
	margin-top:1px;
}
a.buttonwit {
	color:#194f60;
	background-color:#fff;
}
a.buttonblauw {
	color:#FFF;
	background-color:#067EAB;
}
a.button:hover{
	background-color:#067EAB;
}
a.buttonwit:hover{
	background-color:#067EAB;
}
a.buttonblauw:hover {
	color:#FFF;
	background-color:#07A3DE;
}
a.buttongrn,a.buttongrnruimte,a.buttongrnruimteactief{
	color:#FFF;
	font-size:17px;
	text-transform:uppercase;
	background-color:#00CE00;
	padding:2px 12px;
	border-radius:3px;	
	text-decoration : none;
	border: 2px solid #00ba00;
	margin-top:7px;
	display:inline-block;
}
a.buttongrnruimteactief{
	background-color:#009B00;
}
a.buttongrnruimte,a.buttongrnruimteactief{
	margin-right:20px;
}
.filters{
	position:relative;
	float:left;
}
.filterbtn{
	position:relative;
	float:left;
	margin-top:2px;
}

div.clear{
	clear:both;		
}
select.filter{
	height:29px;	
	border-radius:3px;
	border: 2px solid #E6E6E6;
	margin-right:20px;
	padding-left:5px;
	margin-top:-10px;
	background-color:#fff;
}
.select2-container .select2-selection--single{
	height:28px;
	border: 1px solid #aaa;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height:1.5;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	top:5px;	
}
input.border{
	padding-left:5px;	
	font-size:13px;
}
.inloglocatie, .select2-container{
	font-size:13px;
}
.ico_pijl_big{
	margin-left:-20px;
	vertical-align:middle;
	padding-right:10px;	
}
.vaca, .vacaitem{
	float:left;
	width:100%;
	margin-top:30px;	
	margin-bottom:20px;	
}
.vacadetails{
	position:relative;
	float:left;
	font-size:16px;
	padding-top:6px;
	width:100%;
}
.vacadatum{
	position:relative;
	float:left;
	margin:8px 0 12px 0;
	font-style:italic;
	width:100%;
}
a.verder, a.inlogkeuze, a.verderlos, a.knop{
	background-color:#067EAB;
	color:#FFF;
	border-radius:0;
	padding:3px 9px;
	margin-top:14px;
	margin-bottom:5px;
	display:table;
	border-collapse: separate;
}
a.knop{
	border-radius:3px;
	background-color:#005964;
}
a.knop:hover{
	text-decoration:none;
	background-color:#067EAB;
}
a.terugnaarstart{
	position: absolute;
	right:0;
	top:0;
	margin-top:0px;
}
 a.inlogkeuze{
	margin-bottom:0;
	width:calc(100% - 30px);
}
#inlogkeuze{
	position:relative;	
	width:100%;
	padding:0;
}
 a.verderlos{
	display:inline;
}
a.drijf{
	display:inline-table;
	margin-right:10px;
}
a.verder:hover, a.inlogkeuze:hover, a.verderlos:hover{
	text-decoration:none;
	background-color:#998E80;
}
.navkolom a, .rechterkolom a{
	color : #067EAB;
	font-size:16px;
	line-height:1.5;
	padding-bottom:8px;
	display:block;
}
 .rechterkolom a.verder{
	color : #fff!important;
}
.navkolom a:hover, .rechterkolom a:hover{
	color : #998E80;
	text-decoration : none;
}
.navkolom a.subnavhi, .navkolom a.subsubnavhi,.rechterkolom a.subnavhi, .rechterkolom a.subsubnavhi{
	color : #998E80;
	
}
.gevuld{
	background-color:#f7f7f7;
	padding:10px;
}
.gevuld .cel, .gevuld .celrechts{
	margin-bottom:0px;
}
 .gevuld .celrechts{
	width:50px;
}
.flextabel,.flextabelrechts{
	display: flex;
	flex-wrap: wrap;
	margin-top:8px;
	width:100%;
}
.flextabelrechts{
	width:96%;
}
.flextabel .maandrij{
	flex-grow: 3;
	width:100%;
}
.fdatum{
	width:180px;	
	background-color:#f7f7f7;
	padding: 5px 0 5px 10px;
	
}
.fnaam{
	width:calc(100% - 10px - 180px - 100px - 8px);	
	padding: 5px 0;
}
.flexkaldatum{
	padding: 5px 10px;
	width:calc(58% - 20px);
}
.flexkalnaam{
	padding: 5px 10px;
	width:calc(38% - 20px);
}
.fnaamzonderdatum{
	width:calc(100% - 10px - 100px - 8px);	
	background-color:#f7f7f7;
	padding: 5px 0 5px 10px;
}
.fdoelgroep{
	width:100px;	
	background-color:#f7f7f7;
	padding: 5px 0;
	text-align:right;
	padding-right:8px;
}
.rij0 {background: #EFEFEF}
.rij1 {background: #f7f7f7}

.maandrij .cel{
	margin-bottom:10px;	
}
.ico_pijl_ani{
	float:left;
	position:relative;
	padding-right:10px;	
	width:40px;
	height:40px;
	background: url('../images/pijlbg.png') no-repeat left top;
	background-size: 40px;
	background-position: 0 0px;
	margin-left:-20px;
	margin-top:-9px;
}
.vacaitem:hover{
	cursor: pointer;
}	
.vacaitem:hover .ico_pijl_ani{
	background-position: 0 -40px;
}
.vacaitem:hover h2{
	color : #998E80;
}
.navimg{
	float:left;
	padding-right:5px;	
	width:16px;
	height:16px;
	background: url('../images/iconav.png') no-repeat left top;
	background-size: 16px;
	background-position: 0 -16px;
	margin-top:2px;
}
.navimgrol:hover .navimg{
	background-position: 0 0;
}
.bolimg{
	float:left;
	padding-right:5px;	
	width:16px;
	height:16px;
	background: url('../images/icobol.png') no-repeat left top;
	background-size: 16px;
	background-position: 0 -16px;
	margin-top:2px;
	margin-left:-24px;
}
.icolinktekst a:hover .bolimg{
	background-position: 0 0;
}
.twitimg{
	float:left;
	padding-right:8px;	
	width:16px;
	height:16px;
	background: url('../images/icotwit.png') no-repeat left top;
	background-size: 16px;
	background-position: 0 -16px;
	margin-top:2px;
}
a.twitimga:hover .twitimg{
	background-position: 0 0;
}
.linkedimg{
	float:left;
	padding-right:8px;	
	width:16px;
	height:16px;
	background: url('../images/icolinked.png') no-repeat left top;
	background-size: 16px;
	background-position: 0 -16px;
	margin-top:2px;
}
.sociallink{
	margin-top:10px;
}
a.linkedimga:hover .linkedimg{
	background-position: 0 0;
}
.subsubnav,.subsubnavhi{
	padding-left:20px;
	
}	
.ondermenu{
	float:none;
	max-width: 800px;
	margin: 30px auto 0 auto;
	display: table;
}
.btnlinks{
	background: url('../images/links.png') no-repeat left center;
}
.btnmenu{
	background: url('../images/overzicht.png') no-repeat left center;
}
.btnrechts{
	background: url('../images/rechts.png') no-repeat right center;
}
.onderbtn{
	display:inline-block;
	margin-right:32px;	
	height:20px;
	background-size: 20px;
	background-position: 0 4px;
	padding-left:26px;
	cursor:pointer;
	vertical-align:middle;
	white-space:nowrap;
}

.onderbtn:hover{
	background-position: 0 -16px;
	color: #adb4b9;
}
input:disabled {
	opacity:1;
}
input.toondisabled:disabled {
	opacity:1;
}
.btnrechts{
	padding-left:0;
	padding-right:26px;
	background-position: right 4px;
}
.btnrechts:hover{
	background-position: right -16px;
}
.inactief, .inactief:hover{
	color: #cfcfcf;
	background-position-y: -36px;
	cursor:default;
}
#container {
	position : relative;
	max-width : 1900px;
	width:94%;
	margin : 0 auto;
	padding:0 3%;
}
#content {
	background:#fff;
	float:left;
	position : relative;
	width:100%;
	margin-top:20px;
	border-radius:0;
	overflow:hidden;
	box-shadow: rgba(0, 0, 0, 0.13) 0px 10px 30px 0px;
}
.inspring{
	float:left;
	position : relative;
	width:94%;
	padding:10px 3% 10px 3%;
	/*margin-bottom:30px;*/
}
#content .inspring{
	width:94%!important;	
	padding-left:3%;
}
 #content .flex-container{
	width:100%!important;	
	padding-left:0;
	
}

.flex-container{
	display: flex; /* or inline-flex */
	flex-wrap: wrap;
}
#filterwoord{
	width:100px;	
}
#doelgroepenfilter{
	padding-left:20px;
	margin-right:20px;
	width: calc(30% - 40px);
}

@media only screen and (max-width:900px) {	
	#doelgroepenfilter {
		margin-right: 0;
		width: 100%;
	}
	#soortaanbodfilter{
		padding-left:20px;	
	}
	.filter-div{
		padding-right:0;
		width:100%;	
	}
}
.inspring .main{
	width:100%;
}
.inspringlinks{
	float:left;
	position : relative;
	width:97%;
	padding:10px 3% 10px 0;
}
.tekst{
	width:94%;
	padding:0 3% 0 3%;
}
.full-header #logo, .full-header .primary-menu .menu-container{
	border-right:0;	
}
.header{
	display:table;
	width:100%;
}
#logo, #formlogo{
	display:block;
	float:left;
	padding:0 0 0 2%;
	vertical-align:top;
}
.primary-menu{
	display:block;
	float:right;
	width: 78%;
}

.primary-menu-open .primary-menu{
	width: 50%;
	min-width:200px;
	margin:0 20px;
}
.sub-menu-container, .mega-menu-content {
	padding-left: 15px!important;
}
.logo2{
	width:12%!important;
	padding:12px 0 7px 2%;
	vertical-align:middle;
}
.alle_activiteiten{
		margin-bottom:30px;
}
#formlogo{
	min-width:160px;
}
#logo img,#formlogo img{
	max-width:none;
}
.nav{
	display:table-cell;
	vertical-align:middle;
	width:81%;
}


.contactli{
	display:none;
}
.contact a{
	color : #067EAB;
	text-decoration : none;
	font-size:16px;
}
.contact{
	float:right;
	position:relative;
	margin-right:5%;
	height:18px;
	vertical-align:middle;
	text-align:right;
}
.zoeken{
	float:left;
	position:relative;
	margin-bottom:40px;
}
.social{
	vertical-align:middle;
	height:18px;
	margin:-4px 0 0 10px;padding:0;
}

#regel{
	float:left;
	position:relative;
	display:table;
	width:94%;
	padding:0 0 0 6%;
	background-color:#9ea6ad;
	color:#FFF;
	text-transform:uppercase;
	font-size:14px;
	line-height:1.5;
	
}
#regeltekst{
	display:table-cell;
	margin:0;
	vertical-align:middle;
}
#label{
	display:table-cell;
	text-align:right;	
	line-height:0;	
}
.labeltekst{
	float:right;
	position:relative;
	padding:11px 15% 11px 20%;
	background:#998E80 url("../images/label.png") no-repeat;
	line-height:1.5;
	color:#FFF;
	font-weight:600;
	font-size:14px;
	margin-right:-10px;
	letter-spacing:0.5px;
}

#label img{
	margin-right:-10px;
}
#labelhoekje{
	position:absolute	;
	top:39px;
	right:0;
}
#carousel{
	float:left;
	position:relative;
	width:100%;	
	line-height:0;
	padding:0;
	margin:0;
}
#carousel img{
	width:100%;	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	z-index:98;
}


.carmask{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	z-index:99;
	line-height:0;
	font-size:0;
}
.headerimg{
	float:left;width:100%;font-size:0;line-height:0;height:100%;position:relative;margin: 0;;
}


h2.nieuwskop{
	font-family: 'Fira Sans',Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:600;
	margin-top:20px;
}
.handje:hover h2.nieuwskop{
	color:#998E80;
}
.datum{
	font-size:16px;	
	font-weight:400;
	color:#067EAB;
	text-transform:uppercase;
}
.nieuwsfoto{
	width:100%;
	max-width:1100px;
	margin:20px auto 0  auto;	
	display:table;
}
.nieuwsbericht{
	font-weight:400;
	font-size:16px;
	line-height:1.5;
	padding-top:7px;
	width:90%;
	max-width:800px;
	margin:20px auto 0  auto;	
	display:table;
}
.nieuwskop{
	margin-top:0;	
}
.source{
	font-family : 'Fira Sans', sans-serif;
}
.nieuwsbericht h1,.nieuwsbericht h2, .nieuwsbericht h3{
	font-family : 'Fira Sans', sans-serif;
	font-weight:600;
}
.heel .nieuwsbericht{
	padding-bottom:20px;
}

.blauwebalk{
	background-color:#067EAB;
	color:#FFF;
	padding-bottom:50px;
	margin-bottom:0;
	width:86%;
	padding:0 7% 30px 7%;
	
}
.blauwebalk h1{
	color:#FFF;
}
.oranjebalk{
	background-color:#998E80;
	color:#FFF;
	padding-bottom:50px;
	margin-bottom:0;
	width:86%;
	padding:0 7% 30px 7%;
	
}
.oranjebalk h1{
	color:#FFF;
}
.blokje{
	float:left;
	position:relative;
	width:30%;	
	
}
.blokje:last-child{
	padding-right:0;
}
.blokjenieuws, .nieuwsblok .blokje,  .uitgelichtblok{
	width: calc(33% - 10px);
	background-color: #F4F4F4;
}

.blokjenieuws h2,.blokjenieuws .datum,.blokjenieuws .nieuwsbericht, .uitgelichtinhoud{
	padding-left:5%;	
	padding-right:5%;	
}
.blokje img, .activiteit img.foto{
	
}
.blokje h2{
	margin-top:12px;
}
.frechts{
	float:right;
	margin-left:10px;
}
h2.nieuwskop{
	font-family: 'Fira Sans',Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:600;
	
}
h1.nieuwskop{
	font-weight:600;
}
.tabel{
	display:table;	
}
.niet100p{
	width:auto !important;	
}
.rij, .nieuwsblok, .allesuitgelicht{
	display:flex;	
	flex-wrap:wrap;
	gap: 20px;
}
.cel{
	display:block;
	float:none;
	vertical-align:top;	
	justify-content: space-evenly;
	margin-bottom: 20px;
}
.tbcel{
	display: table-cell;
	float: none;
	vertical-align: top;
}
.celrechts{
	width:25%;
}
.aanbodlinksinspring .rij{
	display:table-row;
}
.aanbodlinksinspring .cel{
	display:table-cell;
}
table.tabel {
	border-spacing: 0;
	border-collapse: collapse;
}
.tabel td{
	padding:0 13px 4px 0;	
}

.nieuwscel{
	padding-bottom:30px;
}
.themalinks{
	padding:0 3% 30px 3%;
	width:calc(94% - 290px);
}
.themarechts{
	background-color:#f5f6f7; width:290px;padding-top:20px;padding-bottom:20px;
}
.themarechtsknop{
	background-color:#fff;margin-right:3%;;padding-top:0px;padding-bottom:20px;text-align:right;;
}
select,textarea,input.blborder{
	COLOR: #000;
	border:1px solid #c4d3e6;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-SIZE: 9pt;
	padding:3px;
}
button.ui-datepicker-trigger {
	background-color: #8BBAD6;
	color: #fff;
	border: 0;
	border-radius: 4px;
	FONT-SIZE: 8pt;
	line-height: 12px;
	padding: 3px 8px;
	margin-right: 12px;
	margin-bottom: 3px;
	margin-top: 2px;
	float: left;
	cursor: pointer;
}
.rondjes{
	display:table;
	width:100%;	
}
.rondjeentekst, .rondjemettekst{
	display:table-cell;
	width:25%;
	height:100%;
	text-align:center;
	cursor:pointer;
}
.rondje, .alleenrondje{
	display:inline-block;
	position:relative;
	width:auto;
	height:auto;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-khtml-border-radius: 50%;
	background-color:#FFF;
	color:#067EAB;
	padding:30%;	
	margin:0 auto;
}
.alleenrondje{
	padding:40%;	
}
.rondjeflex{
	float:left;
	text-align:center;
	cursor:pointer;
	padding-right:15px;
	padding-bottom:15px;
	width:143px;
	height:143px;
}
.wittecirkel{
	display:inline-block;
	position:relative;
	width:143px;
	height:143px;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-khtml-border-radius: 50%;
	background-color:#FFF;
	color:#998E80;
	margin:0 auto;
}
.blauwebol{
	float:right;margin-top:30px;height:70px;width:70px;border-radius:35px;background-color:#067EAB;color:#FFF;position:relative;
}
.soortbol{
	float:right;margin-top:30px;height:70px;width:70px;position:relative;
}
.soortbol img{
	width:100%;	
}
p.url { display:none;} 

.naampje{
	font-size:18px;	
	line-height:1;
	position:absolute;
	text-align:center;
	font-weight:bold;
	top:50%; left:50%;
  	transform: translate(-50%, -50%);
	width:100%;
	text-align:center;
}
.getal{
	position:absolute;
	font-size:4.6vw;
	text-align:center;
	font-weight:bold;
	top:50%; left:50%;
  	transform: translate(-50%, -50%);
	width:100%;
	text-align:center;
}
.kleinetekstinrondje{
	position:absolute;
	font-size:1.7vw;
	line-height:1.3;
	font-style: normal;
	text-align:center;
	top:50%; left:50%;
	transform: translate(-50%, -50%);
	width:90%;
	padding-right:5%;
	padding-left:5%;
	text-align:center;
}
.onderrondje{
	font-size:18px;
	text-align:center;
	padding-top:10px;
	margin: 0 15px;
	vertical-align:middle;
}
.rondjeentekst:hover .rondje{
	background-color:#7fcef1;
}
.rondjeentekst:hover .onderrondje{
	color:#7fcef1;
}
.intro{
	background: #998E80 ;
	background-size: cover;
	padding-top:50px;
	padding-bottom:50px;
	margin:0;
	color:#FFF;
}

.aanmelden-intro{
	float:left;
	padding-bottom:40px;	
	background-color: #998E80;
}
.aanmelden-intro h1{
	font-weight:600;	
}
.aanmelden-intro a{
	display: inline-block;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
}
.checkrij{
	width:100%;
	display: inline-block;
	padding:2px 0;	
}
a.aanmeldbutton{
	color:#067EAB;
	background-color: #fff;	
	border-radius:4px;
	text-decoration:none;
	padding: 4px 10px;	
	font-weight:600;
	font-size:16px;
}
.links{
	float:left;
	width:45%;	
	margin-right:10%;
	padding-bottom:18px;
}
.rechts{
	float:left;
	width:40%;	
	padding-top:30px;
}

.middel{
	font-size:19px;
	line-height:1.5;
	font-weight:400;	
}
.groot{
	font-size:24px;
	line-height:1.5;
	font-weight:400;	
}
.groter{
	font-size:32px;
	line-height:1.5;
	font-weight:400;	
}
.handje{
	cursor:pointer;
}
.vacatures{
	width:100%;
	display:table;	
}


.uren{
	position:absolute;
	font-size:37px;
	line-height:1;
	font-weight:600;
	color:#067EAB;
	top:45%;
	left:50%;
	width:120px;
	text-align:center;
	transform: translate(-50%, -50%);
}
.uur{
	position:absolute;
	line-height:1.5;
	font-size:24px;
	font-weight:600;
	color:#067EAB;
	top:70%;
	left:40%;
	transform: translate(-50%, -50%);
}

.links h2{
	margin-top:0;
}
.aanmelden-intro, .aanmelden-intro h1, .aanmelden-intro a, .intro h2{
	color:#fff;	
}
.vacature h2{
	font-size:20px;
	line-height: 1;
}
.academie{
	float:left;
	background-color:#fff;	
	padding-top:5px;
	padding-bottom:50px;
	margin-bottom:0;
}
.formulier{
	position:relative;
	float:left;
	background-color:#eef0f1;	
	padding:3%;
	width:94%;
	margin:0;
}
.informulier{
	position:relative;
	float:none;
	margin:0 auto;
	max-width:600px;
}
.formsmaller{
	width:96%;	
}
.activiteit,.alleactiviteit{
	float:left;
	position : relative;
	width:100%;
	margin-top:0px;
	margin-bottom:50px;
	margin-left:0%;
	background-color:#f4f4f4;
}

.activiteit img.foto{
	width:30%;
	margin-left:0;
	float:left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.alleactiviteit img.foto{
	width:30%;
	margin-left:0;
	float:left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}	
.activiteit_tekst2{
	padding-top: 12px;
	padding-bottom: 10px;
}
.cnaam{
	
}
.cwaarde{
	padding-left:10px;
}
.teamblokje{
	width:90%;	
	margin-bottom:20px;
	background: #F4F4F4;
}
.mwfoto{
	position:relative;
	float:left;
	width:21%;	
	padding:2%;
}
.mwtekst{
	position:relative;
	float:left;
	padding-left:8%;
	width:63%;	
	padding:2%;
}
img.streeporanje{
	border-left:8px solid #067EAB;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}	

iframe,.borderlinks {
	border-left:8px solid #067EAB;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.activiteit_tekst{
	float:left;
	width:64%;
	padding-left:4%;
	padding-top:16px;
	padding-bottom:10px;
	font-size:16px;
	line-height:1.5;
}	
.activiteit_tekst h2{
	margin-bottom:0px;	
	font-size:20px;
}
.acti_subtitel{
	float:left;
	position:relative;
	width:100%;
	padding-bottom:10px;	
	font-style:italic;
}
.activiteit_datum{
	float:right;
	position:relative;
	text-align:center;
	z-index:999;
	color:#194f60;
	background-color:#FFF;
	padding:10px;
}
.dag{
	font-family: 'Fira Sans',Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:28px;
	line-height: 1;
	width:100%;
	text-align:center;
	font-weight:600;
	color:#194f60;
}
.maand{
	font-family: 'Fira Sans',Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height: 1;
	width:100%;
	text-align:center;
	font-weight:600;
	color:#194f60;
}
.footer{
	float:left;
	position : relative;
	background-color:#fff;
	padding-top:40px;
	padding-bottom:40px;
	border-top:0;
	margin-top: 20px;
	width: 100%;
}

.footer_kol{
	float:left;
	position : relative;
	width:28%;
	padding-right:7%;
	font-size:16px;
	line-height: 1.5;
}
.footer_kol:last-child{
	padding-right:0%;
}
.subnavboven{
	float:right
}
.subnavboven li{
	list-style : none; padding-top:10px;position:relative;float:left;padding-right:23px;color: #067EAB;
}
.subnavboven li a{
	color: #135A6F;
}
.footer_kol ul { list-style : none; }
.footer_kol li { margin : 0 ; list-style : none; padding-top:10px;	 }
.footer_kol li a { text-decoration : none; color:#999;font-weight:400;}
.footer_kol li a:hover { color : #998E80; font-weight:400;}
.footer_kol li.active a { color : #998E80;font-weight:400;}
.footer_kol li.hi a:hover, .footer_kol li.hi a { color : #998E80;font-weight:400; }
.footer_kol li.hi.active a { color : #998E80;font-weight:400;}
.kopje{
	text-transform:uppercase;
	font-weight:400;
	font-size:14px;
	line-height: 1.5;
}
.icolink{
	display:table-cell;
	width:26px;	
	padding-top:10px;
}
.tblinks{
	margin-left:24px;
}
.icolink img{
	vertical-align:middle;	
}
.icolinktekst{
	display:table-cell;
	padding-top:10px;
}
.pb0{
	padding-bottom:0px;	
}
.mb0{
	margin-bottom:0px;	
}
.mb10{
	margin-bottom:10px;	
}
.le1{
	background-color:#ff0000;
}
.le2{
	background-color:#ffc800;
}
.le3{
	background-color:#00ce00;
}
.le4{
	/*bestaat niet meer */
}
.le5{
	background-color:#00c3ff;
}
.legenda{
	float:left;
	width:100%;
	margin-bottom:6px;
}
.legendaitem{
	float:left;
	width:18px;
	height:18px;
	border-radius:50%;	
	margin-top:3px;
	margin-right:6px;
	border:2px solid #067EAB;
}
.quote{
	float:left;
	position:relative;
	background-color:#067EAB;
	padding:20px;
	color:#FFF;
	
	font-weight:300;
	font-size:40px;
	line-height:1.5;
	margin-top:30px;
}
.quotenaam{
	font-size:22px;
	font-weight:300;
}
.schooldetails{
	float:left;
	position:relative;
	clear:both;
	width:100%;
	font-size:20px;
	font-weight:300;
}
.schooldetails h1{
	font-size:32px;	
	font-weight:600;
}
.quote_hoekje{
	position:absolute;
	bottom:-21px;
	height:21px;
	width:25px;
	overflow:hidden;
	background: url("../images/quote_hoekje.png") no-repeat top;
	background-size:25px 21px;
}
.branding{
	float:left;
	position:relative;
	width:100%;
	text-align:center;	
	margin:10px 0;
}
.branding img{
	width:100px;	
}
.homeblok-links,.homeblok-rechts{
	width:90%;
	padding:0 5%;
}
.homeblok-rechts{
	padding-bottom:30px;
}
a.zoeklink{
	float:right !important;
	padding-top:2px;
	padding-left:4px;
	color:#FFF;
	margin-right:4px !important;
}
.loep{
	position:absolute;right:20px;top:40px;
}
#zoekvak{
	clear:both;
	float:right;
	position:fixed;
	background-color:#998E80;
	padding:1px 5px 5px 5px;
	display:inline-block;
	right:4%;
	margin-top:0;
	border-radius:5px;
	z-index: 9999;
}
.mt0{
	margin-top:0 !important;
}
.uitgelichtblok{
	width:calc(48% - 10px);
	position:relative;
	padding:1%;
	
}
.aanbodbuttons{
	float:right;margin-top:30px;text-align:right;margin-bottom:10px;
}
@media only screen and (min-width:1000px) {
	.homeblok-links{
		width:50%;
		padding:0 5% 0 5%;
		padding-bottom:20px;
	}
	.homeblok-rechts{
		width:35%;
		padding:0 5% 0 0;
		padding-bottom:20px;
	}
}
@media only screen and (min-width:1300px) {
	.dag{
		font-size:32px;
	}
	.maand{
		font-size:19px;
	}
	.getal{
		font-size:73px;		
	}
	.naampje{
		
	}
	.car-titel{
		font-size:110px;
	}
}
@media only screen and (max-width:3000px) {	
	.datatb{
		display:block;
	}
	.datarij{
		display:block;
		float:left;
		width:290px;
		margin-bottom:40px;
		
	}
	.datacel, .nrcel{
		display:block;
		padding:0;
		padding-right:20px;
	}
}
.profielvak{
	background-color:#efefef;
	padding:20px 5%;
	width:90%;
	margin-top:30px;
}
.profielvak h2{
	color: #067EAB;
}
.profiel{
	display:flex;
	flex-wrap:wrap;	
	border-top:1px solid #D4D4D4;
}
.profielfoto{
	width:20%;	
	padding-right:5%;
	padding-top:10px;
	padding-bottom:10px;
}
.profieltekst{
	width:75%;	
	padding-top:10px;
	padding-bottom:10px;
}
.profieltekstbreed{
	padding-top:10px;
	padding-bottom:10px;
}
.pasfoto{
	border-radius:100%;
	overflow:hidden;
	width:100%;
	max-width:150px;
}

.svg-trigger{
	width:50px;
	height:50px;
}
#top-search a {
	color:#000;
}
.header-misc-icon > a {
	font-size: 1.4rem;
}
.sub-menu-container .menu-item > .menu-link {
	font-size: 0.875rem;
}
@media only screen and (min-width:710px) {	
	
	.datarij:nth-child(2n+1){
		clear:both;
	}
}
@media only screen and (min-width:1010px) {	
	.datarij:nth-child(2n+1){
		clear:none;
	}
	.datarij:nth-child(3n+1){
		clear:both;
	}
}
@media only screen and (min-width:1350px) {	
	.datarij:nth-child(3n+1){
		clear:none;
	}
	.datarij:nth-child(4n+1){
		clear:both;
	}
	.kleinetekstinrondje{
		font-size:25px;
	}
}
@media only screen and (max-width:992px) {	
	.activiteit_datum{
		
	}
	.aanbodbuttons{
		float:left;
	}
	.themarechts, .themalinks{
		display:inline-block;
		width:90%;
		padding:20px 5%;
	}
	.filters{
		width:100%;	
	}
	.navkolom{
		width:90%;	
		margin-right:0;
		margin-left:3%;
	}
	.aanbod{
		display:flex;	
		flex-wrap:wrap;
	}
	.aanbod-rechts{
		width:90%;	
		margin-right:0;
		margin-left:0;
		order:1;
	}
	.aanbod-links{
		width:100%;	
		margin-right:0;
		margin-left:0;
		order:2;
	}
	.main{
		width:90%;	
		padding-left:0;
		margin-right:0;
		margin-left:0;
	}
	.themalijnblok {
		width: 48%;
		
	}
	.cel{
		width:48%;
	}
	.celrechts{
		width:100%;	
	}
	.uitgelichtblok{
		width:100%;
	}
	.loep{
		position:absolute;right:17px;top:20px;
	}
	#zoekvak{
		margin-top:40px;	
	}
	#primary-menu-trigger{
		
	}
	.primary-menu-open .primary-menu{
		margin-top:10px;	
	}
}
/*  KLEIN SCHERM                    */
/* *********************** */
@media only screen and (max-width:850px) {
	
	.contactli{
		display:block;
	}
	.contact{
		display:none;
	}
	.naampje{
		
	}
}
/*  KLEINER SCHERM                    */
/* *********************** */
@media only screen and (max-width:760px) {
	
	#regeltekst{
		float:left;
		display:inline;
		margin:0;
		width:100%;
		vertical-align:middle;
		padding:5px 0;
	}
	#label{
		float:left;
		position:relative;
		display:inline;
		margin:0;
		width:100%;
		text-align:right;	
		line-height:0;
	}
	#label img{
		margin-right:-10px;
	}
	#labelhoekje{
		position:absolute	;
		bottom:0;
		right:0;
	}
	.inspring{
		margin-bottom:10px;
		width:90%;
		padding:10px 5% ;
	}
	.academie{
		margin-bottom:0;
	}
	.blauwebalk{
		margin-bottom:0;
	}
	.blokje{
		float:left;
		position:relative;
		width:100%;	
		padding-right:0%;
		margin-bottom:40px;
	}
	.alleactiviteit img.foto{
		width:100%;	
	}
	.vacatures{
		width:100%;
		display:inline-block;	
	}
	.vacature{
		display:inline-block;
		width:100%;
		margin-bottom:20px;
		padding-left:5%;
		padding-right:5%;
		border-right:0;
		margin-right:0;
	}
	.kleininh1 br{
		display:block;
	}
	.rondjeentekst{
		width:100%;
		display:inline-block;	
	}
	.rondjemettekst{
		width:50%;
		display:inline-block;
		
	}
	.kleinetekstinrondje{
		font-size:3vw;
	}
	.rondje{
		float:left;
		position:relative;
		padding:7%;
	}
	.naampje{
		
	}
	.onderrondje{
		float:left;
		position:relative;
		padding-left:5%;
		padding-right:5%;
		padding-top:3%;
		width:70%;	
		text-align:left;
		margin:0;
	}
	.links, .rechts{
		width:97%;	
		margin-right:3%;
		margin-bottom:20px;
	}
	.links{
		margin-bottom:0;
	}
	.links h1,.links h2{
		margin-top:0;
	}
	.intro{
		padding-top:24px;
		margin-bottom:0;
	}
	.activiteit_datum{
		width:70px;
		height:40px;
		text-align:center;
		position:relative;
		float:right;
		top:auto;
	}
	.activiteit img.foto {
		margin-top:0;	
		border-left:0;
		
		width:100%;
	}
	.activiteit_tekst{
		width:90%;
	}
	.dag{
		font-size:27px;
		line-height: 1.1;
		
	}
	.maand{
		font-size:17px;
		line-height: 1.4;
		margin-bottom:10px;
	}
	.blokjenieuws, .nieuwsblok .blokje, .uitgelichtblok{
		width:98%;	
		padding:1%;
	}
	.footer{
		padding-top:30px;
		padding-bottom:30px;
	}
	.footer_kol{
		width:93%;
		padding-right:7%;
		margin-bottom:20px;
	}
	.tekstlinks,.tekstlinksnopad, .extrafotosrechts{
		position:relative;
		float:left;
		display:block;
		width:100%;	
		padding:0;
	}
	.tabelmobniet, .tabelmobniet .rij, .tabelmobniet .cel{
			display:block;
	}
	.tabelmobniet .cwaarde{
		padding-left:0
	}
	.themalijnblok {
		width: 100%;
		margin-right:0;
		margin-left:0;
		
	}
}
@media only screen and (max-width:580px) {
	.section.main .figure {margin-top:40px; }

}

/*teller */
body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
	-webkit-backface-visibility: hidden;
}
.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}
.hidden{
	opacity: 0;
}

.visible{
	opacity: 1;
}
@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-moz-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-o-keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes fadeIn {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
.menu-link{
	font-family: 'Fira Sans',Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform:none;
	color:#044F60!important;
	font-size: 14px;
}
.menu-item:hover > .menu-link, .menu-item.current > .menu-link, .hi .menu-link{
	color: #F3D03E!important;
	text-decoration:none;
}
#primary-menu-trigger{
	
	right:0;
	z-index: 9999999999;
}
@media (min-width: 992px){
	.sticky-header-shrink #header-wrap #logo img {
	   /* height: 40px!important;*/
	}
}
/* Custom Header Size
-----------------------------------------------------------------*/
.header-size-custom #logo img {
	height: 90px;
}

@media (min-width: 992px) {

	.header-size-custom .header-wrap-clone {
		height: calc( 90px + 1px );
	}

	#header.header-size-custom + .include-header {
		margin-top: calc( -90px - 2px );
	}

	.header-size-custom.sticky-header-shrink #header-wrap #logo img {
		height: 50px;
	}

	.header-size-custom .menu-container > .menu-item > .menu-link {
		padding-top: 14px; /* (70px - 22px)/2 */
		padding-bottom: 14px; /* (70px - 22px)/2 */
	}

	.header-size-custom.sticky-header-shrink .menu-container > .menu-item > .menu-link {
		padding-top: 14px; /* (70px - 22px)/2 */
		padding-bottom: 14px; /* (70px - 22px)/2 */
	}

}


 a.kleinstebuttonfloat {
	float:left;
	text-decoration: none;
	background-color: #2580bf;
	color: #FFF;
	border-radius: 4px;
	FONT-SIZE: 8pt;
	line-height: 1.4;
	padding: 2px 6px;
	margin-right: 12px;
	margin-bottom: 3px;
	margin-top: 3px;
}
.jaarlinks{
	float:left;
	width:55%;	
	margin-right:5%;
}
.jaarrechts{
	float:left;
	width:40%;	
}
@media (max-width: 992px) {
	.jaarlinks{
		width:100%;	
		margin-right:0;
	}
	.jaarrechts{
		width:97%;	
		margin:15px 0 24px 3%;
	}
}
a.taupe, .taupe{
	color: #998E80!important;
}
h1.taupe{
	margin-bottom:0;	
	padding-bottom:6px;	
}

