/*
 * Algemeen
 */
html, body{
	height:100%;
	margin:0;
}
body{
	font-family: 'Open Sans', sans-serif;
	background-color:#f5f5f5;
}
.btn_hidden{
     opacity:0;
}
.visible{
     opacity:1;
}
p{
	margin:0;
}
a,
.animo{
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#wrap{
	float:left;
	width:100%;
    position:relative;
}
.cover-home{
	position:fixed;
	top:0;
	right:0;
	left:0;
	bottom:0;
	z-index:999999999;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.cover-home-left{
	background-color:#053f48;
	position:fixed;
	top:0;
	left:0;
	right:50%;
	height:100%;
	z-index:99999999;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.cover-home-right{
	background-color:#053f48;
	position:fixed;
	top:0;
	left:50%;
	right:0;
	height:100%;
	z-index:99999999;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.cover-home img{
	width:180px;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-50px;
	margin-left:-100px;
	z-index:9999999999;
}

#langs{
	position:absolute;
	top:30px;
	left:30px;
}
#langs a{
	color:#888;
	background-color:rgba(0,0,0,0.6);
	display:inline-block;
	margin:0 5px 0 0;
	padding:8px 0 0 0;
	border-radius:50%;
	width:40px;
	height:40px;
	text-align:center;
}
#langs a.active{
	font-weight:bold;
	color:#fff;
}
#langs a:hover{
	text-decoration:none;
}

#btn-back{
	position:absolute;
	z-index:999;
	background-color:#59ef83;
	color:#053f48;
	top:90px;
	left:0;
	width:50px;
	text-align:center;
	padding:5px 0;
	display:block;
	font-size:20px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
/*
#login-balk{
	position:absolute;
	top:-60px;
	left:0;
	right:0;
	padding:15px;
	background-color:#D91E18;
}
.toon-login-balk{
	top:0 !important;
}
#login-balk-caret{
	position:absolute;
	bottom:-40px;
	right:50px;
	width:40px;
	height:40px;
	background-color:#D91E18;
	color:#fff;
	text-align:center;
	font-size:24px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
#login-form{
	float:right;
}
.input-login{
	float:left;
	width:200px;
	margin:0 0 0 15px;
	position:relative;
}
.input-login label.error{
	position:absolute;
	right:15px;
	top:10px;
	color:#ff0000;
}
#login-form input{
	float:left;
	border:solid 1px #fff;
	padding:10px;
	width:100%;
	font-size:14px;
}
#login-form #btn-inloggen{
	text-transform:uppercase;
	color:#000;
	background-color:#EDBF0C;
	width:150px;
	cursor:pointer;
	margin:0 0 0 15px;
	border:solid 1px #EDBF0C;
}
#login-form #btn-inloggen:hover{
	background-color:#EDBF0C;
}
*/
.carousel{
	float:left;
	width:100%;
	display:none;
}
.carousel-event{
	display:block;
}
.carousel .slide{
	float:left;
	width:100%;
	height:500px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position:center center;
    position:relative;
}
.carousel-event .slide{
	height:300px;
}
.slick-arrow{
	display:none !important;
}
@media(min-width:768px){
	.carousel{
		display:block;
	}
	.carousel-event .slide{
		height:800px;
	}	
}

#logo{
	float:left;
	width:100%;
	padding:30px 0 30px 0;
	text-align:center;
}
#logo img{
	width:auto;
}

#events{
	float:left;
	margin-bottom:60px;
	width:100%;
}
#events .container{
	margin-top:0;
	background-color:#fff;
	position:relative;
	border-radius:5px;
}
@media(min-width:768px){
	#events .container{
		margin-top:-100px;
	}
}
.event{
	float:left;
	width:100%;
	color:#fff;
	background-color:#eee;
	padding:0;
	margin:0 0 30px 0;
	border-radius:5px;
	overflow:hidden;
}
.titel{
	float:left;
	font-size:18px;
	line-height:24px;
	width:100%;
	text-align:center;
	display:table;
}
.titel p{
	margin:5px 0 0 0;
	color:#000;
}
.titel span{
	height:90px;
	display:table-cell;
	vertical-align:middle;
}
.pic{
	background-color:#eee;
	float:left;
	width:100%;
    position:relative;
    height:210px;
    overflow:hidden;
}
.pic img{
	width:106%;
	position:absolute;
	top:0;
	left:-3%;
	right:0;
	-webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.full .pic img{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  	filter: grayscale(100%);
  	opacity:0.3;
}
.pic span{
	font-family: 'Raleway', sans-serif;
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:60px 15px 15px 15px;
	text-transform:uppercase;
	font-size:20px;
	line-height:22px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    font-weight:bold;
}
.full .pic span{
	color:#fff;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.15) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.info{
	float:left;
	color:#555;
	font-size:14px;
	padding:30px 15px;
}
.info svg{
	width:30px !important;
	font-size:14px;
}
.info span{
	display:block;
	font-size:14px;
}
.info span:first-child{
	margin-bottom:10px;
}
.full .info{
	color:#bbb;
}
.btn-inschrijven{
	float:left;
	width:100%;
	text-align:center;
}
.btn-inschrijven a{
	display:block;
	background-color:#053f48;
	color:#fff;
	padding:15px 30px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
}
.btn-inschrijven a.inschrijven-volzet,
.btn-inschrijven a.inschrijven-volzet:hover{
	background-color:#222;
	color:#fff;
	cursor:not-allowed;
}
.btn-inschrijven a:hover{
	text-decoration:none;
	background-color:#222;
	color:#fff;
}
.full .btn-inschrijven a{
	background-color:#bbb;
	color:#fff;
}

.full-alert{
	display:none;
	position:absolute;
	color:#fff;
	z-index:999;
	text-align:center;
	top:45px;
	left:15px;
	right:15px;
	padding:15px;
	background-color:rgba(0,0,0,0.5);
}
.full .full-alert{
	display:block;
}

.plaatsen{
	float:left;
	width:100%;
	color:#fff;
	font-size:14px;
	text-align:center;
	margin-top:15px;
}

#event-detail{
	float:left;
	width:100%;
	display:none;
	margin:-100px 0 0 0;
	border-radius:5px;
	overflow:hidden;
	padding-bottom:60px;
}
.carousel-container{
	float:left;
	width:100%;
	position:relative;
}
#titel-main{
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	font-size:40px;
	float:left;
	width:100%;
	text-align:center;
	font-family: 'Raleway', sans-serif;
	position:absolute;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    bottom:0;
    padding:210px 30px 115px 30px;
    display:none;
}
#titel-main span{
	display:block;
	font-size:24px;
}
@media(min-width:768px){
	#titel-main{
		display:block;
	}
	#event-detail{
		margin-top:-300px;
	}
}

#event-info{
	float:left;
	width:100%;
}
#event-left{
	padding:0;
	background-color:#053f48;
	min-height:250px;
	color:#fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#event-right{
	background-color:#fff;
	padding:0 0 30px 0;
	min-height:250px;
	position:relative;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#reg-ok.blur{
	background-color:rgba(255,255,255,0.5);
	backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
@media(min-width:992px){
	#event-left{
		border-radius:0;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	#event-right{
		border-radius:0;
		border-top-right-radius: 10px;
		border-bottom-right-radius: 10px;
	}
}

#reg-ok{
	position:absolute;
	background-color:rgba(255,255,255,0.7);
	color:#fff;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:999;
	text-align:center;
}
#reg-ok span{
	display:inline-block;
	margin-top:100px;
	font-size:30px;
	color:#111;
}

#event-info-pic{
	display:none;
	background-color:#333;
	float:left;
	width:100%;
	height:250px;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    background-position:center center;
    position:relative;
    border-top-left-radius:5px;
}
#event-info-info{
	padding:15px 15px 30px 15px;
	float:left;
	width:100%;
	font-size:16px;
}
@media(min-width:992px){
	#event-info-info{
		padding:45px 30px 60px 30px;
	}
}
.sub-titel{
	float:left;
	width:100%;
	margin:0 0 15px 0;
	font-size:24px;
	line-height:30px;
	text-transform:uppercase;
	font-family: 'Raleway', sans-serif;
	font-weight:bold;
}

#form-intro{
	float:left;
	width:100%;
	padding:15px;
	color:#555;
	font-size:20px;
}
#form-intro span{
	display:block;
	font-size:14px;
}
#registreren{
	float:left;
	width:100%;
	padding:0 15px 0 15px;
}
.form-choose{
	float:left;
	width:100%;
	padding:15px;
}
.form-choose a{
	display:block;
	max-width:400px;
	background-color:#F5F5F5;
	padding:10px 15px;
	border:solid 1px #ddd;
	border-radius:5px;
	color:#555;
	margin:0 0 5px 0;
}
.form-choose a:hover{
	text-decoration:none;
	background-color:#eee;
}
@media(min-width:992px){
	#form-intro{
		padding:45px;
	}
	.form-choose{
		padding:0 45px 0 45px;
		margin-top:-15px;	
	}
	#registreren{
		padding:0 45px 0 45px;
	}
}

.input{
	float:left;
	width:100%;
	position:relative;
}
input:focus{
	outline:0;
}
.input-radio{
	float:left;
	margin:0 30px 30px 0;
	padding:5px;
}
.input-radio label{
	color:#888;
	padding:0 0 0 5px;
}
.input-text{
	float:left;
	width:100%;
	border:none;
	border-bottom:solid 2px #ccc;
	padding:5px 5px 10px 5px;
	margin:0 0 30px 0;
}
textarea{
	float:left;
	width:100%;
	border:none;
	border-bottom:solid 2px #ccc;
	padding:5px 5px 10px 5px;
}
input.error{
	border-color:#ff0000 !important;
}
#registreren label.error{
	position:absolute;
	right:0;
	color:#ff0000;
}
#partner-container{
	width:100%;
	display:none;
	border:solid 1px #ddd;
	padding:30px 15px 15px 15px;
	margin:-15px 0 30px 0;
	position:relative;
}
#label-partner{
	position: absolute;
    top: -14px;
    right: 15px;
    padding: 5px;
    background-color: #fff;
    font-size: 12px;
    color: #bbb;
}

#btn-send{
	float:right;
	margin:30px 0 0 0;
	border:none;
	background-color:#59ef83;
	color:#053f48;
	padding:10px 15px;
	text-transform:uppercase;
	font-size:14px;
	cursor:pointer;
	border-radius:5px;
	font-weight:bold;
}
#btn-send:hover{
	background-color:#222;
	color:#fff;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #888;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #888;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #888;
}
:-moz-placeholder { /* Firefox 18- */
  color: #888;
}

#footer{
	float:left;
	width:100%;
	padding:30px 0;
	text-align:center;
	background-color:#053f48;
	color:#fff;
	font-size:12px;
	position:relative;
}
#footer img{
	margin-top:10px;
	width:80px;
}