*{margin:0px;padding:0px;}
* {-webkit-font-smoothing: antialiased;}
*:focus {
   outline: 0;
 }
a img{border:none;outline:none;box-shadow:none;}
input, textarea{outline:none;}
ul{list-style-type:none;}
.error{color:red;}
.success{color:green;}
div.error, div.success{margin-bottom:12px;}
.hidden{visibility:hidden;height:0px;overflow:hidden;line-height:0px;display:block !important;}
.hiddenfade{display:none;}
.clearfix::after{content:"";display:block;clear:both;height:0px;line-height:0px;}
.w100{width:100%;}
.clear{clear:both;width:100%;display:block;height:0px;line-height:0px;margin:0px;padding:0px;}
div, section, footer, header, ul#list_express li .top{-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;box-sizing:border-box;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}
.alignleft{text-align:left;}
.mb{margin-bottom:60px;}
.uppercase{text-transform:uppercase;}
.wsmall{width:72%;display:block;margin:0 auto;}
/*--------------COLORS--------------*/
body{background-color:#f4f4f4;}
#cr_cntnt{background:white;}
#cr_cntnt > div:first-child{background-color:#006cff;}


#cr_cntnt > div:first-child{color:#fff;}
#cr_abo_1 h2, #cr_abo_persoonlijk h2, #cr_abo_gezin h2, #cr_abo_verleng h2, #cr_abo_overview h2{color:#ffa800;}
p, p a, .cr_checkbox label, .cr_checkbox label a{color:#666666;}
/*----------------------------------*/
/*				STICKY FOOTER		*/
/*----------------------------------*/
html{scroll-behavior: smooth;}
html, body {
	height: 100%;
	font-family: 'Roboto', sans-serif;;
	font-size:14px;
	-moz-osx-font-smoothing: grayscale;
	padding:0px;
	margin:0px;
	width:100%;
	font-weight:400;
	letter-spacing:0.05em;
	position:relative;
}
@media all and (max-width: 767px) {
	body{
		font-size:16px;
	}
}
body{
	background-image:url('../img/bg_body.svg');
	background-repeat:no-repeat;
	background-position:center 30%;
	background-size:100% auto;
}
.js body, header .r{display:none;}
#container{margin:0;width:100%;position:relative;overflow:hidden;padding:0px;}
footer{width:100%;height:auto;padding:0px 0;border-top-width:1px;border-top-style:solid;}
#push, #cr_zones img, #cr_navmobile ul li.btn_nav a::after{display:none;}

footer section div.cntnt:first-child{
	padding:24px 24px;
	border-bottom:1px solid #ffffff;
	width:80%;
	margin:0 auto 48px auto;
}

/*----------------------------------*/
/*				LAYOUT CONTAINERS	*/
/*----------------------------------*/
/* classes */
.flexbox{
	display: -webkit-box;
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
	width:100%;
}
.flexbox-center-center{
	justify-content:center;
	align-items:center;
}
.flexbox-dir-reverse{
	flex-direction:row-reverse;
}
.hor_line{height:1px;line-height:1px;background:#eee;margin-bottom:24px;}
.group{margin-bottom:24px;position:relative;}
/* IDS */
#container{
	height:100%;
	padding:48px 0;
}
/*#cr_cntnt{
	width:700px;
	-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
	border-radius:18px;
	overflow:hidden;
}*/
/*#cr_cntnt::after{content:'';display:block;clear:both;height:0px;line-height:0px;width:100%;}*/
@media all and (max-width: 410px) {
	#cr_cntnt{
		width:calc( 100% - 24px );
		margin:0 auto;
		-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
		border-radius:18px;
		overflow:hidden;
	}
	.wsmall{width:100%;}
}
@media all and (min-width: 411px) and (max-width: 767px) {
	#cr_cntnt{
		width:410px;
		margin:0 auto;
		-webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.1);
		border-radius:18px;
		overflow:hidden;
	}
	.wsmall{width:90%;}
}
@media all and (max-width: 767px) {
	#container{
		min-height:100%;
		height:auto;
		padding:48px 0;
		overflow:auto;
	}
	#container.flexbox{
		display:block;
	}
	#cr_cntnt.flexbox{display:block;}
	#cr_cntnt > div:first-child{width:100%;float:none;padding:24px;box-sizing:border-box;position:relative;text-align:center;}
	#cr_cntnt > div:last-child{width:100%;float:none;padding:24px 24px;box-sizing:border-box;}
	#cr_cntnt > div:first-child img{display:block;margin-top:0px;width:160px;margin:0 auto 24px auto;}
	#cr_cntnt > div:first-child h1.logo{display:block;text-align:center;position:relative;bottom:0;right:0;margin:0px auto;width:calc( 100% - 48px );}
}
@media all and (min-width: 768px) {
	#cr_cntnt{
		width:700px;
		-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
		border-radius:18px;
		overflow:hidden;
	}
	#cr_cntnt > div:first-child{width:32%;float:right;padding:24px;box-sizing:border-box;position:relative;}
	#cr_cntnt > div:last-child{width:68%;float:left;padding:24px 48px;box-sizing:border-box;}
	#cr_cntnt > div:first-child img{display:block;margin-top:24px;}
	#cr_cntnt > div:first-child h1.logo{display:block;text-align:right;position:absolute;bottom:48px;right:24px;margin:0px;}
	#cr_cntnt > div:first-child h1.logo span{display:block;}
}

#cr_abo_persoonlijk, #cr_abo_gezin, #cr_abo_verleng, #cr_abo_overview{opacity:0;}
#cr_abo_1, #cr_abo_persoonlijk, #cr_abo_gezin, #cr_abo_verleng, #cr_abo_overview{text-align:center;}
#cr_abo_1 h2, #cr_abo_persoonlijk h2, #cr_abo_overview h2, #cr_abo_gezin h2, #cr_abo_verleng h2{display:block;text-transform:uppercase;margin-top:24px;margin-bottom:24px;}
#cr_abo_1 a.btn-style2{margin-bottom:0px;}
input[type="text"], select{font-weight:400;}
form{position:relative;}
form input[type="text"]{display:block;padding:9px 12px;color:#aaa;border-radius:6px;background:#efefef;margin-bottom:6px;border:0px;width:100%;box-sizing:border-box;font-weight:400;}
form label{display:block;text-align:left;margin-bottom:3px;color:#aaa;text-transform:uppercase;font-size:0.875em;}
form select{display:block;width:100%;margin-bottom:6px;background:#efefef;color:#aaa;border-radius:6px;border:0px;padding:9px 12px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none;font-weight:400;}
form select, form select:focus, form select:active{
  background-image:
    linear-gradient(45deg, transparent 50%, #aaa 50%),
    linear-gradient(135deg, #aaa 50%, transparent 50%),
    linear-gradient(to right, #e4e4e4, #e4e4e4);
  background-position:
    calc(100% - 18px) calc(14px + 4px),
    calc(100% - 14px) calc(14px + 4px),
    100% 0;
  background-size:
    6px 5px,
    5px 6px,
    36px 38px;
  background-repeat: no-repeat;
}
@media all and (max-width: 767px) {
	form select, form select:focus, form select:active{
	  background-image:
		linear-gradient(45deg, transparent 50%, #aaa 50%),
		linear-gradient(135deg, #aaa 50%, transparent 50%),
		linear-gradient(to right, #e4e4e4, #e4e4e4);
	  background-position:
		calc(100% - 18px) calc(14px + 4px),
		calc(100% - 14px) calc(14px + 4px),
		100% 0;
	  background-size:
		6px 5px,
		5px 6px,
		36px 40px;
	  background-repeat: no-repeat;
	}
}
form input[type="text"].input_error, form select.input_error{background-color:#ff4d4d;color:white;}
form .inputinline{position:relative;}
form .inputinline div:first-child{width:30%;float:left;margin-right:12px;position:relative;}
form .inputinline div:last-child{width:calc( 70% - 12px );float:left;position:relative;}
form .inputinline::after, div.doublebtn::after, form .sel_inline::after, .cr_checkbox::after, #cr_list_personen > div::after{content:'';display:block;clear:both;height:0px;line-height:0px;width:100%;}
div.doublebtn{position:relative;}
div.doublebtn button{width:calc(50% - 6px);float:left;}
div.doublebtn button:first-child{margin-right:12px;}
form #cr_error, form #cr_addperson, #cr_erroraddperson{padding:24px;position:absolute;opacity:0;z-index:-1;border-radius:12px;font-weight:500;box-sizing:border-box;width:100%;}
form #cr_error.warning, #cr_erroraddperson.warning{background:#ff4d4d;color:white;}
form #cr_error.success, #cr_erroraddperson.success{background:#3aa73d;color:white;}
form #cr_error .btn_close, #cr_erroraddperson .btn_close{display:block;width:18px;height:18px;position:absolute;top:6px;right:6px;cursor:pointer;background:url('../img/icon_close.svg');background-position:center center;background-repeat:no-repeat;background-size:18px 18px;}
form .sel_inline select{display:block;float:left;}
form select[name="sel_day"], form select[name="sel_month"], form select[name="sel_month_addperson"], form select[name="sel_day_addperson"]{width:90px;margin-right:6px;}
form select[name="sel_month"], form select[name="sel_month_addperson"]{width:110px;}
form select[name="sel_year"], form select[name="sel_year_addperson"]{width:96px;}
.cr_checkbox{position:relative;}
.cr_checkbox span{display:block;width:35px;height:35px;border-radius:6px;background-color:#efefef; margin-right:6px;float:left;cursor:pointer;border:2px solid #ccc;}
.cr_checkbox label{display:block;width:calc( 100% - 46px);float:left;text-align:left;}
.cr_checkbox span.active{background-image:url('../img/icon_check.png');background-repeat:no-repeat;background-position:center center;}
#cr_addperson{background:#ffffff;width:100%;-webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.1);}
#cr_addperson > div:first-child{position:relative;}
#cr_list_personen > div{display:block;padding:9px 12px;color:#aaa;border-radius:6px;background:#efefef;margin-bottom:3px;border:0px;width:100%;box-sizing:border-box;position:relative;line-height:16px;opacity:0;}
#cr_list_personen{margin-bottom:6px;}
#cr_list_personen > div > span{display:block;float:left;}
#cr_list_personen > div > span:first-child{width:calc( 100% - 29px );margin-right:12px;text-align:left;}
#cr_list_personen > div > span:last-child{width:17px;height:17px;background-image:url('../img/icon_close.svg');background-repeat:no-repeat;background-position:center center;cursor:pointer;background-size:17px 17px;}
/*----------------------------------*/
/*				TEXT .           	*/
/*----------------------------------*/
h1{font-family: 'Lora', serif;}
h1.logo{font-size:1.618em;line-height:1.125;}
h2{font-weight:900;font-size:1.618em;line-height:1.125;}
p{font-size:1em;line-height:1.375;margin-bottom:1em;}
p.info{font-style:italic;opacity:0.7;}

/*----------------------------------*/
/*				BUTTONS.           	*/
/*----------------------------------*/
a.btn, button{display:block;padding:9px 12px;text-align:center;margin-bottom:6px;border:0px;width:100%;box-sizing:border-box;}
a.btn-style1, button.btn-style1{background:#b37600;color:#ffa800;font-size:1em;font-weight:500;text-decoration:none;cursor:pointer;border-radius:6px;opacity:1;}
a.btn-style2{background:#ffa800;color:#ffffff;font-size:1em;font-weight:500;text-decoration:none;cursor:pointer;border-radius:6px;opacity:0.5;transition:all 0.2s ease-out;}
a.btn-style2:hover, a.btn-style4, button.btn-style4:hover{opacity:1;}
a.btn-style4, button.btn-style4{background:#006cff;color:white;font-size:1em;font-weight:500;text-decoration:none;cursor:pointer;border-radius:6px;opacity:0.5;transition:all 0.2s ease-out;}
button.btn-style3{background:red;color:#ffffff;font-size:1em;font-weight:500;text-decoration:none;cursor:pointer;border-radius:6px;opacity:0.3;transition:all 0.2s ease-out;}
button.btn-style3:hover{opacity:0.7;}
/*----------------------------------*/
/*				MEDIA QUERIES		*/
/*----------------------------------*/
@media all and (max-width: 479px) {
}
@media all and (min-width: 480px) and (max-width: 767px){
	
}
@media all and (min-width: 768px) and (max-width: 959px) {
	
}
@media all and (min-width: 960px) and (max-width: 1199px) {
	
}
@media all and (min-width:1200px){
	
}
@media all and (min-width:1600px){
	
}