html *{
margin:0;               
padding:0;
border:none;
}  
body{
background-color: #c1fd99;
} 
.actueel{
display: flex;
flex-flow:row wrap;
justify-content:center;
align-self:center;
position:absolute;
top:65px;
right:0;
left:0;
z-index:5;
height:25px;
margin:0 auto 0 auto;
padding:0;

-webkit-animation: bounceInDown 2s; 
-moz-animation: bounceInDown 2s; 
-ms-animation: bounceInDown 2s; 
-o-animation: bounceInDown 2s; 
animation: bounceInDown 2s;
}
@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.textactueel{
font-family:  "Henny Penny", serif,"Berkshire Swash", serif,Lato,Arial;
font-size: 1.1rem;
font-weight: 400;
font-style: normal;
text-align:center;
color:#000; 
padding:10px;
background: -webkit-linear-gradient(rgba(253,195,0,0.8),rgba(253,195,0,0.8)); 
background: -o-linear-gradient(rgba(253,195,0,0.8),rgba(253,195,0,0.8));      
background: -moz-linear-gradient(rgba(253,195,0,0.8),rgba(253,195,0,0.8));      
background: linear-gradient(rgba(253,195,0,0.8),rgba(253,195,0,0.8)); 
 -webkit-border-radius:25px;
-moz-border-radius:25px;
border-radius:25px;
}
 /*Begin opbouw site */
.wrapper{
position:absolute;
left:0;
right:0;
z-index:-4;
width:100%;
min-height:100vh;
background: -webkit-linear-gradient(rgba(193,253,153,1),rgba(193,253,153,1),rgba(16,103,48,1)); 
background: -o-linear-gradient(rgba(193,253,153,1),rgba(193,253,153,1),rgba(16,103,48,1));    
background: -moz-linear-gradient(rgba(193,253,153,1),rgba(193,253,153,1),rgba(16,103,48,1));          
background: linear-gradient(rgba(193,253,153,1),rgba(193,253,153,1),rgba(16,103,48,1)); 
}
.container{
display:flex;
flex-flow: row wrap;
width:100%;
height:auto;
margin:0 auto 20px auto;
}
#toggle{
display:none;
}
.containernav{
position:fixed;
top:0;
left:0;
z-index:20;
width:100%;
height:60px;
margin:0;
background: -webkit-linear-gradient(rgba(16,103,48,0.8),rgba(16,103,48,0.8)); 
background: -o-linear-gradient(rgba(16,103,48,0.8),rgba(16,103,48,0.8));   
background: -moz-linear-gradient(rgba(16,103,48,0.8),rgba(16,103,48,0.8));      
background: linear-gradient(rgba(16,103,48,0.8),rgba(16,103,48,0.8)); 
}
nav{
width:auto;
margin:15px 0 0 0;
}
nav ul{ 
display:flex;
justify-content:space-around;
align-items:center;
width:auto;
height:auto;
list-style-type:none;
margin: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: Lato,Arial;
font-size: 0.9rem;
font-weight: normal;
font-style: normal;
color: #c1fd99;
margin: 0;
padding: 5px 5px 24px 5px;
text-decoration: 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:#fdc300;  
margin:0;
padding:5px 5px 24px 5px;
border-bottom:4px solid #fdc300;
}  
header{
display:flex;
flex-flow:row wrap-reverse;
/*align-items: center;zorgt voor juiste schaling picture bij chrome 
/*align-self:flex-start;*/
width:100%;
height:auto;
margin:60px 5px auto auto;
}
.headerlogo{
display:flex;
flex-flow:row wrap;
justify-content:center;
align-items:flex-start;
position:relative;
z-index:2;
flex:1 0 20%;
height:auto;
margin:0 auto;
padding:0;
}
.headerlogotop{
width:100%;
height:auto;
margin:auto auto 0 auto;
}
.headerlogobottom{
width:100%;
height:auto;
margin:0 auto 0 auto;
}
.logo{
width:100%;
max-width:550px;
height: 100%;
margin: 0;
}
.headerpicture{
width:80%;
height:auto;
margin:auto;
padding:0;
}
.picheader{
width:100%;
margin: 0;
box-shadow:2px 2px 5px #000;
}
.beleef{
font-family:Lato, Arial;  
font-weight:bold;
font-size:1.5rem;
text-align:center;
color:#106730;
padding:0;
margin:0 0 0 20px;
text-shadow:1px 1px 2px #000;
transform:rotate(-30deg);
-moz-transform:rotate(-30deg);
-webkit-transform:rotate(-30deg);
-o-transform:rotate(-30deg);
-ms-transform:rotate(-30deg);

-webkit-animation: fade infinite 5s;
-moz-animation: fade infinite 5s;
-o-animation: fade infinite 5s;
animation: fade infinite 5s;
}

@-webkit-keyframes fade {
from {
color:#106730; 
}
50%{
color:#fdc300;
}
to {
color:#106730; 
}
}

@-webkit-keyframes fade {
from {
color:#106730; 
}
50%{
color:#fdc300;
}
to {
color:#106730; 
}
}

@-webkit-keyframes fade {
from {
color:#106730; 
}
50%{
color:#fdc300;
}
to {
color:#106730; 
}
}

main{
width:100%;
margin:0 auto auto auto;
}
.topmain{
position:relative;
width:100%;
max-width:70%;
height:40px;
margin:-44px 5px 0 auto;
background: -webkit-linear-gradient(rgba(253,195,0,0.8),rgba(253,195,0,0.8)); 
background: -o-linear-gradient(rgba(253,195,0,0.8),rgba(253,195,0,0.8));      
background: -moz-linear-gradient(rgba(253,195,0,0.8),rgba(253,195,0,0.8));      
background: linear-gradient(rgba(253,195,0,0.8),rgba(253,195,0,0.8)); 
 -webkit-border-radius:25px 25px 0 0;
-moz-border-radius:25px 25px 0 0;
border-radius:25px 25px 0 0;
}
h2.title{ 
position:absolute;
left:0;
right:0;
font-family:Lato, Arial;
font-size:1.5rem;
text-align:center;
color:#106730; 
margin:auto auto 20px auto;
padding:5px 0 15px 0;
}
.mainin{
display:flex;
flex-flow:row wrap-reverse;
width:100%;
margin:0 auto 0 auto;
padding:0;
}
.mainleftpictures{
display:flex;
flex-flow:row wrap;
width:100%;
height:auto;
max-width:28%;
margin:20px auto auto 0;
padding:0 5px 0 5px;
}
.imgleftpicone{
width:100%;
max-width:270px;
height:auto;
margin:0 auto 10px auto;
padding:5px 0 0 5px;
border-top:3px double #fffdd0;
border-left:3px double #fffdd0;
}
.imgleftpictwo{
width:100%;
max-width:270px;
height:auto;
margin:0 auto 10px auto;
padding:0 5px 5px 0;
border-right:3px double #fffdd0;
border-bottom:3px double #fffdd0;
}
.mainrighttext{
display:flex;
flex-flow:row wrap;
align-items:flex-end;
position:relative;
width:100%;
max-width:70%;
height:auto;
margin:0 5px auto auto;
padding:0 0 20px 0;
background-color: #fffdd0;
 -webkit-border-radius:0 0 25px 25px;
-moz-border-radius:0 0 25px 25px;
border-radius:0 0 25px 25px;
box-shadow:2px 2px 5px #000;
}
.welkomkoptext{ 
font-family:Lato, Arial;
font-size:1.2rem;
font-weight:bold;
color:#000;
margin:2px auto 0 0;
padding:0 0 15px 0;
}
.welkomtext{
font-family:Lato, Arial;
font-size:1.2rem;
font-weight:bold;
width:100%;
margin:0 auto 30px auto;
}
.text{
width:90%;
font-family:Lato,Arial;
font-weight:normal;
font-size:1.1rem;
color:#000;
margin:20px auto 20px auto;
padding:0 10px 0 10px;
}
.split{
display:flex;
flex-flow:row wrap;
width:100%;
}
.textleft{
width:50%;
}
.textright{
width:50%;
}
hr{
width:100%;
max-width:90%;
border-bottom:1px solid #106730;
margin:auto;
}
.mainundertext{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
align-items:center;
width:100%;
font-family:Lato, Arial;
font-size:1.2rem;
font-weight:bold;
margin:5px auto auto auto;
}
.mainundermain{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
align-items:center;
width:100%;
font-family:Lato, Arial;
font-size:1.2rem;
font-weight:bold;
margin:20px auto auto auto;
}
a.in, a:link.in, a:visited.in, a:active.in{
display:inline-block;
font-family:Lato,Arial;
font-size:1em;
padding:0;
margin:0;
color:#000; 
text-decoration:none;
}
a:hover.in{
margin:0;
color:#ff0000;
text-decoration:none;
outline-style:none;
}
a.inlink, a:link.inlink, a:visited.inlink, a:active.inlink{
display:inline-block;
font-family:Lato,Arial;
font-size:1em;
padding:0;
margin:0;
color:#000; 
text-decoration:none;
}
a:hover.inlink{
margin:0;
color:#ff0000;
text-decoration:none;
outline-style:none;
}
a.inlink::after{
position:absolute;
content:">";
margin:2px 0 0 5px;
}
a:hover.inlink::after{
position:absolute;
content:">>";
margin:2px 0 0 5px;
}
img.undernpdsh{
width:100%;
max-width:125px;
}
img.undersalland{
width:100%;
max-width:110px;
}
img.underrustpunt{
width:100%;
max-width:125px;
}
img.undersvr{
width:100%;
max-width:125px;
}
img.underrh{
width:100%;
max-width:135px;
}
img.underpromo{
display:flex;
flex:row;
justify-content:center;
width:100%;
max-width:75%;
margin:0 auto 5px auto;
}
.telmobiel{
display:none;
}
.teldesktop{
display:inline-block;
}
.mail{
font-family:Lato,Arial;
font-size:1.1em;
font-weight:normal;
color:#000;
text-decoration:none; 
}
.mail:hover{
color:#ff0000;
}
ul,ol{
list-style-type:none; 
margin: auto auto auto 15px;
}
ul.tarieven{
list-style-type: disc;
margin: auto auto auto 15px;
}
li{
padding:0 0 3px 0;
}
ul.naw{
list-style-type:none;
font-family:Lato,Arial;
font-size:1em;
font-weight:normal;
color:#000;
margin:0;
}
li.one{
background-image: url(../images/picto/t.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 20px;
}
li.two{
background-image: url(../images/picto/e.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 25px;
}
li.three{
background-image: url(../images/picto/f.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 25px;
}
.iframeboxsolo{
display:flex;
justify-content:center;
width:100%;
height:auto;
margin:20px auto auto auto;
}
span{
position:absolute;
z-index:10;
width:auto;
height:auto;
font-weight:bold;
font-size:1.2rem;
text-align:center;
color:#106730;
margin:-25px auto 0 auto;
}
.spandelen{
position:absolute;
z-index:10;
width:auto;
height:auto;
font-family:Lato;
font-size: 0.8rem;
font-style:italic;
margin:0 auto 0 auto;
}
a.delen, a:link.delen, a:visited.delen, a:active.delen{
display:block;
font-family:Lato;
font-size: 1rem;
font-weight:normal;
color:#000;
padding:5px 20px 5px 20px;
margin:0 auto 0 auto;
text-decoration: none;
background-color: #fdc300;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px; 
}
a:hover.delen{
color:#ff0000;
}
a:hover.delen::after{
position:absolute;
top:6px;
right:8px;
content:'>';
color:#ff0000;
}
.klik{
font-family:Lato,Arial;
font-size:0.9rem;
font-weight:bold;
color:#000;
padding:0;
margin:0;
}
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 0 0;
padding: 0;
}
.alignright{
float:right;
}
.alignleft{
float:left;
}
img.feestdagen{
display:flex;
width:100%;
max-width:450px;
height: auto;
margin:0 auto 10px auto;
}
img.plattegrond{
display:flex;
width:100%;
max-width:800px;
height: auto;
margin:0 auto 10px auto;
}
img.evenementen{
display:flex;
width:100%;
max-width:500px;
height: auto;
margin:0 auto 10px auto;
}
.imgbox{
display:flex;
flex-flow:row wrap;
justify-content:center;
align-items:center;
width:100%;
padding:10px 0 10px 0;
}
img.yt{
width:100%;
max-width:350px;
height:auto;
margin:0 auto;
padding:0 2px 0 0;
}
.ytbox{
width:100%;
max-width:350px;
height:auto;
margin:20px auto 45px auto;
}
img.bekijken{
position:absolute;
width:100%;
max-width:190px;
height:auto;
margin:0px 0 0 0;
padding:0;
}
.bekijken{
position:absolute;
z-index:15;
width:100%;
max-width:190px;
height:auto;
margin:-47px auto 0 auto;
}
.foto{
width:100%;
max-width:150px;
height:auto;
margin:0 auto;
padding:0 2px 0 0;
border:2px solid #fff;
}
.fotoplekken{
width:100%;
max-width:250px;
height:auto;
margin:0 5px 15px auto;
padding:0 2px 0 0;
}
.span_media{    
display:flex;
position:absolute;
font-family:Lato,Arial;
font-size:0.9rem;
font-weight:bold;
font-style:italic;
color:#000;
padding:0;
margin:-225px 0 0 15px;
text-decoration:none;  
}
.hiddencontainer{
display:none;
}
.containerpaneel{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:flex-start;
width:100%;
height:auto;
margin:10px 0 0 0;
}
.paneelbox{
width:auto;
height:auto;
margin:0 10px 10px 0;
}
img.paneelpic{
display:flex;
width:100%;
max-width:1024px;
height:auto;
border:4px double #fdc300;
}
img.paneelpic:hover{
display:flex;
width:100%;
max-width:1024px;
height:auto;
border:4px solid #106730;
}
.overlay{
position:relative;
width:auto;
height:auto;
z-index:10;
margin: 0;
padding:0;
}
.spanpaneel{
position:absolute;
bottom:0;
width:100%;
max-width:1024px;
height:100%;
z-index:50;
margin: 0;
padding:0 6px 0 0;
opacity:0;
}
.spanpaneel:hover{
position:absolute;
width:100%;
max-width:1024px;
height:100%;
z-index:50;
margin:0;
padding:0 6px 0 0;
opacity:1;

-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;
}
}
.infopaneel,.textspan{    
font-family:Lato,Arial;
font-size:1rem;
font-weight:bold;
font-style:normal;
text-align:center;
color:#000;
padding:0;
margin:0;
}
.textspan{
margin:0 0 0 7px;
text-decoration:none;  
outline-style:none; 
background-color: #fffdd0;
}
a.infp, a:link.infp, a:visited.infp, a:active.infp{
font-style:normal;
text-decoration:none;  
outline-style:none; 
}
html, body{
height:auto;
overflow:auto;
}  
@media only screen and (min-width: 1280px) and (max-width: 2560px){
main{
width:90%;
margin:0 auto auto auto;
}
}
@media only screen and (min-width: 640px) and (max-width: 900px){
header{
width:100%;
}
.headerlogo{
margin:-120px 0 auto auto;
padding:0;
}
.headerlogotop{
display:flex;
justify-content:flex-end;
width:100%;
height:auto;
margin:50px 0 0 auto;
}
.headerlogobottom{
display:flex;
justify-content:flex-start;
width:100%;
margin:-120px auto 0 0;
}
.logo{
width:100%;
max-width:200px;
margin:0;
}
.beleef{
font-size:1rem;
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none;
}
.headerpicture{
width:100%;
height:auto;
margin:0 auto 0 auto;
padding:0;
}
main{
width:100%;
margin:-95px auto 20px auto;
}
.topmain{
width:100%;
max-width:100%;
margin:-40px 0 0 auto;
}
.mainleftpictures{
display:flex;
flex-flow:row;
justify-content:space-around;
width:100%;
max-width:100%;
height:auto;
margin:20px auto auto auto;
padding:0 5px 0 5px;
}
.mainrighttext{
width:100%;
max-width:100%;
height:auto;
margin:0;
padding:0 0 20px 0;
}
.text{
width:100%;
margin:60px auto auto auto;
}
.telmobiel{
display:block;
}
.teldesktop{
display:none;
}
li.one{
background-image: url(../images/picto/t.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 10px;
}
li.two{
background-image: url(../images/picto/e.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 25px;
}
}
@media only screen and (min-width: 900px) and (max-width: 1152px){
span{
margin:-25px auto 0 auto;
}
.spandelen{
margin:0 auto;
}
img.yt{
width:100%;
max-width:560px;
height:auto;
margin:0 auto;
padding:0;
}
.ytbox{
width:100%;
max-width:560px;
margin:20px auto 45px auto;
}
}
@media only screen and (min-width: 640px) and (max-width: 740px){
span{
margin:-25px auto 0 auto;
}
.spandelen{
margin:0 auto;
}
img.yt{
width:100%;
max-width:560px;
height:auto;
margin:0 auto;
padding:0;
}
.ytbox{
width:100%;
max-width:560px;
margin:20px auto 45px auto;
}
}
@media only screen and (min-width: 460px) and (max-width: 640px){
h2.title{ 
position:absolute;
left:0;
right:0;
font-family:Lato, Arial;
font-size:1.5rem;
text-align:center;
color:#106730; 
margin:2px auto 20px auto;
padding:0 0 15px 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 459px){
h2.title{ 
position:none;
font-family:Lato, Arial;
font-size:1.2rem;
color:#106730; 
text-align:center;
margin:2px auto 20px -45px;
padding:0 0 15px 0;
}
}
@media only screen and (min-width: 240px) and (max-width: 640px){
nav{
display:none;
}
html *{
margin:0px;               
padding:0px;
border:none;
} 
.actueel{
top:35px;
}
.container{
flex-direction:row;
flex-wrap:wrap;
width:100%;
}
.containernav{
position:relative;
top:0;
right:0;
z-index:20;
width:100%;
height:15px;
margin:-15px 0 0 0;
background:none;
}
#toggle{
display:block;
position:absolute;
right:0;
top:15px;
z-index:20;
width:100%;
height:25px;
margin:0;
padding:5px;
color:#c1fd99;
cursor: pointer; 
background: -webkit-linear-gradient(rgba(16,103,48,1),rgba(16,103,48,1)); 
background: -o-linear-gradient(rgba(16,103,48,1),rgba(16,103,48,1));   
background: -moz-linear-gradient(rgba(16,103,48,1),rgba(16,103,48,1));      
background: linear-gradient(rgba(16,103,48,1),rgba(16,103,48,1));
}
#toggle:hover{
color:#fdc300;
}
i{
position:absolute;
right:20px;
z-index:20;
}
nav{
position:relative;
top:50px;
width:100%;
height:auto;
margin:0;
padding:10px 0 20px 0;
background: -webkit-linear-gradient(rgba(16,103,48,0.9),rgba(16,103,48,0.9)); 
background: -o-linear-gradient(rgba(16,103,48,0.9),rgba(16,103,48,0.9));   
background: -moz-linear-gradient(rgba(16,103,48,0.9),rgba(16,103,48,0.9));      
background: linear-gradient(rgba(16,103,48,0.9),rgba(16,103,48,0.9)); 
}
nav ul{ 
flex-direction:column;
margin:0;  
padding:5px!important;  
text-align:center;
list-style-type:none;
}
nav ul li{
margin:5px 0 0 0;
padding: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:Lato,Arial;
font-size:0.9rem !important; 
font-weight: normal;
font-style: normal;
color: #c1fd99;  
margin:0;
padding:5px 0 0 0!important;   
text-decoration:none;
border-bottom:2px 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{  
display:block!important;
color:#fdc300;  
margin:0;
padding:5px 0 0 0!important;   
border-bottom:2px solid #fdc300;
}   
header{
width:100%;
margin:35px auto 0 auto;
}
.headerlogo{
margin:-80px 0 auto auto;
padding:0;
}
.headerlogotop{
display:flex;
justify-content:flex-end;
width:100%;
height:auto;
margin:0 0 0 auto;
}
.headerlogobottom{
display:flex;
justify-content:flex-start;
width:100%;
margin:-70px auto 0 -10px;
}
.logo{
width:100%;
max-width:150px;
margin:0;
}
.beleef{
font-size:1rem;
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none;
}
.headerpicture{
width:100%;
height:auto;
margin:0 auto 0 auto;
padding:0;
}
main{
width:100%;
margin:-45px auto auto auto;
}
.topmain{
width:100%;
max-width:100%;
margin:-40px 0 0 auto;
}
.mainleftpictures{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
width:100%;
max-width:100%;
height:auto;
margin:20px auto auto auto;
padding:0 5px 0 5px;
}
.mainrighttext{
width:100%;
max-width:100%;
height:auto;
margin:0;
padding:0 0 20px 0;
}
.text{
width:100%;
margin:60px auto 20px auto;
}
.imgleftpicone,.imgleftpictwo{
width:100%;
max-width:150px;
}
.split{
display:flex;
flex-flow:row wrap;
width:100%;
font-family:Lato,Arial;
font-weight:normal;
font-size:0.9rem;
}
hr{
width:100%;
max-width:90%;
border-bottom:1px solid #106730;
margin:auto;
}
img.undernpdsh{
width:100%;
max-width:90px;
}
img.undersalland{
width:100%;
max-width:90px;
}
img.underrustpunt{
width:100%;
max-width:90px;
}
img.undersvr{
width:100%;
max-width:90px;
}
img.underrh{
width:100%;
max-width:100px;
}
ul,ol{
margin: auto auto auto 15px;
}
.telmobiel{
display:block;
}
.teldesktop{
display:none;
}
li.one{
background-image: url(../images/picto/t.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 10px;
}
li.two{
background-image: url(../images/picto/e.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 25px;
}
li.three{
background-image: url(../images/picto/f.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 25px;
}
.fotoplekken{
width:100%;
max-width:150px;
height:auto;
margin:0 5px 15px auto;
padding:0 2px 0 0;
}
.span_media{    
margin:-150px 0 0 15px;
}
span{
margin:-25px auto 0 auto;
}
.spandelen{
margin:0 auto;
}
img.yt{
width:100%;
max-width:560px;
height:auto;
margin:0 auto;
padding:0;
}
.ytbox{
width:100%;
max-width:560px;
margin:20px auto 45px auto;
}
.foto{
width:100%;
max-width:125px;
}
}