a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top}
blockquote, q {quotes:none}
table, table td {padding:0;border:none;border-collapse:collapse}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
.wrapper {width:100%;overflow:hidden}
body {background:#fff;border:0;font:14px open_sansregular, Arial,Helvetica,sans-serif;color:#686868;line-height:18px; height:100%;}
a {color:#686868;text-decoration:none;/*font-weight:bold*/}
ul {padding-left:15px}
.main {margin:0 auto;width:500px;background-color:#fff}

button {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
	padding: 5px 28px;
	
	text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-transform: uppercase;	
  font-size: 13px;
  font-weight: 700;
  line-height: 3.1;  
  
	background-color: #393b3f;
	color:#fff;
	padding-top: 0;
  padding-bottom: 0;	  
}
h1 {font-size:25px;line-height:25px;margin-bottom:5px}
/*
.btlist {margin-top:0px}
.btlist {width:700px;margin:0 auto;}
.btlist .btbox {border:1px solid #000;margin-bottom:20px;position:relative;padding:10px}
.btlist .btimg {width:100px;height:100px;display:inline-block;zoom:1;*display:inline;margin:2px;background:center center no-repeat;background-size:100px 100px;-moz-background-size:100px 100px;-webkit-background-size:100px 100px;-o-background-size:100px 100px}
.btlist .btinfo {display:inline-block;zoom:1;*display:inline;width:530px;margin-left:20px}
.btlist .btbtn,
.btlist .btbtn1 {display:block;position:absolute;right:5px;bottom:5px;height:25px;width:100px}
.btlist .btbtn1 {right:110px}
.btlist .bigbtn {height:50px;margin-left:10px;background-color:#C9EFFA}
*/

h1, h2, h3, h4, h5, h6 {
    color: #686868;
}

.productIntro{
	font-size:20px;
	line-height: 23px;
	margin-bottom:15px;
	margin-top:37px;
}
.btlist{
	font-size:0;
}
.btlist .btbox{
	display:inline-block;
	width:100%;
	margin-bottom:20px;
	padding-right:20px;
	box-sizing: border-box;		
	text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;	
  font-size: 14px;
  font-weight: 400;
  
}
/*0024383 reserveeerknop altijd zichtbaar*/
.btbox-inner .btinfo{
  -webkit-transform: translateY(-57px);
  transform: translateY(-57px);  		
}

.btbox-inner{
	border:1px solid #dbdbdb;
	position:relative;
	border-radius:2px;
	overflow:hidden;
}
.btbox-inner:hover .btinfo{
  -webkit-transform: translateY(-57px);
  transform: translateY(-57px);
}	

.btbox-inner img{
	width:100%;
}

.imgContainer{
	height:346px;
	overflow:hidden;
	cursor:pointer;
	background:none center no-repeat;
	background-size:cover;
}

.btinfo{
	background:#fff;
	position:relative;
	z-index:20;
	padding:20px;
	
  -webkit-transition: background-color .3s cubic-bezier(.78,.13,.15,.86),-webkit-transform .3s cubic-bezier(.78,.13,.15,.86);
  transition: background-color .3s cubic-bezier(.78,.13,.15,.86),-webkit-transform .3s cubic-bezier(.78,.13,.15,.86);
  transition: transform .3s cubic-bezier(.78,.13,.15,.86),background-color .3s cubic-bezier(.78,.13,.15,.86);
  transition: transform .3s cubic-bezier(.78,.13,.15,.86),background-color .3s cubic-bezier(.78,.13,.15,.86),-webkit-transform .3s cubic-bezier(.78,.13,.15,.86);	
}

.btinfo .price {
  display: block;
  font-size: 19px;
  font-weight: 700;
  line-height: 25px;
  color: inherit;
  margin-top:0.5em;  
}

.btButton{
	
}

.btButton button{

  position: absolute;
  z-index: 15;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 15px;	
  
}

button{

}

.overlay{
	background: rgba(51, 51, 51, 0.8);
	opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .5s,visibility .5s;
  transition: opacity .5s,visibility .5s;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;  
  z-index: 9999;
  z-index: 16777271;
  visibility: hidden;
	
}

.overlay.open{
	opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .5s;
  transition: opacity .5s;	
}
.overlay-content{
	width:65%;
  max-width: 400px;
  max-width: 100%;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
  z-index: 99;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background:#fff;
  border:1px solid #333;  
  max-height:70%;
  padding:20px;
  overflow: auto;
}
.overlay .closeOverlay{
	position:absolute;
	background:url(../img/cross.png) center no-repeat;
	width:80px;
	height:80px;
	top:50px;
	right:50px;
	cursor:pointer;
}
.overlay-content iframe{
	width:100%;
	height:100%;
}
h3{
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;	
}

.textinput,input,select{
	font-size:14px;
}


.inputdiv {vertical-align:middle}
.inputdiv input {width:50px}
/*.headertext {background-color:#C9EFFA;border-top:solid 1px #0E718D;border-bottom:solid 1px #0E718D;padding:10px 30px}*/
.box {margin-top:20px; /*border:solid 1px #0E718D;background:#C9EFFA;*/padding:5px 0}
.box.bookerData{
	max-width:548px;
	margin: 0 auto;
}
.box.bookerData input{
	width:100%;
}
/*.box .text, .box .textinput,
.box .textsm, .box .textwide {display:inline-block;zoom:1;*display:inline;margin:2px;padding-left:10px;line-height:26px}*/

.box.participants{
	max-width:700px;
	margin:0 auto;
}
.box .textwide {width:450px}
.box select,
.box input {
	border:1px solid #c5c5c5;
	padding:10px;
	box-sizing: border-box;
}
.box input.inline{width:auto; display:inline-block;}
.box input.bijprod {width:25%; min-width:3em;}
.box input[type="checkbox"] {width:20px}


.box .textinput {margin: 15px 0 7px}
.box .textinput span, .box .textsm.formheader span {padding:2px}
.box .textright {width:440px;text-align:right}
.box .hr {width:100%;height:1px;border-top:solid 1px #a8e166;margin:5px 0}
.box .highlight {font-weight:bold;}
.navbuttons {width:100%;text-align:right;margin:10px 0;vertical-align:middle}
.txtcenter {text-align:center}
/*
.navbtnl,.navbtnc,.navbtne,
.navbtnr {height:25px;padding:0 10px}*/
/*.navbtn{background:#C9EFFA ;text-align:left; height: 25px;}*/
/*.navbtnl {background:#C9EFFA url(/img/arrow_left_v2.png) left center no-repeat;text-align:left;padding-left:22px}*/
/*.navbtnr {background:#C9EFFA url(/img/arrow_right_v2.png) right center no-repeat;text-align:right;padding-right:22px}*/
/*.navbtnc {background:#C9EFFA url(/img/cancel.png) left center no-repeat;text-align:left;padding-left:25px;position:absolute;left:0;margin-left:0}*/
/*.navbtne {background:#C9EFFA url(/img/edit.png) left center no-repeat;text-align:left;padding-left:25px;position:absolute;left:0;margin-left:0}*/
.error {height:15px;background-color:#FFFE36;border:1px solid #E1E16D;font-size:11px;color:#000;padding:3px 10px;margin-left:-2px;-moz-border-radius:4px;-webkit-border-radius:4px;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-box-shadow:0 0 6px #ddd;-webkit-box-shadow:0 0 6px #ddd}
.errinput {background-color:#FF9535}
#formerror {width:400px;display:none;float:left;text-align:left;font-weight:bold}
.errormsg {margin-top:20px;margin-left:20px;color:#FF2F2F}
.box .errormsg{top:4px; position:relative;}

.box.voucherCodes input{margin-top:2px;}

#leftgradient,
#rightgradient {width:250px;height:100%;display:inline-block;zoom:1;*display:inline}

#company-header{margin-bottom:5px;min-height:50px;padding:5px 0px 0px 0px;font-size:16px; font-weight:bold;}
#company-header-name{}
#company-header-phone{}

.company-header-inner{display:inline-block; margin-bottom:10px;}
.cancelbuttonwrapper{display:inline-block;float:right; margin-bottom:10px;}


#mainwrap {width:100%;min-height:100%;position:relative;}
#main { 
	padding:20px 100px 80px; 
	margin:0 auto; 
	max-width:1400px; 
	/*min-width:900px; */	
}
#footerwrap{text-align:center;margin:0 auto; width:900px;font-size:20px;font-family:verdana;font-weight:bold;}
#footer{padding-top:20px;padding-bottom:10px;position:absolute;bottom:0; width:100%;height:40px;}


/*#navbar{position:absolute;left:0;top:70px;width:100%;height:50px;background:#bbc9ff; }*/
#navbar{margin-bottom:20px;}
#navbar-tbl{width:100%;background:#202020;}

#navbar-tbl td {text-align:center;font-size:14px; white-space:nowrap;}

td.navbar-link a,td.navbar-link a:link,td.navbar-link a:visited {color:#fff; text-transform:uppercase; font-weight:bold; display:block;padding:10px 5px 10px 5px;text-decoration:none;}
/*td.navbar-link a:hover{background:yellow;}*/
td.navbar-link a span {font-size:11px;}

a.navbar-arrow,a.navbar-arrow:link,a.navbar-arrow:visited, a.navbar-arrow-notable,a.navbar-arrow-notable:link,a.navbar-arrow-notable:visited{line-height:36px; font-weight:bold;font-size:28px; cursor:pointer;}
td.navbar-link a.navbar-arrow:hover{background:#a8e166;cursor:pointer;}

td.navbar-link a.active{background:#a8e166;}
td.navbar-link a.notable, td.navbar-link a.navbar-arrow-notable{color:#999;}
td.navbar-link a.notable:hover, td.navbar-link a.navbar-arrow-notable:hover{background:none;}

.extraopt input {width:50px;margin-right:10px}
.extraopt label {line-height:26px}

.box input.errorIncomplete, .box select.errorIncomplete{
	background-color: #ffdede;
}

.cursusBooking{/*margin-left:40px;*/ text-align:center;}
.cursusBooking a, .cursusBooking a:link, .cursusBooking a:visited {cursor:pointer;text-decoration:none}
.cursusBooking a:hover {color:#FF8635}
#mouseOverPopup{pointer-events: none;}


.box.overview{
	width:900px;
}

.textCol{	
	display:inline-block;
	margin:5px 0;
}
.textCol.textsm{	
	width:150px;
}
.textCol.text{
	width: 300px;
}
.textCol.textwide{	
	width:450px;
}

.box.middelBox {
    width: 650px;
    margin: 10px auto;
}


.acceptLink {
    margin-top: 2em;
}

.pageTemplate{
    max-width: 900px;
    margin: 0 auto;	
}

.calendarContainer{
	max-width: 100vw;
	overflow-x: auto;
	overflow-y: hidden;	
}


.confirmpage .col1, .confirmpage .col2{
	display:inline-block;
}
.confirmpage .col1{
	margin-right:5%;
	width:44%;
}
.confirmpage .col2{
	width:49%;
}

.box.middelBox {
    width: 100%;
}

.textCol.textsm {
    width: 30%;
}
.textCol.textwide {
    width: 70%;
}
.textCol.text {
    width: 55%;
}

.textsm.display{
	margin:0px 0px 8px 0px;
	color:black;
	word-break: break-all;
}

.participantRows{
	margin-top:20px;
}


@media (max-width: 800px){
	.overlay .closeOverlay{
    width: 40px;
    height: 40px;
    top: 20px;
    right: 20px;
  }
  
  .confirmpage > .col1,
  .confirmpage > .col2{
  	width:100%;
  }
}

@media (max-width: 501px){
	#main{
		padding-left:10px; 
		padding-right:10px; 
	}
	.btlist .btbox{
    padding:0;
  }
}

@media (max-width: 800px) and (min-width: 501px){
	.btlist .btbox{
    width: 50%;
  }
	#main{
		padding-left:10px; 
		padding-right:10px; 
	}  
  .btlist .btbox:nth-of-type(2){
  	padding-right:0;
  }      
}

@media (max-width: 1000px) and (min-width: 801px){
	.btlist .btbox{
    width: 33.333%;
  }
  .btlist .btbox:nth-of-type(3){
  	padding-right:0;
  }    
}
@media (min-width: 1001px){
	.btlist .btbox{
    width: 25%;
  }
  .btlist .btbox:nth-of-type(4){
  	padding-right:0;
  }
}
@media (min-width: 1281px){
	.btlist .btbox{
    width: 16.66%;
  }
  .btlist .btbox:nth-of-type(6){
  	padding-right:0;
  }  
}

.participants .message{
	font-size:14px;
	margin: 15px 0px 0px 0px;
	color: red;
}

.cursusBooking a{
	color:#1e91bf;
}

.timeColumn{
	text-align:right;
	padding-left:30px;
	white-space:nowrap;
}

.linkColumn{
	text-align:left;
}
.linkColumn .cursusBooking{
	text-align:left;
	padding-left:30px;
}

.groupedPerDayViewTable{
	width:100%;
}

.groupedPerDayViewTable td{
	font-size:16px;
}

.dateColumn{
	text-align:right;
	padding-left:12px;
	width:1%;
	white-space:nowrap;
}

.dayColumn{
	text-align:right;
	padding-left:30px;
	white-space:nowrap;
}

.privacyverklaringLink{
	margin: 15px 0px 15px 8px;
}

.acceptLink label{
	display: inline-block;
	width: calc(100% - 35px);
}

@media only screen and (max-width: 800px) {
  .dayColumn{
  	text-align: left;
  	display: table-row;
  }
  .dateColumn{
  	text-align: left;
  	display: table-row;
  }
  .timeColumn{
  	text-align: left;
  	float: left;
  }
  .linkColumn{
  	text-align: left;
  	float: left;
  }
  
  .cancelbuttonwrapper{float:none; display: block; text-align: center; margin: 10px 0px 20px 0px;}

  
}