@charset "utf-8";
/* CSS Document */

body {
    font-family: 'Open Sans', sans-serif;
	color: #333;
	font-size: 14px;
	line-height: 22px;
	text-align: center;
	margin: 0px;
}
ul {
	display: block;
    list-style: none;
	text-align: left;
    padding: 0px;
    max-width: 600px;
    margin: 0px auto;
}
ul li {
    padding: 0px;
    margin: 0px 0px 5px 0px;
	border-radius: 10px;

}
ul li > strong{
    display: block;
    color: #fff;
    padding: 10px 20px;
    cursor: pointer;
	border-radius: 10px;
    background-color: #00a2dc;
}
ul li.open > strong{
    background-color: #2E70C4;
}
ul li > div {
    padding: 20px;
	display: none;
}
ul li.open > div {
	display: block;
	overflow: hidden;
}
ul li div > span, .payment label {
    display: block;
    font-size: 18px;
    line-height: 34px;
    padding: 10px 0px;
    overflow: hidden;
    border-bottom: 1px solid #EDEDED;
}
ul li div span span.prijs, .payment label span.prijs {
    float: right;
    padding: 0px;
    border: 0px;
    color: #666;
}
ul li div span select {
    display: inline-block;
    width: 65%;
    border: 1px solid #ccc;
    padding: 5px 15px;
    border-radius: 5px;
}
ul li div span input[type=number] {
    display: inline-block;
    width: calc(100% - 40px);
    border: 1px solid #ccc;
    padding: 10px 15px;
    border-radius: 5px;
}
ul li div textarea {
    display: inline-block;
    width: calc(100% - 40px);
    border: 1px solid #ccc;
    padding: 10px 15px;
    font-family: 'Open Sans', sans-serif;
	color: #333;
	font-size: 14px;
	line-height: 22px;
    border-radius: 5px;
	margin: 10px 0px 30px 0px;
	height: 300px;
}
ul li div .btn {
	float: right;
    display: inline-block;
    background-color: #2E70C4;
    color: #fff;
    border-radius: 5px;
    padding: 8px 15px;
    text-decoration: none;
	border: 0px;
	text-transform: uppercase;
	font-weight: bold;
}
ul li div .btn:hover {
    background-color: #00749e;
}

ul li div input.btn {
    padding: 15px 15px;
    font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}
ul li div .btn.hidden {
	display: none;
}
ul li div label {
    float: left;
    clear: left;
    width: 35%;
	font-weight: bold;
}
ul li div input[type=text] {
    float: left;
    width: calc(65% - 32px);
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px 15px;
	font-weight: bold;
    margin: 3px 0px 15px 0px;
}
ul li div select {
    width: calc(65%);
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px 15px;
	height: 40px;
    margin: 0px 0px 10px 0px;
}
ul li div input[type=text].false, ul li div select.false {
    border: 1px solid #f00;
}
ul li div em, ul li div strong {
    display: block;
    font-style: normal;
    overflow: hidden;
}
ul li div em .prijs, ul li div strong .prijs {
    float: right;
}


ul li div img {
    vertical-align: middle;
    margin: 0px 10px 0px 0px;
}
.totaalprijs {
    border-top: 1px solid #ccc;
    padding: 10px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
}
.logo {
/*	min-width: 320px;
	max-width: 80%;*/
	margin: 0px 0px 30px 0px;
}

.locationtime, .locationtime > li {
    border: 0px;
}
.locationtime > li {
    font-size:18px; 
    margin: 0px 0px 20px 0px;
}
.locationtime > li ul li {
    font-size:14px; 
    padding: 5px 0px;
}
.locationtime > li ul li input {
    display: none;
}

.sublbl {
	display: inline;
	float: none;
}

.fas {
	margin: 9px 0px 0px -40px;
	position: absolute;
}
.fas.a {
	margin: 14px 0px 0px -40px!important;
}

.left {
	position: fixed;
	width: calc(40% - 80px);
	top: 0px;
	height: calc(100% - 40px);
	left: 0px;
	padding: 20px 40px 20px 40px;
	text-align: left;
	/*background-color: #2E70C4;*/
    background:linear-gradient(90deg, #00a2dc 0%, #2E70C4 100%);
    overflow: auto;
	display: block;
}
.left img {
	max-width: 350px;
    max-height: 150px;
}
.left div {

	height: 100%;
	vertical-align: middle;
}
.left p {
	font-size: 16px;
	margin: 30px 0px;
	line-height: 26px;
	color: #fff;
}
.right {
	position: fixed;
	top: 0px;
	right: 0px;
	background-size: cover;
	background-position: center;
	width: calc(60% - 200px);
	height: calc(100% - 200px);
	overflow: auto;
	padding: 100px;
}
.qlist div {
	overflow: hidden;
	margin: 0px 0px 20px 0px;
}
.qlist strong {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 140px);
	margin: 0px 20px 0px 0px;
}
.qlist div span {
	display: inline-block;
	padding: 0px;
	line-height: normal;
	vertical-align: top;
	width: 120px;
}
.qlist label {
	font-size: 14px;
}
.qlist div span label {
	margin:	0px 10px 0px 0px;
}
.infobox {
	display: block!important;
	float: right;
	width: 45%;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
}

.infobox p {
	margin:0px 0px 10px 0px;
}
.infobox ul {
	height: 80px;
	overflow: auto;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 20px 0px;
	margin: 20px 0px 10px 0px;
}
.infobox li .cb {
	float: right!important;
}
.infobox span {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}
.infobox span i {
	float: left;
	font-size: 40px;
	margin: 0px 20px 0px 0px;
}
.overflow {
	display: block!important;
	overflow: hidden;
}

/*******************************Calendar Top Navigation*********************************/
.calbox {
	display: block!important;
	float: left;
	box-shadow: 0px 0px 10px -5px #999;
	width: 244px;
	height: 243px;
	padding: 0px;
	margin: 0px;
}
div#calendar{
  margin:0px auto;
  padding:0px;
	display: block!important;
  width: 244px;
  font-family:Helvetica, "Times New Roman", Times, serif;
}
 
div#calendar div.box{
    position:relative;
    top:0px;
    left:0px;
    width:100%;
    height:34px;
    background-color: #787878 ;
	overflow: hidden;
}
 
div#calendar div.header{
    line-height:34px;  
    vertical-align:middle;
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:34px;   
    text-align:center;
}
 
div#calendar div.header a.prev,div#calendar div.header a.next{ 
    position:absolute;
    top:0px;   
    height: 17px;
    display:block;
    cursor:pointer;
    text-decoration:none;
    color:#FFF;
}
 
div#calendar div.header span.title{
    color:#FFF;
    font-size:14px;
	padding: 0px;
}
 
 
div#calendar div.header a.prev{
    left:10px;
}
 
div#calendar div.header a.next{
    right:10px;
}
 
 
 
 
/*******************************Calendar Content Cells*********************************/
 
 
 
div#calendar ul.label{
    float:left;
    padding: 0px;
	margin: 0px;
	background-color: #fff;
	width: 100%;
}
 
div#calendar ul.label li{
    margin:0px;
    padding:0px;
    margin-right:1px;  
    float:left;
    list-style-type:none;
    width:34px;
    height:34px;
    line-height:34px;
    vertical-align:middle;
    text-align:center;
    color:#000;
    font-size: 12px;
    background-color: transparent;
}
 div#calendar ul.label li:nth-child(7){
	 margin: 0px;
}
 
div#calendar ul.dates{
    float:left;
    margin: 0px;
	width: 100%;
    padding: 0px;
}
 
/** overall width = width+padding-right**/
div#calendar ul.dates li{
    margin:0px;
    padding:0px;
    margin-right:1px;
    margin-top: 1px;
    line-height:34px;
    vertical-align:middle;
    float:left;
    list-style-type:none;
    width:34px;
    height:34px;
    font-size:12px;
	border-radius: 0px;
    color:#dbdede;
    text-align:center; 
	font-weight: bold;
}
div#calendar ul.dates li:nth-child(7n){
	margin: 1px 0px 0px 0px;
}
 div#calendar ul.dates li.avail{
	 background-color: #000;
	 cursor: pointer;
	 color: #fff;
}

:focus{
    outline:none;
}
 
div.clear{
    clear:both;
}   


.cb {
	border: 1px solid #ccc;
	display: inline-block;
	padding: 0px!important;
	border-radius: 3px;
	width: 20px;
	height: 20px;
	background-color: #fff;
}
.cb div {
	display: none;
	width: 14px;
	height: 14px;
	border: 3px solid #fff;
	background-color: #fff;
	border-radius: 6px;
	overflow: hidden;
}
.cb.checked div {
	display: block;
	background-color: #000;
}

.complete {
    background: linear-gradient(90deg, #00a2dc 0%, #2E70C4 100%);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.complete img {
	margin: 30px 0px;
	max-width: 300px;
}
.complete p {
	font-size: 16px;
	max-width: 800px;
	line-height: 26px;
	margin: 0px auto;
	text-align: center;
    color: #fff;
}
.complete .btn {
    display: inline-block;
    background-color: #474747;
    color: #fff;
    border-radius: 5px;
    padding: 8px 15px;
    text-decoration: none;
	border: 0px;
	text-transform: uppercase;
	font-weight: bold;
}


.qlist div {
	overflow: hidden;
	margin: 0px 0px 20px 0px;
}
.qlist strong {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 140px);
	margin: 0px 20px 0px 0px;
}
.qlist div span {
	display: inline-block;
	padding: 0px;
	line-height: normal;
	vertical-align: top;
	width: 120px;
}
.qlist label {
	font-size: 14px;
}
.qlist div span label {
	margin:	0px 10px 0px 0px;
}


ul li div span .fas.a{
    margin: 10px 0px 0px -60px !important;
}

@media only screen and (min-width: 1000px) and (max-width: 1220px) {
	.left {
		width: calc(50% - 100px);
		padding: 50px 50px;
	}
	.right {
		width: calc(50% - 100px);
		padding: 100px 50px;
	}
	
}
@media only screen and (max-width: 999px) {
	.left {
		position: relative;
		width: calc(100% - 100px);
		padding: 50px 50px;
	}
	.right {
		position: relative;
		width: calc(100% - 100px);

		padding: 100px 50px;
	}
	
}
@media only screen and (max-width: 600px) {
	.left img {
    	max-width: 300px;
	}
	.left p {
		font-size: 16px;
		margin: 30px 0px;
		line-height: 26px;
		max-width: 94%;
	}
	.left {
		position: relative;
		width: calc(100% - 40px);
		padding: 20px 20px;
		height: auto;
	}
	.right {
		position: relative;
		width: calc(100% - 40px);
    	padding: 50px 20px;

	}	
	
}
.tox-statusbar__branding {
    display: none!important;
}
.vt {
    display: none;
}
.vt.show {
    display: block;
}