
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:300,400,600,700);
.cond{
    font-family: 'Open Sans Condensed', sans-serif;}
.cond.bold{
    font-weight:700;
}

/* ::::: ALGEMEEN ::::: */

body{
	font-family: 'Open Sans', sans-serif;
    font-size:100%;
	font-weight:100;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

.mini-menu_knop .fa-bars{
	color:#595B5B;
	font-size:1.8em;
	line-height:1.5;}
.main-nav li{
    margin-top:-4px;
    border-top:4px solid #dbdbdb;
}
.mini-nav ul{
    display: flex;
    flex-wrap: wrap;
}
.mini-nav li{
/*    margin-top:-4px;*/
    border-top:1px solid #dbdbdb;
    min-width:33%;
    height:35px;
}
.main-nav li a{
    font-family: 'Open Sans Condensed', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
    font-weight: 300;
	font-size: 1.3rem;
	color: #4F4E4E;
	text-decoration: none;
	background-image:none;
    display:block;
    height:100%;
}
.mini-nav li a{
    font-family: 'Open Sans Condensed', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
    font-weight: 500;
	font-size: 1.3rem;
	color: #4F4E4E;
	text-decoration: none;
	background-image:none;
    display:block;
    height:100%;
    line-height:35px;
    padding:0 10px;
}

@media (max-width : 1400px) {
	.main-nav li a{
		font-size: 1.2rem;}
}
.main-nav li.active{
    border-top:4px solid #E87319;}
.main-nav li.active a{
    font-weight: 700;
    font-family: 'Open Sans Condensed';}

.mini-nav li.active a{
    font-weight: 700;
    color:#E87319}

@media (max-width : 800px) {
	.main-nav li.active{
        border-bottom:0px solid #224F8B;
        background-image:none;
	}
}

a.linkwrap,
a.linkwrap:hover{
  text-decoration: none;
  color:#777;}
.packagetxt a:not(.linkwrap){
  color:#6B8E23;}
.nostyle li a{
  color:#444;}
a.linkmore{
  background-color: #6B8E23;
  color: #fff !important;
  text-decoration: none;
  padding:5px 20px;
  border-radius:6px;
  float:right;}
p{
	padding:0;
  	margin: 0.5rem 0;
  	line-height: 1.6;}
h1, h2, h3, h4, h5, h6 {
  	padding: 0;
  	margin: 0.5rem 0;
/*  	line-height: 1.6;*/
	color:#444;
/*	font-family: 'Open Sans', sans-serif;*/
/*    font-family: 'Montserrat', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
h1.nomargin,h2.nomargin,h3.nomargin,h4.nomargin,h5.nomargin,h6.nomargin{
	margin:0;}

.quote p{
    font-family:'georgia';
    font-weight:normal;
    font-size:1.4em;
    line-height:1.4;
    text-align: center;
    font-style: italic;}
.quote p:before,
.quote p:after{
    color:#ccc;
    font-family: 'fontAwesome';
    margin:0 10px 20px 10px;
    vertical-align: super;
    font-size:75%;}
.quote p:before{
    content: '\f10d';}
.quote p:after{
    content: '\f10e';}
article h1{
    font-size:2.6em;}
/*
article h2{
	color:#97B72A;}
*/
.hp_resources h2{
    color:#fff;
    font-weight:500;
    font-size:2.9em;
    display: inline-block;
    padding-top:10px;
    vertical-align:sub;}
.hp_resources a{
    color:#fff;
    border:1px solid #fff;
    text-decoration:none;}
.hp_resources a{
    color:#fff;
	height:44px;
	line-height:44px;
	border-radius:22px;
	display:inline-block;
	font-weight:300;
/*	text-transform: uppercase;*/
	text-decoration: none;
	padding:0 15px 0 20px;
    margin-left:50px;}
.hp_resources a:after{
    text-align:center;
    display:inline-block;
	font-family: 'fontAwesome';
	content: "\f105";
	margin-left:15px;}
article h3{
    color:#97B72A;
	font-weight: 600;
    text-transform: uppercase;}
article h4{
    margin-top:15px;
    font-size:1.1em;
	font-weight:600;
    color:#97B72A;}
article p,
article ol li,
article ul li{
	color:#444;
	font-weight:400;
	font-size:0.9em;}
article p .bold,
article p b,
article p strong,
article ol b,
article ol strong,
article ul b,
article ul strong{
	color:inherit;
	font-weight:600;
	color:#555;}
article p a,
article ol a,
article ul a{
	/* font-weight:600; */
  text-decoration: none;
  /* color:#444; */
  color:#6B8E23;
}

.readmore{
    font-size:0.9em;
    font-weight:700;
    text-decoration: none;
    text-transform: uppercase;
    color:#6B8E23;}
.readmore .fa{
    color:#6B8E23;
    margin-right:10px;
    font-size:0.95em;}
article p a:hover,
article ol a:hover,
article ul a:hover{
    text-decoration:underline;}
article ul li{
	margin:3px 0;
/*	padding-left:20px;*/
    padding-left:5px;
    line-height: 1.35em;}
article ol li{
	margin:3px 0 0 10px;
	padding-left:10px;
    line-height: 1.35em;}
/*
article ul li:before{
	font-family: "fontAwesome";
	content: "\f068";
	font-size:0.75em;
	margin:0 10px 0 -20px;}
article ul.nostyle li:before{
	content: "";
}
*/
.newline{
   	display:block;}
footer article{
	font-size:0.9em;}
footer .adres .companyname{
	font-weight:700;}
footer h2,
footer p,
footer .adres a,
footer a,
footer b{
	color:#fff !important;
	text-decoration: none;}
footer a:hover,
footer .adres a:hover{
	color:#ddd;}
.bottom p{
    font-size:0.70em;
    color:#747373;
}

#form .error{
	color:#900;}
p.text_intro{
	margin:10px 0;
	font-size:1.1rem;
	line-height:1.2;
	font-weight:600;}

h1,
h1.fluid{
  	font-size: 1.4rem;}
h2,
h2.fluid{
  	font-size: 1.3rem;}
h3,
h3.fluid{
  	font-size: 1.2rem;
    text-transform: uppercase;}
h4,
h4.fluid{
  	font-size: 1.1rem;
    text-transform: uppercase;}
h5,
h5.fluid{
  	font-size: 1rem;}
h6,
h6.fluid{
  	font-size: 0.93721rem;}


@media screen and (min-width: 37.5rem) {
  	h1.fluid{
    	font-size: calc(1.4rem + 1.86118 * ((100vw - 37.5rem) / 42.5));}
  	h2.fluid{
    	font-size: calc(1.4rem + 1.15383 * ((100vw - 37.5rem) / 42.5));}
  	h3.fluid{
    	font-size: calc(1.3rem + 0.6384 * ((100vw - 37.5rem) / 42.5));}
  	h4.fluid{
    	font-size: calc(1.1rem + 0.266 * ((100vw - 37.5rem) / 42.5));}
  	h5.fluid{
    	font-size: calc(1rem + 0 * ((100vw - 37.5rem) / 42.5));}
  	h6.fluid{
    	font-size: calc(0.93rem + -0.18702 * ((100vw - 37.5rem) / 42.5));}
}
@media screen and (min-width: 80rem) {
  	h1.fluid{
/*    	font-size: 3.15733rem;*/
        font-size:calc(1.4rem + 1.86118rem);}
  	h2.fluid{
    	font-size: 2.36859rem;}
  	h3.fluid{
    	font-size:calc(1.3rem + 0.6384);}
  	h4.fluid{
    	font-size:calc(1.1rem + 0.266);}
  	h5.fluid{
    	font-size: 1rem;}
    h6.fluid{
    	font-size: 0.75019rem;}
}


@media screen and (min-width: 37.5rem) {
  	h5.fluid{
    	font-size: calc(1rem + 0 * ((100vw - 37.5rem) / 42.5));}
}
@media screen and (min-width: 80rem) {
  	h5.fluid{
    	font-size: 1rem;}
}

@media screen and (min-width: 37.5rem) {
  	.tit_scale_fluid h6 {
    	font-size: calc(0.93721rem + -0.18702 * ((100vw - 37.5rem) / 42.5));}
}
@media screen and (min-width: 80rem) {
  	.tit_scale_fluid h6 {
    	font-size: 0.75019rem;}
}

/* ::::: SPECIFIEK ::::: */

.socials a .fa{
    font-size:1.8rem;
    color:#747373;
    margin:0 5px 5px 0;}
footer .socials a .fa{
    font-size:1.4rem;
    color:#fff;
    margin:0 10px 10px 0;}
.welcome .hp_events h5{
    text-transform: uppercase;
    color:#777;
    border-bottom:1px solid #bbb;
    line-height:2.5em;}
.welcome .hp_events h5:before{
    font-family: "fontAwesome";
    content: "\f073";
    margin:0 20px 0 0;}
.welcome .hp_events h4{
    text-transform: none;
    font-weight: 400;
margin:0;}
.welcome .hp_events .datum{
    font-style: italic;
    color:#777;}
.resource .yellow_3 h2{
  text-transform: uppercase;
  color:#777;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight:700;
  color:#fff;
  padding-left:10px;
}
.resource ul li a{
  color: #444;
}
