@font-face {
font-family: 'AmaranthRegular';
src: url('../font/Amaranth-webfont.eot');
src: url('../font/Amaranth-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/Amaranth-webfont.woff') format('woff'),
url('../font/Amaranth-webfont.ttf') format('truetype'),
url('../font/Amaranth-webfont.svg#LucidaHandwritingItalic') format('svg');
font-weight: normal;
font-style: normal;
}
html *{
margin:0;               
padding:0;
border:none;
}  
 body{     
background-color: #fff;
}
/* vacature */

.vacature a{
position:fixed;
right:-110px;
bottom:50%;
width:100%;
max-width:250px;
height:auto;
z-index:20;
padding:5px 0 10px 0;
background: -webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)); 
background: -o-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
background: -moz-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));    
background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
text-decoration:none!important;  
outline-style:none; 

-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;

transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);

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

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

@-webkit-keyframes slide1 {
from {
bottom:-250px;
}
to {
bottom:50%;
}
}

@-moz-keyframes slide1{
from {
bottom:-250px;
}
to {
bottom:50%;
}
}

@keyframes slide1{
from {
bottom:-250px;
}
to {
bottom:50%;
}
}
h2.textcolor{
font-family:AmaranthRegular, Arial;  
font-weight:bold;
font-size:1.5rem;
text-align:center;
color:#fff;
-webkit-animation-name: textcolor;
-moz-animation-name: textcolor;
-o-animation-name: textcolor;
animation-name: textcolor;

-webkit-animation-duration: 10s;
-moz-animation-duration: 10s;
-o-animation-duration: 10s;
animation-duration: 10s; 

-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

@-webkit-keyframes textcolor {
from {
color:#fff;
}
25%{
color:#ffa500;
}
50%{
color:#ffff00;
}
75%{
color:#ee82ee;
}
to {
color:#fff;
}
}

@-moz-keyframes textcolor{
from {
color:#fff;
}
25%{
color:#ffa500;
}
50%{
color:#ffff00;
}
75%{
color:#ee82ee;
}
to {
color:#fff;
}
}

@keyframes textcolor{
from {
color:#fff;
}
25%{
color:#ffa500;
}
50%{
color:#ffff00;
}
75%{
color:#ee82ee;
}
to {
color:#fff;
}
}

/* end vacature */

.background{
position:fixed;
width:100%;
height:100%;
z-index:-1;
background-image: url(../images/background/landscape.jpg);
background-position: 50% 0;
background-repeat: no-repeat;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover;
background-size: cover;
}
.container{
display: flex;
flex-flow: row wrap;
/*align-items: center;*/
margin:0;
padding:0;
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)); 
}
.containernav{
position:fixed;
top:0;
left:0;
z-index:15;
width:100%;
height:40px;
margin:0 0 50px 0;
background: -webkit-linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.5)); 
background: -o-linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.5));   
background: -moz-linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.5));    
background: linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.5)); 
}
#toggle{
display:none;
}
nav{ 
width:auto;
margin:10px 0 0 0;
}
nav ul{ 
display:flex;
/*flex-direction:row;
flex-wrap:wrap;*/
justify-content:space-around;
width:auto;
height:auto;
list-style-type:none;
margin: auto;
padding:0;
}
nav ul li{
width:auto;
height:auto;
text-align:left;
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:1em;
font-weight:700;
margin:0 ;
padding:0 ;
color:#000;
text-decoration:none;  
outline-style:none; 
}   
nav ul li a:hover{
color:#ff0000;  
padding: 0 0 5px 0;
border-bottom:2px solid #ff0000;
}
nav ul li a.current, nav ul li a:link.current, nav ul li a:visited.current, nav ul li a:active.current{  
color:#ff0000;  
margin:0;
padding: 0 0 5px 0;
text-decoration:none;  
outline-style:none;  
border-bottom:2px solid #ff0000;
}

header{
display: flex;
align-items: center;/*zorgt voor juiste schaling picture bij chrome */
width:100%;
height:auto;
margin:80px 0 0 0;
}
.picheader{
width:100%;
height:auto;
margin:0;
}
.captionbg{
display:flex;
position:relative;
width:100%;
max-width:500px;
height:50px;
margin:-50px auto 0 auto;
}
h1,.caption{
width:100%;
max-width:500px;
height:auto;
font-family:AmaranthRegular,Arial;
font-size:2.5em; 
color:#000; 
text-align:center;
margin:0 auto 0 auto;
text-shadow:1px 1px 1px #000;
background: -webkit-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.5)); 
background: -o-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.5));   
background: -moz-linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.5));    
background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.5)); 
-webkit-border-radius:50px 50px 0 0;
-moz-border-radius:50px 50px 0 0;
border-radius:50px 50px 0 0;
 }
.headerunder{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:flex-start;
width:100%;
height:auto;
margin:20px 0 0 0;
padding:0;
}
.headerunderbox{
width:auto;
height:auto;
margin:0 0 5px 0;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
img.headerunderpic{
display:flex;
width:100%;
max-width:175px;
height:auto;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.overlay{
position:relative;
width:auto;
height:auto;
z-index:10;
margin:0;
padding:0;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.spanheaderunder{
display:block;
position:absolute;
bottom:0;
width:100%;
height:30%;
z-index:50;
margin:0;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
}
.spanheaderunder:hover,.spanheaderundercurrent{
display:block;
position:absolute;
bottom:0;
width:100%;
height:100%;
z-index:50;
background: -webkit-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)); 
background: -o-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));    
background: -moz-linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));        
background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5)); 
margin:0;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;

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

-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s; 
} 
@keyframes slide{
from {
width:100%;
height:50%;
opacity:1;
}
to {
width:100%;
height:100%;
opacity:1;
}
}

@-webkit-keyframes slide {
from {
width:100%;
height:50%;
opacity:1;
}
to {
width:100%;
height:100%;
opacity:1;
}
}

@-moz-keyframes slide{
from {
width:100%;
height:50%;
opacity:1;
}
to {
width:100%;
height:100%;
opacity:1;
}
}

@-ms-keyframes slide {
from {
width:100%;
height:50%;
opacity:1;
}
to {
width:100%;
height:100%;
opacity:1;
}
}
.spanheaderundercurrent{
-webkit-animation-name: none;
-moz-animation-name: none;
-o-animation-name: none;
animation-name: none;
}
.textspan{
display:flex;
justify-content:center;
align-items:center;
width:auto;
height:50%;
font-family:Lato,Arial;
font-weight:bold;
font-size:1rem;
color:#fff;
text-decoration:none;  
outline-style:none; 
}
.textspan:hover,.textspancurrent{
display:flex;
justify-content:center;
align-items:center;
width:auto;
height:50%;
font-family:Lato,Arial;
font-weight:bold;
font-size:1rem;
color:#ff0000;
margin:0;
text-decoration:none;  
outline-style:none; 
} 
.textspancurrent{
cursor: default;
text-decoration:none;
} 
.spantext{
display:block;
position:absolute;
bottom:5px;
width:100%;
height:auto;
z-index:60;
margin:0;
padding:0 0 5px 0;
color:#fff;
font-family:Lato,Arial;
font-weight:bold;
font-size:1rem;
text-align:center;
text-decoration:none;  
outline-style:none; 
} 
.spantext:hover,.spantextcurrent{
display:block;
position:absolute;
bottom:5px;
width:100%;
height:auto;
z-index:60;
margin:0;
padding:0 0 5px 0;
font-family:Lato,Arial;
font-weight:bold;
font-size:1rem;
text-align:center;
text-decoration:none;  
outline-style:none; 
color:#ff0000;
margin:0;
} 
.spantextcurrent{
display:none;
} 
.spantext::after{
position:relative;
left:5px;
top:2px;
content:'>';
color:#fff;
}
.spantext:hover::after{
content:'>';
color:#ff0000;
}
.spantextcurrent::after{
display:none;
}
a.hu, a:link.hu, a:visited.hu, a:active.hu,a:hover.hu{
text-decoration:none;  
outline-style:none;   
}
main{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
width:95%;
font-family:Lato,Arial;
font-size:1.2em;
margin:10px auto 20px auto;
padding:0;
}
.textleft{
flex:70%;
padding:20px;
}
.textright{
flex:25%;
}
.adres{
display:flex;
justify-content:center;
margin:50px 0 0 auto;
padding:0;       
list-style-type:none; 
}
ul.adrescenter{
font-family:Lato,Arial;
font-size:1rem;
color:#000;
margin:0;   
padding:0;   
list-style-type:none;                                  
}
li.one{
background-image: url(../images/picto/t.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 30px;
}
li.two{
background-image: url(../images/picto/i.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 30px;
}
li.three{
background-image: url(../images/picto/e.png);
background-position: 0 2px;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 30px;
}
li.four{
background-image: url(../images/picto/p.png);
background-position: 0 0;
background-repeat: no-repeat;
margin:0;
padding:0 0 5px 30px;
}
a.privacy, a:link.privacy, a:visited.privacy, a:active.privacy{
font-family:Lato,Arial;
font-size:1em;
font-weight:700;
margin:0 ;
padding:0 ;
color:#000;
text-decoration:none;  
outline-style:none; 
}   
a.privacy:hover{
color:#ff0000;  
padding: 0 0 5px 0;
border-bottom:2px solid #ff0000;
}
a.currentprivacy, a:link.currentprivacy, a:visited.currentprivacy,a:active.currentprivacy{  
color:#ff0000;  
margin:0;
padding: 0 0 5px 0;
text-decoration:none;  
outline-style:none;  
border-bottom:2px solid #ff0000;
}
a, a:link, a:visited, a:active{
font-family:Arial;
font-size:1rem;
font-weight:bold; 
font-style:italic;
color:#000; 
margin:0;
padding:3px 0 3px 0; 
text-decoration:underline;  
outline-style:underline;   
}
a:hover{
color:#ff0000; 
margin:0;
padding:3px 0 3px 0;  
text-decoration:none;  
outline-style:none;  
} 
a.text, a:link.text, a:visited.text, a:active.text{
display:block;
font-family:Arial;
font-size:1rem;
font-weight:bold; 
font-style:italic;
color:#000; 
margin:0;
padding:3px 0 3px 0; 
text-decoration:underline;  
outline-style:underline;   
}
a:hover.text{
color:#ff0000; 
margin:0;
padding:3px 0 3px 0;  
text-decoration:none;  
outline-style:none;  
} 
a.textin, a:link.textin, a:visited.textin, a:active.textin{
display:inline-block;
font-family:Arial;
font-size:1rem;
font-weight:bold; 
font-style:italic;
color:#000; 
margin:0;
padding:3px 0 3px 0; 
text-decoration:underline;  
outline-style:underline;   
}
a:hover.textin{
color:#ff0000; 
margin:0;
padding:3px 0 3px 0;  
text-decoration:none;  
outline-style:none;  
} 
footer{
width:100%;
height:auto;
margin:auto auto 20px auto;
padding:0;
}
.footerinner{
display:flex;
flex-flow:row wrap;
align-items: center;
justify-content: space-around;
height:auto;
}
ul.footer{
align-self:center;
width:auto;
height:auto;
margin:0;
list-style-type:none;
}
ul.footer li{
display:block;
width:auto;
margin: 0;
padding:0; 
text-transform:normal;
}  
ul.footer li a, ul.footer li a:link, ul.footer li a:visited, ul.footer li a:active{
display:inline-block;
font-family:Lato,Arial;
font-size:1em;
font-weight:normal;  
font-style:normal;
color:#000;
margin:0;
padding:0;   
text-decoration:none;  
outline-style:none; 
}
ul.footer li a:hover,
ul.footer li a.current, ul.footer li a:link.current, ul.footer li a:visited.current, ul.footer li a:active.current{
color:#ca0015;
}
ul.naw{
list-style-type:none;
font-family:Lato,Arial;
font-size:1em;
font-weight:normal;
color:#000;
margin:0;
}
a.naw, a:link.naw, a:visited.naw, a:active.naw{
font-style:normal;
color:#000;
margin:0;
padding:3px 5px 3px 0; 
text-decoration:underline;  
outline-style:none;   
}
a:hover.naw{
color:#ca0015;
margin:0;
padding:3px 5px 3px 0;  
text-decoration:none;  
outline-style:none;  
} 
.backtop a{
position:fixed;
right:2%;
bottom:3%;
width:50px;
height:50px;
z-index:80;
background-image: url('../images/backtop.png');
background-position: 0 0;
background-repeat: no-repeat;
text-decoration:none;  
outline-style:none; 
cursor:pointer;
}
p{
margin:0 0 10px 0;
}
h2.title{
font-family:Lato, Arial;
font-size:1.5rem;
font-weight:bold;
margin:5px 0 20px 0;
padding:0;
}
.hiddencontainer{
display:none;
}
.imgbox{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
padding:20px 0 0 0;
}
.todoactueel{
display: flex;
flex-flow:row wrap;
justify-content:center;
align-self:center;
position:absolute;
z-index:5;
width:auto;
min-height:50px;
margin:0 auto 0 auto;
padding:0;

-webkit-animation: bounceInLeft 2s; 
-moz-animation: bounceInLeft 2s; 
-ms-animation: bounceInLeft 2s; 
-o-animation: bounceInLeft 2s; 
animation: bounceInLeft 2s;
}

@-webkit-keyframes bounceInLeft {
  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(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

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

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

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

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

@keyframes bounceInLeft {
  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(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

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

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

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

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

.texttodoactueel{
font-family: Lato,Arial;
font-size: 1rem;
font-weight: bold;
font-style: normal;
text-align:center;
color:#fff; 
padding:10px;
background: -webkit-linear-gradient(rgba(112,16,65,0.8),rgba(112,16,65,0.8)); 
background: -o-linear-gradient(rgba(112,16,65,0.8),rgba(112,16,65,0.8));       
background: -moz-linear-gradient(rgba(112,16,65,0.8),rgba(112,16,65,0.8));      
background: linear-gradient(rgba(112,16,65,0.8),rgba(112,16,65,0.8)); 
 -webkit-border-radius:0 25px 25px 0;
-moz-border-radius:0 25px 25px 0;
border-radius:0 25px 25px 0;
}
a.texttodoactueel, a:link.texttodoactueel, a:visited.texttodoactueel, a:active.texttodoactueel{
display:inline-block;
font-family:Arial;
font-size:1rem;
font-weight:bold; 
font-style:normal;
color:#fff; 
margin:0;
padding:3px 0 3px 0; 
text-decoration:none;  
outline-style:none;   
}
a:hover.texttodoactueel{
font-style:italic;
color:#ff0000; 
margin:0;
padding:3px 0 3px 0;  
text-decoration:none;  
outline-style:none;  
} 
a.texttodoactueel::after{
content:'>';
margin:0 0 0 5px;
padding:3px 0 3px 0;  
}
a:hover.texttodoactueel::after{
content:'>';
color:#ff0000;
margin:0 0 0 5px;
padding:3px 0 3px 0;  
}
.evenementen{
display:flex;
flex:row;
justify-content:center;
width:100%;
height:auto;
margin:20px auto 20px auto;
/*box-shadow:2px 2px 2px #000;
background-color: #fff;*/
}
.evenementenlogo{
width:100%;
max-width:750px;
}
h2.todotitle{
font-family:Lato, Arial;
font-size:1.5rem;
font-weight:bold;
text-align:center;
margin:20px 0 20px 0;
padding:0;
}
.todo{
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
align-items:flex-start;
width:100%;
height:auto;
margin-top:30px;
padding:10px 0 0 0;
}
.todobox{
/*display:flex;
justify-content:center; zorgt voor plaatsing img in midden */
/*width:100%;
max-width:150px;*/
width:auto;
height:auto;
margin:auto 5px 10px 0;
}
img.todopic{
display:flex; /*zorgt voor plaatsing img in midden */
width:100%;
max-width:200px;
height:auto;
margin:0;
-webkit-box-shadow: 1px 1px 15px 0 #000;
-moz-box-shadow:1px 1px 15px 0 #000;
box-shadow: 1px 1px 15px 0 #000;
}
.spantodo{
display:flex;
justify-content:center;
position:absolute;
top:0;
/*top:40%;*/
width:100%;
height:100%;
z-index:10;
cursor: pointer; 
}
.spantexttodonorm{
align-self:center;
font-family:Lato,Arial;
font-size:1em;
font-weight:bold;
font-style:normal;
color:#fff;
text-indent:5px;
}
.spantexttodonorm:hover, .spantexttodocurrent{
align-self:center;
font-family:Lato,Arial;
font-size:1em;
font-weight:bold;
font-style:normal;
color:#ff0000;
text-indent:5px;
}
.bgtodonorm{
display:flex;
justify-content:flex-start;
align-items:center;
width:200px;
height:30px;
padding:0 0 3px 0;
background: linear-gradient(to left,rgba(0,0,0,0.2),rgba(0,0,0,0.7));
background: -webkit-linear-gradient(right,rgba(0,0,0,0.2),rgba(0,0,0,0.7));
background: -o-linear-gradient(right,rgba(0,0,0,0.2),rgba(0,0,0,0.7));  
background: -moz-linear-gradient(right,rgba(0,0,0,0.2),rgba(0,0,0,0.7));

/*background: linear-gradient(to left,rgba(255,255,255,0.2),rgba(255,255,255,0.7));
background: -webkit-linear-gradient(right,rgba(255,255,255,0.2),rgba(255,255,255,0.7)); 
background: -o-linear-gradient(right,rgba(255,255,255,0.2),rgba(255,255,255,0.7));  
background: -moz-linear-gradient(right,rgba(255,255,255,0.2),rgba(255,255,255,0.7));  */
}
.bgtodonorm:hover, .bgtodocurrent{
display:flex;
justify-content:flex-start;
align-items:center;
width:200px;
height:30px;
padding:0 0 3px 0;
background: linear-gradient(to left,rgba(0,0,0,0.2),rgba(0,0,0,0.7));
background: -webkit-linear-gradient(right,rgba(0,0,0,0.2),rgba(0,0,0,0.7));
background: -o-linear-gradient(right,rgba(0,0,0,0.2),rgba(0,0,0,0.7));  
background: -moz-linear-gradient(right,rgba(0,0,0,0.2),rgba(0,0,0,0.7));
}
.overlaytodo{
position:relative;
width:auto;
height:auto;
z-index:10;
margin:0;
padding:0;
}
img.bd{
flex:auto;
width:100%;
max-width:150px;
margin:0 5px 15px 0;
-webkit-box-shadow: 1px 1px 15px 0 #000;
-moz-box-shadow:1px 1px 15px 0 #000;
box-shadow: 1px 1px 15px 0 #000;
} 
h4.foto{
font-size:0.8rem;
font-weight:normal;
font-style:italic;
margin:5px 0 -5px 0;
}
img.site{
width:100%;
max-width:300px;
height:auto;
border:3px solid #fff;
} 
img.plattegrond{
width:100%;
max-width:200px;
height:auto;
border:3px solid #fff;
} 
img.centered{
display: block;
width:100%;
max-width:250px;
margin:0 auto 5px auto;
padding: 0;
border:3px solid #fff;
-webkit-box-shadow: 1px 1px 15px 0 #000;
-moz-box-shadow:1px 1px 15px 0 #000;
box-shadow: 1px 1px 15px 0 #000;
}
img.alignright{
display:inline;
margin: 5px 15px 5px 5px;
padding: 0;
border:3px solid #fff;
}
img.alignleft{
display:inline;
margin: 5px 5px 5px 0;
padding: 0;
border:3px solid #fff;
}
img.leftrot{
display:inline;
margin:20px 10px 10px 5px;
-webkit-box-shadow: 1px 1px 15px 0 #000;
-moz-box-shadow:1px 1px 15px 0 #000;
box-shadow: 1px 1px 15px 0 #000;
transform:rotate(-4deg);
-ms-transform:rotate(-4deg); 
-webkit-transform:rotate(-4deg); 
-o-transform: rotate(-4deg);
}
img.rightrot{
display:inline;
margin:20px 20px 10px 20px;
-webkit-box-shadow: 1px 1px 15px 0 #000;
-moz-box-shadow:1px 1px 15px 0 #000;
box-shadow: 1px 1px 15px 0 #000;
transform:rotate(4deg);
-ms-transform:rotate(4deg); 
-webkit-transform:rotate(4deg); 
-o-transform: rotate(4deg);
}
.alignright{
float:right;
}
.alignleft{
float:left;
}
table{
padding:0;
}
td{
border:2px double #000;
padding:0 10px 0 20px;
}
ol,ul{
margin:0 0 0 20px;
}
li{
padding:0;
}
li.text{
margin:0 0 5px 0;
}
/*.framebox{
display:flex;
width:100%; 
max-width:560px;
height:auto; 
margin:20px auto 20px auto;
}
iframe{
width:100%; 
max-width:560px;
min-height:315px; 
}*/
.framebox{
display:flex;
justify-content:center;
align-items:flex-start;
width:95%;
position:relative;
padding:54% 0 0 0;
margin:20px auto 20px auto;
}
iframe{
position:absolute;
top:0;
left:0;
bottom: 0;
right: 0;
width:100%;
height:100%;
}
.teldesktop{
display:inline-block;
}
.telmobiel{
display:none;
}
html, body{
height:100%;
} 


@media only screen and (min-width: 220px) and (max-width: 640px){
nav,.footerinner,.naw{
display:none;
}
a:hover spannav{
display:none;
}
.captionbg{
margin:-25px 0 0 0;
}
h1,.caption{
font-size:1.2em;
margin:0 0 0 10px; 
}
#toggle{
display:inline-block;
position:absolute;
top:5px;
left:5px;
z-index:10;
width:80px;
height:30px;
font-family:Lato, Arial;
font-size:1rem;
font-weight:bold;
text-indent:2px;
color:#000;
margin:0;
padding:0; 
cursor: pointer; 
}
#toggle:hover{
color:#ff0000;
}
#toggle::after{
position:absolute;
right:5px;
content:'menu';
color:#000;
}
#toggle:hover::after{
position:absolute;
content:'menu';
color:#ff0000;
}
.containernav{
display:block;
position:relative;
top:0;
left:0;
z-index:20;
width:100%;
height:auto;
margin:0!important;
background:none;
}
nav{
position:relative;
top:30px;
left:0;
width:100%;
height:auto;
margin:0;
padding:0;
/*background: -webkit-linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.4)); 
background: -o-linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.4));    
background: -moz-linear-gradient(rgba(255,255,255,0.4),rgba(255,2255,255,0.4));      
background: linear-gradient(rgba(255,255,255,0.4),rgba(255,255,255,0.4)); */
}
nav ul{
flex-direction:column;
margin:0;  
padding:5px 0 5px 0; 
text-align:center;
list-style-type:none;
}
nav ul li{
margin: 0;
padding:0 0 5px 0!important;  
}  
nav ul li a, nav ul li a:link, nav ul li a:visited, nav ul li a:active{
display:block!important;
font-family:Lato,Arial;
font-size:1em !important; 
font-weight:normal;
text-align:center;
color:#000; 
margin:0;
padding:5px!important;   
text-decoration:none;  
outline-style:none; 
}  
nav ul li a:hover,
nav ul li a.current, nav li a:link.current, nav li a:visited.current, nav li a:active.current{    
display:block!important;
color:#ff0000;   
font-weight:normal; 
margin:0;
padding:5px !important;   
text-decoration:underline;  
outline-style:none;  
border-bottom:none!important;
}
header{
margin:35px 0 0 0;
}
.headerunder{
margin:20px 0 0 0;
}
.picheader{
width:100%;
margin:0;
}
/*.captionbg{
height:30px;
margin:-40px 0 0 0;
}*/
.captionbg{
height:40px;
margin:-40px auto 0 auto;
}
h1,.caption{
font-size:2em;  
}
.headerunderbox{
width:100%;
max-width:125px;
height:auto;
}
img.headerunderpic{
width:100%;
max-width:125px;
height:auto;
}
/*img.headerunderpic{
width:100%;
max-width:150px;
}*/
.textspan,.textspancurrent{
font-size:0.8rem;
}
.spantext,.spantext:hover,.spantextcurrent{
font-size:0.8rem;
padding:0;
} 

.textleft,.textright{
flex:100%;
}
.textleft{
flex:90%;
padding:40px 5px 20px 5px;
}
.textright{
padding:0;
}
.adres{
margin:10px 0 0 auto; 
}
footer{
width:100%;
height:auto;
margin:auto auto 20px auto;
}
.footerinner{
display:flex;
flex-flow:row wrap;
align-items: center;
justify-content: space-around;
height:auto;
}
.footer li a, .footer li a:link, .footer li a:visited, .footer li a:active{
font-size:1rem;
}

.telmobiel{
display:flex;
}
.teldesktop{
display:none;
}
.backtop a{
position:fixed;
right:2%;
bottom:1%;
width:25px;
height:25px;
z-index:50;
background-image: url('../images/backtopmob.png');
background-position: 0 0;
background-repeat: no-repeat;
text-decoration:none;  
outline-style:none; 
cursor:pointer;
}
table{
font-size:0.9rem;
padding:0;
}
td{
border:2px double #000;
padding:0 10px 0 0;
}
.texttodoactueel{
font-size: 0.7rem;
}
a.texttodoactueel, a:link.texttodoactueel, a:visited.texttodoactueel, a:active.texttodoactueel{
font-size:0.7rem;
}

img.todopic{
max-width:150px;
}
.spantexttodonorm{
font-size:0.8em;
}
.spantexttodonorm:hover, .spantexttodocurrent{
font-size:0.8em;
}
.bgtodonorm{
width:150px;
height:30px;
}
.bgtodonorm:hover, .bgtodocurrent{
width:150px;
height:30px;
}
img.site{
max-width:175px;
} 
img.plattegrond{
max-width:175px;
} 
img.bd{
max-width:75px;
} 
ol{
margin:0 0 0 20px;
}
li{
padding:0;
}
}
@media only screen and (orientation:portrait){
.background{
position:fixed;
width:100%;
height:100%;
z-index:-1;
background-image: url(../images/background/portrait.jpg);
background-position: 50% 0;
background-repeat: no-repeat;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover;
background-size: cover;
}
}