body{
	font:400 16px/24px 'Titillium Web';
	color:#323437;
	overflow-x:hidden;
}

h1, h2, h3, p, ul, ol, table, form, iframe{
	margin-top:0;
	margin-bottom:24px;
}

.ssbl-wrap .ssbl-container .ssbl-img{
	display:inline !important;
}
article,
#left-content{
	width:100%;
	float:left;
}

.alert > *:last-child{
	margin:0 !important;
}

.row.editor{
	margin-bottom:24px;
}

.row.editor div > *:last-child{
	margin-bottom:0;
}

.jumbotron{
	background:none;
	margin:0;
	padding:0;
	float:left;
	clear:both;
	width:100%;
}

#homelocaties{
	background: #e7e9eb;
	padding: 60px 0 36px;
}

.jumbotron h1,
.jumbotron h2,
.jumbotron h3,
.jumbotron p,
.jumbotron ul,
.jumbotron ol,
.jumbotron table{
	font-size:16px;
	font-weight:400;
	font-style:normal;
	margin-bottom:24px;
	margin-top:0;
}

.jumbotron ul ul, .jumbotron ol ul, .jumbotron ul ol, .jumbotron ol ol {
    margin-bottom: 0;
}

.jumbotron h1,
.jumbotron h1 a{
	color: #f61f1d;
	font: 400 30px/normal 'Titillium Web';
}

.jumbotron h2,
.jumbotron h2 a{
	color: #f61f1d;
	font: 400 25px/normal 'Titillium Web';
}

.jumbotron .border-between h2{
	color: #323437;
	font: 600 30px/normal 'Titillium Web';
}

#homelocaties h2{
	font-size: 30px;
}

.jumbotron h3,
.jumbotron h3 a{
	color: #f61f1d;
	font: 400 20px/normal 'Titillium Web';
}

.hide_tekst {
    display: none;
}

.lees_verder{
	margin-bottom:24px;
}

p:empty{
	display:none;
}

em{
	font-style:italic !important;
}

strong{
	font-weight:700 !important;
}

a,
a:hover,
a:focus{
	color:#f61f1d;
 transition:all 0.4s ease-in-out;
}

hr{
	float:left;
	clear:both;
	width:100%;
	border-top:solid 1px #d1d1d1;
	margin:24px 0 48px;
}

.button,
.button:hover,
.button:focus{
	display:inline-block;
	text-decoration:none !important;
	outline:none;
	border:none;
	border-radius:0px;
	color:#fff;
	background:#f61f1d;
	padding:10px 15px !important;
	line-height:normal;
}

article > *:last-child{
	margin-bottom:0;
}

.locatiemaps{
	width: 100%;
	float: left;
	display: none;
}

.row.border-between{
	margin: 0 -30px;
}

.border-between > [class*='col-']:before,
.border-between > [class*='col-']:after{
    background:#d1d1d1;
    bottom:0;
    content:"";
    position:absolute;
    width:1px;
    top:0;
}

.showlocatie,
.showlocatie:hover,
.showlocatie:focus{
	font: 700 18px/normal 'Titillium Web';
	color: #919192;
	text-decoration: none;
	display: inline-block;
	margin-left: 25px;
}

.jumbotron #locaties p{
	font: 700 18px/normal 'Titillium Web';
}

.showlocatie.active,
.showlocatie.active:hover,
.showlocatie.active:focus,
.showlocatie:hover{
	color: #323437;
}

.border-between > [class*='col-'],
.border-between > [class*='col-']{
	padding:0 30px;
}

.border-between > [class*='col-']:before{
    left:0;
}

.border-between > [class*='col-']:after{
    right:-1px;
}

.border-between > [class*='col-']:first-child:before,
.border-between > [class*='col-']:last-child:after{
    display:none;
}

form.search-form{
	margin:0;
}

form.search-form label{
	padding:0;
	margin:0;
	float:left;
	background:#fff;
}

form.search-form input{
	margin:0;
	padding:0 5px;
	outline:none;
	background:none;
	border:none;
	border-radius:0;
	float:left;
}

form.search-form button{
	margin:0;
	padding:0;
	outline:none;
	background:none;
	border:none;
	border-radius:0;
	float:left;
}

.navbar-default{
	min-height:0;
	background:#fff;
	border:none;
	margin:0;
	width:100%;
	float:left;
}

.navbar>.container .navbar-brand{
	height:auto;
	padding:0;
	margin:0;
}

#logoholder{
	margin: 12px 0;
	float:left;
}

#top{
	background:#999;
}

#social-top{
}

#social-top a{
}

#slider{
	padding:0;
	margin:0;
	width:100%;
	overflow:hidden;
	float:left;
	clear:both;
	border-radius:0;
}

#slider .slide{
	width:100%;
	overflow:hidden;
	float:left;
	clear:both;
	
	display:-webkit-flexbox !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-flex-align:center !important;
    -ms-flex-align:center !important;
    align-items:center !important;
	
	background-size:cover !important;
	
	position:relative;
}

#slider .slide .parallaxer{
	width:100%;
	position:absolute;
	top:0;
	height:100%;
	left: 0;
}

#slider .slide .parallaxer > img{
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
	
	left:0;
	top:0;
	margin:0;
	display:block;
	/* fill and maintain aspect ratio */
	width:auto; height:auto;
	min-width:100%; min-height:100%;
	max-height:none; max-width:100%;
}

#slider .slide-link{
	width:100%;
	height:100%;
	float:left;
	position:relative;
	
	display:-webkit-flexbox !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-flex-align:center !important;
    -ms-flex-align:center !important;
    align-items:center !important;
}

#right-content aside > *:last-child{
	margin-bottom: 0;
}

.rood{
	color:#f61f1d;
}

.grijs{
	background: #e7e9eb;
	margin: 40px 0 70px;
	padding: 0;
}

.grijs .border-between{
	padding-top: 30px;
	padding-bottom: 30px;
}

#grijs1{
	padding: 0 0px 6px 30px;
}

#grijs2{
	padding: 0 0px 6px 0;
}

#grijs3{
	padding: 0 30px 6px 0;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
        align-items: flex-end;
    -ms-flex-pack: center;
        justify-content: center;
}

#grijs1 *:last-child,
#grijs2 *:last-child,
#grijs3 *:last-child{
	margin-bottom: 0 !important;
}

.text-center.slide-tekst:empty{
	display: none;
}

.text-center.slide-tekst{
	position:absolute;
	bottom:65px;
	left:0;
	right:0;
	padding: 10px 0;
	background:rgba(0,0,0,0.57);
	color: #fff;
	font: 300 46px/normal 'Titillium Web';
}

.dienst{
	position: relative;
	display: block;
	margin-bottom: 30px;
}

.dienst span{
	left: 0;
	padding: 10px 15px;
	text-align: center;
	right: 0;
	position:absolute;
	bottom:15px;
	background:rgba(0,0,0,0.57);
	color: #fff;
	font: 600 20px/normal 'Titillium Web';
}

.jumbotron .text-center.slide-tekst p{
	color: #fff;
	font: 300 46px/normal 'Titillium Web';
	margin-bottom: 0;
}

.text-center.slide-tekst img{
	max-width: 100%;
	width: auto;
	height: auto;
	float: none;
	display: inline-block;
    margin-top: -15px;
    margin-right: 15px;
}

.pull-left.slide-tekst{
	position:relative;
	background:#666;
}

.text-right.slide-tekst{
	position:relative;
	background:#666;
}

#hoofdmenu{
	margin:46px 0 0 ;
}

#hoofdmenu li{
	margin: 0 0 0 25px;
	position:relative;
}

#hoofdmenu li:first-of-type{
	margin-left:0;
}

#hoofdmenu li:last-of-type{
	margin-right:0;
}

#hoofdmenu li a{
	padding:0;
	background:none;
	color: #484a4b;
	font: 400 18px/normal 'Titillium Web';
}

#hoofdmenu > li:hover a,
#hoofdmenu > li.current-menu-item a,
#hoofdmenu > li.current-menu-ancestor a,
#hoofdmenu > li.current-menu-parent a{
	color: #f61f1d;
}

/*Submenu*/
#hoofdmenu > li > ul{
	display:none;
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
	top:0;
	left:0;
}

/*Dit is om de ruimte tussen menu en submenu hoverable te maken
#hoofdmenu > li > ul:before {
    height: 15px; Dit is afhankelijk van je website
    top: -15px; Deze moet evenhoog zijn als "height"
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    background: #f00; Deze moet je op "transparent" zetten
}
*/

#hoofdmenu li:hover > ul{
	display:block;
}

#hoofdmenu li ul li{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	clear:both;
}

#hoofdmenu li ul li a{
	white-space:nowrap;
	margin:0;
	padding:0;
	float:left;
	width:100%;
}

#hoofdmenu li ul li:hover > a,
#hoofdmenu li ul li.current-menu-item > a,
#hoofdmenu li ul li.current-menu-ancestor > a,
#hoofdmenu li ul li.current-menu-parent > a{
}

/*Sub-sub menu*/
#hoofdmenu li ul li ul{
	display:none;
	left:100%;
	top:0;
}

#hoofdmenu li ul li:hover > ul{
	display:block;
}


#hoofdmenu li ul li ul li{
	margin:0;
	padding:0;
	float:left;
	width:100%;
	clear:both;
}

#hoofdmenu li ul li ul li a{
	white-space:nowrap;
	margin:0;
	padding:0;
	float:left;
	width:100%;
}

#content{
	padding: 40px 0;
}

#left-content,
#right-content{
	padding-top: 20px;
	padding-bottom: 20px;
}

#right-content{
	padding-left: 30px;
	border-left: solid 1px #d1d1d1;
}

#footer{
	padding:70px 0;
	background:#474a4d;
}

#footer ul,
#footer p{
	list-style:none;
	padding:0;
}

#footer ul li{
}

#footer ul li a{
	font:400 18px/30px 'Titillium Web';
	color:#e7e9eb;
}

#footer ul li.strong a{
	font:700 18px/30px 'Titillium Web';
	color:#e7e9eb;
}

#footer ul li.strong.spacer{
	font:700 18px/30px 'Titillium Web';
	margin-bottom: 30px;
}

#footer div[class^="col-"] p:last-child,
#footer div[class*=" col-"] p:last-child,
#footer div[class^="col-"] ul:last-child,
#footer div[class*=" col-"] ul:last-child{
	margin-bottom:0 !important;
}

#calamiteiten{
	background:#5c6369;
	color: #fff;
	padding: 10px 0;
	font: 700 18px/normal 'Titillium Web';
}

#rgn{
	margin-bottom: -100%;
	position: relative;
	z-index: 15;
    margin-top: -1px;
}

#credits{
	padding:0 0;
	background:none;
}

#credits,
#credits a{
	color:#666;
	text-decoration:none;
	font:400 12px/normal 'Open Sans';
}

#slogan{
	border-top: solid 1px #d1d1d1;
	padding: 40px 0;
	font: 600 30px/normal 'Titillium Web';
	color: #f61f1d
}

#slogan span{
	font: 400 30px/normal 'Titillium Web';
	color: #7b7b7c
}

#slogan em{
	font: 400 30px/normal 'Titillium Web';
	color: #323437
}

#footer .pull-right{
	color: #e7e9eb;
	font-size: 14px;
}

@media (max-width:767px)
{	
	.no_parallax_slider_xs .parallaxer{
		top:0 !important;
	}
	
	#slogan {
		font: 600 18px/normal 'Titillium Web';
	}
	
	#slogan em {
		font: 400 18px/normal 'Titillium Web';
	}

	.navbar>.container .navbar-brand{
		max-width:100%;
	}
	
	#logoholder{
		padding-left:15px;
		padding-right:75px;
	}

	#hide-top{
		display:none;
	}
	
	.navbar-toggle {
	  border: none;
	  background: transparent !important;
	}
	.navbar-toggle:hover {
	  background: transparent !important;
	}
	.navbar-toggle .icon-bar {
	  width: 22px;
	  transition: all 0.2s;
	}
	.navbar-toggle span:nth-child(2) {
	  -ms-transform: rotate(45deg);
	  transform: rotate(45deg);
	  -ms-transform-origin: 10% 10%;
	  transform-origin: 10% 10%;
	}
	.navbar-toggle span:nth-child(3) {
	  opacity: 0;
	}
	.navbar-toggle span:nth-child(4) {
	  -ms-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  -ms-transform-origin: 10% 90%;
	  transform-origin: 10% 90%;
	}
	
	.navbar-toggle.collapsed  span:nth-child(2) {-ms-transform: rotate(0);transform: rotate(0);
	}
	.navbar-toggle.collapsed  span:nth-child(3) {
	  opacity: 1;
	}
	.navbar-toggle.collapsed  span:nth-child(4) {-ms-transform: rotate(0);transform: rotate(0);
	}
	
	.navbar>.container .navbar-brand img{
		max-width:100%;
		height:auto;
	}
	
	.navbar-header{
		position:relative;
		width:auto;
	}
	
	.navbar-toggle{
		position:absolute;
		right:0;
		border:none;
		top:50%;
		background:none !important;
		margin-top:-17px;
	}
	
	.navbar-default .navbar-toggle .icon-bar{
		background:#666;
	}
	
	.table-responsive{
		width:100%;
		overflow-y:auto;
		_overflow:auto;
		margin:5px 0 0 0;
		border:1px solid #888;
	}
	
	.table-responsive::-webkit-scrollbar{
		-webkit-appearance:none;
		width:14px;
		height:14px;
	}
	
	.table-responsive::-webkit-scrollbar-thumb{
		border-radius:8px;
		border:3px solid #fff;
		background-color:rgba(0, 0, 0, .3);
	} 
	
	.table-responsive table{
		min-width:100%;
	}
	
	.border-between > [class*='col-']:before,
	.border-between > [class*='col-']:after{
		display:none;
	}
	
	.border-between > [class*='col-'] > div,
	.border-between > [class*='col-'] > aside{
		padding:0;
	}
	
	#calamiteiten {
		width: 100%;
		text-align: center;
		font: 400 14px/normal 'Titillium Web';
	}
	
	#calamiteiten strong{
		font: 400 14px/normal 'Titillium Web' !important;
	}
	
	article img{
		max-width:100%;
		height:auto;
		
		float: none !important;
		margin: 0 auto 20px !important;
		display: block !important;
		width: auto !important;
	}
	
	#hoofdmenu li{
		margin:0;
	}
	
	#hoofdmenu li a{
		line-height:36px;
	}
	
	#hoofdmenu{
	    margin: 15px 0;
	}
	
	#slider, #slider .slide {
		height: 190px !important;
	}
	
	#footer{
		text-align: center !important;
	}
	
	#footer .pull-right{
		float: none !important;
		margin-top: 30px;
		display: inline-block;
	}
	
	#calamiteiten .pull-right{
		width: 100%;
		text-align: center !important;
	}
	
	#grijs1,
	#grijs2,
	#grijs3{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#grijs1 *:last-child, #grijs2 *:last-child, #grijs3 *:last-child{
		margin-bottom: 24px;
	}
	
	#grijs3 {
		margin-top: 30px;
	}
	
	#content{
		padding: 15px 0;
	}
	
	.slide-tekst-holder{
		display: none;
	}
	
	#right-content{
		margin-top: 24px;
		padding-left: 0;
		border: none;
		border-top: solid 1px #d1d1d1;
	}
}

@media (max-width:480px){

}

@media (max-width:375px){	
	.col-xs-6{
		width:100%;
	}
	
	.nieuws-tekst.nieuws-margin{
		margin-left:0;
	}
	
	.nieuws-tekst.nieuws-margin,
	.nieuws-tekst{
		width:100%;
		float:left;
	}
}

@media (max-width:320px){	
	
}

@media (min-width:768px) and (max-width:991px)
{
	.no_parallax_slider_sm .parallaxer{
		top:0 !important;
	}
	
	#hoofdmenu{
		text-align: center;
		width: 100%;
	    margin: 15px 0;
	}
	
	#hoofdmenu li{
		float: none;
		display: inline-block;
		margin: 0 10px;
		text-align: left;
	}
	
	#slider, #slider .slide {
		height: 190px !important;
	}
	
	.home #slider, .home #slider .slide{
		height: 275px !important;
	}
	
	#calamiteiten {
		font: 700 16px/normal 'Titillium Web';
	}
	
	#calamiteiten .pull-right{
		width: 100%;
		text-align: center !important;
	}
	
	#grijs3 {
		margin-top: 30px;
		padding-right: 0;
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	.no_parallax_slider_md .parallaxer{
		top:0 !important;
	}
	
	#hoofdmenu li{
		margin: 0 0 0 15px;
	}
	
	#hoofdmenu li a{
		font: 400 16px/normal 'Titillium Web';
	}
	
	#slider, #slider .slide {
		height: 190px !important;
	}
	
	.home #slider, .home #slider .slide{
		height: 275px !important;
	}
}

@media (min-width:1200px)
{
	.no_parallax_slider_lg .parallaxer{
		top:0 !important;
	}
}

.cd-top{
	display:inline-block;
	height:40px;
	width:40px;
	position:fixed;
	bottom:40px;
	right:10px;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.05);
	overflow:hidden;
	text-indent:100%;
	z-index:1000;
	white-space:nowrap;
	/*Kleur instellen*/
	background:rgba(161, 197, 22, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
	visibility:hidden;
	opacity:0;
	transition:opacity .3s 0s, visibility 0s .3s;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover{
	transition:opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible{
	visibility:visible;
	opacity:1;
}

.cd-top.cd-fade-out{
	opacity:.5;
}

.cd-top.cd-fade-out:hover{
	opacity:1;
}

.no-touch .cd-top:hover{
	/*Kleur instellen*/
	background-color:#a1c516;
	opacity:1;
}

@media only screen and (min-width:768px){
	.cd-top{
		right:20px;
		bottom:20px;
	}
}

@media only screen and (min-width:1024px){
	.cd-top{
		height:60px;
		width:60px;
		right:30px;
		bottom:30px;
	}
}