body{
	font:400 15px/24px 'Open Sans';
	color:#111111;
	background:url(../images/pijl.png) right bottom 60px no-repeat;
	background-position-x:calc((100% -1170px) / 2);
}

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;
}

.navbar-header{
	width:100%;
}

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

.voordelen {
    width: 100%;
    float: left;
    background: #f4e5f2;
    border: solid 3px #bc53a3;
    padding: 20px 5px 5px 25px;
	border-radius: 10px;
	margin-bottom: 60px;
	margin-top: 15px;
}

.voordelen ul {
	list-style: none;
    padding: 0;
}

.voordelen ul li {
	background-image: url("/inhoud/themes/webtontheme-child/images/bullet.png");
    background-repeat: no-repeat;
    background-position-y: 6px;
    padding-left: 20px;
}

#header_tekst{
	float:right;
	margin-right:50px;
	margin-top:90px;
	font:400 24px/30px 'Open Sans';
	color:#525658;
}

#header_tekst strong{
	color:#9c0077;
}

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

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

.jumbotron h1,
.jumbotron h1 a{
	font-size:30px;
	color:#9c0077;
}

.jumbotron h2,
.jumbotron h2 a{
	font-size:24px;
	color:#9c0077;
}

.jumbotron h3,
.jumbotron h3 a{
	font-size:17px;
	color:#9c0077;
}

em{
	font-style:italic !important;
}

strong{
	font-weight:700 !important;
}

#content{
	padding:35px 0;
}

a,
a:hover,
a:focus{
	color:#9c0077;
	-webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}

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

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

form.search-form{
	margin:0;
}

.navbar-default{
	min-height:0;
	background:#fff url(../images/header.jpg) center top no-repeat;
	border:none;
	margin:0;
	width:100%;
	float:left;
}

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

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

#top{
	background:#999;
}

#social-top{
}

#social-top a{
}

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

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

.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;
}

.border-between > [class*='col-']:first-child > div{
	padding-left:0;
}

.border-between > [class*='col-']:last-child > div{
	padding-right:0;
}

#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:-webkit-flex !important;
    display:flex !important;
    -webkit-flex-align:center !important;
    -ms-flex-align:center !important;
    -webkit-align-items:center !important;
    align-items:center !important;

	background-size:cover !important;

	position:relative;
}

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

#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:none;
}

#slider .slide-link{
	width:100%;
	height:100%;
	float:left;
	position:relative;

	display:-webkit-flexbox !important;
    display:-ms-flexbox !important;
    display:-webkit-flex !important;
    display:flex !important;
    -webkit-flex-align:center !important;
    -ms-flex-align:center !important;
    -webkit-align-items:center !important;
    align-items:center !important;
}

.text-center.slide-tekst{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:#666;
}

#menuholder{
	background:#9c0077;
}

#hoofdmenu{
	margin:0;
	float:left;
	width:100%;
}

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

#hoofdmenu li a{
	padding:0;
	background:none;
	font:400 18px/63px 'Open Sans';
	color:#fff;
}

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

/*Sub menu*/
#hoofdmenu li ul{
	display:none;
	list-style:none;
	padding:0;
	margin:0;
}

#hoofdmenu li:hover > ul{
	display:block;
	position:absolute;
	top:0;
	left:0;
}

#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%;
}

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

#footer{
	padding:35px 0;
	border-top:solid 1px #dfdfdf;
	border-bottom:solid 1px #dfdfdf;
	font:400 13px/normal 'Open Sans';
	color:#a78fa1
}

#footer a{
	font:400 13px/normal 'Open Sans';
	color:#a78fa1
}

#credits{
	padding:35px 0;
}

#credits ul{
	list-style:none;
	padding:0;
	margin:0;
}

#credits ul li{
	margin:0 5px;
	float:none;
	display:inline-block;
}

#credits ul li a{
	font:400 12px/normal 'Open Sans';
	color:#9c0077;
}

#loginform label {
	display: block;
}
#loginform input {
	padding: 5px 15px;
}


.button.uitloggen {
	margin-bottom: 40px;
}
.overzicht_diensten {
	margin-bottom: 40px;
}
.heading_diensten {
    background: #9c0077;
	padding: 10px 0;
	margin-left: 0;
	margin-right: 0;
}
.heading_dienst {
	font-weight: 700;
	color: #ffffff;
}
.dienst_item {
	background: #ffffff;
	padding: 10px 0;
	margin-left: 0;
	margin-right: 0;
}
.dienst_item span {
	display: inline-block;
    vertical-align: top;
}
.dienst_item:nth-last-child(odd) {
	background: #dfdfdf;
}
.dienst_aanmelden {
    color: #fff;
    background-color: #5eba7d;
	border: none;
	border-radius:4px;
	padding:0 10px !important;
	line-height:27px;
}
.dienst_status {
    color: #fff;
	border: none;
	border-radius:4px;
	padding:0 10px !important;
	line-height:27px;
}
.dienst_status.in_behandeling {
	background-color: #fcc133;
}
.dienst_status.ingepland {
	background-color: #3778c2;
}
.dienst_status.afgewezen {
	background-color: #e12b38;
}


.popup.bedankt_tekst {
	position: fixed;
	width: 90%;
	max-width: 400px;
    background-color: #5eba7d;
	color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 4px;
    left: 50%;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
}
.popup.bedankt_tekst p {
	margin-bottom: 0;
	color: #ffffff;
}

@media (max-width:991px)
{
	.heading_dienst {
	    width: 200px;
	    display: inline-block;
		color: #111111;
	}
}


@media (max-width:767px)
{

	.facebookblok {
	    margin: 60px 0px 50px 0px;
	}

	#header_tekst {
		display: none;
	}

	.no_parallax_slider_xs .parallaxer{
		top:0 !important;
	}

	.navbar>.container .navbar-brand{
		max-width:100%;
	}

	#logoholder{
		padding-left:15px;
		padding-right:75px;
	}

	#hide-top{
		display:none;
	}

	.navbar>.container .navbar-brand img{
		max-width:100%;
		height:auto;
	}

	.navbar-header{
		position:relative;
	}

	.navbar-toggle{
		position:absolute;
		right:0;
		border:none;
		top:50%;
		background:#9C0077 !important;
		margin-top: -20px;
	}

	.navbar-default .navbar-toggle .icon-bar{
		background:#fff;
	}

	.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%; }
}

@media (max-width:480px){
	.navbar-toggle{
	margin-top: -20px;
    margin-right: 0px;
	}

	#header_tekst {
		display: none;
	}

}

@media (max-width:375px){
	.col-xs-6{
		width:100%;
	}

	article .nieuws-item img{
		max-width:100%;
		width:auto;
		float:none !important;
		display:inline-block;
	}

	.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 li {
		position: relative;
		margin: 0 26px 0 0;
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	.no_parallax_slider_md .parallaxer{
		top:0 !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;
	-webkit-transition:opacity .3s 0s, visibility 0s .3s;
	-moz-transition:opacity .3s 0s, visibility 0s .3s;
	transition:opacity .3s 0s, visibility 0s .3s;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover{
	-webkit-transition:opacity .3s 0s, visibility 0s 0s;
	-moz-transition:opacity .3s 0s, visibility 0s 0s;
	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;
	}
}