/*font-family: 'Albert Sans', sans-serif;
font-family: 'Carlito', sans-serif;
font-family: 'Open Sans', sans-serif;
*/

html *{
margin:0;               
padding:0;
border:none;
}  
 body{         
font-size:12px;
color:#000; 
background-color:#fff; 
margin:0;
padding:0;
}
.jarallax {
position: relative;
z-index: 0;
 min-height: 500px;
}
.jarallax > .jarallax-img {
position: absolute;
object-fit: cover;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
#toggle{
display:none;
}
.containernav{
position: -webkit-sticky; /* Safari */
position:sticky;
top:0;
left:0;
z-index:25;
width:100%;
height:50px;
margin:0;
/*background-color:#fab500;*/
background-color:#223a7d;
}
nav{
width:auto;
margin:15px 0 0 0;
}
nav ul{ 
display:flex;
/*justify-content:flex-start;*/
justify-content:space-around;
align-items:center;
width:auto;
height:auto;
list-style-type:none;
/*margin:0 auto 0 10px;*/
margin:0 auto 0 auto;
padding:0;
}
nav ul li{
width:auto;
height:auto;
margin:0;
padding:0;
}                                        
nav ul li a, nav ul li a:link, nav ul li a:visited, nav ul li a:active{  
font-family:'Open Sans', sans-serif, Lato,Arial;
font-size:0.9rem;
font-weight:600;
/*color:#223a7d; */
color:#fff;
margin:0;
padding:3px 0 16px 0;
text-decoration:none;  
outline-style:none; 
/*border-bottom:4px solid transparent;*/
} 
nav ul li a:hover,
nav ul li a.current, nav ul li a:link.current, nav ul li a:visited.current, nav ul li a:active.current{  
/*color:#c1252d; */ 
color:#fab500; 
margin:0;
padding:3px 0 16px 0;
text-decoration:none;  
outline-style:none; 
/*border-bottom:4px solid #c1252d;*/
/*border-bottom:4px solid #6cad2e;*/
border-bottom:4px solid #fab500;
}  
i{
font-size:36px;
color:#000;
-webkit-animation: fade 1s infinite; 
-moz-animation: fade 1s  infinite; 
-ms-animation: fade 1s  infinite; 
-o-animation: fade 1s  infinite; 
animation: fade 1s  infinite; 
}      
 @keyframes fade {
from { 
color:#000;
}
50%{
color:#ff0000;
}
to { 
color:#000; 
}
}

@-moz-keyframes fade {
from { 
color:#000;
}
50%{
color:#ff0000;
}
to { 
color:#000; 
}
}

@-webkit-keyframes fade {
from { 
color:#000;
}
50%{
color:#ff0000;
}
to { 
color:#000; 
}
}

@-ms-keyframes fade {
from { 
color:#000;
}
50%{
color:#ff0000;
}
to { 
color:#000; 
}
}

@-o-keyframes fade {
from { 
color:#000;
}
50%{
color:#ff0000;
}
to { 
color:#000; 
}
}
/*.anbi a{
position:fixed;
top:140px;
right:0;
width:100%;
max-width:50px;
height:auto;
z-index:25;
font-family:'Open Sans', sans-serif, Lato,Arial;
font-size:0.9rem;
font-weight:700;
color:#fff;
text-align:center;
padding:5px;
background-color:#6cad2e;
text-decoration:none;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius:  5px 0 0 5px;
border-radius: 5px 0 0 5px;

-webkit-animation-name: slide;
-moz-animation-name: slide;
-o-animation-name: slide;
animation-name: slide;

-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s; 
}

@-webkit-keyframes slide {
from {
right:-60px;
}
to {
right:0;
}
}

@-moz-keyframes slide{
from {
right:-60px;
}
to {
right:0;
}
}

@keyframes slide{
from {
right:-60px;
}
to {
right:0;
}
}
.anbi a:hover,
.anbi a.current, .anbi a:link.current, .anbi a:visited.current, .anbi a:active.current{  
color:#ff0000;
text-decoration:none;  
outline-style:none; 
background-color:#223a7d;
}*/
.vacature_split{
display:flex;
flex-flow:row wrap;
position:relative;
width:100%;
height:auto;
font-family:'Albert Sans', sans-serif, Lato,Arial;
font-size:1rem;
margin:0 auto 20px auto;
}
.vacature_split_left{
width:40%;
height:auto;
}
.vacature_split_right{
position:relative;
width:60%;
height:auto;
}
.img_vacature{
width:100%;
max-width:200px;
padding:0;
margin:20px auto 20px auto;
}
.geel{
position:absolute;
width:125px;
height:103px;
z-index:-1;
top: 8px;
left: 16px;
background-image: url(../images/profiel/geel.png);
background-position: 0 0;
background-repeat: no-repeat;
opacity:0.8;
}
.blauw{
position:absolute;
width:125px;
height:103px;
z-index:-1;
top: 150px;
right: 0;
background-image: url(../images/profiel/blauw.png);
background-position: 0 0;
background-repeat: no-repeat;
opacity:0.8;
}
.groen{
position:absolute;
width:125px;
height:103px;
z-index:-1;
bottom: 120px;
right: 100px;
background-image: url(../images/profiel/groen.png);
background-position: 0 0;
background-repeat: no-repeat;
opacity:0.8;
}
.rood{
position:absolute;
width:125px;
height:103px;
z-index:-1;
top: 400px;
left:0;
background-image: url(../images/profiel/rood.png);
background-position: 0 0;
background-repeat: no-repeat;
opacity:0.8;
}
.profieltext{
font-family:'Carlito', sans-serif, Lato,Arial;
font-size:1rem; 
font-weight:700;
color:#fff;
text-align:center;
background-color:#223a7d;
margin:auto auto 20px auto;
padding:5px 0;
}
/*.profiel a{
position:fixed;
top:110px;
right:0;
width:100%;
max-width:65px;
height:auto;
z-index:25;
font-family:'Open Sans', sans-serif, Lato,Arial;
font-size:0.9rem;
font-weight:700;
color:#fff;
text-align:center;
padding:5px;
background-color:#ff0000;
text-decoration:none;
-webkit-border-radius: 5px 0 0 5px;
-moz-border-radius:  5px 0 0 5px;
border-radius: 5px 0 0 5px;

-webkit-animation-name: slide;
-moz-animation-name: slide;
-o-animation-name: slide;
animation-name: slide;

-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s; 
}

@-webkit-keyframes slide {
from {
right:-60px;
}
to {
right:0;
}
}

@-moz-keyframes slide{
from {
right:-60px;
}
to {
right:0;
}
}

@keyframes slide{
from {
right:-60px;
}
to {
right:0;
}
}
.profiel a:hover,
.profiel a.current, .profiel a:link.current, .profiel a:visited.current, .profiel a:active.current{  
color:#6cad2e;
text-decoration:none;  
outline-style:none; 
background-color:#223a7d;
}*/
.container{
display:flex;
flex-direction:column;
width:100%;
height:auto;   
margin:auto auto auto auto;
}
.top{
display:flex;
flex-flow:row wrap;
align-items:center;
width:100%;
height:auto;
margin:0 auto 10px auto;
}
/*.topleft{
display:flex;
width:40%;
max-width:600px;
height:100%;
margin:auto auto auto 0;
padding:0;
}*/
.logo{
width:100%;
max-width:700px;
padding:0 0 0 10px;
}
.reuring{
position:absolute;
right:0;
bottom:0;
width:100%;
max-width:225px;
height:auto;
text-align: center;
font-family:'Albert Sans', sans-serif,Lato, Arial;
font-size:0.9rem;
font-style:italic;
color:#fff;
padding:10px 10px 0 10px;
opacity:1;

background: -webkit-linear-gradient(rgba(34,58,125,1),rgba(34,58,125,0)); 
background: -o-linear-gradient(rgba(34,58,125,1),rgba(34,58,125,0));   
background: -moz-linear-gradient(rgba(34,58,125,1),rgba(34,58,125,0));      
background: linear-gradient(rgba(34,58,125,1),rgba(34,58,125,0)); 

-webkit-animation-name: opacityreuring;
-moz-animation-name: opacityreuring;
-o-animation-name: opacityreuring;
animation-name: opacityreuring;

-webkit-animation-duration: 3s;
-moz-animation-duration: 3s;
-o-animation-duration: 3s;
animation-duration: 3s; 
}

@-webkit-keyframes opacityreuring {
from {
opacity:0.5;
}
to {
opacity:1;
}
}

@-moz-keyframes opacityreuring{
from {
opacity:0.5;
}
to {
opacity:1;
}
}

@keyframes opacityreuring{
from {
opacity:0.5;
}
to {
opacity:1;
}
}
a.links_reuring, a:link.links_reuring, a:visited.links_reuring, a:active.links_reuring{
display:inline-block;
width:auto;
font-family:'Open Sans', sans-serif,Lato,Arial;
font-size:0.8rem;      
font-weight:bold;  
color:#fff;
margin:5px auto 0 auto;
padding:5px 30px 5px 30px;
text-decoration:none;
outline-style:none;
/*background-color: #fab500;*/
}
a:hover.links_reuring{
color:#fff;
margin:5px auto 0 auto;
padding:5px 30px 5px 30px;
/*background-color: #c1252d;*/
}
h2.kopreuring{
width:100%;
font-family:'Carlito', sans-serif,Lato,Arial;
font-size:1.5rem;
font-weight:700;
color:#fff;
text-align:center;
margin:auto auto 5px auto;
} 
.bgheader{
position:relative;
width:100%;
height:auto;
/*background-image: url(../images/containerheaders/bg_activiteiten.jpg);
background-position: 50% 50%;
background-repeat: no-repeat;
background: -webkit-linear-gradient(rgba(34,58,125,1),rgba(255,255,255,1)); 
background: -o-linear-gradient(rgba(34,58,125,1),rgba(255,255,255,1));    
background: -moz-linear-gradient(rgba(34,58,125,1),rgba(255,255,255,1));      
background: linear-gradient(rgba(34,58,125,1),rgba(255,255,255,1)); 
background-color: #223a7d;*/
}
header{
/*display: flex;
align-items: center; zorgt voor juiste schaling picture bij chrome*/
/*align-self:flex-start;*/
position:relative;
width:100%;
height:auto;
margin:4px auto 0 auto;
/*box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;*/
}
.headeractueel,.headernieuws,.headeronzegemeente,.headerdiensten,.headeractiviteiten,
.headercommissies,.headertaakgroepen,.headercontact,.headermedia,.headeranbi,.headerprofiel,
.headerdeelkast,.headerkringloop,.headergospelworkshop{
position:relative;
width:100%;
min-height:50vh;
background-repeat: no-repeat;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover;
background-size: cover;
margin:0 auto 0 auto;
}
/*.headeractueel{
background-image: url(../images/containerheaders/landscape_akb.jpg);
background-position: 50% 0;
}*/
.headergospelworkshop{
background-image: url(../images/containerheaders/landscape_gospelworkshop.jpg);
background-position: 50% 25%;
}
.headeractueel{
background-image: url(../images/containerheaders/landscape_home_onderweg1.jpg);
background-position: 50% 50%;
}
.headernieuws{
background-image: url(../images/containerheaders/landscape_nieuws.jpg);
background-position: 100% 50%;
}
.headeronzegemeente{
background-image: url(../images/containerheaders/landscape_onzegemeente.jpg);
background-position: 50% 30%;
}
.headerdiensten{
background-image: url(../images/containerheaders/landscape_diensten.jpg);
background-position: 50% 50%;
} 
.headeractiviteiten{
background-image: url(../images/containerheaders/landscape_activiteiten.jpg);
background-position: 50% 30%;
} 
.headercommissies{
background-image: url(../images/containerheaders/landscape_commissies.jpg);
background-position: 50% 50%;
}
.headertaakgroepen{
background-image: url(../images/containerheaders/landscape_taakgroepen.jpg);
background-position: 100% 50%;
}
.headercontact{
background-image: url(../images/containerheaders/landscape_contact2.jpg);
background-position: 50% 20%;
} 
.headermedia{
background-image: url(../images/containerheaders/landscape_media.jpg);
background-position: 50% 70%;
} 
.headeranbi{
background-image: url(../images/containerheaders/landscape_anbi.jpg);
background-position: 50% 50%;
} 
.headerprofiel{
background-image: url(../images/containerheaders/landscape_profiel.jpg);
background-position: 50% 100%;
} 
.headerdeelkast{
background-image: url(../images/containerheaders/landscape_deelkast.jpg);
background-position: 50% 70%;
} 
.headerkringloop{
background-image: url(../images/containerheaders/landscape_kringloop.jpg);
background-position: 50% 70%;
} 
.headertextbg{
display: flex;
flex:row;
justify-content:center;
position:absolute;
width:100%;
bottom:50px;
padding:10px 0 10px 0;
background: -webkit-linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)); 
background: -o-linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6));    
background: -moz-linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6));     
background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6));  
}
.headertext{
font-family: 'Open Sans', sans-serif,'Albert Sans', sans-serif,'Carlito', sans-serif;
font-size:1.5rem;
font-weight:600;
text-align:center;
color: #fff;
margin:0 auto;
}
.containernavsecond{
position: -webkit-sticky; /* Safari */
position:sticky;
top:54px;
left:0;
z-index:25;
width:100%;
height:25px;
margin:4px auto auto auto;
/*background-color:#fab500;*/
background-color:#223a7d;
}
.navsecond{
width:100%;
max-width:50%;
margin:0 auto;
}
.navsecond ul{ 
display:flex;
/*justify-content:flex-start;*/
justify-content:space-around;
align-items:center;
width:auto;
height:auto;
list-style-type:none;
/*margin:0 auto 0 10px;*/
margin:0 auto 0 auto;
padding:0;
}
.navsecond ul li{
width:auto;
height:auto;
margin:0;
padding:0;
}                                        
.navsecond ul li a, .navsecond ul li a:link, .navsecond ul li a:visited, .navsecond ul li a:active{  
font-family:'Open Sans', sans-serif, Lato,Arial;
font-size:0.9rem;
font-weight:600;
/*color:#223a7d; */
color:#fff;
margin:0;
padding:0 0 10px 0;
text-decoration:none;  
outline-style:none; 
/*border-bottom:4px solid transparent;*/
} 
.navsecond ul li a:hover,
.navsecond ul li a.current, .navsecond ul li a:link.current, .navsecond ul li a:visited.current, .navsecond ul li a:active.current{  
/*color:#c1252d; */ 
color:#fab500; 
margin:0;
padding:0 0 10px 0;
text-decoration:none;  
outline-style:none; 
/*border-bottom:4px solid #c1252d;*/
/*border-bottom:4px solid #6cad2e;*/
border-top:4px solid #fab500;
}  
.navsecond a:hover::after{
content:'>';
position:absolute;
margin:1px 0 0 5px;
}
.midden{
width:100%;
height:auto;
margin:auto;
}
/* block voor news*/
.rowblock{
display:flex;
flex-flow: row wrap;
justify-content:space-around;
width:100%;
margin:40px auto 0 auto;
padding:0;
}
.block{
display:flex;
flex-direction:column;
width:100%;
max-width:325px;
font-family: 'Albert Sans', sans-serif,Lato, Arial; 
font-weight:400;
font-size:0.9rem;
text-align:left;
color:#000;
background-color: #fff;
/*margin:10px auto auto auto;*/
margin:0 auto 10px auto; /*even lang de boxen*/
padding:25px 15px 15px 15px;
/*-webkit-border-radius:50px 0 50px 0;
-moz-border-radius:50px 0 50px 0;
border-radius:50px 0 50px 0;*/
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
table.tableblock{
border-collapse: separate!important;
}
td.tableblock{
font-size:0.9rem!important;
}
img.blockpic{
width:100%;
max-width:300px;
height:auto;
margin:0 auto;
/*-webkit-border-radius:25px 0 0 0;
-moz-border-radius:25px 0 0 0;
border-radius:25px 0 0 0;*/
transition: transform 1s;
}
img.blockpic:hover{
transform: scale(1.1);
/*transform: translateY(-20px);*/
}
h2.titleblock{ 
font-family: 'Carlito', sans-serif, Lato,Arial; 
font-weight:600;
font-size:1.2rem;
font-weight:bold;
text-align:center;
color:#e30613;
margin:15px auto 5px auto;
}
.blocklinks{
text-align:center;
margin: auto 0 0 0;
}
.block a.leesmeerblock, .block a:link.leesmeerblock, .block a:visited.leesmeerblock, .block a:hover.leesmeerblock, .block a:active.leesmeerblock{
display:inline-block;
/*justify-content:center;*/
min-width:55%;
width:auto;
font-family:'Open Sans', sans-serif,Lato,Arial; 
font-weight:400;
font-size:0.8rem!important;      
font-weight:normal;  
text-align:center;
color:#fff;
margin:10px 0 0 0;
padding:5px 25px 5px 25px;
text-decoration:none;
outline-style:none;
background-color: #2cb7b2;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
}
.block a:hover.leesmeerblock{
font-size:0.8rem!important;  
color:#fff;
margin:10px auto 0 auto;
padding:5px 25px 5px 25px;
background-color: #e30613;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
}
.block a.leesmeerblockcurrent{
display:inline-block;
justify-content:center;
font-family: 'Open Sans', sans-serif,Lato,Arial; 
font-weight:400;
font-size:0.8rem!important;     
color:#fff;
margin:10px 0 0 0;
padding:5px 25px 5px 25px;
text-decoration:none;
outline-style:none;
background-color: #e30613;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
}
.block a:hover.leesmeerblock::after{
content:'>';
position:absolute;
margin:1px 0 0 5px;
}
/*end block*/
.title{
/*display: flex;
justify-content:flex-start;
align-items: flex-start; zorgt voor juiste schaling picture bij chrome */
/*align-self:flex-start;*/
/*position:relative;
z-index:10;
width:100%;
font-family:'Carlito', sans-serif, Lato,Arial;
font-size:1.5rem;
font-weight:700;
text-transform: uppercase;
color:#c1252d;
margin:0 auto 20px 0;
padding:0;*/
position: absolute;
bottom: 0;
left: 0;
font-family:'Carlito', sans-serif, Lato,Arial;
font-size:1.3rem;
font-weight:700;
text-transform: uppercase;
color:#000;
padding:0 25px 0 15px;
background-color: #fff;

-webkit-animation: fadeInLeft 3s; 
-moz-animation: fadeInLeft 3s; 
-ms-animation: fadeInLeft 3s; 
-o-animation: fadeInLeft 3s; 
animation: fadeInLeft 3s;
}

@-webkit-keyframes fadeInLeft {
  0% {    
    opacity: 0.5;
    -webkit-transform: translate3d(-100%, -40px, 0);
    transform: translate3d(-100%, -40px, 0);
  }
25%{   
	background-color: #223a7d;
}
50%{
   left: 75px;
	background-color: #6cad2e;
}
75%{   
	background-color: #c1252d;
}
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0.5;
    -webkit-transform: translate3d(-100%, -40px, 0);
    transform: translate3d(-100%, -40px, 0);
  }
25%{   
	background-color: #223a7d;fab500
}
50%{
   left: 75px;
	background-color: #6cad2e;
}
75%{
	background-color: #c1252d;
}
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.containernews{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
align-items:stretch;
width:100%;
min-height:30vh;
margin:0 auto 0 auto;
}
h2.kopcontainernews{
width:100%;
font-family:'Carlito', sans-serif,Lato,Arial;
font-size:2rem;
font-weight:700;
text-align:center;
color:#000;
margin:auto auto 10px auto;
} 
.containertext{
display:flex;
flex-flow:row wrap;
justify-content:center;
width:100%;
font-family:'Albert Sans', sans-serif,Lato, Arial;
font-size:0.9rem;
font-style:italic;
text-align:center;
color:#000;
margin:0 auto 20px auto; 
padding:10px;
}
h2.kopcontainernewstext{
width:100%;
font-family:'Carlito', sans-serif, Lato,Arial;
font-size:1rem;
font-weight:700;
color:#000;
margin:10px auto 10px auto;
} 
.containernewstext{
display: flex;
flex-flow: column wrap;
flex: 1 0 20%;
font-family: 'Albert Sans', sans-serif,Lato, Arial;
font-size:1rem;
color: #000;
margin: 0 auto 20px auto;
padding:10px 10px 10px 0;
border-bottom: 1px solid #010221;
}
.linenewstext,.linetext,.lineactueel{
width:100%;
height:1px;
background-color: #000;
margin:15px 0 15px 0;
}
.spacetextcontact{
display:flex;
flex:row;
justify-content:center;
align-items:center;
width:100%;
height:25px;
}
.linespace{
width:70%;
height:1px;
background-color: #000;
margin:0 auto;
}
.linknews1{
display:flex;
flex-flow:row wrap;
justify-content:center;
align-items:center;
width:100%;
height:auto;
margin:auto;
}
.linknews{
display:flex;
justify-content:center;
height:auto;
margin:auto auto 0 auto;
}
a.links_news, a:link.links_news, a:visited.links_news, a:active.links_news{
display:inline-block;
width:auto;
font-family:'Open Sans', sans-serif,Lato,Arial;
font-size:0.8rem;      
font-weight:bold;  
color:#fff;
margin:0 auto 0 auto;
padding:5px 30px 5px 30px;
text-decoration:none;
outline-style:none;
background-color: #c43302;
}
a:hover.links_news{
color:#fff;
margin:0 auto 0 auto;
padding:5px 30px 5px 30px;
background-color: #fab500;
}
a:hover.links_news::after{
content:'>';
position:absolute;
margin:0 0 0 10px;
}
.containernb{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
width:100%;
min-height:500px;
margin:20px auto 60px auto;
padding:0;
background-color: #c1252d;
clip-path:polygon(50% 100%,0 85%,0 0,100% 0, 100% 85%, 50% 100%);
}
h2.kopnb{
width:100%;
font-family:'Carlito', sans-serif,Lato,Arial;
font-size:2rem;
text-transform: uppercase;
text-align:center;
color:#fff;
margin:0 auto 20px auto;
}
.textnb{
display:flex;
flex:row;
justify-content:center;
width:100%;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:1.5em;
color:#fff;
margin:20px auto 40px auto;
}
::-webkit-input-placeholder {
color:#000;
}
:-moz-placeholder { /* Firefox 18- */
color:#000;
}
::-moz-placeholder {  /* Firefox 19+ */
color:#000;
}
:-ms-input-placeholder {  
color:#000;
}
input,select{
width:100%; 
max-width:250px;
height:30px;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:1rem;
font-weight:normal;
background-color:transparent;
margin:0 0 10px 0;
padding:0 0 0 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #edaa25;
}
input:focus{
background-color:#fab500;
}
input.aanmelden, input.aanmelden:focus{
width:100%; 
max-width:250px;
color:#fff;
background-color:transparent;
cursor:pointer;
}
textarea{
width:100%; 
max-width:250px;
height:50px;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:1rem;
font-weight:normal;
background-color:transparent;
margin:0 0 10px 0;
padding:0 0 0 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #edaa25;
}
textarea:focus{
background-color:#fab500;
}
table.radiotable{
width:100%; 
max-width:150px;
}
table.radiocantorij{
width:100%; 
max-width:75px;
}
td.radiotext{
padding-bottom:8px;
}
button{
width:100px;
height:30px;
cursor:pointer;
}
.melding{
max-width:250px;
height:auto;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:1rem;
font-weight:normal;
background-color:transparent;
margin:0 0 10px 0;
padding:5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #edaa25;
}
/*main gebruiken bij rest site en niet bij nieuwsflits*/

main{
display:flex;
flex-flow:row wrap;
width:100%;
max-width:80rem;
margin:0 auto auto auto;
padding:0 0 10px 0;
}
.text{
flex:1 0 95%;
height:auto;
font-family:'Albert Sans', sans-serif, Lato, Arial;
font-size:1rem;
color:#000;
margin: auto;
padding:15px 15px 35px 15px;
}
/* Activiteiten jeugd*/
.kopround{
width:100%;
font-family:'Carlito', sans-serif Lato; 
font-weight:700;
text-align:center;
padding:10px 0 20px 0;

/*-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
clip-path:polygon(50% 100%,0 0,100% 0,50% 100%);
-webkit-clip-path:polygon(50% 100%,0 0,100% 0,50% 100%);*/

/*clip-path:polygon(0 50%,50% 0, 100% 50%, 0 50%);
-webkit-clip-path:polygon(0 50%,50% 0, 100% 50%, 0 50%);*/
}
/*end activiteiten jeugd*/
/* main_nf om between 100% te geven en bij nieuwsflits i.p.v. main*/ 

.main_nf{
width:100%;
max-width:105rem; 
margin:5px auto 5px auto;
}
.space{
width:100%;
height:5px;
margin:20px auto 20px auto;
}
.nieuws_nf{
display:flex;
flex-flow:row wrap;
/*justify-content:center;*/
width:90%;
height:auto;
margin:0 auto 20px auto;
padding:0;
}
h3.contact_page{
font-size:1.1rem;
font-weight:700;
font-style:normal;
color:#3e69b1;
margin:auto;
}
.text_dienst,.text_media{
display:flex;
flex-flow:row wrap;
align-items:flex-start;
width:100%;
height:auto;
margin:0 auto auto auto;
padding:0;
}
.left_nf,.right_nf,.left_pages,.right_pages,.left_media,.right_media{
display:flex;
flex-flow:column wrap;
justify-content:center;
width:50%;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:1rem;
font-weight:normal;
margin:10px auto auto auto;
/*margin:0 auto 10px auto; even lang de boxen*/
padding:10px 0 10px 0;
}
.solo_nf{
display:flex;
flex-flow:column wrap;
justify-content:center;
align-items:center;
width:50%;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:1rem;
font-weight:normal;
margin:auto auto auto auto;
/*margin:0 auto 10px auto; even lang de boxen*/
padding:10px 0 10px 0;
}
.pagesplit{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
width:95%;
height:auto;
margin:0 auto 20px auto;
padding:0;
}
.left_pagesplit,.right_pagesplit{
width:47%;
padding:5px 5px 15px 10px;
margin-bottom:5px;
border-radius:20px;
}
/* Folder/flyer*/
.ff{
display:flex;
flex-flow:row wrap;
width:auto;
margin:10px auto 0 auto;
}
.text_ff{
flex:0 1 auto;
height:auto;
font-style:italic;
text-align:center;
margin:0 auto;
padding:0 5px 0 5px;
}
/*end*/

/*.row_clip-path_left{
display:flex;
flex-flow: row wrap;
justify-content:center;
align-items:center;
width:100%;
height:auto;
font-family:Lato, Arial;
font-size:1.2rem;
font-weight:bold;
color:#fff;
margin:0 auto 20px auto;
padding:10px 0 10px 0;
background-color: #edaa25;
background-color: #b7bf99;
clip-path:polygon(0 100%,100% 0,0 0);
-webkit-clip-path:polygon(0 100%,100% 0, 0 0);
clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
}*/
.row_clip-path{
display:flex;
flex-flow: row wrap;
justify-content:center;
align-items:center;
width:100%;
height:auto;
font-family:'Carlito', sans-serif,Lato, Arial;
font-size:1.2rem;
font-weight:700;
text-transform: uppercase;
color:#000;
margin:0 auto 20px auto;
padding:10px 0 10px 0;
/*background-color: #b7bf99;
clip-path:polygon(0 0,100% 0,100% 100%,0 100%);
-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);*/

/*clip-path:polygon(50% 100%,0 0,100% 0,50% 100%);
-webkit-clip-path:polygon(50% 100%,0 0,100% 0,50% 100%);

clip-path:polygon(35% 100%,0 0,100% 0,65% 100%);
-webkit-clip-path:polygon(35% 100%,0 0,100% 0,65% 100%);*/
}
h2.titlekop_nf{ 
font-family:'Carlito', sans-serif,Lato, Arial;
font-size:1.2em;
font-weight:700;
color:#000;
margin:0 0 5px 0;
padding:5px 5px 5px 0;
}
.text_nf{
width:95%;
height:auto;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:1rem;
font-weight:normal;
color:#000;
margin:0 auto auto 0;
padding:5px;
}
.links_nf{
/*position:relative;*/
height:auto;
margin:auto auto 0 auto;
}
a.klik_nf, a:link.klik_nf, a:visited.klik_nf, a:active.klik_nf{
display:inline-block;
width:auto;
font-family:'Open Sans', sans-serif,Lato,Arial;
font-size:0.8rem;      
font-weight:bold;  
color:#fff;
margin:40px auto 0 auto;
padding:5px 30px 5px 30px;
text-decoration:none;
outline-style:none;
background-color: #223a7d;
}
a:hover.klik_nf{
color:#fff;
margin:40px auto 0 auto;
padding:5px 30px 5px 30px;
background-color: #fab500;
}
a:hover.klik_nf::after{
content:'>';
position:absolute;
margin:0 0 0 10px;
}
/* voor Folder en Flyer  */
a.klik_nfff, a:link.klik_nfff, a:visited.klik_nfff, a:active.klik_nfff{
display:block;
width:auto;
font-family:'Open Sans', sans-serif,Lato,Arial;
font-size:0.8rem;      
font-weight:bold;  
color:#fff;
margin:5px auto 10px auto;
padding:5px 30px 5px 30px;
text-decoration:none;
outline-style:none;
background-color: #c1252d;
}
a:hover.klik_nfff{
color:#fff;
margin:5px auto 10px auto;
padding:5px 30px 5px 30px;
background-color: #fab500;
}
a:hover.klik_nfff::after{
content:'>';
position:absolute;
margin:0 0 0 10px;
}
img.pic_nf{
width:100%;
max-width:80%;
height:auto;
margin: auto;
}	
.between{
display:flex;
flex:row;
width:100%;
height:auto;
margin:auto auto auto auto;
}
.imgbetween{
width:100%;
height:auto;
margin:0 auto;
}
.space{
width:100%;
height:5px;
margin:5px auto 20px auto;
}
.backtop a{
position:fixed;
right:1%;
bottom:7%;
width:50px;
height:50px;
z-index:24;
background-image: url('../images/backtop.png');
background-position: 0 0;
background-repeat: repeat;
text-decoration:none;  
outline-style:none; 
cursor:pointer;
}
.containerpictures{
display:flex;
flex-flow:row wrap;
justify-content:center;
align-items:center;
width:100%;
max-width:100%;
height:auto;
margin:20px auto 40px auto;
padding:0;
}
.left_pic,.right_pic{
display:flex;
width:50%;
margin:0;
}
.imgcontainerbox{
position:relative;
width:100%;
max-width:100%;
height:auto;
margin:0;
} 
.img_container{
display:flex;
width:100%;
max-width:100%;
position:relative;
height:auto;
margin:0 auto;
}
a.imgcontainer{
display:flex;
}
.spantextvisible{	
display:flex;
flex:row;
justify-content:center;
align-items:center;
width:100%;
max-width:100%;
height:100%;
font-family:'Albert Sans', sans-serif,Lato, Arial;
font-size:1rem;
font-weight:bold;
color:#fff;
/*color:#000;*/
text-align:center;
/*margin: 35% auto auto auto;
padding:5px 0 5px 15%;*/
margin:auto;
padding:0;
background: -webkit-linear-gradient(right,rgba(0,0,0,0.3),rgba(0,0,0,0.3)); 
background: -o-linear-gradient(right,rgba(0,0,0,0.3),rgba(0,0,0,0.3)); 
background: -moz-linear-gradient(right,rgba(0,0,0,0.3),rgba(0,0,0,0.3));     
background: linear-gradient(to right,rgba(0,0,0,0.3),rgba(0,0,0,0.3)); 
}
a .spanvisible{
display:flex;
position:absolute;
top:0;
width:100%;
max-width:100%; 
height:100%;
padding:0;
margin:0; 
cursor:default;
}
a:hover .spanvisible{
display:none;
}
span,.spantext{
display:none;
}
a:hover span/*,.spantext*/{    
display:flex;
position:absolute;
/*top:0;*/ /* uitschakelen zonder plaatje*/
width:100%;
max-width:100%;
height:100%; /* zonder plaatje*/
padding:0;
margin:0; 
opacity:1;
/*background: -webkit-linear-gradient(right,rgba(0,0,0,0.6),rgba(0,0,0,0.6)); 
background: -o-linear-gradient(right,rgba(0,0,0,0.6),rgba(0,0,0,0.6)); 
background: -moz-linear-gradient(right,rgba(0,0,0,0.6),rgba(0,0,0,0.6));     
background: linear-gradient(to right,rgba(0,0,0,0.6),rgba(0,0,0,0.6)); 
*/
cursor:cell;
-webkit-animation: opacity 2s; /* Safari and Chrome */
-moz-animation: opacity 2s; /* Firefox */
-ms-animation: opacity 2s; /* Internet Explorer */
-o-animation: opacity 2s; /* Opera */
animation: opacity 2s;
}

@keyframes opacity {
from { 
opacity: 0; 
}
to { 
opacity:1;
}
}

/* Firefox */
@-moz-keyframes opacity {
from { 
opacity: 0; 
}
to { 
opacity:1;
}
}

/* Safari and Chrome */
@-webkit-keyframes opacity {
from { 
opacity: 0; 
}
to { 
opacity:1;
}
}

/* Internet Explorer */
@-ms-keyframes opacity {
from { 
opacity: 0; 
}
to { 
opacity:1;
}
}

/* Opera */
@-o-keyframes opacity {
from { 
opacity: 0; 
}
to { 
opacity:1;
}
}
.spantext{
display:flex;
flex:row;
justify-content:center;
align-items:center;
width:100%;
max-width:100%;
height:100%;
font-family:'Albert Sans', sans-serif,Lato, Arial;
font-size:0.8rem;
font-weight:bold;
color:#fff;
/*color:#000;*/
text-align:center;
/*margin: 35% auto auto auto;
padding:5px 0 5px 15%;*/
margin:auto;
padding:0;
background: -webkit-linear-gradient(right,rgba(0,0,0,0.6),rgba(0,0,0,0.6)); 
background: -o-linear-gradient(right,rgba(0,0,0,0.6),rgba(0,0,0,0.6)); 
background: -moz-linear-gradient(right,rgba(0,0,0,0.6),rgba(0,0,0,0.6));     
background: linear-gradient(to right,rgba(0,0,0,0.6),rgba(0,0,0,0.6)); 
}
/*a:hover .spantext{    
display:flex;
position:absolute;
top:20%; 
width:100%;
max-width:100%;
height:auto; 
padding:0;
margin:0; 
background: none;
}*/
footer{	
display:flex;
flex-flow:row wrap;
justify-content:space-around;
align-content:center;
width:100%;
min-height:400px;
margin:auto auto 0 auto;
padding:0;
background-color: #223a7d;
}
.footerleft,.footerright{
display:flex;
flex-flow:row wrap;
width:50%;
}
.titlefooter{
display:flex;
justify-content:center;
width:100%;
font-family:'Carlito', sans-serif,Lato, Arial;
font-size:1.2rem;
text-transform: uppercase;
color:#fff;
line-height:40px;
padding: 20px 0 20px 0;
}
.footerbox{
align-self:flex-start;
width:100%;
max-width:200px;
min-height:125px;
margin: 0 auto 10px auto;   
padding:10px;
list-style-type:none;
}  
.footernav{
width:auto;
height:auto;
margin: 0 auto 0 auto;   
padding:0 ;
list-style-type:none;
}
.footernav li{
display:block;
width:auto;
height:auto;
margin:0 0 5px 0;
padding:0; 
}  
.footernav li a, .footernav li a:link, .footernav li a:visited, .footernav li a:active{
font-family:'Open Sans', sans-serif,Lato,Arial;
font-size:0.9rem; 
color:#fff; 
margin:0 auto 0 auto;   
padding:0 0 0 5px;   
text-decoration:none;  
outline-style:none; 
border-left: 4px double #fff;
}
.footernav li a:hover,
.footernav li a.current, .footernav li a:link.current, .footernav li a:visited.current, .footernav li a:active.current{
color:#c1252d;
margin:0 auto 0 auto;   
padding:0 0 0 5px;   
text-decoration:none;  
outline-style:none;  
border-left: 4px double #c1252d; 
}
.footerlinks{ 
align-self:center;
width:auto;
height:auto;
margin: 0;   
padding:0 ;
list-style-type:none;
}
a.footerlinks, a:link.footerlinks, a:visited.footerlinks, a:active.footerlinks{
font-size:0.9rem;
color:#fff; 
margin:0;
padding:3px 0 3px 0; 
text-decoration:none;  
outline-style:none;   
}
a:hover.footerlinks{
color:#c1252d; 
margin:0;
padding:3px 0 3px 0;  
text-decoration:none;  
outline-style:none;  
} 
ul.adresbox{
display:flex;
flex-flow:column;
justify-content:flex-start;
font-family:'Carlito', sans-serif,Lato,Arial;
font-size:0.9rem;
color:#fff;
margin:0 auto 0 auto;
padding:0;   
list-style-type:none;                                  
}
a.adres, a:link.adres, a:visited.adres, a:active.adres{  
font-family:'Open Sans', sans-serif,Lato,Arial;
font-size:0.9rem;            
color:#fff; 
text-decoration:none;
outline-style:none;
margin:0;
} 
li.one{
background-image: url(../images/picto/k.png);
background-position: 0 0;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 25px;
}
li.one1{
background-image: url(../images/picto/wit/a.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 25px;
}
li.two{
background-image: url(../images/picto/wit/lo.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 25px;
}
li.three{
background-image: url(../images/picto/wit/t.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 25px;
}
li.four{
background-image: url(../images/picto/wit/e.png);
background-position: 0 0;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 25px;
}
li.five{
background-image: url(../images/picto/wit/i.png);
background-position: 0 0;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 25px;
}
li.six{
background-image: url(../images/picto/wit/nb.png);
background-position: 0 0;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 25px;
}
li.seven{
background-image: url(../images/picto/wit/kg.png);
background-position: 0 0;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 25px;
}
li.eight{
background-image: url(../images/picto/wit/f.png);
background-position: 0 0;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 25px;
}
li.nine{
background-image: url(../images/picto/wit/instagram.png);
background-position: 0 0;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 25px;
}
hr{
width:100%;
height:1px;
background-color: #fff;
margin:0;
}
.time{
/*display:flex;
justify-content:center;*/
width:auto;
font-family:'Albert Sans', sans-serif,Lato, Arial;
font-size:0.9rem;
font-style:italic;
color:#fff;
padding:20px 0 20px 0;
margin:0 auto;
}
a.linktime, a:link.linktime, a:visited.linktime, a:active.linktime{  
font-family:'Open Sans', sans-serif,Lato,Arial;
font-size:0.8rem!important;            
color:#fff; 
text-decoration:none;
outline-style:none;
margin:0;
} 
a:hover.linktime{
color:#ff0000; 
}
ul.emintekst, ol.emintekst{
margin:0;
list-style-type: none;
}
li.emintext{
background-image: url(../images/picto/wit/e.png);
background-position: 0 0;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 30px;
}
h1,h2,h3,h4,h5,h6{  
font-family:'Carlito', sans-serif,Lato,Arial;
font-size:1em;  
color:#000;       
border:none;                   
} 
h1.regiokerkendag{
font-family:'Carlito', sans-serif,Lato,Arial;
font-size:1.5rem; 
color: #223a7d; 
margin:10px auto;
}
h1.titelnavsecond{
font-size:1.2rem; 
font-weight:700;
color:#6cad2e;
text-transform: uppercase;
margin:0 auto 20px auto;
}
h2.intext{
width:100%;
font-weight:700;
font-size:1.2em;
color:#000;
margin:20px 0 20px 10px;
}
h3.colleges{
font-size:1.1rem;
font-weight:700;
font-style:normal;
color:#000;
margin:10px 0 5px 0;
}
h3.activiteiten{
font-size:1.1rem;
font-weight:700;
font-style:normal;
color:#3e69b1;
margin:15px auto 10px auto;
}
h5{    
margin:15px 0 0 0;  
font-size:1em;
font-weight:bold;
} 
h3{    
font-size:1em;
font-weight:normal;
font-style:italic;
color:#c1252d;
} 
ul, ol{
font-size:1em;
width:90%;
margin:0 0 20px 30px;
}
ul.tekst, ol.tekst{
font-size:1em;
width:90%;
margin:0 0 20px 10px;
list-style: none;
}
ul.textlist, ol.textlist{
font-size:1em;
width:90%;
margin:0 0 20px 30px;
}
ul.listcolleges{
font-size:1em;
font-style:italic;
padding: 0;
margin: 10px 0 20px 20px;
list-style-type: none;
}
li.colleges{
background-image: url(../images/list/streepje_list.png);
background-position: 0 2px;
background-repeat: no-repeat;
padding:0 0 0 20px;
}
ul.listline{
font-size:1em;
padding: 0;
margin: 10px 0 20px 20px;
list-style-type: none;
}
li.line{
background-image: url(../images/list/streepje_list.png);
background-position: 0 2px;
background-repeat: no-repeat;
padding:0 0 0 20px;
}
ul.kalender{
/*display:flex;*/
list-style-type: none;
font-size:0.9rem;
margin:0 auto 0 auto;
}
li.kalender{
background-image: url(../images/list/check_list.png);
background-position: 0 2px;
background-repeat: no-repeat;
font-size:0.9rem;
margin:0 auto 5px auto;
padding:0 0 0 25px;
}
a.agenda, a:link.agenda, a:visited.agenda, a:active.agenda{
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:0.9rem!important;
font-weight:normal; 
color:#000!important;
margin:0;
padding:0 5px 3px 0; 
text-decoration:underline;  
outline-style:underline;   
}
ul.vinkje{
list-style-image: url(../images/vinkje.png);
margin:10px 0 20px 30px;
}
ul.pdf{
list-style-type: none;
margin:10px auto 0 10px;
}
li.pdf{
background-image: url(../images/picto/pdf.png);
background-position: 0 0;
background-repeat: no-repeat;
padding:10px 0 10px 35px;
}
a.in, a:link.in, a:visited.in, a:active.in{
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:1rem;
font-weight:normal; 
color:#000;
margin:0;
padding:0 5px 3px 0; 
text-decoration:none;  
outline-style:none;   
}
a:hover.in{
color:#c1252d;
margin:0;
padding:3px 5px 3px 0;  
text-decoration:underline;  
outline-style:none;  
} 
a.inpagesplit, a:link.inpagesplit, a:visited.inpagesplit, a:active.inpagesplit{
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:1rem;
font-weight:normal; 
color:#000;
margin:0;
padding:0 5px 3px 0; 
text-decoration:none;  
outline-style:none;   
}
.inpagesplit:after{
display:inline-block;
position:relative;
top:2px;
padding:0 0 0 2px;
content: '>';
color:#000;
font-size:1rem;
}
.inpagesplit:hover:after{
padding:0 0 0 4px;
content: '>>';
}
a.media, a:link.media, a:visited.media, a:active.media{
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:1rem;
font-weight:normal; 
color:#000;
margin:0;
padding:3px 5px 3px 0; 
text-decoration:none;  
outline-style:none;   
}
a:hover.media{
color:#c1252d;
margin:0;
padding:3px 5px 3px 0;  
text-decoration:underline;  
outline-style:none;  
} 
a.anbi, a:link.anbi, a:visited.anbi, a:active.anbi{
width:auto;
font-family:'Open Sans', sans-serif,Lato,Arial;
font-size:1rem;      
font-weight:bold;  
color:#000;
margin:0;
padding:3px 5px 3px 0; 
text-decoration: underline;
}
a.anbi::after{
content:'>';
position:absolute;
margin:0 0 0 10px;
}
a:hover.anbi{
color:#ff0000;
margin:0;
padding:3px 5px 3px 0; 
text-decoration: none;
}
a:hover.anbi::after{
content:'>>';
position:absolute;
margin:0 0 0 10px;
}
h2.dotted{
width:100%;
font-weight:700;
font-size:1rem;
color:#000;
margin:0;
}
.dottedbox{
display:flex;
flex-flow:row wrap;
justify-content:center;
width:50%;
height:auto;
text-align:center;
margin:10px auto;
border:1px dotted #000;
}
table{
width:100%;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:1rem;
padding:0; 
}  
table.anbitable{
width:100%;
max-width:90%;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:1rem;
padding:0; 
} 
td.check{
padding:0;
}
 td{     
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:1rem;
color:#000;
padding-top:5px;
}   
td.og{
border:1px solid #000;
}
table.form { 
 width:500px;
 border-collapse: collapse; 
 }
.telmobiel{
display:none;
}
.teldesktop{
display:inline-block;
}
.imgbox{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
margin:auto;
padding:20px 0 0 0;
}
img.bd{
flex:auto;
width:100%;
max-width:150px;
margin:5px 5px 15px auto;
border:3px double #b7bf99;
} 
img.noodhulp{
flex:auto;
width:100%;
max-width:200px;
margin:5px auto 5px auto;
} 
img.textimg_150{
width:100%;
max-width:150px;
height:auto;
margin:0 auto 5px auto;
padding: 0 5px 0 0;
}
img.textimg_250{
width:100%;
max-width:250px;
height:auto;
margin:0 auto 5px auto;
padding: 0 5px 0 0;
}
img.img_450{
flex:auto;
width:100%;
max-width:450px;
margin:5px auto 5px auto;
} 
img.img_375{
flex:auto;
width:100%;
max-width:375px;
margin:5px auto 5px auto;
} 
img.img_650{
flex:auto;
width:100%;
max-width:650px;
margin:5px auto 5px auto;
} 
.span_media{    
display:flex;
position:absolute;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:10px;
font-weight:bold;
font-style:italic;
color:#000;
padding:0;
margin:-142px 0 0 5px;
text-decoration:none;  
}
img.centered{
display: block;
margin:0 auto 5px auto;
padding: 5px;
}
img.alignright{
display:inline;
margin: 5px 5px 0 5px;
padding: 0;
}
img.alignleft{
display:inline;
margin: 5px 5px 5px 0;
padding: 0;
}
.alignright{
float:right;
}
.alignleft{
float:left;
}
.hiddencontainer{
display:none;
}
.kg{
background-image: url(../images/picto/kg.jpg);
background-position: 0 0;
background-repeat: no-repeat;
margin:0;
padding:0 0 0 30px;
}
.ag{
background-image: url(../images/picto/agenda.png);
background-position: 0 0;
background-repeat: no-repeat;
margin:0;
padding:0 0 0 30px;
}
.af{
background-image: url(../images/picto/folder.jpg);
background-position: 0 0;
background-repeat: no-repeat;
margin:0;
padding:0 0 0 35px;
}
h4.foto{    
font-family:Lato,Arial;
font-size:0.8rem;
font-weight:bold;
font-style:italic;
color:#000;
padding:0;
margin:10px 0 0 10px; 
}
sup.verse{
display:inline-block;
font-family:'Albert Sans', sans-serif,Lato, Arial;
font-size:0.8rem;
color:#999;
}
.spanyt{
position:absolute;
z-index:10;
width:auto;
height:auto;
font-weight:bold;
font-size:0.8rem;
font-style:italic;
text-align:center;
color:#000;
margin:-20px auto 0 auto;
}
img.yt{
width:100%;
max-width:250px;
height:auto;
margin:0 auto;
padding:0 2px 0 0;
}
.ytbox{
width:100%;
max-width:250px;
height:auto;
margin:20px auto 45px auto;
}
img.bekijken{
position:absolute;
width:100%;
max-width:190px;
height:auto;
margin:0;
padding:0;
}
.bekijken{
position:absolute;
z-index:15;
width:100%;
max-width:190px;
height:auto;
margin:-48px auto 0 auto;
}
.iframebox{
width:100%;
max-width:640px;
height:auto;
margin:40px auto 20px auto;
}
iframe{
width:100%;
max-width:640px;
min-height:360px;
margin:0;
}
hr.line{
width:100%;
border-bottom:2px solid #000;
margin:15px auto;
}
html, body{
height:100%;
}  

@media only screen and (min-width: 1024px) and (max-width: 2560px){
main{
/*max-width:1440px;*/
max-width:90em;
}
.main_nf{
width:100%;
}
}
@media only screen and (min-width:800px) and (max-width: 1024px){
.logo{
width:100%;
max-width:600px;
}
.text{
font-size:1rem;
}
.containernewstext{
flex:1 0 25%;
font-size:1rem;
}
.left_nf,.right_nf,.left_pages,.right_pages{
display:flex;
justify-content:center;
width:100%;
max-width:50%;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:1rem;
font-weight:normal;
margin:0;
}
.text_nf{
font-size:1rem;
}
.containerpictures{
margin:20px auto 40p auto;
}
.footerleft,.footerright{
width:100%;
}
.footernav li a, .footernav li a:link, .footernav li a:visited, .footernav li a:active{
font-size:0.8rem;
}
ul.adresbox{
justify-content:center;    
font-size:0.8rem;                           
}
.time{
font-size:0.8rem;
}
table{
margin:0;
font-size:1rem;
}
table.anbitable{
width:100%;
max-width:80%;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:1rem;
padding:0; 
}
}
@media only screen and (min-width: 695px) and (max-width: 795px){
.vacature_split_left{
width:100%;
}
.vacature_split_right{
position:relative;
width:100%;
margin-top: 40px;
}
.geel,.blauw,.groen,.rood{
opacity:0.6;
}
.logo{
width:100%;
max-width:500px;
}
.headertext{
font-size:1rem;
}
.navsecond{
width:100%;
max-width:100%;
margin:0 auto;
}
.containernewstext{
flex:1 0 25%;
font-size:0.9rem;
}
.left_nf,.right_nf,.left_pages,.right_pages{
width:50%;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:0.9rem!important;
font-weight:normal;
}
.text_nf{
width:100%;
max-width:100%;
font-size:0.9rem!important;
}
img.pic_nf{
width:100%;
max-width:90%;
}	
.links_nf{
/*position:relative;*/
height:auto;
margin:auto auto 0 auto;
}
.text{
flex:0 1 95%;
font-size:0.9rem!important;
margin:0 auto auto auto;
padding:15px 15px 35px 15px;
}
.text_dienst,.text_media{
font-size:0.9rem!important;
}
ul.tekst{
font-size:0.9rem!important;
}
a.in, a:link.in, a:visited.in, a:active.in{
font-size:0.9rem;
}
.left_pic,.right_pic{
display:flex;
justify-content:center;
width:100%;
max-width:100%;
margin:0;
}
.containerpictures{
margin:20px auto 40p auto;
}
.img_container{
width:100%;
max-width:100%;
}
.spantextvisible{
width:100%;
max-width:100%;
height:100%;
}
.footerleft,.footerright{
width:100%;
}
.footernav li a, .footernav li a:link, .footernav li a:visited, .footernav li a:active{
font-size:0.8rem;
}
ul.adresbox{
justify-content:center;    
font-size:0.8rem;                           
}
.time{
font-size:0.8rem;
}
a.in, a:link.in, a:visited.in, a:active.in{
font-size:0.9rem;
}
a.media, a:link.media, a:visited.media, a:active.media{
font-size:0.9rem;
}
table{
margin:0;
font-size:0.9rem!important;
}
table.anbitable{
width:100%;
max-width:80%;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:0.9rem!important;
padding:0; 
}
td{
font-size:0.9rem!important;
}
ul.kalender{
font-size:0.9rem!important;
}
}
@media only screen and (min-width: 650px) and (max-width: 700px){
.vacature_split_left{
width:100%;
}
.vacature_split_right{
position:relative;
width:100%;
margin-top: 40px;
}
.geel,.blauw,.groen,.rood{
opacity:0.6;
}
.logo{
width:100%;
max-width:450px;
}
.headertext{
font-size:0.9rem;
}
.navsecond{
width:100%;
max-width:100%;
margin:0 auto;
}
.containernewstext{
flex:1 0 25%;
font-size:0.9rem;
}
.block{
width:100%;
max-width:325px;
}
img.blockpic{
width:100%;
max-width:300px;
}
.left_nf,.right_nf,.left_pages,.right_pages{
width:100%;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:0.9rem!important;
font-weight:normal;
}
.text_nf{
width:100%;
max-width:100%;
font-size:0.9rem!important;
}
img.pic_nf{
width:100%;
max-width:90%;
}	
.links_nf{
/*position:relative;*/
height:auto;
margin:auto auto 0 auto;
}
.left_pic,.right_pic{
display:flex;
justify-content:center;
width:100%;
max-width:100%;
margin:0;
}
.text{
flex:0 1 95%;
font-size:0.9rem!important;
margin:0 auto auto auto;
padding:15px 15px 35px 15px;
}
.containerpictures{
margin:20px auto 40p auto;
}
.img_container{
width:100%;
max-width:100%;
}
.spantextvisible{
width:100%;
max-width:100%;
height:100%;
}
.footerleft,.footerright{
width:100%;
}
.footernav li a, .footernav li a:link, .footernav li a:visited, .footernav li a:active{
font-size:0.8rem;
}
ul.adresbox{
justify-content:center;    
font-size:0.8rem;                           
}
.time{
font-size:0.8rem;
}
a.in, a:link.in, a:visited.in, a:active.in{
font-size:0.9rem;
}
a.media, a:link.media, a:visited.media, a:active.media{
font-size:0.9rem;
}
table{
margin:0;
font-size:0.9rem!important;
}
table.anbitable{
width:100%;
max-width:80%;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:0.9rem!important;
padding:0; 
}
td{
font-size:0.9rem!important;
}
ul.kalender{
font-size:0.9rem!important;
}
.span_media{    
font-size:0.6rem;
}
}
@media only screen and (min-width:240px) and (max-width: 645px){
nav,.randtop{
display:none;
}
.containernav{
position:fixed;
top:0;
right:0;
z-index:25;
width:100%;
height:auto;
margin:0!important;
background:none;
}
/*.containernavsecond{
 position: relative; Safari 
position:relative;
top:0;
left:0;
z-index:24;
width:100%;
height:50px;
margin:4px auto auto auto;
background-color:#223a7d;
}*/
.containernavsecond{
position: -webkit-sticky; /* Safari */
position:sticky;
top:4px;
left:0;
z-index:20;
width:100%;
height:25px;
}
.navsecond ul li a, .navsecond ul li a:link, .navsecond ul li a:visited, .navsecond ul li a:active{  
font-size:0.8rem;
} 
#toggle{
display:inline-block;
position:absolute;
right:10px;
top:32px;
width:25px;
height:25px;
z-index:25;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:1rem !important; 
margin: 0;
padding:0 0 0 5px;
color:#000;
cursor: pointer; 
border:1px solid #010221;
background: -webkit-linear-gradient(rgba(10,115,115,0.4),rgba(10,115,115,0.4)); 
background: -o-linear-gradient(rgba(10,115,115,0.4),rgba(10,115,115,0.4)); 
background: -moz-linear-gradient(rgba(10,115,115,0.4),rgba(10,115,115,0.4));     
background: linear-gradient(rgba(10,115,115,0.4),rgba(10,115,115,0.4)); 
}
#toggle:hover{
color:#ff0000;
}
nav{
position:absolute;
top:0;
/*left:50%;*/
width:100%;
height:auto;
margin:0;
padding:50px 0 10px 0;

/*background: -webkit-linear-gradient(rgba(250,181,0,0.85),rgba(250,181,0,0.85)); 
background: -o-linear-gradient(rgba(250,181,0,0.85),rgba(250,181,0,0.85));   
background: -moz-linear-gradient(rgba(250,181,0,0.85),rgba(250,181,0,0.85));       
background: linear-gradient(rgba(250,181,0,0.85),rgba(250,181,0,0.85));  */

background: -webkit-linear-gradient(rgba(34,58,125,0.85),rgba(34,58,125,0.85)); 
background: -o-linear-gradient(rgba(34,58,125,0.85),rgba(34,58,125,0.85));    
background: -moz-linear-gradient(rgba(34,58,125,0.85),rgba(34,58,125,0.85));        
background: linear-gradient(rgba(34,58,125,0.85),rgba(34,58,125,0.85)); 
}
nav ul{ 
flex-direction:column;
margin:0;  
padding:5px 0 5px 0; 
text-align:center;
list-style-type:none;
}
nav ul li{
margin: 0;
padding:0 0 5px 0!important;  
}                                         
nav ul li a, nav ul li a:link, nav ul li a:visited, nav ul li a:active{  
display:block!important;
font-family:'Open Sans', sans-serif,Lato,Arial;
font-size:0.9rem !important; 
font-weight:600!important;
text-align:center;
/*color:#223a7d;  */
color:#fff; 
margin:0;
padding:5px!important;   
text-decoration:none;  
outline-style:none; 
border-left:none!important;
border-bottom:none!important;
}              
nav ul li a:hover,
nav ul li a.current, nav ul li a:link.current, nav ul li a:visited.current, nav ul li a:active.current{  
display:block!important;
/*color:#ff0000;  */
*color:#6cad2e; 
font-weight:bold; 
margin:0;
padding:5px!important;  
text-decoration:underline;  
outline-style:none;  
border-left:none!important;
border-bottom:none!important;
}   
/*.anbi a{
position:absolute;
top:0;
left:65%;
width:100%;
max-width:50px;
height:auto;
z-index:25;
font-family:'Open Sans', sans-serif, Lato,Arial;
font-size:0.9rem;
font-weight:700;
color:#fff;
text-align:center;
padding:5px;
background-color:#6cad2e;
text-decoration:none;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius:  0 0 5px 5px;
border-radius: 0 0 5px 5px;

-webkit-animation-name: slide;
-moz-animation-name: slide;
-o-animation-name: slide;
animation-name: slide;

-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s; 
}

@-webkit-keyframes slide {
from {
top:-60px;
}
to {
top:0;
}
}

@-moz-keyframes slide{
from {
top:-60px;
}
to {
top:0;
}
}

@keyframes slide{
from {
top:-60px;
}
to {
top:0;
}
}
.anbi a:hover,
.anbi a.current, .anbi a:link.current, .anbi a:visited.current, .anbi a:active.current{  
color:#ff0000;
text-decoration:none;  
outline-style:none; 
background-color:#223a7d;
}*/
.vacature_split_left{
width:100%;
}
.vacature_split_right{
position:relative;
width:100%;
margin-top: 40px;
}
.geel,.blauw,.groen,.rood{
opacity:0.6;
}
/*.profieltext{
font-size:0.9rem; 
}
.profiel a{
position:absolute;
top:0;
left:50%;
width:100%;
max-width:50px;
height:auto;
z-index:25;
font-family:'Open Sans', sans-serif, Lato,Arial;
font-size:0.9rem;
font-weight:700;
color:#fff;
text-align:center;
padding:5px;
background-color:#ff0000;
text-decoration:none;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius:  0 0 5px 5px;
border-radius: 0 0 5px 5px;

-webkit-animation-name: slide;
-moz-animation-name: slide;
-o-animation-name: slide;
animation-name: slide;

-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s; 
}

@-webkit-keyframes slide {
from {
top:-60px;
}
to {
top:0;
}
}

@-moz-keyframes slide{
from {
top:-60px;
}
to {
top:0;
}
}

@keyframes slide{
from {
top:-60px;
}
to {
top:0;
}
}
.profiel a:hover,
.profiel a.current, .profiel a:link.current, .profiel a:visited.current, .profiel a:active.current{  
color:#ff0000;
text-decoration:none;  
outline-style:none; 
background-color:#223a7d;
}*/
.container{
margin:0;
}
.top{
margin:10px auto 10px auto;
}
/*.topleft{
max-width:300px;
}*/
.logo{
width:100%;
max-width:350px;
padding:0 0 0 5px;
}
header{
margin: auto;
}
.headertext{
font-size:0.8rem;
}
.navsecond{
width:100%;
max-width:100%;
margin:0 auto;
}
.containertext{
margin:0 auto auto auto; 
}
.containernewstext{
flex:0 1 100%;
font-size:0.9rem;
margin:0 auto auto auto; 
}
h2.kopcontainernews{
font-size:1.5rem;
} 
h2.kopreuring{
font-size:1.2rem;
} 
.linknews1{
display:flex;
flex-flow:row wrap;
justify-content:center;
align-items:center;
width:100%;
height:auto;
margin:20px auto auto auto;
}
.left_nf,.right_nf,.left_pages,.right_pages{
width:100%;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:0.9rem!important;
font-weight:normal;
}
.text_nf{
width:100%;
max-width:100%;
font-size:0.9rem!important;
}
img.pic_nf{
width:100%;
max-width:90%;
}	
.links_nf{
/*position:relative;*/
height:auto;
margin:auto auto 0 auto;
}
.solo_nf{
width:100%;
}
.textnb{
width:90%;
font-size:1.2em;
}
h2.titlekop_nf{
font-size:1.2rem;
}   
h3.colleges, h3.activiteiten{
font-size:1rem;
font-weight:700;
}
.left_pagesplit,.right_pagesplit{
width:100%;
}
.text{
flex:0 1 95%;
font-size:0.9rem!important;
margin:0 auto auto auto;
padding:15px 15px 35px 15px;
}
.left_pic,.right_pic{
display:flex;
justify-content:center;
width:100%;
max-width:100%;
margin:0;
}
.containerpictures{
margin:20px auto 40p auto;
}
.img_container{
width:100%;
max-width:100%;
}
.spantextvisible{
width:100%;
max-width:100%;
height:100%;
}
.imgcontainerbox1,.img_container1,.spantextvisible1,a .spanvisible1{
width:100%;
max-width:150px;
}
.footerleft,.footerright{
width:100%;
}
.footerbox{
flex-basis:100px;
} 
.footernav{ 
display:flex;
flex-flow:column nowrap;
width:auto;
width:0 auto 0 auto;
} 
.footernav li a, .footernav li a:link, .footernav li a:visited, .footernav li a:active{
font-size:0.8rem;
}
ul.adresbox{
justify-content:center;    
font-size:0.8rem;                           
}
.time{
width:95%;
font-size:0.7rem;
}
.telmobiel{
display:inline-block;
}
.teldesktop{
display:none;
}
a.in, a:link.in, a:visited.in, a:active.in{
font-size:0.8rem;
}
a.media, a:link.media, a:visited.media, a:active.media{
font-size:0.9rem;
}
.backtop a{
position:fixed;
right:2%;
bottom:10%;
z-index:24;
width:25px;
height:25px;
background-image: url('../images/backtopmob.png');
background-position: 0 0;
background-repeat: repeat;
text-decoration:none;  
outline-style:none; 
cursor:pointer;
}
table{
margin:0;
font-size:0.9rem!important;
}
table.anbitable{
width:100%;
max-width:80%;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:0.5rem!important;
padding:0; 
}
td{
font-size:0.9rem!important;
}
ul.kalender{
font-size:0.9rem!important;
}
.span_media{    
font-size:0.6rem;
}
img.textimg_250{
width:100%;
max-width:175px;
height:auto;
margin:0 auto 5px auto;
padding: 0 5px 0 0;
}
}

@media only screen and (min-width: 240px) and (max-width: 645px){  
.container{
margin:0;
}
.vacature_split_left{
width:100%;
}
.vacature_split_right{
position:relative;
width:100%;
margin-top: 40px;
}
.geel,.blauw,.groen,.rood{
opacity:0.6;
}
.top{
margin:10px auto 10px auto;
}
/*.topleft{
max-width:300px;
}*/
.logo{
width:100%;
max-width:350px;
padding:0 0 0 5px;
}
header{
margin:auto;
}
.title{
font-size:1rem;
padding:5px 20px 5px 10px;
}
.containertext{
margin:0 auto auto auto; 
}
.containernewstext{
flex:0 1 100%;
font-size:0.9rem;
margin:0 auto auto auto; 
} 
h2.kopcontainernews{
font-size:1.5rem;
}
h2.kopreuring{
font-size:1.2rem;
} 
.linknews1{
display:flex;
flex-flow:row wrap;
justify-content:center;
align-items:center;
width:100%;
height:auto;
margin:20px auto auto auto;
}
.left_nf,.right_nf,.left_pages,.right_pages{
width:100%;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:0.9rem!important;
font-weight:normal;
}
.text_nf{
width:100%;
max-width:100%;
font-size:0.9rem!important;
}
img.pic_nf{
width:100%;
max-width:90%;
}	
.links_nf{
/*position:relative;*/
height:auto;
margin:auto auto 0 auto;
}
.solo_nf{
width:100%;
}
.textnb{
width:90%;
font-size:1.2em;
}
.block{
width:100%;
max-width:325px;
}
img.blockpic{
width:100%;
max-width:300px;
}
.text{
flex:0 1 95%;
font-size:0.9rem!important;
margin:0 auto auto auto;
padding:15px 15px 35px 15px;
}
a.in, a:link.in, a:visited.in, a:active.in{
font-size:0.8rem;
}
a.media, a:link.media, a:visited.media, a:active.media{
font-size:0.9rem;
}
.left_pic,.right_pic{
display:flex;
justify-content:center;
width:100%;
max-width:100%;
margin:0;
}
.containerpictures{
margin:20px auto 40p auto;
}
.img_container{
width:100%;
max-width:100%;
}
.spantextvisible{
width:100%;
max-width:100%;
height:100%;
}
.footerleft,.footerright{
width:100%;
}
.footernav{ 
display:flex;
flex-flow:column nowrap;
width:auto;
width:0 auto 0 auto;
} 
.footernav li a, .footernav li a:link, .footernav li a:visited, .footernav li a:active{
font-size:0.8rem;
}
ul.adresbox{
justify-content:center;    
font-size:0.8rem;                           
}
.time{
width:95%;
font-size:0.7rem;
}
.backtop a{
position:fixed;
right:2%;
bottom:10%;
z-index:24;
width:25px;
height:25px;
background-image: url('../images/backtopmob.png');
background-position: 0 0;
background-repeat: repeat;
text-decoration:none;  
outline-style:none; 
cursor:pointer;
}
a.in, a:link.in, a:visited.in, a:active.in{
font-size:0.9rem;
}
table{
margin:0;
font-size:0.9rem!important;
}
table.anbitable{
width:100%;
max-width:80%;
font-family:'Albert Sans', sans-serif,Lato,Arial;
font-size:0.5rem!important;
padding:0; 
}
td{
font-size:0.9rem!important;
}
ul.kalender{
font-size:0.9rem!important;
}
h4.tel{
display:block;
font-style:italic;
font-weight:normal;
font-size:0.8rem;
color:#fff;
}
.telmobiel{
display:inline-block;
}
.teldesktop{
display:none;
}
.span_media{    
font-size:0.6rem;
}
img.textimg_250{
width:100%;
max-width:175px;
height:auto;
margin:0 auto 5px auto;
padding: 0 5px 0 0;
}
}
@media only screen and (min-width: 480px) and (max-width: 800px) {
.vacature_split_left{
width:100%;
}
.vacature_split_right{
position:relative;
width:100%;
margin-top: 40px;
}
.geel,.blauw,.groen,.rood{
opacity:0.6;
}
.row_clip-path_left,.row_clip-path_right{
width:100%;
font-size:1rem;
}
}
@media only screen and (min-width: 240px) and (max-width: 470px) {
.row_clip-path_left,.row_clip-path_right{
width:100%;
font-size:0.9rem;
}
h3.colleges, h3.activiteiten{
font-size:0.9rem;
font-weight:700;
}
}
@media only screen and (min-width: 240px) and (max-width: 340px) {
.ff{
flex-flow:column wrap;
}
}
@media only screen and (min-width: 240px) and (max-width: 310px) {
.left_media,.right_media{
width:100%;
font-size:0.9rem!important;
margin:0 auto 0 auto; /*even lang de boxen*/
padding:10px 0 10px 0;
}
a.media, a:link.media, a:visited.media, a:active.media{
font-size:0.9rem;
}
.ff{
flex-flow:column wrap;
}
.text{
word-break:break-word;
}
a:hover.media{
color:#ca0015;
margin:0;
padding:3px 5px 3px 0;  
text-decoration:underline;  
outline-style:none;  
} 
img.textimg_250{
width:100%;
max-width:150px;
height:auto;
margin:0 auto 5px auto;
padding: 0 5px 0 0;
}
}

@media only screen and (orientation:portrait){
.headeractueel,.headernieuws,.headeronzegemeente,.headerdiensten,.headeractiviteiten,
.headercommissies,.headertaakgroepen,.headercontact,.headermedia,.headeranbi,.headerprofiel,
.headerdeelkast,.headerkringloop,.headergospelworkshop{
position:relative;
width:100%;
min-height:45vh;
background-repeat: no-repeat;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover;
background-size: cover;
margin:0 auto 0 auto;
}
/*.headeractueel{
background-image: url(../images/containerheaders/portrait_akb.jpg);
background-position: 50% 0;
}*/
.headergospelworkshop{
background-image: url(../images/containerheaders/portrait_gospelworkshop.jpg);
background-position: 50% 50%;
}
.headeractueel{
background-image: url(../images/containerheaders/portrait_home_onderweg.jpg);
background-position: 50% 50%;
}
.headernieuws{
background-image: url(../images/containerheaders/portrait_nieuws.jpg);
background-position: 50% 100%;
}
.headeronzegemeente{
background-image: url(../images/containerheaders/portrait_onzegemeente.jpg);
background-position: 50% 20%;
}
.headerdiensten{
background-image: url(../images/containerheaders/portrait_diensten.jpg);
background-position: 50% 50%;
} 
.headeractiviteiten{
background-image: url(../images/containerheaders/portrait_activiteiten.jpg);
background-position: 50% 30%;
} 
.headercommissies{
background-image: url(../images/containerheaders/portrait_commissies.jpg);
background-position: 50% 0;
}
.headertaakgroepen{
background-image: url(../images/containerheaders/portrait_taakgroepen.jpg);
background-position: 50% 100%;
}
.headercontact{
background-image: url(../images/containerheaders/portrait_contact2.jpg);
background-position: 50% 45%;
} 
.headermedia{
background-image: url(../images/containerheaders/portrait_media.jpg);
background-position: 50% 100%;
} 
.headeranbi{
background-image: url(../images/containerheaders/portrait_anbi.jpg);
background-position: 50% 50%;
} 
.headerprofiel{
background-image: url(../images/containerheaders/portrait_profiel.jpg);
background-position: 0 100%;
} 
.headerdeelkast{
background-image: url(../images/containerheaders/portrait_deelkast.jpg);
background-position: 50% 100%;
} 
.headerkringloop{
background-image: url(../images/containerheaders/portrait_kringloop.jpg);
background-position: 50% 100%;
} 
}