@font-face {
font-family: 'CalligrapherRegular';
src: url('../font/calligra-webfont.eot');
src: url('../font/calligra-webfont.eot?#iefix') format('embedded-opentype'),
url('../font/calligra-webfont.woff') format('woff'),
url('../font/calligra-webfont.ttf') format('truetype'),
url('../font/calligra-webfont.svg#CalligrapherRegular') format('svg');
font-weight: normal;
font-style: normal;
}

html *{
margin:0;               
padding:0;
border:none;
}  
body{          
background-color:#fff;
}
/* begin site*/
.containernav{
position:fixed;
top:0;
left:0;
z-index:15;
width:100%;
height:55px;
margin:0;
background: -webkit-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.8)); 
background: -o-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.8));    
background: -moz-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.8));        
background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.8));  
}
nav{ 
width:auto;
margin:15px 0 0 0;
}
nav ul{ 
display:flex;
justify-content:space-around;
align-items:center;
width:auto;
height:auto;
list-style-type:none;
margin:0 auto;
padding:0;
}
nav ul li{
width:auto;
height:auto;
margin:0;
padding:0;  
}   
nav ul li a, nav ul li a:link, nav ul li a:visited, nav ul li a:active{
font-family:Lato,Arial;
font-size:1rem;
font-weight:bold;
font-style:normal;
text-transform: uppercase;
color:#000;
margin:0 ;
padding:3px 5px 17px 5px;
text-decoration:none;  
outline-style:none; 
}
nav ul li a:hover,
nav ul li a.current, nav ul li a:link.current, nav ul li a:visited.current, nav ul li a:active.current{  
color:#990000;  
margin:0;
padding:3px 5px 17px 5px;
text-decoration:none;  
outline-style:none;  
border-bottom:4px solid #990000;
}
#toggle{
display:none;
}
.containeroverons{
display:flex;
flex-flow: row wrap;
align-items:flex-end;
width:100%;
height:75vh;
background-image: url(../images/container/landscapeoverons.jpg);
background-position: 50% 0;
background-repeat: no-repeat;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover;
background-size: cover;
margin:auto;
} 
.containeraanleg{
display:flex;
flex-flow: row wrap;
align-items:flex-end;
width:100%;
height:75vh;
background-image: url(../images/container/landscapeaanleg.jpg);
background-position: 50% 0;
background-repeat: no-repeat;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover;
background-size: cover;
margin:auto;
} 
.containeronderhoud{
display:flex;
flex-flow: row wrap;
align-items:flex-end;
width:100%;
height:75vh;
background-image: url(../images/container/landscapeonderhoud.jpg);
background-position: 50% 0;
background-repeat: no-repeat;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover;
background-size: cover;
margin:auto;
} 
.containergrondwerk{
display:flex;
flex-flow: row wrap;
align-items:flex-end;
width:100%;
height:75vh;
background-image: url(../images/container/landscapegrondwerk.jpg);
background-position: 50% 0;
background-repeat: no-repeat;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover;
background-size: cover;
margin:auto;
} 
.containerbestrating{
display:flex;
flex-flow: row wrap;
align-items:flex-end;
width:100%;
height:75vh;
background-image: url(../images/container/landscapebestrating.jpg);
background-position: 50% 0;
background-repeat: no-repeat;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover;
background-size: cover;
margin:auto;
} 
.toplogo{
position:absolute;
top:10%;
left:0;
z-index:6;
width:100%;
height:auto;
margin:0 auto 0 auto;
padding:20px 0 5px 0;
}
.logo{
width:100%;
max-width:550px;
}
.page{
display:flex;
/*flex-flow:row wrap;*/
flex-direction: column;
width:100%;
height:auto;  
/*height:100vh; */
margin:0 auto;
}

.colorhl{
display: flex;
align-items: center; /*zorgt voor juiste schaling picture bij chrome */
/*align-self:flex-start;*/
width:100%;
height:35px;
margin:0;
}
.piccolorhl{
width:100%;
height:35px;
margin:0;
}
.caption{
display:flex;
flex-flow:row;
justify-content:flex-start;
position:relative;
font-family:Lato,Arial;
font-size:2em;
font-weight:bold;
color:#fff; 
margin:-40px 0 0 0;
padding:0 0 0 15px;
text-shadow:2px 2px 5px #000;
}
main{
width:100%;
max-width:100rem;
height:auto;
margin:20px auto 20px auto;
padding:0;
}
.text{
display:flex;
flex-flow:row wrap;
justify-content:center;
align-items:center;
width:95%;
font-family:Lato,Arial;
font-size:1.2rem;
color:#000;
line-height:25px;
margin:0 auto;
padding:20px 10px 20px 0;
} 
.left, .right{
width:50%;
padding:10px 0 10px 0;
}
.imgbox{
display:flex;
flex-flow:row wrap;
justify-content:center;
position:relative;
width: 100%;
/*max-width:550px;*/
margin:5px auto 0 auto;
padding:0;
}
img.pic{
flex:auto;
width:100%;
max-width:700px;
margin:5px;
margin:0 auto 0 auto;
-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);
}
}

.picoverlay700{
width:100%;
max-width:700px;
margin:0 auto 0 auto;
}
.overlayimg700{
position:absolute;
top:0;
z-index:5;
width:100%;
max-width:700px;
height:auto;
margin:0 auto 0 auto;
} 
.imgunder{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
width: 100%;
padding:20px 0 20px 0;
}
img.picfotoalbum{
flex:auto;
width:100%;
max-width:250px;
margin:auto auto 20px auto;
border:2px solid #7f8000;

-moz-animation: scalefa 3s; /* Firefox */
-ms-animation: scalefa 3s; /* Internet Explorer */
-o-animation: scalefa 3s; /* Opera */
-webkit-animation: scalefa 3s;  /*Safari and Chrome */
animation: scalefa 3s;
}

 @keyframes scalefa {
from { 
  -webkit-transform: scale(0.5,0.5);
  -moz-transform: scale(0.5,0.5);
  -o-transform: scale(0.5,0.5);
  -ms-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
}
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 scalefa {
from { 
  -webkit-transform: scale(0.5,0.5);
  -moz-transform: scale(0.5,0.5);
  -o-transform: scale(0.5,0.5);
  -ms-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
}
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 scalefa {
from { 
  -webkit-transform: scale(0.5,0.5);
  -moz-transform: scale(0.5,0.5);
  -o-transform: scale(0.5,0.5);
  -ms-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
}
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 scalefa {
from { 
  -webkit-transform: scale(0.5,0.5);
  -moz-transform: scale(0.5,0.5);
  -o-transform: scale(0.5,0.5);
  -ms-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
}
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 scalefa {
from { 
  -webkit-transform: scale(0.5,0.5);
  -moz-transform: scale(0.5,0.5);
  -o-transform: scale(0.5,0.5);
  -ms-transform: scale(0.5,0.5);
    transform: scale(0.5,0.5);
}
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);
}
}

.klikcentered{
width:95%;
font-family:Lato,Arial;
font-size:0.9rem;
font-weight:bold;
font-style:italic;
text-align:center;
color:#000;
padding:0;
margin:20px auto auto auto;
}
footer{
width:100%;
min-height:450px;
margin:auto auto 0 auto;
padding:0;
background-image: url(../images/footer/footer.jpg);
background-position: 40% 100%;
background-repeat: no-repeat;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover;
background-size: cover;
}
.footerinner{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
align-content:flex-end;
position:relative;
z-index:10;
width:100%;
min-height:450px;
margin:0 auto 0 auto;
background: -webkit-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0)); 
background: -o-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0));    
background: -moz-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0));        
background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0)); 
}
span,.span,.footernav{
display:none;
}
a:hover span{
display:flex;
flex:row;
justify-content:center;
position:absolute;
bottom:40px;
left:0;
z-index:40;
width:125px;
height:auto;
font-size:12px;
color:#fff;
padding:5px;
border:1px solid #fff;
background: -webkit-linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)); 
background: -o-linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6));    
background: -moz-linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6));        
background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6));
}
a:hover .span{
display:flex;
flex:row;
justify-content:center;
position:absolute;
bottom:40px;
right:0;
z-index:40;
width:200px;
height:auto;
font-size:12px;
color:#fff;
padding:5px;
border:1px solid #fff;
background: -webkit-linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)); 
background: -o-linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6));    
background: -moz-linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6));        
background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6));
}
.footerunder{
/*position:relative;*/
position:fixed;
left:0;
bottom:0;
z-index:20;
width:100%;
height:35px;
}
.adrbottom{
position:fixed;
bottom:0;
left:0;
z-index:20;
width:12.5%;
height:35px;
margin:auto auto 0 0;
background-color:#006401;
}
a.imgadrbottom{
display:flex;
flex:row;
justify-content:center;
align-items:center;
width:20px;
height:20px;
margin:5px auto auto auto;
}
.telbottom{
position:fixed;
bottom:0;
left:12.5%;
z-index:20;
width:12.5%;
height:35px;
margin:auto 0 0 auto;
background-color:#006401;
}
a.imgtelbottom{
display:flex;
flex:row;
justify-content:center;
align-items:center;
width:20px;
height:20px;
margin:5px auto auto auto;
}
.hwlbottom{
position:fixed;
bottom:0;
left:25%;
z-index:20;
width:50%;
height:35px;
margin:auto 0 0 auto;
background-color:#7f8000;
}
.imghwlbottom{
display:flex;
flex:row;
justify-content:center;
width:76px;
height:35px;
margin:0 auto;
}
.sitebottom{
position:fixed;
bottom:0;
right:0;
z-index:20;
width:12.5%;
height:35px;
margin:auto 0 0 auto;
background-color:#8b0003;
}
a.imgsitebottom{
display:flex;
flex:row;
justify-content:center;
width:20px;
height:20px;
margin:5px auto auto auto;
}
.embottom{
position:fixed;
bottom:0;
right:12.5%;
z-index:20;
width:12.5%;
height:35px;
margin:auto 0 0 auto;
background-color:#8b0003;
}
a.imgembottom{
display:flex;
flex:row;
justify-content:center;
width:20px;
height:20px;
margin:5px auto auto auto;
}
/*.backtop a{
position:fixed;
right:1%;
bottom:1%;
z-index:20;
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;
}      */   
 
/* begin algemeen gedeelte */

.telmobiel{
display:none;
}
.teldesktop{
display:inline-block;
}
 a, a:link, a:visited, a:active{  
font-family:Lato,Arial;
font-size:1em;      
font-weight:bold;         
color:#000; 
text-decoration:underline;
outline-style:none;
}          
 a:hover{
color:#ff0000;
text-decoration:none;
outline-style:none;
}     
h2,h3,h4,h5,h6{
font-family:Lato,Arial;
font-weight:bold; 
}
h3{ 
display:inline;
font-size:14px;
font-weight:bold;
letter-spacing: normal;
}    
ul.list{
list-style-image:url(../images/listitem.png);
margin-left: 40px;
}
ul,ol{
list-style-type:none;
margin:10px 0 10px 20px;
}
.klik{
width:95%;
font-family:Lato,Arial;
font-size:0.8rem;
font-weight:bold;
font-style:italic;
color:#000;
padding:0;
margin:10px 0 0 0;
}
.hiddencontainer{
display:none;
} 
img.centered{
display: block;
margin:0 auto 5px auto;
padding: 5px;
}
img.alignright{
display:inline;
margin: 5px 5px 0 5px;
padding: 0;
}
img.alignleft{
display:inline;
margin: 5px 10px 0 0;
padding: 0;
}
.alignright{
float:right;
}
.alignleft{
float:left;
}
html, body{
height:100%;
}  
@media only screen and (min-width: 1675px) and (max-width: 2560px){
.text{
width:100%;
} 
img.picfotoalbum{
max-width:450px;
}
}
@media only screen and (min-width: 1275px) and (max-width: 1675px){
img.picfotoalbum{
max-width:350px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1275px){
img.picfotoalbum{
max-width:300px;
}
footer,.footerinner{
width:100%;
min-height:350px;
}
}
@media only screen and (min-width: 805px) and (max-width: 1024px){
img.picfotoalbum{
max-width:300px;
}
footer,.footerinner{
width:100%;
min-height:300px;
}
}
@media only screen and (min-width: 645px) and (max-width: 1024px){
.text{
flex:100%;
padding:0 10px 0 10px;
}
.left, .right{
width:100%;
margin:0 auto;
}
img.picfotoalbum{
max-width:250px;
}
footer,.footerinner{
width:100%;
min-height:250px;
}
}
@media only screen and (min-width:330px) and (max-width: 640px){
nav{
display:none;
}
.containernav{
position:relative;
top:0;
left:0;
z-index:20;
width:100%;
height:auto;
margin:0!important;
background:none;
}
#toggle{
display:inline-block;
position:absolute;
right:10px;
top:5px;
z-index:20;
width:80px;
height:25px;
font-family:Lato, Arial;
font-size:1rem;
font-weight:bold;
text-indent:2px;
color:#fff;
margin:0;
padding:5px 0 0 0; 
cursor: pointer; 
box-shadow:2px 2px 2px #000;
background: -webkit-linear-gradient(rgba(127,128,0,0.5),rgba(127,128,0,0.5)); 
background: -o-linear-gradient(rgba(127,128,0,0.5),rgba(127,128,0,0.5));   
background: -moz-linear-gradient(rgba(127,128,0,0.5),rgba(127,128,0,0.5));        
background: linear-gradient(rgba(127,128,0,0.5),rgba(127,128,0,0.5)); 
}
#toggle:hover{
color:#ff0000;
}
#toggle::after{
position:absolute;
top:3px;
right:6px;
content: 'menu';
color:#fff;
}
#toggle:hover::after{
position:absolute;
top:3px;
right:6px;
content: 'menu';
color:#ff0000;
}
nav{
position:relative;
top:0;
right:0;
width:100%;
height:auto;
margin:0;
padding:0 0 10px 0;
background: -webkit-linear-gradient(rgba(255,255,255,0.9),rgba(255,255,255,0.9)); 
background: -o-linear-gradient(rgba(255,255,255,0.9),rgba(255,255,255,0.9));    
background: -moz-linear-gradient(rgba(255,255,255,0.9),rgba(255,255,255,0.9));        
background: linear-gradient(rgba(255,255,255,0.9),rgba(255,255,255,0.9));  
}
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:bold;
text-align:center;
color:#000; 
margin:0;
padding:5px!important;   
text-decoration:none !important;  
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:#990000;  
margin:0;
padding:5px !important;   
text-decoration:underline !important;  
border-bottom:none!important; 
}
.telmobiel{
display:inline-block;
}
.teldesktop{
display:none;
}
.colorhl{
height:25px;
}
.piccolorhl{
height:25px;
}
.caption{
font-size:1.5em;
margin:-30px 0 0 0;
padding:0 0 0 15px;
}
main{
margin:20px 0 0 0;
padding:0 0 10px 0;
}
.text{
flex:100%;
font-size:1rem;
padding:0 10px 0 10px;
}
.left, .right{
width:100%;
padding:10px 10px 15px 10px;
}
.imgunder{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
width: 98%;
}
img.picfotoalbum{
max-width:175px;
}
footer,.footerinner{
width:100%;
min-height:225px;
}
.footernav{
display:flex;
flex-flow:column nowrap;
justify-content:center;
margin:-150px auto 0 auto;
}
.footernav ul{ 
position:relative;
z-index:15;
width:auto;
margin:auto;
}  
.footernav ul li{
width:auto;
height:auto;
margin:0;
padding:0;  
}   
.footernav ul li a, .footernav ul li a:link, .footernav ul li a:visited, .footernav ul li a:active{
font-family:Lato,Arial;
font-size:1rem;
font-weight:bold;
font-style:normal;
color:#8b0003;
margin:0;
padding:0 5px 0 5px; 
border-left:4px double transparent;
text-decoration:none;  
outline-style:none; 
}
.footernav ul li a:hover,
.footernav ul li a.current, .footernav ul li a:link.current, .footernav ul li a:visited.current, .footernav ul li a:active.current{  
color:#ff0000;  
margin:0;
padding:0 5px 0 5px; 
border-left:4px double #ff0000;
text-decoration:none;  
outline-style:none; 
}             
/*.backtop a{
position:fixed;
right:1%;
bottom:1%;
z-index:20;
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:230px) and (max-width: 330px){
nav{
display:none;
}
.containernav{
position:relative;
top:0;
left:0;
z-index:20;
width:100%;
height:auto;
margin:0!important;
background:none;
}
#toggle{
display:inline-block;
position:absolute;
right:10px;
top:5px;
z-index:20;
width:80px;
height:25px;
font-family:Lato, Arial;
font-size:1rem;
font-weight:bold;
text-indent:2px;
color:#fff;
margin:0;
padding:5px 0 0 0; 
cursor: pointer; 
box-shadow:2px 2px 2px #000;
background: -webkit-linear-gradient(rgba(127,128,0,0.5),rgba(127,128,0,0.5)); 
background: -o-linear-gradient(rgba(127,128,0,0.5),rgba(127,128,0,0.5));   
background: -moz-linear-gradient(rgba(127,128,0,0.5),rgba(127,128,0,0.5));        
background: linear-gradient(rgba(127,128,0,0.5),rgba(127,128,0,0.5)); 
}
#toggle:hover{
color:#ff0000;
}
#toggle::after{
position:absolute;
top:3px;
right:6px;
content: 'menu';
color:#fff;
}
#toggle:hover::after{
position:absolute;
top:3px;
right:6px;
content: 'menu';
color:#ff0000;
}
nav{
position:relative;
top:0;
right:0;
width:100%;
height:auto;
margin:0;
padding:0 0 10px 0;
background: -webkit-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.9)); 
background: -o-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.9));    
background: -moz-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.9));        
background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.9));   
}
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:bold;
text-align:center;
color:#000; 
margin:0;
padding:5px!important;   
text-decoration:none !important;  
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:#990000;  
margin:0;
padding:5px !important;   
text-decoration:underline !important;  
border-bottom:none!important; 
}
.telmobiel{
display:inline-block;
}
.teldesktop{
display:none;
}
.colorhl{
height:25px;
}
.piccolorhl{
height:25px;
}
.caption{
font-size:1.5em;
margin:-30px 0 0 0;
padding:0 0 0 15px;
}
main{
margin:20px 0 0 0;
padding:0 0 10px 0;
}
.text{
flex:100%;
font-size:1rem;
padding:0 10px 0 10px;
}
.left, .right{
width:100%;
padding:10px 10px 15px 10px;
}
.imgunder{
display:flex;
flex-flow:row wrap;
justify-content:space-around;
width: 98%;
}
img.picfotoalbum{
max-width:175px;
}
footer,.footerinner{
width:100%;
min-height:225px;
}
.footernav{
display:flex;
flex-flow:column nowrap;
justify-content:center;
margin:-150px auto 0 auto;
}
.footernav ul{ 
position:relative;
z-index:15;
width:auto;
margin:auto;
}  
.footernav ul li{
width:auto;
height:auto;
margin:0;
padding:0;  
}   
.footernav ul li a, .footernav ul li a:link, .footernav ul li a:visited, .footernav ul li a:active{
font-family:Lato,Arial;
font-size:1rem;
font-weight:bold;
font-style:normal;
color:#8b0003;
margin:0;
padding:0 5px 0 5px; 
border-left:4px double transparent;
text-decoration:none;  
outline-style:none; 
}
.footernav ul li a:hover,
.footernav ul li a.current, .footernav ul li a:link.current, .footernav ul li a:visited.current, .footernav ul li a:active.current{  
color:#ff0000;  
margin:0;
padding:0 5px 0 5px; 
border-left:4px double #ff0000;
text-decoration:none;  
outline-style:none; 
}             
}
@media only screen and (orientation:portrait){
.containeroverons{
display:flex;
flex-flow: row wrap;
justify-content:center;
align-items: center;
width:100%;
height:75vh;
background-image: url(../images/container/portraitoverons.jpg);
background-position: 0 0;
background-repeat: no-repeat;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover;
background-size: cover;
margin:auto;
}
.containeraanleg{
display:flex;
flex-flow: row wrap;
justify-content:center;
align-items: center;
width:100%;
height:75vh;
background-image: url(../images/container/portraitaanleg.jpg);
background-position: 0 0;
background-repeat: no-repeat;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover;
background-size: cover;
margin:auto;
} 
.containeronderhoud{
display:flex;
flex-flow: row wrap;
justify-content:center;
align-items: center;
width:100%;
height:75vh;
background-image: url(../images/container/portraitonderhoud.jpg);
background-position: 0 0;
background-repeat: no-repeat;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover;
background-size: cover;
margin:auto;
} 
.containergrondwerk{
display:flex;
flex-flow: row wrap;
justify-content:center;
align-items: center;
width:100%;
height:75vh;
background-image: url(../images/container/portraitgrondwerk.jpg);
background-position: 0 0;
background-repeat: no-repeat;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover;
background-size: cover;
margin:auto;
} 
.containerbestrating{
display:flex;
flex-flow: row wrap;
justify-content:center;
align-items: center;
width:100%;
height:75vh;
background-image: url(../images/container/portraitbestrating.jpg);
background-position: 0 0;
background-repeat: no-repeat;
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover;
background-size: cover;
margin:auto;
} 
}