#website{
	text-align:center;
	background:white;
	display:none;	
	padding:60px 0;
}

#website .fa{
	font-size:70px;	
}


.badeend{
	padding:0;
	color:white;
}

.badeend a{
	color:white;
	width:100%;
	padding:20px 0;
	text-align:center;
	background:#efb932;
	float:left;	
	margin-bottom:20px;
}

.badeend a img{
	margin-right:20px;
}


.fadeIn{
	opacity:1 !important;	
	-webkit-transition-duration: 1.3s;
	-moz-transition-duration: 1.3s;
	-o-transition-duration: 1.3s;
	transition-duration: 1.3s;
}

body{
	background:#f9f9f9;	
	
}

a:hover{
	text-decoration:none;	
}

p{
	line-height:30px;	
	font-size:14px;
}

h1{
	font-size:20px;
	margin:0 0 10px 0;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;	
	color:#4694a8;
}

h2{
	font-size:16px;
	margin:0 0 10px 0;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	color:#6f6f6f;
	letter-spacing:2px;	
}

h3{
	font-size:13px;
	margin:0 0 10px 0;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	color:#6f6f6f;
	letter-spacing:2px;	
}

.white h1,
.white{
	color:white !important;	
}

.noPadding{
	padding:0;	
}

.padding{
	padding:15px;	
}

.right{
	float:right;
	text-align:right;	
}

.half{
	width:50%;
	float:left;	
}

.end{
	clear:both;	
	margin:10px 0;
}

.contact{
	background:#f0f0f0;	
	padding-top:25px;
	padding-bottom:15px;
	border-bottom:1px solid #ddd;
}

.contact h1{
	margin-bottom:0;
	color:#6f6f6f;
}

.contact p{
	color:#6f6f6f;
}

.contact img{
	width:100%;
	background:black;
	float:left;
	margin-right:20px;
	margin-top:-10px;
	box-shadow:2px 2px 6px #ccc;
	border:2px solid #f8f8f8;
}

.contact .fb,
.contact .in{
	padding:2px 0;	
	float:right;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	margin-left:15px;
	width:35px;
	text-align:center;
	margin-top:10px;
	
}

.contact .fb{
	border-bottom:3px solid #4267b2;
	color:#4267b2;
}

.contact .in{
	border-bottom:3px solid #d62976;
	color:#d62976;
}

.contact .fb:hover,
.contact .in:hover{
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	transition-duration: 0.5s;
	color:white;
}

.contact .fb:hover{
	background:#4267b2;
}

.contact .in:hover{
	background:#d62976;
}

.form-row{
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;	
}

.step,
.step-check,
.step-active{
	background:#fcfcfc;
	height:50px;
	padding-top:19px;
	text-align:center;
	font-size:11px;
}

.step,
.step-active{
	color:#aaa;
}

.step-active{
	color:#f8f8f8;
	background:none;
	font-size:14px;
	padding-top:16px;
	border-bottom:2px solid white;
}

.steps{
	background: rgb(2,0,36);
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(255,197,98,1) 0%, rgba(79,221,195,1) 100%);
	height:50px;
	margin-bottom:0;
	font-family: 'Roboto', sans-serif;
	text-transform:uppercase;
	color:#e3e2e2;	
	border:1px solid white;
	border-radius:7px 7px 0 0;
}

.step-check{
	background:none;
	color:white;	
}

.sidebar{
	background:url( 'images/sidebar.png' );	
	margin-bottom:50px;
	border-radius:5px;
}

.sidebar{ 
	text-align:center;
}

.sidebar h2{
	color:#bf0b16;	
	text-shadow:1px 0px 15px white;
	font-size:24px;
	margin-top:24px;
}


.sidebar p{
	text-align:left;	
}

.sidebar img{
	margin-bottom:40px;	
}

.shadow{
	margin-top:35px;
	box-shadow:4px 4px 10px #efeeee;
}

.content{
	background:white;	
}

/*.content .head{
	margin-bottom:25px;	
	margin-top:25px;
	text-align:center;
}

.content .head h1{
	color:#61a8e8;
}*/

.content .inschrijven input{
	height:43px;
	border:1px solid #ccc;	
	width:100%;
	padding-left:15px;
	margin-bottom:15px;
}

.content .inschrijven input[type="submit"]{
	width:108px;	
}

.content .inschrijven select{
	height:43px;
	border:1px solid #efefef;	
	width:100%;
	padding-left:15px;
	margin-bottom:15px;
}

.padding-right{
	padding-right:0px;	
}

.grey h2{
	color:#476088;
}

.grey h3 small{
	font-size:75%;
	margin-bottom:10px;
	padding-bottom:5px;
	float:left;
	border-bottom:1px solid #f0f0f0;
	font-style:italic;
}

.addfieldsmall{
	background:#4fddc3;
	width:40px;
	height:40px;
	color:white;
	float:left;
	font-size:20px;
	cursor:pointer;
	padding-top:7px;
	text-align:center;
	padding-left:3px;
}

.removefield{
	cursor:pointer;
	background:#ff6d74;	
	font-size:20px;
	padding-top:7px;
	width:40px;
	height:40px;
	float:left;
	color:white;
	text-align:center;
	padding-left:3px;
}

.inschrijven hr{
	border-top:10px solid #f8f8f8;
	margin-top:30px;
	margin-bottom:30px;	
	margin-left:-15px;
	margin-right:-15px;
}

select,
input::placeholder{
	color:#999999;	
}

.btn-prev,
.btn-next,
.btn-done{
	padding:10px 20px;	
	color:white;
	text-transform:uppercase;
	font-size:12px;
	-webkit-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	transition-duration: 0.4s;	
}

.btn-prev:hover,
.btn-next:hover,
.btn-done:hover{
	color:white;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.btn-margin .btn-prev{
	margin-top:118px;
	float:left;
}

.btn-prev{
	background:#b9b8b6;	
}

.btn-prev:hover{
	background:#c8c8c7;
}

.btn-next{
	background:#4fcdb6;	
	margin-right:10px;
}

.btn-next:hover{
	background:#4fddc3;
	
}

.btn-done{
	background:#2dcc70;	
	float:right;
}

.btn-done:hover{
	background:#27ae61;	
}

.form-row{
	
}

.form-row td{
	border-top:none !important;
	border-bottom:none !important;
	padding:10px 10px 0 10px !important;	
}

.td-width-age{
	width:100px;
}

.td-width-sex{
	width:80px;
}

.th-width-price{
	width:80px;
}

.error p{
	text-align:center;
	text-transform:uppercase;
	color:#ff6d74;
	font-weight:bold;
}

.head{
	margin-bottom:35px;
	margin-top:35px;
	text-align:center;
}

.head h1{
	width:200px;
	margin:0 auto;
	border-bottom:2px solid #ff6d74;
	color:#8a8a8a;
	padding-bottom:10px;
}

.orange h2,
.orange small,
.blue h2,
.blue small{
	color:white !important;	
}

.orange{
	background:#d86c46;
	padding:15px 15px 5px 15px;
	margin-bottom:15px;
	border-radius:2px;
}

.blue{
	background:#20a9a6;
	padding:15px 15px 5px 15px;
	margin-bottom:15px;
	border-radius:2px;
}

.table-responsive{
	border:none !important;	
}

.table-striped > tbody > tr:nth-of-type(odd){
	background:none;
}

.table-head h2{
	font-size:16px;
	text-transform:capitalize;
}

.tr-head{
	background:#61a8e8 !important;
	color:white;
	text-transform:uppercase;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	padding-left:15px;
}

.table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
	padding-top:20px;
	padding-bottom:20px;
}

.sjr > tbody > tr:nth-of-type(odd){
	/*background:#dc5406;*/	
	color:white;
}

.sjr > tbody > tr{
	/*background:#d86c46;*/
	color:white;	
}

.mollieForm select{
	width:100%;
	padding:10px;
	margin-right:2%;
}

.mollieForm button{
	border:none;
	margin-top:35px;
}

.mollieForm{
	width:100%;
	float:left;
	margin-bottom:25px;	
}

@media (max-width:660px){
	body{
			
	}
	
	h1{
		font-size:16px;	
	}
	
	h2{
		font-size:16px;
	}	
	
	h3{
		font-size:14px;	
	}
	
	p{
		font-size:12px;	
	}
	
	.form-row td{
		padding:5px 5px 0 5px !important
	}
	
	.td-width-age{
		width:85px;
	}
	
	.td-width-sex{
		width:65px;
	}
	
	.th-width-price{
		width:200px !important;
	}
	
	.inschrijven hr{
		margin-top:30px;	
	}
	
	.addfield{
		/*margin-right:17px;*/	
	}
	
	.removefield{
		font-size:18px;	
		paddin-top:8px;
	}

}

@media screen and (orientation:portrait) {
#website{
    /*-ms-transform: rotate(-90deg); /* IE 9 */
    /*-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    /*transform: rotate(-90deg);
    width: 100% ;
    height: 100% ;
    overflow: scroll;*/
	display:block;
  }

}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}