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

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

body{
	font-family: 'Biryani', 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:#eee8da;
	font-size:1.8em;
	line-height:1.5;
  cursor:pointer;}
.mini-nav ul{
    display: flex;
    flex-wrap: wrap;
}
.mini-nav li{
    min-width:50%;
    height:35px;
}
.main-nav li a{
  font-family: 'Biryani', sans-serif;
  font-weight: 300;
	font-size: 1.0rem;
	color: #fff;
	text-decoration: none;}
.mini-nav li a{
  font-family: 'Biryani', sans-serif;
  font-weight: 400;
	font-size: 1.0rem;
	color: #fff;
	text-decoration: none;
	background-image:none;
  display:block;
  height:100%;
  width:100%;
  line-height:35px;
  padding:0 15px;
}

@media (max-width : 1400px) {

}
.main-nav li.active{
/*    border-top:4px solid #E87319;*/
}
.main-nav li.active a{
    font-weight: 700;
    font-family: 'Biryani';
    color:#f27f20;}

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

.menuoranje li.active a{
  color:#F5B449;}
.menugroen li.active a{
  color:#8FCEB8;}
.menublauw li.active a{
  color:#95C2E8;}

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

p{
	padding:0;
  	margin: 0.5rem 0;
  	line-height: 1.6;}
h1, h2, h3, h4, h5, h6 {
  	padding: 0;
  	margin: 0.5rem 0;
    font-family: 'Arvo', sans-serif;}
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;}
*/

.darkbar h5,
.subnav_head span{
  color:#eee8da;
  margin:0 10px;}
.darkbar h5{
  line-height:70px;
  margin-left:25px;}
.article h4{
	color:#0b334e;}
.bg_rood h4{
  color:#fff;
  text-align:right;}
.bg_rood article{
    margin:0 50px;}
    .bg_rood article a{
        color:#fff;}
        .bg_rood article a .fa{
            color:#fff;
            margin-left:10px;}
        .bg_rood article a.centered .fa{
            color:#fff;
            margin:auto;}
        .bg_rood article.docsicons a{
          font-size:0.8em;}
        .bg_rood article.docsicons .fa{
          font-size:2em;}
          .bg_rood article.docsicons{
            max-width:20%
          }


@media (max-width : 720px) {
  .bg_rood h4,
  .bg_rood article{
    text-align:center;}
}
.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{
  font-family: 'Biryani', sans-serif;
	color:#0b334e;
	font-weight:400;
	font-size:0.9em;}
article p.intro{
  font-size:1.1em;}
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:900;
	color:#0b334e;}
article p a,
article ol a,
article ul a{
	font-weight:600;
    text-decoration: none;
    /* color:#A5CD38; */
    color:#0b334e;}
.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;}
.hp_article_txt article p a{
  color:#A5CD38;}
.hp_article_txt article p b{
    color:#e8e8e8;
    font-weight:700;
    font-size:1.05em;}
article p.date{
  font-size:0.90em;
  font-family: 'Arvo', sans-serif;
  color:#7d9b2b;
}
article ul li{
	margin:3px 0;
	padding-left:20px;
  /* padding-left:5px; */
  line-height: 1.5em;}
article ol li{
	margin:3px 0 0 10px;
	padding-left:10px;
  line-height: 1.5em;}

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;}

.subnav_wrap .adres p{
  color:#fff;
  font-size:1.0em;}
.subnav_wrap .adres p a,
.subnav_wrap .adres p b{
  color:#fff;}
.subnav_wrap .adres p b{
  font-weight:700;
  font-size:1.2em;
  font-style: italic;}
.subnav_wrap .adres h4{
  color:#fff;
  line-height:normal;
  border-bottom:1px solid #fff;}
.article_wrap article p.subline{
  font-weight:700;
  font-size:1.2em;
  font-style: italic;}
.article_wrap article p.intro{
  font-size:0.95em;
  color:#444;}
.article_wrap article p{
  font-size:0.9em;
  color:#444;}
.article_wrap article h4{
  color:#444;
  line-height:normal;
  border-bottom:1px solid #444;}

.article_wrap article p.righted{
  text-align: right;
}
a.meldingen{
  color: #fff;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  border: none;
  display: inline-block;
  font-weight: 500;
  text-decoration: none;
  padding: 0 20px;
  margin-top: 10px;
  background-color: #0079c1;}
a.meldingen:hover{
  text-decoration: none;}

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: calc(45px + (100 - 55) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(45px + (100 - 55) * ((100vw - 300px) / (1600 - 300)) * 0.6);
    margin:0;
    padding:0;}
h2,
h2.fluid{
  	font-size: calc(45px + (75 - 45) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(35px + (75 - 35) * ((100vw - 300px) / (1600 - 300)));
    margin:0;
    padding:0;}
h3,
h3.fluid{
  	font-size: calc(30px + (55 - 30) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(30px + (55 - 30) * ((100vw - 300px) / (1600 - 300)) * 0.6);
    margin:0;
    padding:0;}
h4,
h4.fluid{
  	font-size: calc(20px + (30 - 20) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(20px + (30 - 20) * ((100vw - 300px) / (1600 - 300)) * 0.6);
    margin:10px 0 15px 0;
    padding:0;
    }
h5,
h5.fluid{
  	font-size: 1rem;
    font-size: calc(15px + (20 - 15) * ((100vw - 300px) / (1600 - 300)));
    line-height: calc(20px + (30 - 20) * ((100vw - 300px) / (1600 - 300)) * 0.6);
    margin:0;
    padding:0;}
h6,
h6.fluid{
  	font-size: 0.93721rem;}


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

.hp_article_txt h1{
    color:#f27f20;
/*    background-color:rgba(165,205,56,0.5);*/
}
.hp_article_txt h3{
    color:#0b334e;
/*    background-color:rgba(255,255,255,0.5);*/
}
.hp_article_txt h4{
    color:#0b334e;
    font-weight:400;
    margin:30px 0;
/*    background-color:rgba(255,255,255,0.5);*/
}
.hp_article_txt p,
.hp_article_txt p b{
    color:#0b334e;}
.menukaartlink h4 a{
    color:#fff;
    text-decoration: none;
}
.hp_nieuws h3{
    color:#0b334e;}
.hp_nieuws .datum{
    color:#fff;
}

.socials a .fa{
    font-size:1.8rem;
    color:#0b334e;
    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;}