body { font-family: 'Roboto', sans-serif; font-size: 14px;line-height: 28px; margin: 0; color: #333;}
	body.KMCMSeditor { padding: 20px;}

h1, h2, h3, h4, h5, h6 {font-family:'Roboto Slab', sans-serif;}
h1 {font-weight:700;color:#009fe3;margin-bottom:40px;font-size:34px;line-height:34px;position:relative;padding-bottom:30px;}
h1::before {content: "";width: 160px;height: 3px;display: inline-block;background: #009fe3;position: absolute;bottom: 0px;}
h2 {font-weight:700;color:#333;margin-bottom:20px;font-size:24px;color:#009fe3;margin-top:30px;}
h2:before {content: '\f061';font-family: 'Font Awesome 5 Free';display:inline-block;width:32px;color:#009fe3;font-weight:700;margin-left:-32px;}
h3 {font-weight:400;color:#000000;font-size:20px;margin:30px 0 20px 0;}
h4 {font-weight:700;color:#232323;font-size:20px;}
h5 {font-weight:700;color:#000000;font-size:18px;}
h6 {font-weight:400;color:#000000;font-size:18px;}
p, ul, ol {color:#333;font-size: 14px;line-height: 24px;}
p.intro {font-weight:bold;}

.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:#000;}
a.tel {color:#fff;}
.margintop20 {margin-top:20px;}
.marginbottom20 {margin-bottom:20px;}
.boxshadow {box-shadow:#444 0 0 10px;}
.nomarginleft {margin-left:0 !important;}

:root { --cookiebotcolor: #004676; }
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { background-color: var(--cookiebotcolor) !important; border-color: var(--cookiebotcolor) !important; color: #ffffff; }
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive { border-bottom: 1px solid var(--cookiebotcolor) !important; border-bottom-width: 1px; color: var(--cookiebotcolor) !important; }
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection { border-color: var(--cookiebotcolor) !important; color: #141414; }
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton { border: 2px solid var(--cookiebotcolor) !important; background-color: var(--cookiebotcolor) !important; }
#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider { background-color: var(--cookiebotcolor) !important; }
#CybotCookiebotDialog form input[type="checkbox"][disabled]:checked + .CybotCookiebotDialogBodyLevelButtonSlider { background-color: #D6D6D6 !important; }
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover { color: var(--cookiebotcolor) !important; }
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change { background-color: var(--cookiebotcolor) !important; border-color: var(--cookiebotcolor) !important; color: #FFFFFF; }
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw { background-color: #FFFFFF; border-color: var(--cookiebotcolor) !important; }
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg { fill: var(--cookiebotcolor) !important; }
#CookiebotWidget .CookiebotWidget-consent-details button { align-items: center; color: var(--cookiebotcolor) !important; }

.page-loader {background: #fff;position: fixed;top: 0;bottom: 0;right: 0;left: 0;z-index: 9998;}
.loader {position: absolute;width: 70px;height: 70px;top: 50%;left: 50%;margin: -35px 0 0 -35px;}
.loader .fas {font-size:70px;line-height:70px;color:#009fe3;}

.hero {font-size:38px;margin-top:60px;line-height:56px;font-family:'Roboto Slab',serif;}

.movie {background:url(../images/movie-bg.jpg) center center no-repeat;background-size:cover;padding:60px 0;}
.movie .hero {color:#fff;margin-top:20px;font-size:46px;}


.content {}
.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: 'Font Awesome 5 Free';display:inline-block;margin-left:-1.9em;width:1.9em;color:silver;font-weight:bold;}
.content .fa-li {color:silver;}
.content ul.fa-ul {margin-left:25px;}
.content ul.fa-ul li {padding-left:0;margin-left:25px;}
.content ul.fa-ul li:before {content:none;}
.content ul.fa-ul li .fa-li {color:#009fe3;}
.content h1 {margin-top:0;}
.content p, .content ul {margin-bottom:20px;}
.content p strong,.content p b {color:#009fe3;}
.content a {color:#009fe3;border-bottom:solid 1px #009fe3;}
.content a:hover {color:#232323;border-bottom:solid 1px #232323;}

.img-left, .img-right {margin-bottom:25px;}
.img-below, .img-above {margin:30px 0;}
.img-galery {margin-top:15px;}

.toolbarcontainer {background-color:#004676;}
.toolbar {padding:4px 8px;font-size: 14px;line-height: 28px;color:#fff;}
.toolbar a {color:#fff;margin-left:10px;}
.toolbar .fas, .toolbar .fab {color:#fff;transition:ease-in-out .30s;}
.toolbar a:hover .fas, .toolbar a:hover .fab {color:#00a0de;}

button:focus {outline: none;}

.submenu h4 {margin-bottom:30px;position:relative;overflow:hidden;}
.submenu h4 span {position:relative;display:inline-block;padding-right:10px;color:#004676;}
.submenu h4 span::after {content:"";background-color:#009fe3;position:absolute;left:100%;top:50%;height:1px;width:300px;}
.submenu ul {padding-left:0;font-size:16px;padding-bottom:15px;}
.submenu ul li {list-style:none;margin-bottom:8px;}
.submenu ul li a {display:block;overflow:hidden;color:#777;color:#004676;}
.submenu ul li a:hover,.submenu ul li a.actief {color:#009fe3;}
.submenu ul li a span {position:relative;display:inline-block;padding-right:10px;}
.submenu ul li a span::after {content:"";border-top:dashed 1px #ccc;position:absolute;left:100%;top:50%;margin-top:-1px;height:1px;width:300px;}
.submenu a.aangifte {display:block;background-color:#009fe3;border:solid 2px #009fe3;color:#fff;font-size:16px;padding:4px 10px;text-align:center;margin-bottom:26px;}
.submenu a.aangifte:hover {color:#009fe3;background-color:#fff;}

.homenieuws .card {background-color:rgba(0,151,213,0.1) !important;border:0;}
h3.card-title {margin-top:0;}

.pageheader {background-position:center center;position:relative;}
.pageheadertitle {margin-bottom:0;color:#fff;font-size:52px;font-weight:700;line-height:52px;padding-left:20px;position:absolute;bottom:-8px;font-family:'Roboto Slab', sans-serif;}

.breadcrumb {background-color:#fff;font-size:14px;border-bottom:0;padding-left:0;border-radius:0;}
.breadcrumb a {color:gray;border-bottom:solid 1px gray;}
.breadcrumb a:hover {color:#232323;}

.team {background-color:#f0f0f0;border-radius:8px;margin-bottom:30px;}
.team img {border-radius:8px;}
.team .teamtext {padding:16px 0;}
.team .teamtext h3 {text-align:center;font-size:20px;font-family:'Roboto';color:#004676;font-weight:700;text-transform:uppercase;}
.team .teamtext p {text-align:center;}

.nieuws h3 {font-size:20px;font-family:'Roboto';color:#009fe3;font-weight:700;}

.linkss h3 {border-bottom:solid 1px #009fe3;color:#009fe3;margin-bottom:25px;}

.contactheader {background-color:#009fe3;color:#fff;text-align:center;font-size:18px;padding:16px 0;border-radius:10px;}
.contactheader a {margin-left:30px;}
.contactheader a.mail {color:#fff;}

.teaserbutton {display:inline-block;background-color:#00bebe;padding:8px 16px;font-size:18px;line-height:24px;text-align:center;color:#fff;text-transform:uppercase;transition:ease-in-out .30s;}
.teaserbutton:hover {background-color:#007f7f;color:#fff;}


.content a.lightbox {border-bottom:0;}
.thumbs {width: 100%;float: left;overflow: hidden;position: relative;margin-bottom:30px;text-align:center;text-transform:uppercase;font-size:14px;font-weight:700;background-color:#fff;}
.thumbs span.title {color:#fff;}
.thumbs a {background-color: rgba(0,0,0,0.40);bottom: -200px;color: #fff;left: 0;opacity: 0;position: absolute;right: 0;text-align: left;top: 0;z-index: 100;transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;text-decoration:none;}
.thumbs a .title {display: table;width: 100%;height: 100%;}
.thumbs a .title .title-text {font-style: normal;font-weight: 300;font-size: 12px;line-height: 14px;color: #fff;vertical-align: bottom;padding: 8px;display: table-cell;}
.thumbs a .title .title-text h5,.thumbs a .title .title-text p {color:#fff;font-weight:700;font-size: 14px;}
.thumbs a .title .title-text h5 {font-weight:700;}
.thumbs a .title .enlarge {font-style: normal;color: #fff;vertical-align: middle;padding: 20px;display: table-cell;text-align:center;}
.thumbs a:hover {bottom: 0;opacity: 1;transition: opacity 0.30s ease-in-out 0s, bottom 0.4s cubic-bezier(0.25, 0.500, 0, 1) 0s;-webkit-transition: opacity 0.30s ease-in-out 0s, bottom 0.4s cubic-bezier(0.25, 0.500, 0, 1) 0s;}

.embed-responsive {position: relative;display: block;height: 0;padding: 0;overflow: hidden;}
.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;}
.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive-4by3 {padding-bottom: 75%;}

.kantoor {background:url(../images/certis-kantoor-2.jpg) top center no-repeat;padding-bottom:60px;}
.contact-bg {background-color:rgba(0,151,213,1);padding:40px 20px;margin:60px 0;}
.contact-bg h1, .contact-bg p {color:#fff;}
label {font-weight:normal;color:#fff;font-size:18px;}
.form-control {border:solid 1px #ccc;border-radius:4px;background-color:rgba(255,255,255,0.5);color:#fff;}
.form-group input:focus {border-color:#009fe3;box-shadow:none;background-color:rgba(255,255,255,0.7);color:#000;}
.form-group textarea:focus {border-color:#009fe3;box-shadow:none;background-color:rgba(255,255,255,0.7);color:#000;}
.form-check a {color:#fff;border-bottom:solid 1px #fff;}
.form-check a:hover {color:#232323;}
.btn-send {display:inline-block;padding:4px 8px;background-color:#003678;border:solid 2px #003678;color:#fff;font-size:22px;cursor:pointer;transition:ease-in-out all 0.3s;border-radius:4px;}
.btn-send:hover {background-color:#fff;color:#003678;}

.contactcontainer {background:url(../images/contactcontainer-bg-1.png) 0 63px repeat-x;margin-top:35px;}
.contactcontainer .blokgr {/*background-image: linear-gradient(to right, #009fe3, #60b3d5);*/background-color:#009fe3;}
.contactcontainer .blok {padding:20px;position:relative;color:#fff;}
.contactcontainer .blok .fas {position:absolute;font-size:36px;line-height:36px;left:35px;top:30px;}
.contactcontainer .blok p {margin:0 0 0 78px;color:#fff;font-size:16px;line-height:28px;}
.contactcontainer .blok p a {color:#fff;text-decoration:underline;}
.contactcontainer .blok p span.day {display:inline-block;width:100px;}


footer {background-color:#004676;background-image: linear-gradient(to bottom, #004676, #009fe3);}
footer .adres {padding:50px 0;}
footer p, footer ul {color:#fff;font-size:16px;line-height:28px;}
footer .lb {padding-left:60px;border-left:solid 1px #fff;margin-left:40px;}
footer p.small {font-size:12px;margin-top:30px;}
footer p.small img {vertical-align:baseline;}
footer a, footer a:focus {color:#fff;} 
footer a:hover {color:silver;}
footer a.tel:hover {color:#fff;}
footer .fa-li {color:#60b3d5;font-size:18px;}

.fsmacontainer {padding-bottom:50px;}
.fsmacontainer a.km {text-transform:lowercase;color:silver;margin-top:12px;display:inline-block;}

.scrollup {padding:5px 10px;background-color:gray;color:#fff;position:fixed;bottom:20px;right:20px;border:solid 2px gray;z-index:9999;display:none;}
.scrollshow {display:inline-block;}
.scrollup:hover {background-color:#232323;color:#fff;}

a.toplink { cursor:pointer;position:fixed;right:35px;bottom:15px;display:none;}
.wow {visibility:hidden;}

@media(min-width:1200px) {
	body {background:url(../images/vorm-1.png) -250px 300px no-repeat;background-attachment:fixed;background-position-x:calc(50% - 860px);}
	.content, .submenu, .homenieuws {padding:70px 0;}
	.submenu {width:300px;}
	.pageheader {height:350px;}
	#map_canvas {height:350px;margin-top:-60px;}
	p, ul, ol {font-size: 16px;line-height: 28px;}
}

@media(min-width:992px) and (max-width:1199px) {
	.hero {font-size:32px;margin-top:60px;line-height:50px;}
	.content, .submenu, .homenieuws {padding:60px 0;}
	.submenu {width:280px;}
	.submenu h4 {font-size:18px;}
	.submenu ul {font-size:15px;}
	.pageheader {height:168px;}
	#map_canvas {height:300px;margin-bottom:-33px;}
}

@media (max-width:991px) {
	.submenu h4 span::after {width:700px;}
	.submenu ul li {margin-bottom:14px;}
	.submenu ul li a span {border-bottom:solid 1px #777;}
	.submenu ul li a span::after {width:700px;}
	.card-columns {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
	.terug {color:gray;margin-bottom:10px;}
	.terug a {color:gray;border-bottom:solid 1px gray;}
}

@media(min-width:768px) and (max-width:991px) {
	.hero {font-size:26px;margin-top:60px;line-height:36px;}
	.content, .submenu, .homenieuws {padding:30px 0;}
	.pageheader {height:124px;}

	.contactcontainer .blok .fas {display:none;}
	.contactcontainer .blok p {margin:0;}
	footer .lb {padding-left:30px;margin-left:10px;}
}

@media(max-width:767px) {
	.toolbar {font-size:12px;text-align:center;}
	.toolbar a {margin-left:10px;}
	.toolbar span {display:block;}
	.content, .submenu, .homenieuws {padding:30px 0;}
	.pageheader {height:91px;}
	.movie {padding:15px 0;}

	.contactcontainer {background-position-y:bottom;margin-top:35px;}
	.contactcontainer .blok {margin-top:1px;}
	.contactcontainer .blok p span.day {width:auto;}
	.contactcontainer .blok p span.day::after {content:" :";}
	.contactcontainer .blok p span.hour {display:inline-block;width:300px;margin-left:20px;}

	footer p.lb {padding:0px;border-left:0;}
	.privacy a.km {display:none;}

	h1 {font-weight:700;color:#009fe3;margin-bottom:30px;font-size:24px;line-height:24px;position:relative;padding-bottom:0;}
	h1::before {content:none;}
	h2 {font-weight:700;color:#333;margin-bottom:20px;font-size:24px;color:#009fe3;margin-top:30px;}
	h2:before {content:none;}

	footer .lb {padding-left:0px;margin-left:0px;border-left:0;border-bottom:solid 1px #fff;padding-bottom:25px;}
}
@media(max-width:567px) {
	.contactcontainer .blok .fas {display:none;}
	.contactcontainer .blok p {margin:0;font-size:14px;}
	.card-columns {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
}