/*custom font*/
@font-face {
font-family:cathayfont;
src:url(fonts/CathaySans_Rg.ttf);
	
	}

/*basic reset*/
* {margin: 0; padding: 0;}

html {
	height: 100%;
	/*Image only BG fallback*/
	/*background: url('media/background.jpg');
	/*background = gradient + image pattern combo*/
	/*background:
	linear-gradient(rgba(196, 102, 0, 0.2), rgba(155, 89, 182, 0.2)),
	url('http://thecodeplayer.com/uploads/media/gs.png'); */
}

body {
	font-family: cathayfont,montserrat, arial, verdana;
}
.billocontent.faq{
	font-family:cathayfont, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

main {
	margin-top:10px;
	background:url(img/back.jpg);
	background-repeat:no-repeat;
    background-position:center;
	background-position:top;
	width:100%;
	}

.no-left-margin {

	margin-left: 0px !important;

}

.wrap {

	white-space: normal;
	word-wrap: break-word;



}

.streetlist {

	display: none;
	height: 200px;
	overflow-y: scroll;
	margin-top:10px;
	margin-bottom:10px;
	width: 105%;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: cathayfont,montserrat, arial, verdana;

}

#LIJSTHEEN label{

	/*background-color: #eee;*/

	width: 97%;
	margin-bottom: 5px;
	margin-top: 5px;
font-family: cathayfont,montserrat, arial, verdana;
 	/* padding-top: 5px;
 	padding-bottom: 5px;*/
 	/*margin heeft geen nut op labels, tenzij je display block gebruikt*/

 }
 #LIJSTHEEN label:hover{
 	background-color:#CCC;
 	margin-bottom: 5px;
 	margin-top: 5px;
font-family: cathayfont,montserrat, arial, verdana;
 }
 #LIJSTRETOUR label{

 	/*background-color: #eee;*/

 	width: 97%;
 	margin-bottom: 5px;
 	margin-top: 5px;
font-family: cathayfont,montserrat, arial, verdana;
 	/* padding-top: 5px;
 	padding-bottom: 5px;*/
 	/*margin heeft geen nut op labels, tenzij je display block gebruikt*/

 }
 #LIJSTRETOUR label:hover{
 	background-color:#CCC;
 	margin-bottom: 5px;
 	margin-top: 5px;
font-family: cathayfont,montserrat, arial, verdana;
 }


 /*form styles*/
 #msform {
 	width: 450px;
 	/* margin: 50px auto; */
 	text-align: center;
 	position: relative;
 	font-size: 12px;
 	z-index: 0;
 	margin: auto;
	height:auto;
	font-family: cathayfont,montserrat, arial, verdana;

 }
 #msform fieldset {
 	border: 0 none;
 	border-radius: 3px;
 	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
	background: url(../img/back.png) repeat;
 	box-sizing: border-box;
 	width: 80%;
 	margin: 0 10%;
 	
 	/*stacking fieldsets above each other*/
 	position: absolute;
 	padding: 9px 20px;
 	z-index: 100;
 	background: white;
	font-family: cathayfont,montserrat, arial, verdana;
 }
 /*Hide all except first fieldset*/
 #msform fieldset:not(:first-of-type) {
 	display: none;
 }
 /*inputs*/
 #msform input, #msform textarea, #msform select {
 	border: 1px solid #ccc;
 	border-radius: 3px;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 	color: #2C3E50;
 	font-size: 12px;
 	font-family: montserrat;
 	
 	margin-top: 2px;
 	padding: 5px;
	font-family: cathayfont,montserrat, arial, verdana;
 }
 #msform input[type=radio] { margin-left: 15%; width: 20px; float: left;
font-family: cathayfont,montserrat, arial, verdana;

 }

 /*buttons*/
 #msform .action-button{
 	display: inline-block;
 	-moz-border-radius: .25em;
 	border-radius: .25em;
 	font-family: cathayfont,montserrat, arial, verdana;
 	border: 0;
 	cursor: pointer;
 	color: #fff;
 	text-decoration: none;
 	text-align: center;
 	font-size: 16px;
 	padding: 0px 20px;
 	height: 40px;
 	line-height: 40px;
 	width: 105px;
 	
 	background-color: #006564;
 	
 	margin: 5px;
 }
 #msform .action-button{
 	-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.3), inset 0 12px 20px 2px #27AE60;
 	-moz-box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.3), inset 0 12px 20px 2px #27AE60;
 	box-shadow: 0 2px 0 0 rgba(0,0,0,0.1), inset 0 -2px 0 0 rgba(0,0,0,0.3), inset 0 12px 20px 2px #27AE60;
 }
 #msform .action-button:hover, #msform .action-button:focus {
 	-webkit-box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2), inset 0 12px 20px 6px rgba(0,0,0,0.2), inset 0 0 2px 2px rgba(0,0,0,0.1);
 	-moz-box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2), inset 0 12px 20px 6px rgba(0,0,0,0.2), inset 0 0 2px 2px rgba(0,0,0,0.1);
 	box-shadow: inset 0 2px 0 0 rgba(0,0,0,0.2), inset 0 12px 20px 6px rgba(0,0,0,0.2), inset 0 0 2px 2px rgba(0,0,0,0.1);
 }
 
 #msform .CATHBUTTON {
	
	 display: inline-block;
 	-moz-border-radius: .25em;
 	border-radius: .25em;
 	color:#FFF;
 	border: 0;
 	cursor: pointer;
 	text-decoration: none;
 	text-align: center;
 	font-size: 16px;
 	padding: 0px 20px;
 	height: 40px;
 	line-height: 40px;
 	width: auto;
 	font-family: cathayfont,montserrat, arial, verdana;
 	background-color: #006564;
 	
 	margin: 5px;
	}
/* #msform .action-button {
 	width: 105px;
 	background: #27AE60;
 	font-weight: bold;
 	color: white;
 	border: 0 none;
 	border-radius: 5px;
 	cursor: pointer;
 	padding: 10px 4px;
 	margin: 10px 5px;
 	}*/
 /*#msform .action-button:hover, #msform .action-button:focus {
 	box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
 	}*/
 	/*headings*/
 	.fs-title {
		font-family: cathayfont,montserrat, arial, verdana;
 		font-size: 15px;
 		text-transform: uppercase;
 		color: #2C3E50;
 		margin-bottom: 10px;
 	}
 	.fs-subtitle {
		font-family: cathayfont,montserrat, arial, verdana;
 		font-weight: normal;
 		font-size: 13px;
 		color: #666;
 		margin-bottom: 20px;
 	}
 	/*progressbar*/
 	#progressbar {
 		margin-bottom: 10px;
 		/*CSS counters to number the steps*/
 		counter-reset: step;
 		z-index: -2;
 		overflow: hidden;
 	}
 	#progressbar li {
 		list-style-type: none;
 		color:gray;
 		text-transform: uppercase;
 		font-size: 9px;
 		width: 25%;
		
 		float: left;
 		position: relative;
 	}
 	#progressbar li:before {
 		content: counter(step);
 		counter-increment: step;
 		width: 20px;
 		line-height: 20px;
 		display: block;
 		font-size: 10px;
 		color: #333;
 		background: white;
 		border-radius: 3px;
 		margin: 0 auto 5px auto;
 	}
 	/*progressbar connectors*/
 	#progressbar li:after {
 		content: '';
 		width: 100%;
 		height: 2px;
 		background: white;
 		position: absolute;
 		left: -50%;
 		top: 9px;
 		z-index: -1; /*put it behind the numbers*/
 	}
 	#progressbar li:first-child:after {
 		/*connector not needed before the first step*/
 		content: none;
 	}
 	/*marking active/completed steps green*/
 	/*The number of the step and the connector before it = green*/
 	#progressbar li.active:before,  #progressbar li.active:after{
 		background: #27AE60;
 		color: white;
 	}
 	#ENKELRETOUR, #boekretour{
 		width: auto!important;
 	}
 	.infotext{
 		font-size: 9px;
 		font-style: italic;
 		margin-top: 5px;
 		display: block;
		font-family: cathayfont,montserrat, arial, verdana;
 	}
 	.keuze{
 		display: block;
 		min-height:20px;
 		clear: both;
 		margin-top: 5px;
 		margin-bottom: 5px;
		font-family: cathayfont,montserrat, arial, verdana;

 	}
 	.selectiekeuze{
 		text-align: left;
 		padding: 3px;
 		display: block;
 		width: 100px;
 		float: left;
 		margin-left: 10px;
 		-webkit-box-sizing: border-box;
 		-moz-box-sizing: border-box;
 		box-sizing: border-box;
		font-family: cathayfont,montserrat, arial, verdana;
 	}
 	.witvlak{ height: 200px;

 	}
 	.keuzeveldrechts {
 		float: right;
 		margin-right: 17%;
 	}
 	.berekenprijs{
 		padding : 0;
 		font-size : 15px!important;
 		padding-left : 8px!important;
 	}
 	#aanvaardvoorwaarden{
 		width: 15px!important;
 		display: inline-block;
 	}
 	input[type="radio"] {
 		-webkit-appearance: checkbox;
 		-moz-appearance: checkbox;
 		-ms-appearance: checkbox;     /* not currently supported */
 		-o-appearance: checkbox;      /* not currently supported */
 	}
 	.boekslogan{
 		margin-left: 0;
 		text-align: center;
 	}
 	.browsewarning{
 		margin-left: 20px;
 	}
 	.chromeframe{
 		display: block;
 		zoom: 1;
 	}
 	.rechts{
 		float: right;
 	}
 	.adjust{
 		padding-left:15px;
 		padding-right:15px;
 	}


 	h2.titel {
 		font-size: 27px;
 		float: left;
 		margin-top: 5px;

 	}
 	.stap{
 		margin-top:10px;
 	}
 	@media screen and (min-width : 768px){
 		.linksboek{
 			margin-right: -20px!important;
 			padding-right:0;
			font-family: cathayfont,montserrat, arial, verdana;
			

 		}
 		.rechtsboek{
 			margin-left: 20px!important;
font-family: cathayfont,montserrat, arial, verdana;
 			-webkit-box-sizing: border-box;
 			-moz-box-sizing: border-box;
 			box-sizing: border-box;
 			padding-left: 5px;
 		}
 		.manier{
 			position: relative;
 			display: table-cell;
 			width: 100%;
 			text-align: right;
 			height: 140px;
 			vertical-align: middle;
font-family: cathayfont,montserrat, arial, verdana;
 		}
 		.manier p{
 			float: right;
 			text-align: right;
 			margin-bottom: 0;
font-family: cathayfont,montserrat, arial, verdana;
 		}
 	}
 	.luchthaven{
 		-webkit-box-sizing: border-box;
 		-moz-box-sizing: border-box;
 		box-sizing: border-box;
 		padding-top : 5px;
font-family: cathayfont,montserrat, arial, verdana;

 	}

 	.bankimg{
 		height:20px;
 		margin-bottom:5px;
 		z-index: 0;
 		display: inline-block;
 	}
 	.bankimg img{
 		height:100%;
 		z-index: 0;
 	}
 	.bankimgs{
 		margin: auto;
 		z-index: 0;
 		display: block;
 		zoom: 0;
 		text-align: right;

 	}
 	.groter{
 		font-size: 18px;
		font-family: cathayfont,montserrat, arial, verdana;
 	}
 	.footerp{
 		margin:0;
 		float: left;
 		margin-top:5px;
 	}
	.virginie{
		max-width: 250px;
		/*margin: auto;*/
	}
	.virginie img{
		width: 100%;
		border-radius: 5%;
		box-shadow: 2px 2px 2px #CACACA, -2px 2px 2px #CACACA, 2px -2px 2px #CACACA, -2px -2px 2px #CACACA;
	}
	#EXTRAFEE{
		width:12%!important;
		float:right;
		margin-right:54px;
		height:20px;
		margin-bottom:4px;
		margin-top:-3px!important;
		padding:0px!important;
	}
.JMBUTTON {
	
	 background: #4c4c4c;
    color: #fff;
    font-family: cathayfont,montserrat, arial, verdana;
    padding: 0.5em 1em;
    text-decoration: none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border:none;
	}