html *{
margin:0;               
padding:0;
border:none;
}  
body{          
font-family: 'Grandstander', cursive;                                      
background-color: #fff;
color:#000; 
}
.jubileum{
width:auto;
height:auto;
background-image: url(../images//jubileum/ag_jubileum.png);
background-position: 50% 30%;
background-repeat: no-repeat;
-webkit-background-size: contain; 
-moz-background-size: contain; 
-o-background-size: contain;
background-size: contain;
margin:0;
}
/* begin jarallax*/

.jarallax {
position: relative;
z-index: 0;
min-height: 600px;
}
.videojarallax{
flex:100%;
margin:auto;
}
.randtopvideobetween{
position:absolute;
z-index:22;
width:100%;
height:20px;
background-image: url(../images/randenvideo/randtop_video.png);
background-position: 0 0;
background-repeat: repeat-x;
margin:-3px 0;
}
.randbottomvideobetween{
position:relative;
z-index:22;
width:100%;
height:20px;
margin:-18px 0 25px 0;
background-image: url(../images/randenvideo/randbottom_video.png);
background-position: 0 0;
background-repeat: repeat-x;
}
/* end  jarallax*/

/* begin site*/
.page{
display:flex;
flex-direction:column;
/*flex-direction:row;
flex-wrap:wrap;*/
position:relative;
width:100%;
/*min-height:100vh;*/
height:auto;
margin:auto;
padding:0 0 40px 0;
background-color:#f5f5f5;
}
/* top, logo en header*/
.topbar{
display:flex;
flex-direction:row;
width:100%;
height:50px;
padding-bottom:10px;
background-color: #f4c245;
}
.topbarrv_left{
width:170px;
height:45px;
background-image: url(../images/rookvrij/rookvrij_small.png);
background-position: 0 0;
background-repeat: no-repeat;
margin:5px auto auto 15px;
}
.topbar_middle{
display:flex;
position:relative;
margin:auto;

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

@-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;
  }
}
.toptext{
font-family: 'Grandstander', cursive;
font-size:1.5rem;
font-weight:600;
text-align:center;
color:#fff;
margin: 40px auto auto auto;
padding:5px 10px 5px 10px;
background-color: #e30613;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
-moz-transform:rotate(-2deg);
-webkit-transform:rotate(-2deg);
-o-transform:rotate(-2deg);
transform:rotate(-2deg);
}
.topbarsocmed_right{
margin:auto 15px auto auto;
}
.topbarface,.topbarinstagram,.topbarroute,.topbarlaadpaal{
display:inline-block;
width:20px;
height:20px;
margin:0;
padding:0;
}
.logobar{
display:flex;
flex-flow:row wrap;
width:100%;
height:150px;
padding:5px 0 5px 0;
background-color: #fff;
background-image: url(../images/logo/zilver.jpg);
background-position: 98% 30px;
background-repeat: no-repeat;
background-size:92px 100px;
}
.logocontainer{
display:flex;
justify-content:center;
align-items:center;
width:100%;
max-width:30%;
}
img.logo{
width:100%;
max-width:150px;
z-index:0;
height:auto;
margin:auto;

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

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

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

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

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

.textcontainer{
display:flex;
justify-content:center;
align-items:center;
width:100%;
max-width:70%;
height:100%;
padding:0;
opacity:1;
/*padding:40px 0 10px 0;*/
}
.titlesite{
font-family: 'Grandstander', cursive;
font-size:2.3rem;
font-weight: 900;
text-align-center;
text-transform:uppercase;
margin:auto;
}
.speelboerderij{
display:inline-block;
color:#e30613;

-webkit-animation: Color 4s; 
-moz-animation: Color 4s; 
-ms-animation: Color 4s; 
-o-animation: Color 4s; 
animation: Color 4s;
}

@-webkit-keyframes Color {
  0% {
    color:#ff0000;
  }
  25% {
    color:#ff0000;
  }
  50% {
   color:#000; 
  }
  75% {
   color:#000; 
  }
  100% {
   color:#f4c245;
  }
}

@keyframes Color {
   0% {
    color:#ff0000;
  }
  25% {
    color:#ff0000;
  }
  50% {
   color:#000; 
  }
  75% {
   color:#000; 
  }
  100% {
   color:#f4c245;
  }
}

.dondertman{
display:inline-block;
color:#0f427f;
-webkit-animation: Color2 4s; 
-moz-animation: Color2 4s; 
-ms-animation: Color2 4s; 
-o-animation: Color2 4s; 
animation: Color2 4s;  
}

@-webkit-keyframes Color2 {
  0% {
    color:#ff0000;
  }
  25% {
    color:#ff0000;
  }
  50% {
   color:#000; 
  }
  75% {
   color:#000; 
  }
  100% {
   color:#0f427f;
  }
}

@keyframes Color2 {
  0% {
    color:#ff0000;
  }
  25% {
    color:#ff0000;
  }
  50% {
   color:#000; 
  }
  75% {
   color:#000; 
  }
  100% {
   color:#0f427f;
  }
}

header{
display:flex;
flex-flow:row wrap;
align-items: center;/* zorgt voor juiste schaling picture bij chrome */
position:relative;
width:100%;
max-width:100%;
height:auto;
margin:0 auto 0 auto;
background: -webkit-linear-gradient(rgba(255,255,255,1),rgba(245,245,245,0)); 
background: -o-linear-gradient(rgba(255,255,255,1),rgba(245,245,245,0));  
background: -moz-linear-gradient(rgba(255,255,255,1),rgba(245,245,245,0));      
background: linear-gradient(rgba(255,255,255,1),rgba(245,245,245,0));
}

.picheader{
display:flex;
justify-content:center;
width:100%;
max-width:2560px;
margin:auto;
/*-webkit-border-radius:0 0 50px 0;
-moz-border-radius:0 0 50px 0;
border-radius:0 0 50px 0;*/
}
.headerrighttext{
position:absolute;
right:8%;
bottom:0;
z-index:5;
width:auto;
height:auto;
font-family: 'Grandstander', cursive; 
font-size:1.2rem;
font-weight:600;
color:#fff;
text-align:center;
padding:5px 10px 5px 10px;
margin:auto;
background-color: #e94279;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;

-moz-transform:rotate(5deg);
-webkit-transform:rotate(5deg);
-o-transform:rotate(5deg);
transform:rotate(5deg);	
}
.captionbg{
display:flex;
flex:row;
justify-content:flex-start;
position:absolute;
z-index:5;
width:70%;
bottom:10px;
/*margin:-25px auto 10px auto;*/
-moz-transform:rotate(-4deg);
-webkit-transform:rotate(-4deg);
-o-transform:rotate(-4deg);
transform:rotate(-4deg);
}
.caption{
width:auto;
height:auto;
font-family: 'Grandstander', cursive; 
font-size:1.2rem;
font-weight:600;
text-align:center;
color:#000;
margin:auto auto auto 5px;
padding:5px 10px 5px 10px;
background-color: #f4c245;
-webkit-border-radius:50px ;
-moz-border-radius:50px;
border-radius:50px;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.kerst{
position:absolute;
right:1%;
top:5%;
width:100%;
max-width:500px;
height:auto;
text-align: center;
font-family: 'Grandstander', cursive; 
font-size:2rem;
font-style:italic;
color:#fff;
padding:10px 10px 0 10px;
/*opacity:1;*/

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

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

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

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

@keyframes opacityreuring{
from {
opacity:0.2;
}
to {
opacity:1;
}
}
.row_section{
display:flex;
flex-flow: row wrap;
justify-content:center;
align-items:flex-start;
width:90%;
height:auto;
margin:10px auto 10px auto;
}
.row_section_bestel,.row_section_actueel,.row_section_goedomteweten,.row_section_titletext,.row_section_roleft_titletext,.row_section_melding{
font-family: 'Grandstander', cursive; 
font-size:1.5rem;
font-weight:600;
text-align:center;
color:#fff;
margin:0 auto;
padding:5px 10px 5px 10px;
background-color: #2cb7b2;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
-moz-transform:rotate(3deg);
-webkit-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.row_section_bestel{
margin:30px auto;
}
.row_section_actueel{
margin:0 auto 30px auto;
background-color: #e30613;
-moz-transform:rotate(-3deg);
-webkit-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.row_section_titletext{
margin:0 auto 20px auto;
background-color: #f4c245;
-moz-transform:rotate(2deg);
-webkit-transform:rotate(2deg);
-o-transform:rotate(2deg);
transform:rotate(2deg);
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.row_section_roleft_titletext{
margin:0 auto 20px auto;
background-color: #e30613;
-moz-transform:rotate(-2deg);
-webkit-transform:rotate(-2deg);
-o-transform:rotate(-2deg);
transform:rotate(-2deg);
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.row_section_goedomteweten{
margin:20px auto 30px auto;
}
.row_section_melding{
font-family: 'Grandstander', cursive; 
font-size:1.2rem;
font-weight:600;
text-align:center;
color:#000;
margin:30px auto 0 auto;
padding:5px 10px 5px 10px;
background-color:#f5f5f5;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
-moz-transform:rotate(0deg);
-webkit-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
box-shadow: none;
}
/* end top, logo en header*/

/*navigatie*/
.containernav{
position: -webkit-sticky;  /*Safari */
position:sticky;
top:0;
left:0;
z-index:65;
width:100%;
height:40px;
margin:0;
background-color: #fff;
}
nav ul li a.topno::after{
display:inline-block;
position:absolute;
top:12px;
content: '>';
color:#000;
font-size:15px;
padding:0 0 0 10px;
}
nav ul li a.topno:hover::after,
nav ul li a.currenttopno::after{
display:inline-block;
position:absolute;
top:6px;
content: '>';
color:#ff0000;
font-size:15px;
padding:0 0 0 10px;
-moz-transform:rotate(450deg);
-webkit-transform:rotate(450deg);
-o-transform:rotate(450deg);
transform:rotate(450deg);
}
nav{ 
height:55px;
margin:0;
padding:0;
}
nav ul{ 
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
padding:0;
margin: 0;
list-style-type: none;
}
nav ul li{
width:auto; 
margin:0;
padding:0; 
}    
nav li ul{
display: none;  
position:absolute;
height:auto;
width:auto;
min-width: 170px;
top:40px;
z-index:15;
margin:0;
padding:5px 10px 5px 10px;
background-color: #fff;
}           
nav ul li a.top, nav ul li a:link.top, nav ul li a:visited.top, nav ul li a:active.top,
nav ul li a.topno, nav ul li a:link.topno, nav ul li a:visited.topno, nav ul li a:active.topno{  
display:block;
font-family: 'Grandstander', cursive; 
font-size:1rem;
font-weight:400;
margin:0;
padding:10px 20px 14px 10px; 
color:#000; 
text-decoration:none;  
outline-style:none;  
border-top:1px solid transparent;
}      
nav ul li a.top:hover, nav ul li a:link.top:hover, nav ul li a:visited.top:hover, nav ul li a:active.top:hover,
nav ul li a.topno:hover, nav ul li a:link.topno:hover, nav ul li a:visited.topno:hover, nav ul li a:active.topno:hover{  
display:block;
font-family: 'Grandstander', cursive; 
font-size:1rem;
font-weight:400;
margin:0;
padding:10px 20px 14px 10px;
color:#e30613; 
text-decoration:none;  
outline-style:none;  
border-top:1px solid #e30613;
}
nav ul li a.menu, nav ul li a:link.menu, nav ul li a:visited.menu, nav ul li a:active.menu{	
display:block;
color: #000;
font-family: 'Grandstander', cursive; 
font-size:1rem;
font-weight:400;
text-align:left;
margin:0;
padding:5px 10px 5px 10px;!important; 
text-decoration:none;	
outline-style:none;	  
}
nav ul li a:hover.top, nav ul li a:hover.topno, nav ul li a:hover.menu{  
display:block;    
color:#e30613;      
}
nav li:hover ul{ 
display:block; 
/*display: flex;
flex: row;*/

-webkit-backface-visibility: hidden;
-webkit-animation: fadein 1.5s; 
-moz-animation: fadein 1.5s;
-ms-animation: fadein 1.5s; 
-o-animation: fadein 1.5s;
animation: fadein 1.5s;
}

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

@-moz-keyframes fadein {
from { 
opacity: 0; 
}
to { 
opacity:1;
}
}

@-webkit-keyframes fadein {
from { 
opacity: 0; 
}
to { 
opacity:1;
}
}


@-ms-keyframes fadein {
from { 
opacity: 0; 
}
to { 
opacity:1;
}
}


@-o-keyframes fadein {
from { 
opacity: 0; 
}
to { 
opacity:1;
}
}

nav ul li a.current, nav ul li a:link.current, nav ul li a:visited.current, nav ul li a:active.current,
nav ul li a.currenttopno, nav ul li a:link.currenttopno, nav ul li a:visited.currenttopno, nav ul li a:active.currenttopno{    
display:block;    
color:#e30613;   
font-family: 'Grandstander', cursive; 
font-size:1rem;
font-weight:400;
text-align:left;
padding:10px; 
text-decoration:none;  
outline-style:none;    
border-top:1px solid #e30613;
}  
nav ul li a.menu:hover,
nav ul li a.currentmenu, nav ul li a:link.currentmenu, nav ul li a:visited.currentmenu, nav ul li a:active.currentmenu{    
display:block;    
color:#e30613;   
font-family: 'Grandstander', cursive; 
font-size:1rem;
font-weight:400;
text-align:left;
padding:5px 10px 5px 10px;!important; 
text-decoration:none;  
outline-style:none;   
background-color: #f5f5f5; 
}
#toggle{
display:none;
}
/* end navigatie*/

/*middenstuk*/
.middle{
display:flex;
width:100%;
margin:0;
padding:0;
}
main{
display:flex;
flex-flow:row wrap;
justify-content:center;
width:100%;
max-width:95rem;
font-size:1.2rem;
color:#000;
margin:20px auto auto auto;
/*background-image: url(../images/textpic/ebt/voetstappenebt.png);
background-position: 0 0;
background-repeat: no-repeat;*/
}
.text{
width:100%;
margin:10px auto auto auto;
padding:10px 20px 0 20px;
}
/* end middenstuk*/

/* block voor online registreren en voor news*/
.rowblock{
display:flex;
flex-flow: row wrap;
justify-content:space-around;
width:100%;
margin:0 auto 0 auto;
padding:0;
}
.block{
display:flex;
flex-direction:column;
width:100%;
max-width:225px;
font-family: 'Grandstander', cursive; 
font-weight:400;
font-size:0.8rem;
text-align:center;
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;
}
img.blockpic{
width:100%;
max-width:200px;
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);
}
h2.titleblock_entree{ 
font-family: 'Grandstander', cursive; 
font-weight:600;
font-size:1rem;
font-weight:bold;
color:#0f427f;
margin:15px 0 5px 0;
}
h2.titleblock{ 
font-family: 'Grandstander', cursive; 
font-weight:600;
font-size:1rem;
font-weight:bold;
color:#e30613;
margin:15px 0 5px 0;
}
.blocklinks{
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: 'Grandstander', cursive; 
font-weight:400;
font-size:0.8rem!important;      
font-weight:normal;  
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 0 0 0;
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: 'Grandstander', cursive; 
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*/
/* splitscreen voor news */
.splitnews{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
width:100%;
}
.splitnewsleft,.splitnewsright{
display:flex;
flex-flow:row nowrap;
width:100%;
max-width:750px;
/*margin:auto auto 20px auto;*/
padding:0;
}
.splitnewsleft{
margin:auto auto 20px 0;
padding:0;
}
.splitnewsright{
margin:auto 0 20px auto;
padding:0;
}
.leftnews,.rightnews,.leftnewstext,.rightnewstext{
width:100%;
padding:0;
}
.rightnewstext,.rightnews{
position:relative;
z-index:4;
/*margin:auto auto 0 -100px;*/
margin:auto auto auto -100px;
}
.leftnewstext{
position:relative;
z-index:5;
/*margin:auto auto 0 auto;*/
margin:auto;
}
h2.newskop{ 
font-family: 'Grandstander', cursive; 
font-weight:600;
font-size:1.5rem;
text-align:center;
color:#000;
margin:10px 0 5px 0;
}  
.textnews{
flex:0 1 90%;
height:auto;
font-family: 'Grandstander', cursive; 
font-weight:400;
font-size:1rem;
font-weight:normal;
text-align:center;
color:#000;
margin:auto auto 20px auto;
padding:10px;
/*background-color: #fff;*/

background: -webkit-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)); 
background: -o-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8));
background: -moz-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8));    
background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8));
}
img.news{
display:flex;
width:100%;
max-width:500px;
height:auto;
margin: 0 ;
-moz-animation: scale 3s; /* Firefox */
-ms-animation: scale 3s; /* Internet Explorer */
-o-animation: scale 3s; /* Opera */
-webkit-animation: scale 3s;  /*Safari and Chrome */
animation: scale 3s;

box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

 @keyframes scale {
from { 
  -webkit-transform: scale(0.8,0.8);
  -moz-transform: scale(0.8,0.8);
  -o-transform: scale(0.8,0.8);
  -ms-transform: scale(0.8,0.8);
    transform: scale(0.8,0.8);
}
to { 
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
    transform: scale(1,1);
}
}

@-webkit-keyframes scale {
from { 
  -webkit-transform: scale(0.8,0.8);
  -moz-transform: scale(0.8,0.8);
  -o-transform: scale(0.8,0.8);
  -ms-transform: scale(0.8,0.8);
    transform: scale(0.8,0.8);
}
to { 
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
    transform: scale(1,1);
}
}
.overlaynews{
position:relative;
width:100%;
max-width:500px;
height:auto;
z-index:2;
margin:0 ;
padding:0;
}
.titlenews{
display:flex;
justify-content:center;
align-items:center;
position:absolute;
top:0;
z-index:5;
width:100%;
height:100%;
font-family: 'Grandstander', cursive; 
font-weight:600;
font-size:1.2rem;
color:#000;
margin: 0 auto;
opacity:0;
text-shadow:1px 1px 2px #000;
}      
.titlenews:hover{
opacity: 0.9; 
font-size:1.2rem;
color:#000;
background-color:#f6f6f6; 
-webkit-animation: fadenieuws 1s; /* Safari and Chrome */
-moz-animation: fadenieuws 1s; /* Firefox */
-ms-animation: fadenieuws 1s; /* Internet Explorer */
-o-animation: fadenieuws 1s; /* Opera */
animation: fadenieuws 1s;
}      
 @keyframes fadenieuws {
from { 
opacity: 0.3; 
}
to { 
opacity: 0.9; 
}
}


@-moz-keyframes fadenieuws {
from { 
opacity: 0.3;
}
to   { 
opacity: 0.9;  
}
}


@-webkit-keyframes fadenieuws {
from { 
opacity: 0.3;
}
to   { 
opacity: 0.9; 
}
}

@-ms-keyframes fadenieuws {
from { 
opacity: 0.3; 
}
to   { 
opacity: 0.9; 
}
}


@-o-keyframes fadenieuws {
from { 
opacity: 0.3;
}
to   { 
opacity: 0.9; 
}
} 
.linksnews{
width:100%;
height:auto;
text-align:center;
margin:10px auto auto auto;
}
a.news, a:link.news, a:visited.news, a:active.news{
display:inline-block;
width:auto;
font-family: 'Grandstander', cursive; 
font-weight:400;
font-size:0.8rem;      
font-weight:bold;  
color:#fff;
text-transform: uppercase;
margin:5px auto 0 auto;
padding:5px 35px 5px 35px;
text-decoration:none;
outline-style:none;
background-color: #e30613;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
}
a:hover.news{
color:#fff;
margin:5px auto 0 auto;
padding:5px 35px 5px 35px;
background-color: #0f427f;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
}
a:hover.news::after{
content:'>';
position:absolute;
margin:1px 0 0 5px;
}
.fbleft a{
margin: auto;
}
.fbright a{
position:absolute;
left:35%;
bottom:41%;
width:150px;
height:40px;
transform: rotate(4deg);
}
/*end news*/


/*splitscreen voor openingstijden en speelboerderij*/
.splitunder{
display:flex;
flex-flow:row wrap;
width:100%;
height:auto;
margin:auto;
padding:0;
background-image: url(../images/footer/boermetbord.png);
background-position: 50% 50%;
background-repeat: no-repeat;
}
.leftunder, .rightunder{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
width:500px;
min-height:250px;
margin:auto /*auto auto 10px*/;   
padding:0; 
-webkit-transform: rotate(2deg);
-moz-transform: rotate(2deg);
-o-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
}
.rightunder{
margin:auto/*10px auto auto*/;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-o-transform: rotate(-2deg);
-ms-transform: rotate(-2deg);
transform: rotate(-2deg);
}
.kopunder{
display:flex;
justify-content:center;
align-items:center;
width:100%;
margin:10px auto 10px auto;
}
.koptextunder{
font-family: 'Grandstander', cursive; 
font-weight:600;
font-size:1.3rem;
/*text-transform: uppercase;*/
color:#fff;
padding:10px;
background-color: #e30613;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;   
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
ul.kbleft,ul.kbright{
min-width:250px;
font-family: 'Grandstander', cursive; 
font-weight:400;
font-size:1rem;
color:#fff;
margin:auto;
padding:0;  
list-style-type:none;  
}
/*ul.kbright{
min-width:250px;
font-size:1.1rem;
color:#fff;
margin:auto;
padding:0;  
list-style-type:none;  
}*/
li.kbleft,li.kbright{
text-align:center;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;   
margin:10px auto 5px auto;
padding:5px 0 5px 0;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
ul.kbleft li:nth-child(1){
width:150px;
background-color: #f4c245;
}
ul.kbleft li:nth-child(2){
width:130px;
margin-left:50px;
background-color: #0f427f; 
}
ul.kbleft li:nth-child(3){
width:130px;
margin-left:70px;
background-color: #e30613;
}
ul.kbleft li:nth-child(4){
width:150px;
background-color: #2cb7b2;  
}
ul.kbleft li:nth-child(5){
width:110px;
margin-left:30px;
background-color: #e30613;    
}
ul.kbleft li:nth-child(6){
width:110px;
margin-left:30px;
background-color: #0f427f;    
}
ul.kbright li:nth-child(1){
width:160px;
margin-right:30px;
background-color: #2cb7b2;
}
ul.kbright li:nth-child(2){
width:140px;
margin-right:30px;
background-color: #f4c245;   
}
ul.kbright li:nth-child(3){
width:140px;
background-color: #e30613; 
}
ul.kbright li:nth-child(4){
width:200px;
margin-left:30px;
background-color: #e94279;  
}
ul.kbright li:nth-child(5){
width:220px;
background-color: #0f427f;    
}
ul.kbright li:nth-child(6){
width:220px;
margin-left:30px;
background-color: #2cb7b2;  
}
ul.kbright li:nth-child(7){
width:200px;
background-color: #f4c245;    
}
ul.otleft,ul.otright{     
min-width:250px;
font-family: 'Grandstander', cursive; 
font-weight:400;
font-size:1rem;
color:#fff; 
margin:auto;
padding:0;       
list-style-type:none; 
}
/*ul.otright{     
min-width:250px;
font-size:1.1rem;
color:#fff; 
margin:auto;
padding:0;       
list-style-type:none; 
}*/
li.otleft,li.otright{
text-align:center;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;   
margin:10px auto 5px auto;
padding:5px 0 5px 0;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
ul.otleft li:nth-child(1){
width:230px;
background-color:#f4c245;
}
ul.otleft li:nth-child(2){
width:230px;
margin-left:10px;
background-color:  #2cb7b2; 
}
ul.otleft li:nth-child(3){
width:220px;
margin-left:25px;
background-color: #e94279;
}
ul.otright li:nth-child(1){
width:150px;
background-color:#0f427f;  
}
ul.otright li:nth-child(2){
width:180px;
margin-left:30px;
background-color: #2cb7b2;    
}
ul.otright li:nth-child(3){
width:160px;
margin-right:30px;
background-color:#f4c245 ;
}
ul.otright li:nth-child(4){
width:160px;
margin-right:30px;
background-color: #e30613;   
}
/*end openingstijden en peelboerderij*/

/*ezeltocht*/
.splitscreentext{
display:flex;
flex-flow:row wrap;
justify-content:center;
font-family: 'Grandstander', cursive; 
font-weight:400;
/*font-size:1rem;*/
width:90%;
margin: auto;
padding:0;
}
.text_left,.text_right{
flex:48%;
text-align:center;
margin:10px auto;
padding:0;
}
.leftebttext{
width:100%;
height:auto;
max-width:48%;
margin:10px auto 0 auto;
padding:0 5px 0 5px;
background-image: url(../images/textpic/ebt/css/kabouter.png);
background-position: 70% 70%;
background-repeat: no-repeat;
} 
.rightebttext{
/*display:flex;
flex-flow:row wrap;
align-items:flex-end;*/
width:100%;
max-width:48%;
height:auto;
margin:10px auto 0 auto;
padding:0 5px 0 5px;
background-image: url(../images/textpic/ebt/css/bladeren.png);
background-position: 20% 5%;
background-repeat: no-repeat;
}
h2.ebt{ 
font-size:1.2rem;
text-align:left;
color:#0a6838;
/*color:#ff8412;*/
margin:0 0 10px 40px;
transform:rotate(-8deg);
-ms-transform:rotate(-8deg); 
-webkit-transform:rotate(-8deg); 
-o-transform: rotate(-8deg);
}
h2.ebtitalic{
font-size:1.2rem;
font-style:italic;
text-align:left;
color:#502e08;
margin:0 0 10px 0;
transform:rotate(-8deg);
-ms-transform:rotate(-8deg); 
-webkit-transform:rotate(-8deg); 
-o-transform: rotate(-8deg);
}
h2.ebtitalicleft{
font-size:1.2rem;
font-style:italic;
text-align:left;
color:#450059;
margin:0 0 10px 0;
transform:rotate(-8deg);
-ms-transform:rotate(-8deg); 
-webkit-transform:rotate(-8deg); 
-o-transform: rotate(-8deg);
}
.ezeltochttext{
font-size:1rem;
text-transform: uppercase;
color:#0a6838;
margin:5px;
}
img.eztright{
width:100%;
max-width:150px;
height:auto;
margin:0 0 10px 40px;
}
h2.ebtitalicright{
font-size:1.2rem;
text-align:center;
color:#53350f;
/*color:ffbb32;*/
margin:20px auto 20px auto;
transform:rotate(4deg);
-ms-transform:rotate(4deg); 
-webkit-transform:rotate(4deg); 
-o-transform: rotate(4deg);
}
h1.ebtright{
font-family: 'Grandstander', cursive; 
font-weight:600;
font-size:2rem;
text-align:center;
text-transform:uppercase;
color:#533511;
margin:0 auto 20px auto;
}
/*end ezeltocht*/

/*kinderfeestje/arrangementen*/

.splitarr{
display:flex;
flex-flow:row wrap;
justify-content:center;
width:100%;
height:auto;
margin:20px auto 20px auto;
padding:0;
}
.imgsplitarr{
position:absolute;
right:0;
z-index:0;
width:250px;
height:250px;
margin:-120px 0 0 0;
background-image: url(../images/ballonnen.png);
background-position: 50% 50%;
background-repeat: no-repeat;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover;
background-size: cover;
}
.leftarr, .rightarr{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
align-items:flex-start;
position:relative;
z-index:8;
width:100%;
max-width:350px;
font-size:1rem;
height:auto;
margin:0 auto auto auto;   
padding:10px; 
}
.firstuprow{
display:flex;
flex: row;
justify-content:flex-start;
position:relative;
z-index:5;
width:100%;
margin:-30px auto 0 0;
}
.firstup_right{
display:flex;
justify-content:center;
align-items:center;
width:100%;
max-width:150px;
color:#fff;
padding:5px 10px 5px 10px;
margin:0 auto 0 0;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
.firstup_left{
display:flex;
justify-content:center;
align-items:center;
width:100%;
max-width:150px;
color:#fff;
padding:5px 10px 5px 10px;
margin:0 auto 0 auto;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
.firstrow{
display:flex;
flex: row;
justify-content:flex-start;
width:100%;
margin:auto auto 10px 0;
}
.first{
display:flex;
justify-content:center;
align-items:center;
width:100%;
max-width:175px;
font-family:'Grandstander', cursive;
font-weight:800;
color:#fff;
text-align:center;
padding:5px;
margin:auto auto auto 0;
background-color: #f4c245;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.price{
display:flex;
justify-content:flex-end;
max-width:220px;
color:#fff;
font-size:0.9rem;
text-align:center;
padding:10px;
margin:auto 0 30px 10px;
background-color: #2cb7b2;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
-webkit-transform: rotate(4deg);
-moz-transform: rotate(4deg);
-o-transform: rotate(4deg);
-ms-transform: rotate(4deg);
transform: rotate(4deg);
}
.secondrow{
display:flex;
flex: row;
justify-content:flex-start;
width:100%;
margin:-40px auto auto 100px;
}
.second_left, .second_right{
display:flex;
justify-content:center;
align-items:center;
width:100%;
max-width:150px;
color:#fff;
padding:5px 10px 5px 10px;
margin:-15px auto 20px auto;
background-color: #e94279;
-webkit-border-radius:50px;
-moz-border-radius:50px;
border-radius:50px;
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
.second_right{
background-color: #793816;
}
.thirdrow{
display:flex;
flex: row;
width:auto;
margin:auto auto 30px 0;
}
 a.knuffelparty, a:link.knuffelparty, a:visited.knuffelparty, a:active.knuffelparty{       
color:#fff; 
text-decoration:none;
outline-style:none;
}          
 a:hover.knuffelparty{
color:#2cb7b2;
font-weight:700;
text-decoration:none;
outline-style:none;
} 
/*end kinderfeestje/arrangementen*/

/* footer en containerbottom*/

.randtopfooter_sgv{
position:relative;
width:100%;
margin:-7px auto;
}
footer{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
align-content:center;
position:relative;
width:100%;
min-height:250px;
margin: auto;
padding:0 0 5px 0;
background-color: #2cb7b2;
}
.footerinner{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
align-content:flex-end;
position:relative;
z-index:10;
width:100%;
min-height:250px;
margin:auto;
padding:0 0 5px 0;
}
.menufooter{
align-self:center;
position:relative;
z-index:1;
width:auto;
height:auto;
margin: 0;   
padding:0 ;
list-style-type:none;
}
.menufooter li{
display:block;
width:auto;
margin:0;
padding:0 0 5px 0; 
text-align:left;
text-transform:normal;
}  
.menufooter li a, .menufooter li a:link, .menufooter li a:visited, .menufooter li a:active{
font-family: 'Grandstander', cursive; 
font-weight:400;
font-size:1rem;
color:#fff; 
margin:0;
padding:5px;   
text-decoration:none;  
outline-style:none; 
}
.menufooter li a:hover,
.menufooter li a.current, .menufooter li a:link.current, .menufooter li a:visited.current, .menufooter li a:active.current{
font-family: 'Grandstander', cursive; 
font-weight:400;
color:#d8ffeb;
} 
.footerbox{
align-self:center;
position:relative;
z-index:1;
width:auto;
height:auto;
margin: 0;   
padding:0 0 10px 0;
list-style-type:none;
}  
.fbwfbox{
display:flex;
width:auto;
height:auto;
margin:auto;
padding:0;
}
.face,.instagram,.virtueel,.route,.laadpaal{
display:inline-block;
width:30px;
height:30px;
margin:0 auto 0 auto;
padding:0;
}
.socmed{
width:100%;
max-width:30px;
height:auto;
}
h4.tel, h4.telfooter{
display:none;
}
li.one{
background-image: url(../images/picto/wit/a.png);
background-position: 0 -1px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 30px;
}
li.two{
background-image: url(../images/picto/wit/l.png);
background-position: 0 -1px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 30px;
}
li.three{
background-image: url(../images/picto/wit/t.png);
background-position: 0 -1px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 30px;
}
li.four{
background-image: url(../images/picto/wit/i.png);
background-position: 0 -1px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 30px;
}
li.five{
background-image: url(../images/picto/wit/e.png);
background-position: 0 -1px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 30px;
}
li.six{
background-image: url(../images/picto/wit/wf.png);
background-position: 0 -1px;
background-repeat: no-repeat;
margin: 0;
padding:0 0 5px 30px;
}
.teksthome{
font-size:15px;
color:#000;
padding:0;
line-height:18px;
}
.kopadres{
display:flex;
justify-content:flex-start;
font-family: 'Grandstander', cursive; 
font-weight:600;
font-size:1.2rem;
color:#fff;
margin:0;
padding:0 0 10px 0;
}
ul.adresbox{
display:flex;
flex-flow:column;
justify-content:flex-start;
font-family: 'Grandstander', cursive; 
font-weight:400;
font-size:1rem;
color:#fff;
margin:0 auto 0 auto;
padding:0;   
list-style-type:none;                                  
}
li.adresbox{
padding-top:3px;
}
li:nth-child(2).adresbox{
padding-bottom:5px;
}
a.adres, a:link.adres, a:visited.adres, a:active.adres{  
font-size:0.9rem;        
color:#fff; 
text-decoration:none;
outline-style:none;
margin:0 0 0 -20px;
}          
 a:hover.adres{
color:#d8ffeb;
text-decoration:none;
outline-style:none;
}
a.adresfooter, a:link.adresfooter, a:visited.adresfooter, a:active.adresfooter{  
font-size:0.9rem;        
color:#fff; 
text-decoration:none;
outline-style:none;
margin:0;
}          
 a:hover.adresfooter{
color:#d8ffeb;
text-decoration:none;
outline-style:none;
}
.meisje{
position:absolute;
right:5%;
bottom:10px;
width:100%;
max-width:120px;
height:auto;
opacity:0.7;
}
.imgmeisje{
width:100%;
max-width:120px;
height:auto;
}
.varken_eendje{
position:absolute;
/*right:0;*/
left:20px;
bottom:10px;
width:100%;
max-width:125px;
height:auto;
margin:0 auto;
opacity:0.7;
}
.imgvarken_eendje{
width:100%;
max-width:125px;
height:auto;
}
.containerbottom{
display:flex;
flex-flow:row wrap;
justify-content:center;
align-items:flex-start;
/*position:relative;*/
width:100%;
height:25px;
margin:0 auto;
padding:10px 0 0 0;
background-color: #2cb7b2;
}
.containerbottom_overlay{
display:flex;
flex-flow:row wrap;
justify-content:center;
align-items:flex-start;
position:relative;
width:95%;
height:auto;
font-family: 'Grandstander', cursive; 
font-weight:600;
font-size:1.5rem;
font-weight: bold;
text-align-center;
text-transform:uppercase;
margin:0 auto;
padding:0;
}
.bottom{
position:absolute;
z-index:20;
width:auto;
height:auto;
margin:0 auto;
}
.textbottom1,.textbottom2{
display:inline;
width:50px;
height:auto;
margin:0 auto;	
}
.textbottom1{
color:#e30613;
margin:0 auto;	
}
.textbottom2{
color:#0f427f;
margin:0 auto;	
}
/* end footer en containerbottom*/


/*contactpagina*/

h2.contact{
font-size:1.5rem;
margin:10px auto 20px auto;
}
.adres{
display:flex;
flex:row;
justify-content:center;
text-align:left!important;
width:auto;
margin:30px auto 0 auto;
padding:0 20px 20px 20px;
}
ul.adrescontact{
font-size:1rem;
color:#000;
margin:0 auto;
padding:0;   
list-style-type:none;                                  
}
li.nullcontact{
font-size:1.2rem;
font-weight:800;
margin:0 auto 10px auto;
}
li.onecontact{
background-image: url(../images/picto/a.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0 auto;
padding:0 0 6px 30px;
}
li.twocontact{
background-image: url(../images/picto/lo.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0 auto;
padding:0 0 6px 30px;
}
li.threecontact{
background-image: url(../images/picto/t.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0 auto;
padding:0 0 6px 30px;
}
li.fourcontact{
background-image: url(../images/picto/i.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0 auto;
padding:0 0 6px 30px;
}
li.fivecontact{
background-image: url(../images/picto/e.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0 auto;
padding:0 0 6px 30px;
}
li.sixcontact{
background-image: url(../images/picto/wf.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0 auto;
padding:0 0 6px 30px;
}
 a.contact, a:link.contact, a:visited.contact, a:active.contact{  
font-size:0.9rem;        
color:#000; 
text-decoration:none;
outline-style:none;
}          
 a:hover.contact{
color:#ff0000;
text-decoration:none;
outline-style:none;
}  
.imgcontact{
width:100%;
max-width:750px;
height:auto;
margin:0 auto 0 auto;
padding: 0;
box-shadow:2px 2px 5px #000;
}
/* end contactpagina*/

/* begin formulier*/
.form{
position:absolute;
z-index:20;
margin:-10px 0 0 0;
}
input{
width:250px; 
height:30px;
font-size:1rem;
font-weight:normal;
color:#000;
background:transparent;
background-image: url('../images/transparent.gif');
background-position: 0 0;
background-repeat: repeat;
padding:0 0 0 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid rgb(204, 204, 204);
}
input.checkbox{
width:auto;
height:auto;
background-image: url('../images/transparent.gif');
background-position: 0 0;
background-repeat: repeat;
border:1px solid #ff0000;
}
input:focus{
background-color: #ffffcc;
}
input.submit{
width:85px;
height:25px;
text-align:center;
padding:0 0 10px 0;
border:1px solid #000;
cursor: pointer;
}
input.submit:hover{
width:85px;
height:25px;
border:1px solid #ff0000;
}
textarea{
width:250px; 
height:80px;
font-size:1rem;
font-weight:normal;
color:#000;
background:transparent;
background-image: url('../images/transparent.gif');
background-position: 0 0;
background-repeat: repeat;
padding:0 0 0 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid rgb(204, 204, 204);
}
/*end formulier*/
      
/* begin algemeen gedeelte */

.telmobiel{
display:none;
}
.teldesktop{
display:inline-block;
}
hr{
width:100%;
max-width:75%;
margin:20px auto 20px auto;
border:1px solid #000;
}
.backtop a{
position:fixed;
right:1%;
bottom:1%;
z-index:50;
width:50px;
height:50px;
background-image: url('../images/backtop.png');
background-position: 0 0;
background-repeat: repeat;
text-decoration:none;  
outline-style:none; 
cursor:pointer;
}   
 a, a:link, a:visited, a:active{  
font-size:1rem;        
color:#000; 
text-decoration:none;
outline-style:none;
}          
 a:hover{
color:#ff0000;
text-decoration:none;
outline-style:none;
}   
 a.in, a:link.in, a:visited.in, a:active.in{       
color:#000; 
text-decoration:underline;
outline-style:underline;
}          
 a:hover.in{
color:#ff0000;
text-decoration:none;
outline-style:none;
} 
h1{
padding:10px 0 10px 0; 
margin:0;
font-size:1.2rem;
color:#e06401;
/*text-shadow:2px 2px 2px #555;*/
}
h2,h3,h4,h5,h6{
font-weight:600; 
}
h3{
text-align:left;
margin:auto auto 10px auto;
}
ol,ul{
padding:0 0 0 30px;                                         
}
.title{ 
font-size:1.3em;
/*color:#6fb526;*/
color:#e30613;
margin:5px 0 30px 0;
}
.nieuwsbrief{
width:100%;
height:auto;
margin:10px auto 10px auto;
padding:5px 0 5px 0;
}
.titlenieuwsbrief{ 
font-family: 'Grandstander', cursive; 
font-weight:600;
font-size:1.3em;
color:#e06401;
margin:5px 0 5px 0;
}
/*ul.sites{
list-style: none;
}
li.sites::after{
position:absolute;
content: '>';
color:#000;
font-size:15px;
padding:5px 0 0 10px;
}
li.sites:hover::after{
position:absolute;
content: '>';
color:#ff0000;
font-size:15px;
padding:5px 0 0 10px;
}*/
ul.listtext{
list-style: none;
margin:10px 0 0 5px;
padding:0;
}
li.list{
background-image: url(../images/list/check_list.png);
background-position: 0 -2px;
background-repeat: no-repeat;
padding:0 0 0 25px;
margin:0 0 10px 0;
}
ul.listtextpijltje{
list-style: none;
font-style:italic;
margin:10px 0 0 5px;
padding:0;
}
li.listpijltje{
background-image: url(../images/list/pijltje.png);
background-position: 0 -5px;
background-repeat: no-repeat;
padding:0 0 0 25px;
margin:0 0 10px 0;
}
li.bezoekersinfo{
margin:0 0 10px 0;
}
li.lijst{
margin:-2px 0 0 15px;
padding:0 0 5px 5px;
}
ol.home{
font-size:1.2rem;
padding:0;    
margin: 20px auto auto auto;
text-transform:uppercase;
list-style-type: none;   
color:#533511;                           
}
li.home{
margin:0 0 5px 0;
}
ol.homeright{
font-size:1.2rem;
padding:0;    
/*margin: 0 auto 0 auto;*/
margin: 20px auto auto auto;
text-transform:uppercase;
list-style-type: none;   
color:#533511;                        
}

/* begin image gedeelte */

.kliktextpiccentered{
font-size:0.9rem;
font-weight:bold;
font-style:italic;
text-align:center;
color:#000;
padding:0;
margin:10px 0 0 0;
}
.klikcentered{
font-size:12px;
font-weight:bold;
font-style:italic;
text-align:center;
color:#000;
padding:0;
margin:10px 0 0 0;
transform:rotate(-2deg);
-ms-transform:rotate(-2deg); 
-webkit-transform:rotate(-2deg); 
-o-transform: rotate(-2deg);
}
.hiddencontainer{
display:none;
} 
img.bd{
flex:auto;
width:100%;
max-width:150px;
margin:5px 5px 15px 5px; 
box-shadow:2px 2px 5px #000;
border:3px solid #fff;
} 
.spanfoto{    
display:block;
position:relative;
font-size:1.8rem;
font-weight:bold;
font-style:italic;
text-align:center;
color:#000;
padding:0;
margin:-15px 0 0 0; 
}
img.circle{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.imgbox{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
align-items:center;
width:100%;
padding:10px 0 10px 0;
}
.ytbox{
width:100%;
max-width:350px;
height:auto;
margin:0;
}
img.bekijken{
position:absolute;
width:100%;
max-width:190px;
height:auto;
margin:0;
padding:0;
-moz-animation: scalebekijken 5s; /* Firefox */
-ms-animation: scalebekijken 5s; /* Internet Explorer */
-o-animation: scalebekijken 5s; /* Opera */
-webkit-animation: scalebekijken 5s;  /*Safari and Chrome */
animation: scalebekijken 5s;
}

 @keyframes scalebekijken {
from { 
  -webkit-transform: scale(0,0);
  -moz-transform: scale(0,0);
  -o-transform: scale(0,0);
  -ms-transform: scale(0,0);
    transform: scale(0,0);
}
to { 
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
    transform: scale(1,1);
}
}

@-moz-keyframes scalebekijken {
from { 
  -webkit-transform: scale(0,0);
  -moz-transform: scale(0,0);
  -o-transform: scale(0,0);
  -ms-transform: scale(0,0);
    transform: scale(0,0);
}
to { 
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
    transform: scale(1,1);
}
}

@-webkit-keyframes scalebekijken {
from { 
  -webkit-transform: scale(0,0);
  -moz-transform: scale(0,0);
  -o-transform: scale(0,0);
  -ms-transform: scale(0,0);
    transform: scale(0,0);
}
to { 
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
    transform: scale(1,1);
}
}

@-ms-keyframes scalebekijken {
from { 
  -webkit-transform: scale(0,0);
  -moz-transform: scale(0,0);
  -o-transform: scale(0,0);
  -ms-transform: scale(0,0);
    transform: scale(0,0);
}
to { 
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
    transform: scale(1,1);
}
}

@-o-keyframes scalebekijken {
from { 
  -webkit-transform: scale(0,0);
  -moz-transform: scale(0,0);
  -o-transform: scale(0,0);
  -ms-transform: scale(0,0);
    transform: scale(0,0);
}
to { 
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
    transform: scale(1,1);
}
}

.bekijken{
position:absolute;
z-index:15;
width:100%;
max-width:190px;
height:auto;
margin:-62px auto 0 auto;
}
.foto_text_sb{
width:100%;
max-width:350px;
height:auto;
margin:10px auto 10px auto;
padding:0;
/*box-shadow:2px 2px 5px #000;

-webkit-border-radius:50px 0 50px 0;
-moz-border-radius: 50px 0 50px 0;
border-radius: 50px 0 50px 0;*/
}
.fotosb{
width:100%;
max-width:300px;
height:auto;
margin:10px auto 5px auto;
padding:0;
box-shadow:2px 2px 5px #000;
-webkit-border-radius:50px 0 50px 0;
-moz-border-radius: 50px 0 50px 0;
border-radius: 50px 0 50px 0;
-moz-animation: scale 3s; /* Firefox */
-ms-animation: scale 3s; /* Internet Explorer */
-o-animation: scale 3s; /* Opera */
-webkit-animation: scale 3s;  /*Safari and Chrome */
animation: scale 3s;
}

 @keyframes scale {
from { 
  -webkit-transform: scale(0.8,0.8);
  -moz-transform: scale(0.8,0.8);
  -o-transform: scale(0.8,0.8);
  -ms-transform: scale(0.8,0.8);
    transform: scale(0.8,0.8);
}
to { 
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
    transform: scale(1,1);
}
}

@-moz-keyframes scale {
from { 
  -webkit-transform: scale(0.8,0.8);
  -moz-transform: scale(0.8,0.8);
  -o-transform: scale(0.8,0.8);
  -ms-transform: scale(0.8,0.8);
    transform: scale(0.8,0.8);
}
to { 
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
    transform: scale(1,1);
}
}

@-webkit-keyframes scale {
from { 
  -webkit-transform: scale(0.8,0.8);
  -moz-transform: scale(0.8,0.8);
  -o-transform: scale(0.8,0.8);
  -ms-transform: scale(0.8,0.8);
    transform: scale(0.8,0.8);
}
to { 
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
    transform: scale(1,1);
}
}

@-ms-keyframes scale {
from { 
  -webkit-transform: scale(0.8,0.8);
  -moz-transform: scale(0.8,0.8);
  -o-transform: scale(0.8,0.8);
  -ms-transform: scale(0.8,0.8);
    transform: scale(0.8,0.8);
}
to { 
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
    transform: scale(1,1);
}
}

@-o-keyframes scale {
from { 
  -webkit-transform: scale(0.8,0.8);
  -moz-transform: scale(0.8,0.8);
  -o-transform: scale(0.8,0.8);
  -ms-transform: scale(0.8,0.8);
    transform: scale(0.8,0.8);
}
to { 
  -webkit-transform: scale(1,1);
  -moz-transform: scale(1,1);
  -o-transform: scale(1,1);
  -ms-transform: scale(1,1);
    transform: scale(1,1);
}
}
img.fotobig{
width:100%;
max-width:600px;
height:auto;
margin:10px auto 10px auto;
padding:0;
box-shadow:2px 2px 5px #000;
-webkit-border-radius:50px 0 50px 0;
-moz-border-radius: 50px 0 50px 0;
border-radius: 50px 0 50px 0;
}
img.centered{
display: block;
margin:0 auto 5px auto;
padding: 0;
box-shadow:2px 2px 5px #000;
}
img.alignright{
display:inline;
margin: 10px 0 10px 10px;
padding: 0;
/*box-shadow:2px 2px 5px #000;*/
}
img.alignleft{
display:inline;
margin: 10px 10px 10px 0;
padding: 0;
/*box-shadow:2px 2px 5px #000;*/
}
.alignright{
float:right;
}
.alignleft{
float:left;
}
/* eind image gedeelte */

/* begin tabellen*/
table.kb{
display:flex;
justify-content:center;
width:auto;
font-family: 'Grandstander', cursive; 
font-weight:400;
font-size:1.1rem;
font-weight:normal;
}
table.schoolreisje{
width:auto;
font-family: 'Grandstander', cursive; 
font-weight:400;
font-size:1.1rem;
font-weight:normal;
}
/*end tabel*/

 /*iframe en video*/
.responsive-video {
position: relative;
padding-bottom: 55%;
overflow: hidden;
}
.responsive-video iframe, .responsive-video object, .responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video{
display:flex;
flex-flow:row wrap;
width:auto;
height:auto;
color:#000;
padding:0;
margin:0 auto 0 auto;
}
.titleiframe{ 
font-size:1.3em;
/*color:#6fb526;*/
color:#e06401;
margin:5px 0 10px 0;
}
.iframebox{
width:100%;
max-width:350px;
min-height:200px;
margin:0;
}
.iframeboxfb{
display:flex;
flex:row;
justify-content:center;
width:100%;
max-width:300px;
max-height:130px;
margin:20px auto 0 auto;
}
.fbtext{
display:flex;
flex:row;
justify-content:center;
width:100%;
height:auto;
font-family: 'Grandstander', cursive; 
font-weight:400;
font-size:1.1rem;
font-weight:normal;
}
/*iframe{
width:100%;
min-height:200px;
margin:0 0 12px 0;
}*/
.iframeboxsolo{
width:100%;
max-width:560px;
height:auto;
margin:20px auto 20px auto;
}
/*end iframe en video*/

html,body{
min-height:100%;
} 
@media only screen and (min-width:1275px){
.headerrighttext{
font-size:1.5rem;
}
}
@media only screen and (min-width:800px) and (max-width: 1400px){
.splitnewsleft{
margin:auto auto 20px 20px;
}
.splitnewsright{
margin:auto 20px 20px auto;
}
}
@media only screen and (min-width:600px) and (max-width: 1280px){
main{
width:100%;
padding:0 0 10px 0;
}
}
@media only screen and (min-width:800px) and (max-width: 1024px){
.leftunder,.rightunder{
width:45%;
min-height:250px;
margin:0 auto 10px auto;  
padding:0; 
}
.rightunder{
margin:10px auto 0 auto;	
}
.splitscreentext{
justify-content:center;
width:95%;
}
.text_left,.text_right{
flex:100%;
margin:0 auto;
}
.text_right{
margin:20px auto;
}
}
@media only screen and (min-width:640px) and (max-width: 980px){
.text{
flex:100%;
padding:10px 20px 20px 20px;
}
}
@media only screen and (min-width:700px) and (max-width: 1024px){
.leftarr, .rightarr{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
align-items:flex-start;
width:100%;
max-width:350px;
height:auto;
font-size:0.9rem;
margin:auto;   
padding:10px; 
}
}
@media only screen and (min-width:640px) and (max-width: 800px){
.textnews{
flex:0 1 100%;
}
.leftarr, .rightarr{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
align-items:flex-start;
width:100%;
max-width:300px;
height:auto;
font-size:0.9rem;
margin:auto;   
padding:10px; 
}
.price{
font-size:0.8rem;
}
}
@media only screen and (min-width:480px) and (max-width: 800px){
.splitscreentext{
justify-content:center;
text-align:center;
width:95%;
}
.text_left,.text_right{
width:100%;
margin:0 auto;
}
.text_right{
margin:20px auto;
}
}

@media only screen and (min-width: 240px) and (max-width: 800px){
nav,#teller{
display:none;
}
html{          
font-size:100%;
}
.topbar{
/*display:none;*/
height:auto;
background-color: #fff!important;
}
.topbarrv_left, .topbarsocmed_right{
display:none;
}
.topbar_middle{
margin:0 auto auto 5px;
}
.toptext{
font-size:1rem;
margin: 10px auto auto auto;
}
.logobar{
width:100%;
height:auto;
padding:5px 0 5px 0;
background-color: #fff;
}
.logocontainer{
width:100%;
max-width:100%;
}
img.logo{
width:100%;
max-width:150px;
height:auto;
margin:0 auto;
}
.textcontainer{
width:100%;
max-width:100%;
margin:10px auto 0 auto;
}
.captionbg{
bottom:5px;
}
.caption{
font-size:1.1rem; 
}
.telmobiel{
display:inline-block;
}
.teldesktop{
display:none;
}
#toggle{
display:block;
position:absolute;
top:5px;
right:10px;
z-index:25!important;
width:auto;
height:auto;
font-size:1rem;
text-indent:2px;
color:#000;
margin:0;
padding:0; 
cursor: pointer; 
}
#toggle:hover{
color:#ff0000;
}
nav ul li a.topno::after{
display:inline-block;
position:absolute;
top:0;
content: '>';
color:#000;
font-size:15px;
padding:0 0 0 10px;
-moz-transform:rotate(450deg);
-webkit-transform:rotate(450deg);
-o-transform:rotate(450deg);
transform:rotate(450deg);
}
nav ul li a.topno:hover::after,
nav ul li a.currenttopno::after{
display:inline-block;
position:absolute;
top:0;
content: '>';
color:#ff0000;
padding:0 0 0 10px;
-moz-transform:rotate(450deg);
-webkit-transform:rotate(450deg);
-o-transform:rotate(450deg);
transform:rotate(450deg);
}
.containernav{
/*position:fixed;*/
position:absolute;
top:0;
z-index:25;
width:100%;
height:0;
margin:0 0 0 auto;
}
nav{ 
position:absolute;
left:0;
top:0;
width:100%;
height:auto;
margin:0 0 0 auto;
padding:25px 0 20px 0;
background-color: #fff!important;
}
nav ul{ 
display:flex;
flex-direction:column;
padding:0;
margin: 0;
list-style-type: none;
}
nav ul li{
position: relative;
width:auto; 
margin:0;
padding:0; 
}    
nav li ul{
display:none;
position:relative;
left:0;
top:0;
height:auto;
width:auto;
z-index:20;
margin:5px 0 0 0!important;
padding:0;
list-style-type: none;
border-top:none;
}       
nav ul li a.top, nav ul li a:link.top, nav ul li a:visited.top, nav ul li a:active.top,
nav ul li a.topno, nav ul li a:link.topno, nav ul li a:visited.topno, nav ul li a:active.topno{  
display:block;
font-size:1rem;
margin:0;
padding:5px 0 5px 10px!important;
color:#000; 
text-decoration:none;  
outline-style:none;  
background-color: #fff!important;
border-top:none;
}      
nav ul li a.top:hover, nav ul li a:link.top:hover, nav ul li a:visited.top:hover, nav ul li a:active.top:hover,
nav ul li a.topno:hover, nav ul li a:link.topno:hover, nav ul li a:visited.topno:hover, nav ul li a:active.topno:hover{  
display:block;
font-size:1rem;
margin:0;
padding:5px 0 5px 10px!important;
color:#e30613; 
text-decoration:none;  
outline-style:none;  
background-color: #fff!important;
border-top:none;
}  
nav ul li a.menu, nav ul li a:link.menu, nav ul li a:visited.menu, nav ul li a:active.menu{	
display:block;
color: #000;
font-size:1rem;
text-align:left;
margin:0 0 0 5px;
padding:0 0 5px 15px!important; 
text-decoration:none;	
outline-style:none;	 
background-color: #fff; 
}
nav ul li a:hover.top, nav ul li a:hover.topno, nav ul li a:hover.menu{  
display:block;    
color:#e30613;      
}
nav li:hover ul{ 
display:block; 
display: flex;
flex: row;
-webkit-backface-visibility: hidden;
-webkit-animation: none; /* Safari and Chrome */
-moz-animation: none; /* Firefox */
-ms-animation: none; /* Internet Explorer */
-o-animation: none; /* Opera */
animation: none;
}
nav ul li a.current, nav ul li a:link.current, nav ul li a:visited.current, nav ul li a:active.current,
nav ul li a.currenttopno, nav ul li a:link.currenttopno, nav ul li a:visited.currenttopno, nav ul li a:active.currenttopno{    
display:block;    
color:#e30613;   
font-size:1rem;
text-align:left;
padding:5px 0 5px 10px!important;
text-decoration:none;  
outline-style:none;  
background-color: #f5f5f5!important;
border-top:none;
}  
nav ul li a.menu:hover,
nav ul li a.currentmenu, nav ul li a:link.currentmenu, nav ul li a:visited.currentmenu, nav ul li a:active.currentmenu{    
display:block; 
color:#e30613;   
font-size:1rem;
text-align:left;
margin:0 0 0 5px;
padding:0 0 5px 15px!important; 
text-decoration:none;  
outline-style:none;    
background-color: #f5f5f5; 
}
.kerst{
font-size:1rem;
}
h4.telfooter{
display:block;
font-style:italic;
font-size:0.8rem;
color:#fff;
font-weight:normal;
}
h4.tel{
display:block;
font-style:italic;
font-size:0.8rem;
color:#000;
font-weight:normal;
}
 a, a:link, a:visited, a:active{  
font-size:1rem;           
text-decoration:none;
color:#000; 
outline-style:none;
}          
main{
width:98vw;
font-size:1rem;
margin:20px auto auto auto;
padding:0 0 10px 0;
}
.text{
width:100%;
margin:0 auto;
padding:10px 5px 0 5px;
}
.leftebttext{
width:100%;
max-width:100%;
}
.rightebttext{
width:100%;
max-width:100%;
}
.backtop a{
position:fixed;
right:1%;
bottom:2%;
z-index:50;
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.kb,table.schoolreisje{
font-size:0.9rem;
}
img.textpic{
max-width:250px;
}
img.textcircle{
max-width:250px;
}

span, spantext{
display:none;
text-decoration:none;
}
a:hover span{
width:150px;
height:150px;
margin:-170px 0 0 5px;
} 
a:hover spantext{
width:145px;
font-size:0.6rem;
margin:-165px 0 0 5px;
} 
}
@media only screen and (min-width:240px) and (max-width: 750px){
.overlaynews,img.news{
width:100%;
max-width:100%;
}
.splitscreentext{
width:95%;
}
.text_left,.text_right{
width:100%;
margin:0 auto;
}
.text_right{
margin:20px auto;
}
}
@media only screen and (min-width: 480px) and (max-width: 640px){
img.logo{
width:100%;
max-width:125px;
height:auto;
margin:0 auto;
}
.caption{
font-size:1rem; 
}
.titlesite{
font-size:1.3rem;
}
.splitnewsleft,.splitnewsright{
display:flex;
flex-flow:column;
width:80%;
}
.leftnews,.rightnews,.leftnewstext,.rightnewstext{
width:100%;
}
/*.leftnews{
margin:auto auto 0 auto;
}*/
.rightnews,.rightnewstext{
margin:-20px auto auto auto;
}
.leftnewstext{
margin:auto;
}
h2.newskop{ 
font-size:1.2rem;
}  
.textnews{
font-size:0.9rem;
}
.face,.instagram,.virtueel,.route,.laadpaal{
display:inline-block;
width:20px;
height:20px;
margin:0;
padding:0;
}
.socmed{
width:100%;
max-width:20px;
height:auto;
}
.menufooter li a, .menufooter li a:link, .menufooter li a:visited, .menufooter li a:active{
font-size:0.8rem;
}
.kopadres{
font-size:0.9rem;
}
ul.adresbox{
font-size:0.9rem;                                
}
li.adresbox{
padding-top:3px;
}
li:nth-child(2).adresbox{
padding-bottom:5px;
}
a.adres, a:link.adres, a:visited.adres, a:active.adres{  
font-size:0.9rem;      
}
.containerbottom_overlay{
font-size:1rem;
}
}
@media only screen and (min-width: 240px) and (max-width: 550px){
.titlesite{
font-size:1.3rem;
}
.caption{
font-size:1rem; 
}
.block{
width:100%;
max-width:325px;
font-size:1rem;
}
img.blockpic{
width:100%;
max-width:300px;
}
h2.titleblock{ 
font-size:1rem;
}
.blocklinks{
margin: auto 0 0 0;
}
.block a.leesmeerblock, .block a:link.leesmeerblock, .block a:visited.leesmeerblock, .block a:hover.leesmeerblock, .block a:active.leesmeerblock{
min-width:55%;
font-size:1rem!important;      
}
.block a:hover.leesmeerblock{
font-size:1rem!important;  
}
.block a.leesmeerblockcurrent{
display:inline-block;
justify-content:center;
font-size:1rem!important;    
}
.containerbottom_overlay{
font-size:1rem;
}
}
@media only screen and (min-width: 240px) and (max-width: 480px){
img.logo{
width:100%;
max-width:125px;
height:auto;
margin:0 auto;
}
.titlesite{
font-size:1.3rem;
}
.caption{
font-size:1rem; 
}
.splitnews{
justify-content:center;
width:80%;
margin:0 auto;
}
.splitnewsleft,.splitnewsright{
display:flex;
flex-flow:column;
width:100%;
}
.leftnews,.rightnews,.leftnewstext,.rightnewstext{
width:100%;
}
/*.leftnews{
margin:auto auto 0 auto;
}*/
.rightnews,.rightnewstext{
margin:-20px auto auto auto;
}
.leftnewstext{
margin:auto;
}
h2.newskop{ 
font-size:1.2rem;
}  
.textnews{
font-size:0.9rem;
}
li.adresbox{
padding-top:3px;
}
li:nth-child(2).adresbox{
padding-bottom:5px;
}
.containerbottom_overlay{
font-size:1rem;
}
}

@media only screen and (min-width: 240px) and (max-width: 475px){     
.gezin{
width:100%;
max-width:400px;
height:auto;
margin:auto;
}
.splitnews{
justify-content:center;
width:80%;
margin:0 auto;
}
.splitnewsleft,.splitnewsright{
display:flex;
flex-flow:column;
width:100%;
}
.leftnews,.rightnews,.leftnewstext,.rightnewstext{
width:100%;
}
/*.leftnews{
margin:auto auto 0 auto;
}*/
.rightnews,.rightnewstext{
margin:-20px auto auto auto;
}
.leftnewstext{
margin:auto;
}
h2.newskop{ 
font-size:1rem;
}  
.textnews{
flex:1 0 100%;
font-size:0.9rem;
}
footer{
padding:20px 0 5px 0;
}
.socmed{
width:100%;
max-width:25px;
height:auto;
}
.footerbox{
display:flex;
flex-flow:row-wrap;
width:100%;
margin:0 auto 0 auto;
}
.face,.instagram,.virtueel,.route,.laadpaal{
display:inline-block;
width:20px;
height:20px;
margin:0;
padding:0;
}
.socmed{
width:100%;
max-width:20px;
height:auto;
}
.menufooter{
display:flex;
flex-flow:column nowrap;
width:auto;
margin:10px 0 20px 0;   
padding:0;
}
.menufooter li a, .menufooter li a:link, .menufooter li a:visited, .menufooter li a:active{
font-size:0.8rem;
}
.kopadres{
font-size:1rem;
}
.kopadres{
display:flex;
justify-content:center;
margin:0 auto 0 auto;
}
ul.adresbox{
justify-content:center;  
font-size:0.9rem;                               
}
li.adresbox{
padding-top:3px;
}
li:nth-child(2).adresbox{
padding-bottom:5px;
}
a.adres, a:link.adres, a:visited.adres, a:active.adres{  
font-size:0.8rem;      
}   
.containerbottom_overlay{
font-size:1rem;
}
.leftarr, .rightarr{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
align-items:flex-start;
width:100%;
max-width:250px;
height:auto;
font-size:0.8rem;
margin:auto;   
padding:10px; 
}
}
@media only screen and (min-width: 240px) and (max-width: 640px){
nav,#teller{
display:none;
}
html{          
font-size:100%;
}
.kerst{
width:100%;
max-width:250px;
font-size:1rem;
}
.topbar{
/*display:none;*/
height:auto;
background-color: #fff!important;
}
.topbarrv_left, .topbarsocmed_right{
display:none;
}
.topbar_middle{
margin:0 auto auto 5px;
}
.toptext{
font-size:1rem;
margin: 10px auto auto auto;
}
.logobar{
width:100%;
height:auto;
padding:5px 0 5px 0;
background-color: #fff;
background-size: 92px 100px;
}
.logocontainer{
width:100%;
max-width:100%;
}
img.logo{
width:100%;
max-width:150px;
height:auto;
margin:0 auto;
}
.textcontainer{
width:100%;
max-width:100%;
margin:10px auto 0 auto;
}
.titlesite{
font-size:1.3rem;
}
.caption{
font-size:1.3rem; 
}
.telmobiel{
display:inline-block;
}
.teldesktop{
display:none;
}
#toggle{
display:block;
position:absolute;
top:5px;
right:10px;
z-index:25!important;
width:auto;
height:auto;
font-size:1rem;
text-indent:2px;
color:#000;
margin:0;
padding:0; 
cursor: pointer; 
}
#toggle:hover{
color:#ff0000;
}
nav ul li a.topno::after{
display:inline-block;
position:absolute;
top:0;
content: '>';
color:#000;
font-size:15px;
padding:0 0 0 10px;
-moz-transform:rotate(450deg);
-webkit-transform:rotate(450deg);
-o-transform:rotate(450deg);
transform:rotate(450deg);
}
nav ul li a.topno:hover::after,
nav ul li a.currenttopno::after{
display:inline-block;
position:absolute;
top:0;
content: '>';
color:#ff0000;
padding:0 0 0 10px;
-moz-transform:rotate(450deg);
-webkit-transform:rotate(450deg);
-o-transform:rotate(450deg);
transform:rotate(450deg);
}
.containernav{
/*position:fixed;*/
position:absolute;
top:0;
z-index:25;
width:100%;
height:0;
margin:0 0 0 auto;
}
nav{ 
position:absolute;
left:0;
top:0;
width:100%;
height:auto;
margin:0 0 0 auto;
padding:25px 0 20px 0;
background-color: #fff!important;
}
nav ul{ 
display:flex;
flex-direction:column;
padding:0;
margin: 0;
list-style-type: none;
}
nav ul li{
position: relative;
width:auto; 
margin:0;
padding:0; 
}    
nav li ul{
display:none;
position:relative;
left:0;
top:0;
height:auto;
width:auto;
z-index:20;
margin:5px 0 0 0!important;
padding:0;
list-style-type: none;
border-top:none;
}       
nav ul li a.top, nav ul li a:link.top, nav ul li a:visited.top, nav ul li a:active.top,
nav ul li a.topno, nav ul li a:link.topno, nav ul li a:visited.topno, nav ul li a:active.topno{  
display:block;
font-size:1rem;
margin:0;
padding:5px 0 5px 10px!important;
color:#000; 
text-decoration:none;  
outline-style:none;  
background-color: #fff!important;
border-top:none;
}      
nav ul li a.top:hover, nav ul li a:link.top:hover, nav ul li a:visited.top:hover, nav ul li a:active.top:hover,
nav ul li a.topno:hover, nav ul li a:link.topno:hover, nav ul li a:visited.topno:hover, nav ul li a:active.topno:hover{  
display:block;
font-size:1rem;
margin:0;
padding:5px 0 5px 10px!important;
color:#e30613; 
text-decoration:none;  
outline-style:none;  
background-color: #fff!important;
border-top:none;
}  
nav ul li a.menu, nav ul li a:link.menu, nav ul li a:visited.menu, nav ul li a:active.menu{	
display:block;
color: #000;
font-size:1rem;
text-align:left;
margin:0 0 0 5px;
padding:0 0 5px 15px!important; 
text-decoration:none;	
outline-style:none;	 
background-color: #fff; 
}
nav ul li a:hover.top, nav ul li a:hover.topno, nav ul li a:hover.menu{  
display:block;    
color:#e30613;      
}
nav li:hover ul{ 
display:block; 
display: flex;
flex: row;
-webkit-backface-visibility: hidden;
-webkit-animation: none; /* Safari and Chrome */
-moz-animation: none; /* Firefox */
-ms-animation: none; /* Internet Explorer */
-o-animation: none; /* Opera */
animation: none;
}
nav ul li a.current, nav ul li a:link.current, nav ul li a:visited.current, nav ul li a:active.current,
nav ul li a.currenttopno, nav ul li a:link.currenttopno, nav ul li a:visited.currenttopno, nav ul li a:active.currenttopno{    
display:block;    
color:#e30613;   
font-size:1rem;
text-align:left;
padding:5px 0 5px 10px!important;
text-decoration:none;  
outline-style:none;  
background-color: #f5f5f5!important;
border-top:none;
}  
nav ul li a.menu:hover,
nav ul li a.currentmenu, nav ul li a:link.currentmenu, nav ul li a:visited.currentmenu, nav ul li a:active.currentmenu{    
display:block; 
color:#e30613;   
font-size:1rem;
text-align:left;
margin:0 0 0 5px;
padding:0 0 5px 15px!important; 
text-decoration:none;  
outline-style:none;    
background-color: #f5f5f5; 
}
.headerrighttext{
font-size:0.8rem;
}
.row_section_bestel,.row_section_actueel,.row_section_vragen,.row_section_goedomteweten,.row_section_titletext,.row_section_roleft_titletext{
font-size:0.9rem;
}
.splitnews{
justify-content:center;
width:80%;
margin:0 auto;
}
.splitnewsleft,.splitnewsright{
display:flex;
flex-flow:column;
width:100%;
}
.leftnews,.rightnews,.leftnewstext,.rightnewstext{
width:100%;
}
/*.leftnews{
margin:auto auto 0 auto;
}*/
.rightnews,.rightnewstext{
margin:-20px auto auto auto;
}
.leftnewstext{
margin:auto;
}
img.news{
margin:0 auto 20px auto;
}
.titlenews{
font-size:1.5rem;
} 
.textnews{
flex:1 0 100%;
font-size:0.9rem;
}
main{
margin:20px auto auto auto;
}
.text_left,.text_right{
width:95%;
margin:0 auto;
padding:10px;
}
.leftunder,.rightunder{
width:95%;
min-height:250px;
margin:0 auto 10px auto;  
padding:0; 
}
.rightunder{
margin:10px auto 0 auto;	
}
ul.kbleft,ul.kbright,ul.otleft,ul.otright{
min-width:100px;
font-size:0.7rem;
margin:auto auto auto 0;
}
ul.kbright,ul.otright{
margin:auto 0 auto auto;
}
.koptextunder{
font-size:1rem;
}
ul.kbleft li:nth-child(1){
width:110px;
background-color: #f4c245;
}
ul.kbleft li:nth-child(2){
width:90px;
margin-left:0;
background-color: #0f427f; 
}
ul.kbleft li:nth-child(3){
width:90px;
margin-left:0;
background-color: #e30613;
}
ul.kbleft li:nth-child(4){
width:110px;
background-color: #2cb7b2;  
}
ul.kbleft li:nth-child(5){
width:80px;
margin-left:0;
background-color: #e30613;    
}
ul.kbleft li:nth-child(5){
width:80px;
margin-left:0;
background-color: #0f427f;    
}
ul.kbright li:nth-child(1){
width:120px;
margin-right:0;
background-color: #2cb7b2;
}
ul.kbright li:nth-child(2){
width:90px;
margin-right:0;
background-color: #f4c245;   
}
ul.kbright li:nth-child(3){
width:100px;
background-color: #e30613; 
}
ul.kbright li:nth-child(4){
width:150px;
margin-left:0;
background-color: #e94279;  
}
ul.kbright li:nth-child(5){
width:155px;
background-color: #0f427f;    
}
ul.kbright li:nth-child(6){
width:155px;
margin-left:0;
background-color: #2cb7b2;  
}
ul.kbright li:nth-child(7){
width:150px;
background-color: #f4c245;    
}
ul.otleft li:nth-child(1){
width:160px;
background-color:#f4c245;
}
ul.otleft li:nth-child(2){
width:160px;
margin-left:0;
background-color:  #2cb7b2; 
}
ul.otleft li:nth-child(3){
width:160px;
margin-left:0;
background-color: #e94279;
}
ul.otright li:nth-child(1){
width:120px;
margin-left:0;
background-color: #0f427f;    
}
ul.otright li:nth-child(2){
width:100px;
margin-right:0;
background-color:#2cb7b2;
}
ul.otright li:nth-child(3){
width:110px;
margin-right:0;
background-color: #f4c245;   
}
ul.otright li:nth-child(4){
width:110px;
background-color:#e30613;  
}
.containerbottom_overlay{
font-size:0.8rem;
}
li.adresbox{
padding-top:3px;
}
li:nth-child(2).adresbox{
padding-bottom:5px;
}
.textintext{
width:100%;
margin:0 auto 0 auto;
padding:20px 0 0 0;
}
.splitscreentext{
width:95%;
}
.leftebttextok,.rightebttextok{
text-align:center;
width:100%;
max-width:100%;
}
.containerbottom_overlay{
font-size:1rem;
}
.leftarr, .rightarr{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
align-items:flex-start;
width:100%;
max-width:275px;
height:auto;
font-size:0.9rem;
margin:auto;   
padding:10px; 
}
.fotosb{
width:100%;
max-width:100%;
}
.iframebox{
width:100%;
max-width:100%;
min-height:315px;
margin:0;
}
iframe{
width:100%;
min-height:315px;
margin:0 0 12px 0;
}
.ytbox{
width:100%;
max-width:100%;
margin:0;
}
.homespecial{
font-size:1.5rem;
}
h1.regels{
font-size:1.2rem;
}
.backtop a{
position:fixed;
right:1%;
bottom:2%;
z-index:50;
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;
}
}

@media only screen and (min-width: 240px) and (max-width: 640px) and (orientation:portrait){
.titlesite{
font-size:1.3rem;
}
.caption{
font-size:1.1rem; 
}
.splitnews{
justify-content:center;
width:80%;
margin:0 auto;
}
.splitnewsleft,.splitnewsright{
display:flex;
flex-flow:column;
width:100%;
}
.leftnews,.rightnews,.leftnewstext,.rightnewstext{
width:100%;
}
/*.leftnews{
margin:auto auto 0 auto;
}*/
.rightnews,.rightnewstext{
margin:-20px auto auto auto;
}
.leftnewstext{
margin:auto;
}
.textnews{
flex:1 0 100%;
font-size:0.9rem;
}
.leftarr, .rightarr{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
align-items:flex-start;
width:100%;
max-width:350px;
height:auto;
font-size:0.9rem;
margin:auto;   
padding:10px; 
}
li.adresbox{
padding-top:3px;
}
li:nth-child(2).adresbox{
padding-bottom:5px;
}
.meisje{
position:absolute;
right:5%;
bottom:10px;
width:100%;
max-width:75px;
height:auto;
opacity:0.7;
}
.imgmeisje{
width:100%;
max-width:75px;
height:auto;
}
.varken_eendje{
position:absolute;
/*right:0;*/
left:20px;
bottom:10px;
width:100%;
max-width:75px;
height:auto;
margin:0 auto;
opacity:0.7;
}
.imgvarken_eendje{
width:100%;
max-width:75px;
height:auto;
}
.containerbottom_overlay{
font-size:1rem;
}
}