﻿body { font-family: 'Open Sans', sans-serif; font-size: 16px;line-height: 28px; margin: 0; color: #666;}
	body.KMCMSeditor { padding: 20px;}

h1 {font-weight:400;color:#1a171b;font-family:'Roboto Condensed', sans-serif;margin-bottom:20px;}
h2 {font-weight:400;color:#bababa;font-family:'Roboto Condensed', sans-serif;margin-bottom:20px;}
h3 {font-weight:700;color:#1a171b;font-family:'Roboto Condensed', sans-serif;font-size:24px;margin-top:30px;}
h4 {font-weight:700;color:#bababa;font-family:'Roboto Condensed', sans-serif;font-size:24px;margin-top:30px;}
h5 {font-weight:400;color:#1a171b;font-family:'Roboto Condensed', sans-serif;font-size:24px;margin-top:30px;}
h6 {font-weight:400;color:#bababa;font-family:'Roboto Condensed', sans-serif;font-size:24px;margin-top:30px;}
p, ul, ol {color:#666;font-size: 16px;line-height: 28px;}

.doclist {margin-left:25px;}
td.ico {padding:0 8px;}
a {transition:ease-in-out .30s;color:#000;}
a:hover, a:focus, a:active {outline:none;text-decoration:none;}
a:hover {color:#bababa;}
a.tel {color:#fff;}
.noleftpadding {padding-left:0;}
.norightpadding {padding-right:0;}
.marginbottom20 {margin-bottom:20px;}
.boxshadow {box-shadow:#444 0 0 10px;}
.fa-li {top:6px;color:#bababa;}

.content h1 {margin-top:0;}
.content h2::before {content: '\f1b2';font-family: 'FontAwesome';margin-right:4px;color:#ababab;}
.content ul {list-style:none;padding:0;margin-left:1em;}
.content ul li {padding-left:1.9em;}
.content ul li:before {content: '\f00c';font-family: 'FontAwesome';display:inline-block;margin-left:-1.9em;width:1.9em;color:#bababa;}
.content a {text-decoration:underline;}
.contentlink a {text-decoration:underline;}

.topbar {background-color:#000;border-top:solid 2px #bababa;}
.topbar .language {float:right;margin-top:4px;margin-left:22px;}
.topbar .mail {float:right;margin-top:4px;color:#fff;}
.topbar a {margin-left:4px;color:#fff;}

.navbar {border:0;margin-bottom:0;z-index:10;padding-top:0px;text-transform:uppercase;box-shadow:#000 0 0 10px;}
.navbar-default {background-color:#97bf0d;border-radius:0;}
.navbar > .container .navbar-brand {margin-left:-15px;}
.container > .navbar-collapse {margin-right:-15px;}
.navbar-fixed-top > .container > .navbar-collapse {margin-right:0px;}
.navbar-default .navbar-brand {padding-top:10px;}
.navbar-default .navbar-brand img {max-width:255px;transition:ease-in-out .30s;}
.navbar-fixed-top {padding-top:0;background-color:#97bf0d;}/* box-shadow:#000 0 0 10px; */
.navbar-fixed-top .navbar-brand {padding-top:10px;}
.navbar-fixed-top .navbar-brand img {max-width:170px;}
.navbar-default .navbar-nav>li>a {color: #000;padding-top:44px;padding-bottom:38px;font-weight:400;}
.navbar-fixed-top .navbar-nav>li>a {color: #000;padding-top:34px;padding-bottom:28px;}
.navbar-default .navbar-nav>li>a.active,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li.dropdown>a:hover {background-color:#97bf0d;color:#fff;}
.navbar-toggle {margin-top:0px;margin-right:0;color:#fff;font-size:24px;padding-top:24px;padding-bottom:18px;}
.navbar-toggle,.navbar-toggle:hover,.navbar-default .navbar-toggle:focus {border: 0;background-color:transparent !important;}

.header {background-repeat:no-repeat;background-position-x:center;background-position-y:0;background-color:#000;background-size:cover;}
.header .mbig {color:#fff;text-shadow:#000 2px 2px 4px;font-family:'Roboto Condensed', sans-serif;}
.header .msmall {color:#fff;text-shadow:#000 2px 2px 5px;font-family:'Roboto Condensed', sans-serif;}
.header-pagina .mbig {color:#fff;}

.blocks {margin-top:-40px;margin-bottom:25px;}
.blocksactiviteit {margin-top:0px;margin-bottom:25px;}
.blocks .container {background-color:#fff;padding-top:30px;padding-left:30px;padding-right:30px;}
.blocksactiviteit .container {background-color:#fff;padding-top:30px;padding-left:15px;padding-right:15px;}
.blocks .homeblock {background-color:rgba(186,186,186,1.0);margin-bottom:30px;position:relative;padding:10px 10px 10px 10px;height:180px;border-bottom:solid 4px #262626;}
.blocks .homeblock.greenblock {background-color:rgba(150,150,150,1.0);}
.blocksactiviteit .homeblock {height:auto;}
.blocks .icon {font-size:32px;color:#000;float:left;margin-right:8px;height:180px;}
.blocksactiviteit .icon {height:120px;}
.blocks .homeblock h3 {font-size:22px;line-height:24px;color:#000;margin-top:4px;}
.blocks .homeblock p {font-size:16px;line-height:20px;color:#000;font-weight:400;}
.blocks .homeblock .meer {position:absolute;bottom:6px;right:6px;color:#000;}
.blocks .homeblock .meer a {color:#000;}
.blocks .homeblock a.overlay {position:absolute;left:0;right:0;top:0;bottom:0;}
.blocks .homeblock a.overlay:hover {box-shadow:#444 0 0 8px;background-color:rgba(255,255,255,0.1);}
.blocksactiviteit .links {clear:both;}
.blocks .homeblockwide {height:112px;padding-left:60px;}
.blocks .homeblockwide h3 {font-size:34px;line-height:48px;color:#1a171b;margin-top:4px;text-transform:uppercase;}
.blocks .swf {background-color:#bababa;}

/*
.blocksactiviteit .links a {display:block;text-align:center;background-color:#fff;margin-bottom:4px;border-radius:4px;padding:6px;border:solid 1px #1a171b;}
.blocksactiviteit .links .empty {background-color:transparent;margin-bottom:4px;border-radius:4px;padding:6px;border:solid 1px transparent;}
.blocksactiviteit .links a:hover {background-color:#1a171b;color:#fff;}*/
.blocksactiviteit .links a {font-size:13px;line-height:18px;background-color:#f8f8f8;color: #222;border: 1px solid #f8f8f8;font-weight: 700;text-transform: uppercase;display: block;margin-bottom: 5px;margin-right:0px;position: relative;padding: 10px 10px;-webkit-transition: all .3s ease;transition: all .3s ease;position: relative;}
.blocksactiviteit .links .empty {font-size:13px;line-height:18px;background-color:transparent;margin-bottom:5px;padding:10px;border:solid 1px transparent;}
.blocksactiviteit .links a::after {content: '\f0da';font-family: 'FontAwesome'; position: absolute;top: 0;right: 10px;line-height: 38px;color: #bababa;font-weight: normal;}
.blocksactiviteit .links a:hover,.productmenu li.active a {background-color:#fff;color:#bababa;}


.intro {padding-top:0px;padding-bottom:40px;background-color:#fff;}
.intro .extrapadding {padding-left:15px;padding-right:15px;}

.usp {background-image:url('../images/blok2-bg.jpg');background-repeat:no-repeat;background-position-x:center;background-position-y:center;background-color:#fff;background-size:cover;}
.usp-right {padding:30px 20px;}
.usp-right ul {color:#fff;}
.usp-right ul .fa {color:#fff;}
.usp .usp-left {margin-right:30px;}
.usp .usp-left h3 {color:#fff;text-align:right;text-shadow:#000 0 0 5px;position:relative;padding-bottom:40px;}
.usp .usp-left h3::before {content: "";width: 105px;height: 3px;display: inline-block;background: #fff;position: absolute;bottom: 0;right:0;box-shadow:#000 0 0 5px;}

.breadcrumbcontainer {background-color:#eee;border-bottom:solid 1px #ccc;}
.breadcrumb {background-color:transparent;text-transform:uppercase;font-weight:700;font-size:13px;margin-bottom:10px;margin-top:10px;}
.breadcrumb a {color:#bababa;}

.productmenu ul, .productmenu li {padding:0;margin:0;list-style-type:none;}
.productmenu li a {font-size:14px;line-height:18px;background-color:#f8f8f8;color: #222;border: 1px solid #e9e9e9;font-weight: 600;text-transform: uppercase;display: block;margin-bottom: 5px;position: relative;padding: 16px 20px;-webkit-transition: all .3s ease;transition: all .3s ease;	position: relative;}
.productmenu li a span {color:gray;font-size:12px;display:block;font-weight:normal;}
.productmenu li a::after {content: '\f0da';font-family: 'FontAwesome'; position: absolute;top: 0;right: 20px;line-height: 50px;color: #bababa;font-weight: normal;}
.productmenu li a:hover,.productmenu li.active a {background-color:#fff;color:#bababa;}
.dropdown .btn {display:block;width:100%;margin-bottom:10px;margin-top:10px;}
.dropdown-menu {width:100%;}
.dropdown-menu > li > a {color:#222;text-decoration:none;}
.dropdown-menu > li > a.active {color:#bababa;}

.contact-teaser {background:url('../images/cta-bg.jpg') repeat;padding:40px 0;box-shadow:#444 0 0 10px;background-size:cover;}
.contact-teaser p {color:#000;font-family:'Roboto Condensed', sans-serif;text-shadow:#000 0 0 0px;}
.contact-teaser a {display:inline-block;background-color:#bababa;font-family:'Roboto Condensed', sans-serif;text-align:center;border-radius:4px;box-shadow:#444 10px 10px 10px;color:#fff;}
.contact-teaser a:hover {background-color:#134fc5;color:#fff;}

.btn-success {border-radius:0;font-family:'Raleway', sans-serif;font-weight:700;font-size:16px;text-transform:uppercase;background-color:#19903d;}
.content a.btn-success {color:#fff;}
.content a.btn-success:hover {color:#fff;}

.team {border:solid 1px #eee;padding:10px;margin-bottom:30px;}
.team img {box-shadow:none;}
.team h4 {color:#000;font-weight:300;}
.team p.functie {border-top:solid 1px #aaa;border-bottom:solid 1px #aaa;color:#888;font-size:14px;}
.team .team-text p {font-size:14px;}
.team .social {border-top:solid 1px #eee;padding-top:10px;margin-top:20px;min-height:44px;}
.team .social a {display:inline-block;background-color:#ddd;padding:1px 3px;border-radius:4px;width:28px;text-align:center;}
.team .social a:hover {background-color:#bababa;color:#000;}

label {font-weight:normal;text-transform:uppercase;}
.form-control {border:solid 2px Silver;border-radius:0;}
.form-group input:focus {border-color:#bababa;}
.form-group textarea:focus {border-color:#bababa;}
.btn-main {border-radius:0;padding:10px;text-transform:uppercase;background-color:#fff;border:solid 2px #bababa;font-weight:bold;color:#bababa;}
.btn-main:hover {background-color:#bababa;color:#fff;}
.btn-news {border-radius:0;padding:6px;text-transform:uppercase;color:#000;border:solid 2px #bababa;font-weight:bold;background-color:#bababa;margin-top:12px;text-decoration:none !important;}
.btn-news:hover,.btn-news:focus {color:#000;font-weight:bold;outline:none;background-color:#fff;}

.kmo {margin-top:40px;margin-bottom:40px;}
.kmo p, .kmo ul {font-size:14px;line-height:22px;}
.kmo img {margin-top:20px;}
.kmo h3, .kmo .fa-li {color:#404692;}

footer {background-color:#1a171b;padding-top:40px;padding-bottom:50px;}
footer a {color:#fff;}
footer a:hover {color:#fff;}
footer a.tel, footer a.tel:hover {color:#fff;}
footer p {color:#fff;font-size:14px;line-height:22px;margin-top:10px;}
footer h3 {color:#ababab;margin-top:13px;margin-bottom:35px;}
footer p .fa {font-size:18px;}
footer ul {color:#fff;font-size:14px;line-height:22px;}
footer .fa-li {color:#fff;}
footer .kmo {margin-bottom:10px;}

.copycontainer {background-color:#bababa;padding-top:35px;padding-bottom:35px;color:#fff;font-size:14px;}
.copycontainer a {color:#fff;}
a.toplink { cursor:pointer;position:fixed;right:35px;bottom:-10px;display:none; }
.wow {visibility:hidden;}

@media(min-width:1200px) {
	.topbar {height:40px;font-size:16px;}
	.header {height:500px;}
	.header .mbig {font-size:46px;line-height:50px;margin-top:180px;}
	.header .msmall {font-size:36px;line-height:40px;margin-top:16px;}
	.header-pagina {height:360px;}

	.productmenu {margin-top:80px;padding-right:30px;width:360px;}

	.content {margin:80px 0;}
	.contentlink {margin-top:-60px;margin-bottom:80px;}
	.introcontent {padding-left:15px;padding-right:15px;margin-top:30px;}
	.contact-teaser p {font-size:22px;line-height:26px;}
	.contact-teaser a {font-size:32px;line-height:36px;padding:8px 28px;}

	.usp .usp-left h3 {font-size:52px;line-height:56px;}
	.team .team-text {min-height:300px;}

	#map_canvas {height: 500px;}
}

@media(min-width:992px) and (max-width:1199px) {
	.topbar {height:36px;font-size:14px;}
	.navbar-default .navbar-brand img {max-width:240px;}
	.navbar-default .navbar-brand {padding-top:10px;}
	.navbar-fixed-top .navbar-brand {padding-top:8px;}
	.navbar-fixed-top .navbar-brand img {max-width:170px;}
	.navbar-default .navbar-nav > li > a {padding-left:10px;padding-right:10px;}
	.header {height:380px;}
	.header .mbig {font-size:42px;line-height:46px;margin-top:140px;}
	.header .msmall {font-size:34px;line-height:38px;margin-top:16px;}
	.header-pagina {height:270px;}

	.blocks .homeblock {padding:6px;height:180px;}
	.blocks .icon {font-size:24px;margin-right:6px;height:180px;}
	.blocks .homeblock h3 {font-size:18px;line-height:22px;}
	.blocks .homeblock p {font-size:15px;line-height:18px;}
	.blocks .homeblock .meer {position:absolute;font-size:15px;}
	.blocksactiviteit .homeblock {height:auto;}
	.blocksactiviteit .icon {height:120px;}
	.blocksactiviteit .links a {font-size:11px;font-weight:400;}
	.blocks .homeblockwide {height:112px;padding-left:60px;}
	.blocks .homeblockwide h3 {font-size:34px;line-height:48px;color:#1a171b;margin-top:4px;text-transform:uppercase;}


	.productmenu {margin-top:50px;}
	.content {margin:50px 0;}
	.contentlink {margin-top:-30px;margin-bottom:50px;}
	.introcontent {padding-left:15px;padding-right:15px;margin-top:10px;}
	.contact-teaser p {font-size:22px;line-height:26px;}
	.contact-teaser a {font-size:28px;line-height:30px;padding:8px 24px;}

	.usp .usp-left h3 {font-size:48px;line-height:52px;}
	.team .team-text {min-height:300px;}

	p, ul, ol {font-size: 14px;line-height: 24px;}

	#map_canvas {height: 560px;}
}

@media(min-width:768px) and (max-width:991px) {
	.topbar {height:36px;font-size:14px;}
	.navbar-default .navbar-brand img {max-width:180px;}
	.navbar-default .navbar-brand {padding-top:10px;}
	.navbar-fixed-top .navbar-brand {padding-top:12px;}
	.navbar-fixed-top .navbar-brand img {max-width:140px;}
	.navbar-nav {margin-top:0px;margin-bottom:35px;font-weight:700;font-size:16px;line-height:20px;}
	.navbar-header {float:none !important;}
	.navbar-toggle {display:block;}
	.collapse.navbar-collapse {display:none !important;}
	.collapse {display:none !important;}
	.nav.navbar-nav {float:none !important;}
	.navbar-nav > li {float: none;}
	.navbar-default .navbar-nav > li > a {padding-top:5px;padding-bottom:5px;border-bottom: 1px solid #ccc;text-align:center;}
	.navbar-default .navbar-nav > li > a.colored {font-weight:700;}
	.navbar-default .navbar-nav>li>a.active,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li.dropdown>a:hover {color:#fff;}
	.collapse.in {display:block !important;}
	.navbar-right {float:none !important;margin-left:0px;}
	container > .navbar-collapse {margin-right: 0px;}
	.header {height:300px;}
	.header .mbig {font-size:34px;line-height:40px;margin-top:100px;}
	.header .msmall {font-size:28px;line-height:32px;margin-top:16px;}
	.header-pagina {height:190px;}
	.header-pagina .mbig {margin-top:75px;}

	.blocks .homeblock {height:200px;}
	.blocks .icon {height:200px;}
	.blocksactiviteit .homeblock {height:auto;}
	.blocksactiviteit .icon {height:190px;}
	.blocksactiviteit .links {font-size:14px;}
	.blocksactiviteit .links a {font-size:11px;font-weight:400;}
	.blocks .homeblockwide {height:104px;padding-left:50px;}
	.blocks .homeblockwide h3 {font-size:30px;line-height:38px;color:#1a171b;margin-top:4px;text-transform:uppercase;}

	.content {margin:40px 0;}
	.contentlink {margin-top:-20px;margin-bottom:40px;}
	.introcontent {padding-left:15px;padding-right:15px;margin-top:10px;}
	.contact-teaser p {font-size:20px;line-height:22px;}
	.contact-teaser a {font-size:24px;line-height:26px;padding:8px 24px;}
	.usp .usp-left h3 {font-size:28px;line-height:30px;}
	.team .team-text {min-height:300px;}

	p, ul, ol {font-size: 14px;line-height: 24px;}

	#map_canvas {height: 560px;}
}

@media(max-width:767px) {
	.topbar {height:36px;font-size:14px;}
	.topbar .mail {float:left;margin-top:4px;}
	.navbar-default .navbar-brand img {max-width:140px;margin-left:5px;}
	.navbar-default .navbar-brand {padding-top:6px;}
	.navbar-fixed-top .navbar-brand {padding-top:6px;}
	.navbar-fixed-top .navbar-brand img {max-width:140px;}
	.navbar-nav {margin-top:0px;font-weight:700;font-size:16px;line-height:20px;}
	.navbar-toggle {margin-right:6px;padding-top:18px;padding-bottom:8px;}
	.navbar-default .navbar-nav > li > a {padding-top:5px;padding-bottom:5px;border-bottom: 1px solid #ccc;text-align:center;}
	.navbar-default .navbar-nav > li > a.colored {font-weight:700;}
	.navbar-default .navbar-nav>li>a.active,.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li.dropdown>a:hover {color:#fff;border-bottom: 1px solid #fff;}
	.navbar-default .navbar-collapse {border-color:transparent;}
	.header {height:180px;background-color:#fff;}
	.header .mbig {font-size:24px;line-height:30px;margin-top:40px;display:none;}
	.header .msmall {display:none;}
	.header-pagina {height:120px;}

	.blocks {margin-top:-20px;margin-bottom:25px;}
	.blocks .container {background-color:#fff;padding-top:0px;padding-left:30px;padding-right:30px;}

	.team h4 {margin-top:20px;font-size:18px;}

	.content {margin:30px 0;}
	.contentlink {margin-top:-10px;margin-bottom:30px;}
	.introcontent {margin-top:10px;}
	.usp {background-position-x:right;}
	.usp .usp-right {padding:10px 0px;}
	.contact-teaser p {font-size:16px;line-height:20px;}
	.contact-teaser a {font-size:22px;line-height:24px;padding:8px 24px;}

	footer h3 {display:none;}
	.footer-adres {border-top:solid 1px #fff;}
	.footer-activiteiten {border-top:solid 1px #fff;}

	h1 {font-size:28px;}
	h2 {font-size:26px;}
	.content h2::before {content:none;}

	p, ul, ol {font-size: 14px;line-height: 24px;}

	.doclist {margin-left:10px;}

	#map_canvas {height: 560px;}
}
