@charset "utf-8";
/* CSS Document */

body {font-family: 'Quicksand', sans-serif; margin:0px;color:#575656;}

.groen {color:#94c11f;}
.bggroen {background-color:#94c11f;}
.bglichtgroen {background-color:#d4e6a5;}

a { color:#94c11f; text-decoration: none;}
a:hover { color:#575656; text-decoration: none;}
a.scale:hover img {transform:scale(1.2)}

h1, h2, h3 {color:#94c11f;

    font-family: 'Open Sans Condensed', sans-serif; font-weight: 300;

}

.btn-primary {color: #fff;background-color: #94c11f;border-color: #94c11f;}
.btn-primary:hover, .btn-primary:focus {color: #fff;background-color: #575656;border-color: #575656;}


.top { width:auto; padding:5px 25px; color:#fff; background-color:#575656; text-align:right;font-size:12px;}
.top a {color:#fff;}
@media (max-width:992px) {
	.col3 {width:100%; float:none;}
	.top {font-size:10px; } }

header {
width:100%;top: 0px;background: #fff;opacity:0.9;z-index: 9999;position: fixed;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out ;
-ms-transition: all 1s ease-in-out ;
-o-transition: all 1s ease-in-out ;
transition: all 1s ease-in-out ;
}
.shrink {top: -32px;}

#logo {height:auto; }
#logo img{
width:200px;margin-bottom:0px; 
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out ;
-ms-transition: all 1s ease-in-out ;
-o-transition: all 1s ease-in-out ;
transition: all 1s ease-in-out ;
}
@media (max-width:992px) {#logo img{width:100px;}}

.shrink #logo img{width:100px;}

.bg-light {background-color: transparent !important;}
.nav-link {border-bottom:1px solid transparent;}
.nav-link:hover {border-bottom:1px solid #94c11f;}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {    color: #94c11f;border-bottom:1px solid #94c11f;}

.headerimg { background-size:cover; background-position: center center; width:auto; height:550px;margin-bottom:15px;}
@media (max-width:992px) {.headerimg { height:300px;}}



footer {font-size:14px;background-color:#575656;height:auto;color: #fff; background-image: url(../images/beeldmerk.png);background-size:cover; background-position: center center;}
footer a {color:#fff;}
footer a:hover {color:#94c11f;}
@media (max-width:992px){}
.onder {text-align:center;padding:15px;}