﻿body { font-family: 'Quicksand', sans-serif; font-size: 16px;line-height: 28px; margin: 0; color: #333;}
	body.KMCMSeditor { padding: 20px;}

h1 {font-weight:400;color:#4c0018;margin-bottom:35px;font-size:46px;}
h1 span {color:#c40158;}
h1 {position:relative;padding-bottom:30px;border-bottom:solid 1px #c40158;}
h1::before {content: "";width: 1px;height: 18px;display: inline-block;background:#c40158;position: absolute;bottom: 0px;right:0;}
h2 {font-weight:400;color:#c40158;font-size:26px;margin:35px 0 25px 0;}
h3 {font-weight:400;color:#004996;margin-bottom:35px;font-size:26px;}
h4 {font-weight:700;color:#c40158;font-size:24px;margin-top:30px;}
h5 {font-weight:400;color:#c40158;font-size:24px;margin-top:30px;}
h6 {font-weight:400;color:#004996;font-size:24px;margin-top:30px;}
p, ul, ol {color:#333;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:#000;}
a.tel {color:#fff;}
.margintop20 {margin-top:20px;}
.marginbottom20 {margin-bottom:20px;}
.galerycontainer {margin-top:20px;}
.marginbottom15 {margin-bottom:25px;}
.boxshadow {box-shadow:#444 0 0 10px;}
.fa-li {top:7px;color:#c40158;}

.content ul {list-style:none;padding:0;margin-left:1em;}
.content ul li {padding-left:1.9em;}
.content ul li:before {content: '\f105';font-family: 'FontAwesome';display:inline-block;margin-left:-1.9em;width:1.9em;color:#c40158;}
.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 h1 {margin-top:0;}
.content p, .content ul {margin-bottom:20px;}
.content p, .content div {text-align:justify;}
.content a {color:#c40158;border-bottom:dotted 1px #c40158;}

.img-left {}
.img-right {}
.img-below, .img-above {margin:15px auto;}

.navbar .language {float:right;margin-top:10px;margin-right:4px;transition:ease-in-out all 0.3s;}
.navbar .language a {margin-left:2px;background-color:#dee8ee;display:inline-block;padding:6px 6px;border-radius:50%;color:#002140;font-size:14px;line-height:14px;width:28px;text-align:center;}
.navbar .language a:hover {background-color:#002140;color:#fff;}

.navbar {border:0;margin-bottom:0;z-index:10;padding-top:0px;text-transform:lowercase;background: #c40158;transition:ease-in-out all 0.3s;
  background: -webkit-linear-gradient(left, #c40158 , #4c0018);
  background: -o-linear-gradient(right, #c40158 , #4c0018);
  background: -moz-linear-gradient(right, #c40158 , #4c0018);
  background: linear-gradient(to right, #c40158 , #4c0018);color:#231f20;}
.navbar-default {background-color:transparent;border-radius:0;}
.navbar-header {width:100%;transition:ease-in-out all 0.3s;}
.container > .navbar-collapse {margin-right:-15px;}
.navbar-fixed-top > .container > .navbar-collapse {margin-right:0px;}
.navbar-fixed-top {padding-top:0;background-color:transparent;}
.navbar-fixed-top .navbar-brand {padding:0;}
.navbar-fixed-top .navbar-brand img {margin-top:0px;transition:ease-in-out 0.3s;}
.navbar-default .navbar-nav {margin-top:18px;margin-bottom:22px;transition:ease-in-out all 0.3s;}
.navbar-default .navbar-nav>li>a {color: #fff;padding:24px 10px 22px 10px;font-size:16px;font-weight:400;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li.dropdown>a:hover {color:#dee8ee;}
.navbar-default .navbar-nav>li>a.active {color:#002140;background-color:#fff;}
.dropdown-menu {color: #000;margin:0px;padding:0px;border:none;}
.dropdown-menu > li > a {padding:12px 19px;font-size:16px;font-weight:400;}
.dropdown-menu > li > a > span {color:#137ec2;}
.dropdown-menu > li:last-child > a {}
.dropdown-menu > li > a:hover {background-color:#004996;color:#fff;}

.navbar-toggle {margin-top:10px;margin-right:0px;color:#fff;font-size:18px;padding-top:24px;padding:3px 9px;border-radius:4px;background-color:transparent;border:0;transition:ease-in-out all 0.3s;border:solid 1px #fff;}
.navbar-toggle b {font-weight:normal;}
.navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background-color:transparent !important;}

.header {background-size:cover;background-repeat:no-repeat;}

.blockshome {background-color:transparent;margin-top:-120px;margin-bottom:40px;}
.homenews {background-color:#dee8ee;padding:40px 0;margin-top:-19px;}
.homenews h3 a {color:#004996;border-bottom:dotted 1px #004996;}
.homenews p a {color:#004996;border-bottom:dotted 1px #004996;font-weight:bold;}
.teaser {background-color:#e62b27;color:#fff;padding:12px 0;font-family:'Passion One', sans-serif;font-weight:400;font-size:24px;}
.teaser a {color:silver;text-decoration:underline;}

.homenewshead a {display:inline-block;background-color:#002140;font-size:18px;line-height:18px;padding:10px 30px;border-radius:19px;color:#fff;width:180px;text-align:center;}

.submenu h4 {border-bottom:solid 1px #c40158;padding-bottom:8px;margin-bottom:12px;position:relative;}
.submenu h4::before {content: "";width: 1px;height: 12px;display: inline-block;background:#c40158;position: absolute;bottom: 0px;right:0;}

.submenu ul, .productmenu li {padding:0;margin:0;list-style-type:none;}
.submenu li a {font-size:16px;line-height:18px;background-color:#fff;color: #222;border: 1px solid #dee8ee;text-transform:lowercase;display: block;margin-bottom: 10px;position: relative;padding: 16px 20px;-webkit-transition: all .3s ease;transition: all .3s ease;text-align:center;}
/*.productmenu li a::after {content: '\f0da';font-family: 'FontAwesome'; position: absolute;top: 0;right: 20px;line-height: 50px;color: #97bf0d;font-weight: normal;}*/
.submenu li a:hover,.submenu li.active a {background-color:#dee8ee;}
.dropdown .btn {display:block;width:50%;margin-bottom:10px;margin-top:0px;margin-left:50%;border-radius:0;border: 1px solid #dee8ee;background-color:#fff;}
.open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {color: #333;background-color: #dee8ee;border-color: #dee8ee;}
.sm-dropdown-menu {margin-left:50%;width:50%;}
.sm-dropdown-menu > li > a {color:#222;text-decoration:none;}
.sm-dropdown-menu > li > a:hover {color:#222;text-decoration:none;background-color:#dee8ee;}
.sm-dropdown-menu > li > a.active {color:#222;}
.sm-dropdown-menu > li > a.active:hover {color:#222;}

.box-image {margin-bottom:30px;}
.box-image .image {overflow:hidden;background-color:#000;}
.box-image .image img {opacity: 0.6;-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;-webkit-transition-duration: 250ms;transition-duration: 250ms;-webkit-transition: 0.1s all linear;transition: 0.1s all linear;}
.box-image:hover .image img {opacity: 0.9;-webkit-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);box-shadow: none;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;-webkit-transition-duration: 250ms;transition-duration: 250ms;}
.box-icon {margin-bottom:30px;border:solid 1px #d8d8d8;background-color:#dee8ee;}
.box-icon .box-text {padding:25px;}
.box .box-text {text-align:left;}
.box .box-text i {font-size:48px;color:#c40158;}
.box .box-text h3 {margin-bottom:15px;color:#c40158;}
.box-image .box-text h3 {font-size:20px;}
.box .box-text h3 a {color:#c40158;border:0;}
.box .box-text h3 a:hover {color:#002140;}
.box .box-text h3.case a {color:#002140;}
.box .box-text h3.case a:hover {color:#c40158;}
.box .box-text p {margin:0;}
.box-icon .box-foot {background-color:#dee8ee;border-top:solid 0px #fff;padding:12px;text-align:right;}
.box-icon .box-foot a {display:inline-block;padding:8px 14px 10px 14px;background-color:#dee8ee;color:#002140;border-radius:4px;font-weight:700;font-size:16px;border:solid 1px #002140;}
.box-icon .box-foot a:hover {background-color:#002140;color:#fff;}
.box-image .box-foot {border-bottom:solid 2px #dee8ee;padding-bottom:0px;padding-top:12px;}

img.sfeer {margin-top:30px;}

.breadcrumb {text-transform:lowercase;margin-bottom:10px;margin-top:4px;font-size:14px;padding:10px 10px 10px 0;border-radius:0;text-align:right;background-color:transparent;color:silver;}
.breadcrumb > li + li::before {padding: 0 5px;color:silver;content: "/";}
.breadcrumb a {color:#c40158;}
.archief {text-transform:lowercase;font-weight:700;margin-bottom:10px;margin-top:10px;font-size:14px;padding:10px 0 14px 0;border-bottom:solid 1px #e0e0e0;color:silver;}
.archief a {color:#009bde;text-decoration:underline;}

.fotogalerij {background-color:#e5e5e5;padding-bottom:35px;}
.fotogalerij .container {background-color:#fff;}
.thumbcontainer {}
.thumbs {width: 100%;float: left;overflow: hidden;position: relative;margin-bottom: 15px;text-align:center;text-transform:uppercase;font-size:14px;font-weight:700;background-color:#4c4c4c;}
.thumbs span.title {color:#fff;}
.thumbs a {background-color: rgba(255,255,255,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;}
.thumbs .imgmark {position:absolute;left:0;top:0;}

.hoverimg {width: 100%;float: left;overflow: hidden;position: relative;margin-bottom: 22px;font-size:14px;background-color:#002140;color:#fff;font-size:14px;line-height:22px;border:solid 1px #002140;}
.hoverimg .text {position:absolute;padding:0 2px 4px 4px;background-color:rgba(0,33,64,0.8);width:100%;}
.hoverimg span.title {color:#fff;}
.hoverimg a {background-color: rgba(196,1,88,0.45);bottom: -200px;color: #ccc;left: 0;opacity: 0;position: absolute;right: 0;text-align: center;text-transform: uppercase;top: 0;z-index: 100;transition: all 0.35s ease-in-out;-webkit-transition: all 0.35s ease-in-out;}
.hoverimg a span.title {display: table;width: 100%;height: 100%;}
.hoverimg a span.title span {font-style: normal;font-weight: 300;font-size: 12px;line-height: 14px;color: #FFFFFF;vertical-align: middle;padding: 20px;display: table-cell;}
.hoverimg 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;margin-top:20px;margin-bottom:20px;}
.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%;}

.news-outer {position:relative;background-color:#f0f0f0;margin-bottom:25px;}
.news-outer .news-img-box {width:200px;display:table-cell;vertical-align:top;}
.news-outer .news-content {display:table-cell;vertical-align:middle;padding:20px 25px;}
.news-outer .news-content h5 {color:#666;margin-top:0;font-size:18px;}
.news-outer .news-content h3 {color:#004996;margin-top:0;}
.news-outer .news-content h3 a {color:#004996;margin-top:0;border-bottom:dotted 1px #004996;}
.news-outer .news-content h3 a:hover {color:#316198;}
.news-outer .news-content p {color:#888;}
.news-outer .news-more {color:#444;}
.news-outer .news-more a {color:#004996;border-bottom:dotted 1px #004996;font-weight:bold;}

.sector {padding:5px 35px;background-color:#f0f0f0;margin:20px 0;position:relative;border-left:double 2px #c40158;}
/*.sector .arrows {border:solid 1px #c40158;top:0;left:0;bottom:0;right:0;position:absolute;display:block;z-index:0;}
.sector .arrows::before {border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;top: -1px;bottom: -1px;left: 32px;right: 32px;}
.sector .arrows::after {border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;top:32px;bottom:32px;left:-1px;right:-1px;}
.sector .arrows::before, .sector .arrows::after {content: '';display: block;position: absolute;}*/

label {font-weight:normal;}
.form-control {border:solid 2px #dee8ee;border-radius:0;}
.form-group input:focus {border-color:#c40158;}
.form-group textarea:focus {border-color:#c40158;}
.content .btn-send {display:inline-block;padding:8px 14px 10px 14px;background-color:#c40158;color:#fff;border-radius:4px;font-weight:700;font-size:16px;border:solid 1px #c40158;}
.content .btn-send:hover,.btn-send:focus {background-color:#fff;color:#c40158;}
#map_canvas {margin-top:8px;}

.search {padding:15px 0;}
.search .form-control {border-radius:8px;border-width:1px;border-color:#ccc;}
.search .form-control:focus {box-shadow:none;border-color:silver;}
.search .btn {border-radius:8px;border-bottom:solid 1px #ccc;font-weight:bold;}

footer {background-color:#002140;padding:60px 0;color:#dee8ee;}
footer .ezine {padding:10px;text-align:center;border:solid 1px #dee8ee;border-radius:8px;}
footer .ezine a {display:block;background-color:#dee8ee;color:#004996;padding:4px;border-radius:4px;border:solid 1px #dee8ee;}
footer .ezine a:hover, footer .ezine a:focus  {background-color:#dee8ee;color:#004996;}
footer .adres {}
footer .footermenu a {display:block;}
footer .indent {margin-left: 16px;}
footer h3 {color:#dee8ee}
footer a {color:#dee8ee;}
footer a .fa {color:#dee8ee;}
footer a:hover {color:#dee8ee;}
footer a.tel, footer a.tel:hover {color:#dee8ee;}
footer p {color:#dee8ee;}
footer .privacy {padding:36px 0;border-top:solid 1px #0053a1;margin-top:36px;}

a.toplink { cursor:pointer;position:fixed;right:35px;bottom:15px;display:none;}
.wow {visibility:hidden;}

@media(min-width:1200px) {
	.marginbottom20 {margin-bottom:30px;}

	.header {height:520px;border-top:solid #4c0018 120px;}
	.headermargin {height:180px;}
	.breadcrumbcontainer {padding-top:130px;}
	.navbar {height:120px;}
	.navbar-brand img {max-width:340px;padding:0px 0 25px 0;}
	.navbar-default .navbar-nav {margin-top:22px;}
	.navbar-default .navbar-nav > li > a {padding:16px 10px 16px 10px;}
	.navbar-scroll {margin-top:-60px;}
	.navbar-scroll .navbar-brand img {max-width:220px;margin-top:60px;}
	.navbar-scroll .navbar-nav {margin-top:18px;}

	.blocks {margin:30px 0;}

	.content, .submenu {margin:80px 0;}

	#map_canvas {height: 320px;}
}

@media(min-width:992px) and (max-width:1199px) {
	.header {height:420px;border-top:solid #4c0018 110px;}
	.headermargin {height:180px;}
	.breadcrumbcontainer {padding-top:110px;}
	.navbar {height:110px;}
	.navbar-default .navbar-nav {margin-top:10px;}
	.navbar-default .navbar-nav > li > a {padding:16px 5px 16px 5px;}
	.navbar-brand img {max-width:270px;padding:0px 0 25px 0;}
	.navbar-scroll {margin-top:-60px;}
	.navbar-scroll .navbar-brand img {max-width:220px;margin-top:60px;}
	.navbar-scroll .navbar-nav {margin-top:8px;}

	.box-image .box-text i {font-size:32px;}

	.content, .submenu {margin:50px 0;}

	h1 {font-size:40px;}
	h3 {font-size:20px;}

	#map_canvas {height: 300px;}
}

@media(min-width:768px) and (max-width:991px) {
	.header {height:300px;border-top:solid #4c0018 70px;}
	.headermargin {height:140px;}
	.breadcrumbcontainer {padding-top:70px;}

	.navbar {height:70px;}
	.navbar .language {display:inline-block;margin-top:20px;margin-right:140px;}
	.navbar-toggle {display:inline-block;position:absolute;right:0;top:6px;}
	.navbar-brand img {max-width:240px;}
	.navbar-fixed-top .navbar-collapse {max-height: 440px;}
	.navbar-scroll .navbar-brand img {max-width:190px;}

	.navbar-default .navbar-nav {margin-top:6px;margin-left:440px; margin-bottom:35px;font-weight:700;font-size:16px;line-height:20px;}
	.navbar-header {float:none !important;min-height:90px;position:relative;}
	.nav.navbar-nav {float:none !important;background-color:#c40158;padding:8px;border-radius:8px;}
	.navbar-nav > li {float: none;}
	.navbar-default .navbar-nav > li > a {padding-top:5px;padding-bottom:5px;border-bottom: 1px solid #ccc;color:#fff;}
	.navbar-default .navbar-nav > li:last-child > a {border-bottom:none;}
	.navbar-right {float:none !important;}/*full width*/
	.collapse.navbar-collapse {display:none !important;}
	.collapse {display:none !important;}
	.collapse.in {display:block !important;}
	container > .navbar-collapse {margin-right: 0px;}

	.box .box-text i {font-size:24px;}
	.box-icon .box-foot a {padding:6px 10px 8px 10px;font-size:14px;line-height:14px;}
	.homenews img {margin-bottom:22px;}

	.content {margin:40px 0;}

	h1 {font-size:28px;}
	h3 {font-size:22px;}

	#map_canvas {height: 220px;}
}

@media(max-width:767px) {
	.header {height:240px;border-top:solid #4c0018 58px;}
	.headermargin {height:80px;}
	.breadcrumbcontainer {padding-top:60px;}
	.navbar {height:58px;}
	.navbar .language {margin-right:22px;margin-top:14px;}
	.navbar .language a {margin-left:2px;background-color:#dee8ee;display:inline-block;padding:6px 6px;border-radius:50%;color:#002140;font-size:12px;line-height:12px;width:24px;text-align:center;}
	.navbar-brand img {max-width:115px;}
	.navbar-toggle {display:inline-block;position:absolute;right:10px;top:2px;}
	.navbar-toggle b {display:none;}
	.navbar-default .navbar-nav {margin-top:50px;margin-left:0px; margin-bottom:35px;font-weight:700;font-size:16px;line-height:20px;}
	.nav.navbar-nav {float:none !important;background-color:#c40158;padding:8px;border-radius:8px;}
	.navbar-fixed-top .navbar-collapse {max-height:500px;}
	.navbar-default .navbar-collapse {border:none;}
	.navbar-default .navbar-nav > li > a {padding-top:5px;padding-bottom:5px;border-bottom: 1px solid #ccc;color:#fff;}
	.navbar-default .navbar-nav > li:last-child > a {border-bottom:none;}

	.diensten {margin-top:-60px;margin-bottom:10px;}
	.box-image .image {display:none;}
	.box-icon .box-text {padding:0 15px;}
	.box .box-text i {display:none;}
	.box-icon .box-foot a {padding:6px 10px 8px 10px;font-size:14px;line-height:14px;}


	p, ul, ol {font-size: 14px;line-height: 24px;}

	.content {margin:30px 0;}
	h1 {font-size:26px;}
	h3 {font-size:20px;}


	.doclist {margin-left:10px;}

	#map_canvas {height: 180px;}

	.teaser {font-size:18px;}
	footer {text-align:center;}
	footer .text-right {text-align:center;}
	footer .indent {display:none !important;}
	.privacy {display:none;}
}
