html{
	overflow-x:hidden;
}

body{
	font:400 16px/30px 'Lato';
	color:#282828;
}

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

.ssbl-wrap .ssbl-container .ssbl-img{
	display:inline !important;
}

.sponsorlogo{
	padding:15px;
	border:solid 1px #d2d2d2;
}

#left-content{
	width:100%;
	float:left;
}

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

#logoslider{
	float:left;
	width:100%;
	margin-bottom:30px;
}

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

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

.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:16px;
	font-weight:400;
	font-style:normal;
	margin-bottom:30px;
	margin-top:0;
}

.jumbotron h1,
.jumbotron h1 a{
	color:#ec008c;
	font:400 30px/normal 'Lato';
}

.jumbotron h2,
.jumbotron h2 a{
	color:#ec008c;
	font:700 24px/normal 'Lato';
}

.jumbotron h3,
.jumbotron h3 a{
	color:#ec008c;
	font:700 21px/normal 'Lato';
}

.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:#f9008f;
	-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 #d2d2d2;
	margin:24px 0 48px;
}

#slider{
    width: 738px !important;
    float: right !important;
    margin-top: -445px !important;
    position: relative;
    z-index: 1001;
}

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

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

.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,
.border-between > [class*='col-'] > aside{
	padding:0 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,
.border-between > [class*='col-']:first-child > aside{
	padding-left:0;
}

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

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:#d2d2d2;
	border:none;
    border-bottom: solid 67px #fff;
	margin:0;
	width:100%;
	float:left;
}

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

#slogan,
#slogan-bottom{
	background:#d2d2d2;
	color:#fff;
	font:700 21px/normal 'Lato';
	text-align:center;
}

.home #slogan{
	font-size:18px;
	line-height:36px;
	font-weight:400 !important;
}

.home #slogan #roze{
	padding-left:120px !important;
	padding-right:120px !important;
	margin-bottom:-84px;
}

.home #content{
	padding:124px 0 40px;
}

#oproep{
	padding:35px 0;
}

#buttons{
	padding-left:30px;
	border-left:solid 1px #d2d2d2;
}

#buttons .button{
	font-weight:700;
	line-height:57px;
	font-size:24px;
	margin:60px 7px;
	border-radius:8px;
}

.nieuws-item{
	position:relative;
	padding:18px;
	float:left;
	width:100%;
	padding-bottom:40px;
	border:solid 1px #d2d2d2;
}

.nieuws-item img{
	margin-bottom:40px;
}

.nieuws-item a.button{
	background:url(../images/pijl.png);
	width:104px;
	text-indent:-9999px;
	height:66px;
	float:right;
	position:absolute;
	right:18px;
	bottom:18px;
}

#slogan em{
	font-weight:400;
}

#slogan-bottom{
	background:none;
	font:700 26px/normal 'Lato';
}

#slogan-bottom #roze{
	padding:40px 0;
    margin-bottom: -52.5px;
}

#slogan-bottom em{
	font-weight:300;
	font-style:normal !important;
}

#roze{
	width:100%;
	background:#ec008c;
	padding:30px 0;
	float:left;
}

#logoholder{
	float:left;
}

#social{
	background:#d2d2d2
}

#top{
	background:#999;
}

#social-top{
}

#social-top a{
	color:#ec008c;
	font-size:30px;
	margin:0 0 0 15px;
	line-height:52px;
}

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

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

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

.slide-tekst{
	margin-right:20px;
	position: relative;
    text-align: center;
    margin-top: 130px;
    color: #ec008c;
    font-weight: 900 !important;
    font-size: 24px;
    width: 305px;
}

.slide-tekst strong{
	color:#fff;
    font-weight: 900 !important;
	font-style:italic;
}

#content{
	padding:40px 0;
}

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

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

#hoofdmenu{
	margin:0 0 -67px;
	width:100%;
	background:#fff;
}

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

#hoofdmenu li a{
	padding:0;
	background:none;
	color:#f9008f;
	font:400 18px/67px 'Lato'
}

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

/*Submenu*/
#hoofdmenu > li > ul{
	display:none;
	list-style:none;
	padding:15px 0;
	margin:0;
	position:absolute;
	top:50px;
	border-radius:6px;
	left:-10px;
	background:#fff;
	-webkit-box-shadow: 0 0 7px rgba(47,47,47,.38);
	-moz-box-shadow: 0 0 7px rgba(47,47,47,.38);
	box-shadow: 0 0 7px rgba(47,47,47,.38);
}

/*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;
	border-bottom:solid 1px #d2d2d2;
	width:100%;
	clear:both;
}

#hoofdmenu li ul li:first-of-type{
	border-top:solid 1px #d2d2d2;
}

#hoofdmenu li ul li a{
	white-space:nowrap;
	margin:0;
	text-decoration:none;
	padding:0 40px;
	color:#616161;
	font:400 18px/36px 'Lato';
	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{
	color:#ec008c;
	background:#d2d2d2;
}

#hoofdmenu li.menu-item-has-children{
	margin-right:30px;
}

.menu-item-has-children:after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 4.5px 0 4.5px;
	border-color: #ec008e transparent transparent transparent;
    position: absolute;
    right: -15px;
    top: 33px;
}

/*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%;
}

#footer{
	padding:150px 0 90px;
	background:#d2d2d2 url(../images/amazone.png) right top no-repeat;
	background-size:contain;
	color:#141414;
}

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

.wp-caption.alignright{
	margin-left:15px;
	margin-bottom:15px;
}

.jumbotron .wp-caption p{
	line-height:24px !important;
	font-size:12px !important;
	color:#666;
}

#footer ul li{
}

#footer ul li a{
	color:#141414;
	font:400 18px/36px 'Lato';
	color:#141414;
}

#footer small{
	font-size:12px;
}

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

#credits{
}

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

@media (max-width:767px)
{	
	.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-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) {
	  transform: rotate(45deg);
	  transform-origin: 10% 10%;
	}
	.navbar-toggle span:nth-child(3) {
	  opacity: 0;
	}
	.navbar-toggle span:nth-child(4) {
	  transform: rotate(-45deg);
	  transform-origin: 10% 90%;
	}
	
	.navbar-toggle.collapsed  span:nth-child(2) {
	  transform: rotate(0);
	}
	.navbar-toggle.collapsed  span:nth-child(3) {
	  opacity: 1;
	}
	.navbar-toggle.collapsed  span:nth-child(4) {
	  transform: rotate(0);
	}
	
	.navbar>.container .navbar-brand img{
		max-width:100%;
		height:auto;
	}
	
	.navbar-header{
		position:relative;
		width:auto;
	}
	
	#hoofdmenu{
		margin:0;
		padding:10px 0;
	}
	
	.navbar-toggle{
		position:absolute;
		right:0;
		z-index:150;
		border:none;
		top:50%;
		background:none !important;
		margin-top:-42px;
	}
	
	.navbar-default{
		border:none;
	}
	
	#social-top {
		margin-right: 15px;
	}
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{
		border:none;
	}
	
	#social #social-top a i{
		display:none;
	}
	
	.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;
	}
	
	article img{
		max-width:100%;
		height:auto;
		
		float: none !important;
		margin: 0 auto !important;
		display: block !important;
		width: auto !important;
	}
	
	#hoofdmenu li{
		margin:0;
	}
	
	#hoofdmenu li a{
		line-height:36px;
		padding:0 15px;
	}
	
	#sliderholder{
		display:none;
	}
	
	#logoholder img:first-of-type{
		display:none;
	}
	
	#logoholder a img:nth-child(2){
		margin-top:-50px;
	}
	
	.home #slogan #roze {
		padding-left: 15px !important;
		padding-right: 15px !important;
		margin-bottom: -84px;
	}
	
	#right-content{
		padding-left:0;
		border:none;
	}
	
	#buttons{
		text-align:center;
		padding-left:15px;
		border:none;
	}
	
	#buttons .button {
		font-weight: 700;
		line-height: 42px;
		font-size: 16px;
		margin: 15px 2px;
		border-radius: 8px;
	}
	
	#footer{
		text-align:center;
		padding:120px 0 60px;
	}
	
	#slogan-bottom #roze {
		padding: 40px 15px;
		margin-bottom: -52.5px;
	}
	
	#slogan-bottom {
		background: none;
		font: 700 21px/normal 'Lato';
	}
}

@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;
	}
	
	#footer{
		text-align:center;
	}
}

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

@media (min-width:768px) and (max-width:991px)
{
	.no_parallax_slider_sm .parallaxer{
		top:0 !important;
	}
	
	#slider{
		width:100% !important;
		margin-top:0 !important;
	}
	
	#hoofdmenu li {
		margin: 0 5px;
	}
	
	#hoofdmenu li a {
		font: 400 13px/67px 'Lato';
	}
	
	.home #slogan #roze {
		padding-left: 30px !important;
		padding-right: 30px !important;
		margin-bottom: -84px;
	}
	
	#logoholder img:first-of-type{
		display:none;
	}
	
	#buttons{
		text-align:center;
		padding-left:15px;
		border:none;
	}
	
	#logoholder a img:nth-child(2){
		margin-top:-50px;
	}
	
	.slide-tekst{
		margin-top:100px;
	}
	
	#slogan-bottom {
		font: 700 21px/normal 'Lato';
	}
	
	.home #slider, .home #slider .slide,
	#slider, #slider .slide {
		height: 278px !important;
	}
}

@media (min-width:992px) and (max-width:1199px)
{
	.no_parallax_slider_md .parallaxer{
		top:0 !important;
	}
	
	#logoholder img{
		width:300px;
	}
	
		#hoofdmenu li a {
		font: 400 15px/67px 'Lato';
	}
	
	.slide-tekst{
		font-size:22px;
	    margin-right: 0px;
	}
	
	#slider{
		width:640px !important;
		margin:-349px 0 0 !important;
	}
	
	#slider, #slider .slide {
		height: 282px !important;
	}
	
	#hoofdmenu li {
		margin: 0 12px;
	}
}

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