$echo[bottomhtml]
    $echo[debug]
    $echo[structuredData]
</body>
</html>urgerknop---===Menu---===Menu Small---===Mediaqueries---===SM---===Homepage---====Resultspage*/
/*----====font algemeen====---*/
@import url('https://fonts.googleapis.com/css?family=Montserrat');h1,h2,h3,h4,h5,h6,p,a{font-family:'Montserrat',"Open Sans",'Helvetica Neue',Arial;}
/* ---===Header====---*/
#websitenaam{font-family:'Montserrat',"Open Sans",'Helvetica Neue',Arial;font-weight:bold;color:#333333;font-size:19px;}
#mainlogo div{
/*display:inline-block;*/
}
#mainlogo img{float:none;}
#mainlogo a{text-transform:uppercase;text-decoration:none;font-family:'Montserrat',"Open Sans",'Helvetica Neue',Arial;font-weight:bold;color:#333333;margin-right:auto;margin-left:auto;}
.abstract,label{font-family:"Open Sans",'Helvetica Neue',Arial;}
/*---===Hamburgermenuknop===--*/
.menu-action a{left:40px;}
.menu-action a:after{box-shadow:0 8px 0 2px #333,0 18px 0 2px #333,0 28px 0 2px #333; 
-webkit-box-shadow:0 8px 0 2px #333333,0 18px 0 2px #333333,0 28px 0 2px #333333;    }
/*   ----====Menu=====---=-*/
nav#access{text-align:center;}
#access{
/*background-color:#93948C;*/
margin-bottom:30px;}
#access li{background-color:#98BF8C;padding:15px 10px 15px 0px;
/*border-left:4px solid #FFF;*/
transition:all 0.1s ease-in-out;}
#access li:hover{background-color:#B4DBA8;}
#access a{color:#ffffff;  font-size: 0.9em;  letter-spacing:0.05em;  outline:0 none;  padding:15px 10px 15px 0;  transition:all 0.1s ease-in-out 0s;}
#access a:active,#access a:hover{
/*background-color:#B3B4AE;*/
color:#FFF;}
#access ul{
margin-bottom: 10px
/*background-color:#93948C;*/
}
a {color: #587F4C}
a.button {background-color: #4EB442}
#access .current a{color:rgb(255,255,255);}
#access .current{background-color:#4EB442;}

&:first-of-type{> a:hover,> a:focus{border-top-left-radius:3px !important;}
  }
&:last-of-type{> a:hover,> a:focus{border-top-right-radius:3px !important;}
  }
}
}
#access .small-3.large-2.columns.spacer{background-color:white;}
#mainover_deze_site{border-top-right-radius:3px;}
#maintest_uw_voorkeur{border-top-left-radius:3px;}
/*---===Menu Small  */
.expanded nav#access li{background-color:white; padding:0;}
.expanded nav#access a{color:#777;display:block;background-color:#efefef;border-bottom:1px solid #004c01;font-size:1.3em;font-weight: 200}
.expanded nav#access a:hover,.expanded nav#access a:active{background-color:white;}
.expanded nav#access .current a{font-weight:800;color: #000}



/*--====Mediaqueries*/
@media only screen and (max-width:657px){label{width:initial;}
}
@media only screen and (max-width:1024px){#access .small-3.large-2.columns.spacer{display:none;}
}
/*---====SM*/
.sm{float:right;}
.sm a{display:inline-block;}
.sm img{width:40px;}
/*---===Homepage*/
.text_only .fullpage .content{margin-top:0;background-color:#fafafa;}
.text_only .fullpage .row{background-color:#fafafa;}
#leadimg{margin-right:50px;}
/*---====Resultspage*/
@media only screen and (max-width:640px){.vlak a{white-space:normal;}
}
/* ---=== Ontwikkel info===--- */
.medium-12.columns.modellen{
/*display:none;*/
}
 .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
 .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }