*{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;}
.overlay{background:#ffffff;position:absolute;z-index:1000;padding:24px;top:0px;border-radius:6px;width:500px;left:50%;margin-left:-250px;opacity:0;}
.shadowbox{
	-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);
}
.cr_error.error, .cr_error.success{padding:12px;margin-bottom:0px;}
/*--------------COLORS--------------*/
body, #cr_scan_abonnement form input[type="text"]{background-color:#f4f4f4;}
#body_main{background-color:#ffffff;}
#cr_cntnt, #cr_login{background:white;}
#cr_cntnt > div:first-child, #cr_main_right{background-color:#006cff;}
#cr_main_left, .stat_item{background:#f4f4f4;}
#cr_main_left nav a{background:#e1e1e1;}
#cr_main_left nav a:hover, .kassa_btn.disabled, .kassa_btn.disabled:hover, .kassa_btn{background:#ffd37d;}
#cr_main_left nav a.active, .kassa_btn:hover, .stat_item.highlight .qty{background:#b37600;}
#cr_search button{background:#d1d1d1;}
#cr_main_inhoud table th, #cr_scan_abonnement, #cr_gezinsleden table tr th, .stat_item .qty{background:#d6d6d6;}
#cr_main_inhoud table td, #cr_gezinsleden table tr td{background:#f6f6f6;}
span.payed{background-color:green;}
span.notpayed{background-color:red;}
#cr_scan_abonnement form button{background-color:#999999;}
#cr_qtytickets{background:#000;}
.stat_item.highlight{background:#ffa800;}

#cr_cntnt > div:first-child, #cr_main_right, #cr_main_right p, .stat_item.highlight{color:#fff;}
#cr_abo_1 h2, #cr_abo_persoonlijk h2, #cr_abo_gezin h2, #cr_abo_verleng h2, #cr_abo_overview h2, #cr_qtytickets{color:#ffa800;}
p, p a, .cr_checkbox label, .cr_checkbox label a{color:#666666;}
#cr_main_left .icon{color:#aaaaaa;}
#cr_main_left nav a, #cr_main_inhoud table th, .stat_item{color:#999999;}
#cr_main_left nav a:hover, .kassa_btn, .kassa_btn.disabled:hover{color:#ffffff;}
#cr_main_left nav a.active, .kassa_btn:hover{color:#ffa800;}
#cr_scan_abonnement, #cr_scan_abonnement form label{color:#444;}
.stat_item.highlight .qty{color:#ffa800;}

#cr_main_inhoud table tr th, #cr_gezinsleden table tr th{border-left:2px solid #ffffff;border-bottom:1px solid #ffffff;color:#444444;}
#cr_main_inhoud table tr th:first-child, #cr_gezinsleden table tr th:first-child{border-left:0px solid #ffffff;}
#cr_main_inhoud table tr td, #cr_gezinsleden table tr td{border-left:2px solid #ffffff;border-bottom:1px solid #ffffff;color:#666666;}
#cr_main_inhoud table tr td:first-child, #cr_gezinsleden table tr td:first-child{border-left:0px solid #ffffff;}
/*----------------------------------*/
/*				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;
}
#body_main{background-image:none;}
.js body, header .r{display:none;}
#container, #container_main{margin:0;width:100%;position:relative;overflow:hidden;padding:0px;}
#container_main{overflow:visible;}
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_login{height:360px;}
#cr_login form{width:100%;position:relative;text-align:center;padding:24px;box-sizing:border-box;}
#cr_login form input, #cr_login form label{display:block;width:100%;}
/*#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, #cr_login{
		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, #cr_login{
		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, #cr_login.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, #cr_login, #cr_login.flexbox{
		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, input[type="email"], input[type="password"]{font-weight:400;}
form{position:relative;}
form input[type="text"], form input[type="email"], form input[type="password"]{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, #cr_login form #cr_error div, #cr_print_bottomnav .cr_error{background:#ff4d4d;color:white;}
form #cr_error.success, #cr_erroraddperson.success{background:#3aa73d;color:white;}
form #cr_error .btn_close, #cr_erroraddperson .btn_close, .overlay .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;}
.overlay .btn_close{background-size:24px 24px;width:24px;height:24px;top:12px;right:12px;}
#cr_login form #cr_error{height:0px; overflow:hidden;padding:0px;position:relative;opacity:1;z-index:1;border-radius:0px;}
#cr_login form #cr_error div{padding:12px;margin-bottom:0px;border-radius:12px;}
#cr_login form #cr_error.warning{margin-bottom:24px;background:none;}
#cr_print_bottomnav .cr_error{padding:12px;border-radius:12px;font-weight:500;box-sizing:border-box;width:100%;}
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;}
span.checkbox{display:block;width:24px;height:24px;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, span.checkbox.active{background-image:url('../img/icon_check.png');background-repeat:no-repeat;background-position:center center;background-size:18px 18px;}
span.checkbox.active{background-size:16px auto;}
#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;}
/*---------------------------APPLICATION------------------------------------*/
#cr_main_right{position:fixed;margin:0px 0px 0px auto;width:250px;height:100%;right:0px;}
#cr_main_right h1.logo{display:block;text-align:right;position:absolute;bottom:48px;right:48px;margin:0px;z-index:10;}
#cr_stats_right{display:block;z-index:20;position:relative;}
#cr_main_right img{display:block;width:calc( 100% - 96px );margin:24px 48px 24px 48px;}
#cr_main_right span{display:block;}
#cr_main_left{position:fixed;margin:0px auto 0px 0px;left:0px;top:0px;width:250px;height:100%;}
#cr_main_left .icon{margin-bottom:48px;}
#cr_main_left .icon i{display:block;margin:48px 0 48px 0;}
#cr_main_left nav a{display:block;margin-bottom:1px;text-align:center;padding:12px;transition:all 0.2s;text-decoration:none;}
#cr_main_left nav a:hover{text-decoration:none;}
#cr_main_center{display:block;width:calc( 100% - 500px );margin-left:250px;margin-right:250px;padding:48px;box-sizing:border-box;}
#cr_main_center h1{margin:0px;display:block;}
#cr_main_center .ttl{margin-bottom:24px;}
#cr_search{position:relative;margin-bottom:38px;}
#cr_search form, #cr_scan_abonnement form{width:100%;margin:0px;padding:0px;text-align:center;}
#cr_search input[type="text"], #cr_scan_abonnement form input[type="text"]{display:inline-block;width:calc( 100% - 50px );margin-right:2px;}
#cr_search #frm_searchperiod input[type="text"]{width:100px;text-align:center;margin-right:9px;}
#frm_searchperiod label{display:inline-block;height:48px;line-height:36px;margin-right:9px;}
#cr_search button, #cr_scan_abonnement form button{display:inline-block;width:48px;height:35px;border-radius:6px;position:relative;padding:0px;opacity:0.7;transition:all 0.2s;}
#cr_search button img, #cr_scan_abonnement form button img{width:18px;}
#cr_search button:hover, #cr_scan_abonnement form button:hover{opacity:1;}
#cr_main_inhoud{position:relative;}
#cr_main_inhoud table{width:100%;position:relative;margin-bottom:60px;}
#cr_main_inhoud table thead, #cr_gezinsleden table thead{border-bottom:2px solid #fff;}
#cr_main_inhoud table th, #cr_main_inhoud table td, #cr_gezinsleden table th, #cr_gezinsleden table td{padding:9px;}
#cr_main_inhoud table tr.closed td{padding:0px;}
#cr_main_inhoud table tr.closed td > div{height:0px;overflow:hidden;}
#cr_main_inhoud table tr.closed td > div > div:first-child{padding:24px;}
#cr_main_inhoud table tr.closed td > div > div span:first-child{display:inline-block;margin-right:12px;}
#cr_main_inhoud table tr.closed td > div > div > h4{display:block;text-decoration:underline;}
span.payed, span.notpayed{width:18px;height:18px;display:inline-block;border-radius:50%;}
#cr_scan_abonnement{height:120px;width:calc(100% - 252px);border-radius:6px;padding:24px;position:relative;}
.kassa_btn{width:120px;height:120px;border-radius:6px;margin-left:6px;font-weight:bold;text-transform:uppercase;cursor:pointer;display:flex;justify-content: center;align-items: center;position:relative;
	user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
.kassa_btn.disabled{opacity:0.4;cursor:default;}
#cr_gezinsleden table{width:100%;border-collapse:collapse;margin-bottom:24px;}
#cr_gezinsleden table th, #cr_gezinsleden table td{text-align:left;}
#cr_gezinsleden table tr td:last-child{text-align:center;font-size:24px;}
#cr_gezinsleden table td span.checkbox{display:inline-block;float:none;margin:0px;}
#cr_gezinsleden table td:last-child i{color:green;}
#cr_qtytickets{width:48px;height:48px;border-radius:50%;position:absolute;top:-12px;right:-12px;line-height:48px;font-size:1.125em;z-index:100;}
#cr_print_bottomnav{position:relative;}
#cr_print_bottomnav a{float:left;width:calc( 50% - 1px );}
#cr_print_bottomnav::after{clear:both;width:100%;display:block;content:'';height:0px;line-height:0px;}
#cr_print_bottomnav a:first-child{margin-right:2px;}
/*#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;}*/
.stat_item{border-radius:12px;position:relative;padding:0px;height:96px;margin-bottom:12px;overflow:hidden;}
.stat_item > div{display:block;}
.stat_item > div:last-child{position:absolute;right:0px;top:0px;}
.stat_item .ttl{width:100%;margin-right:12px;padding:24px 108px 24px 24px;}
.stat_item .qty{width:96px;line-height:96px;height:96px;text-align:center;opacity:0;}
.stat_item::after{content:'';display:block;clear:both;line-height:0px;height:0px;}
form#frm_edit label{display:inline-block;width:96px;margin-right:6px;}
form#frm_edit input{display:inline-block;width:calc( 100% - 102px );}
form#frm_edit #cr_edit_gezinsleden{padding:12px 0px;position:relative;}
#cr_edit_gezinsleden .lid span:first-child{width:calc( 100% - 24px );display:inline-block;}
form#frm_edit .btn_add_lid{text-decoration:underline;cursor:pointer;}
form#frm_edit #cr_add_lidedit{position:relative;padding:6px 0px;display:none;}
form#frm_edit #cr_add_lidedit input{display:inline-block;margin-right:6px;width:calc( 33% - 14px );}
form#frm_edit #cr_add_lidedit span.btn_lid_add{display:inline-block;width:24px;height:24px;border-radius:6px;margin-button:0px;line-height:0px;cursor:pointer;}
form#frm_edit a.btn{width:calc( 50% - 3px );display:inline-block;}
form#frm_edit a.btn_submit_edit{margin-right:6px;}
/*----------------------------------*/
/*				TEXT .           	*/
/*----------------------------------*/
h1, h2, h3, h1.logo, h4{font-family: 'Lora', serif;}
h1.logo{font-size:1.55em;line-height:1.125;}
h2, .stat_item .ttl{font-weight:900;font-size:1.618em;line-height:1.125;}
.stat_item .qty{font-weight:900;font-size:1.618em;}
h4{font-size:1.125em;}
p{font-size:1em;line-height:1.375;margin-bottom:1em;}
p.last{margin-bottom:0px;}
p.big{font-size:1.375em;}
p.info{font-style:italic;opacity:0.7;}
span.smallfont{font-size:0.875em;font-style:italic;}
#cr_main_right p.info{opacity:0.5;font-style:normal;}

/*----------------------------------*/
/*				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.btn_download{display:inline-block;width:auto;}
a.btn-style1, button.btn-style1, #cr_gezinsleden a.btn-style1, #cr_main_center a.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, #cr_main_center 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;}
#cr_print_bottomnav a.btn-style2:hover{background:#b37600;color:#ffa800;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, #frm_edit a.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;}

/*----------------------------------*/
/*				STATS.           	*/
/*----------------------------------*/
#stats{position:relative;width:100%;overflow:hidden;padding:0 0px;}
#cr_main_right #stat_temp, #cr_main_right #stat_weide, #cr_main_right #stat_parking, #cr_main_right #stat_redder, #cr_main_right #stat_waterkwaliteit{position:relative;width:100%;display:block;margin-bottom:1px;background:#2a3074;padding:6px 12px;}
#stat_temp > .icon, #stat_temp > .btns{float:left;}
#stat_temp > div.icon{width:calc(100% - 48px);}
#cr_main_right #stat_temp > div.icon > img{display:none;width:36px;margin:-6px 0px 0px 0px;}
#cr_main_right #stat_temp > div.icon > img.active{display:inline-block;margin-right:6px;}
#cr_main_right #stat_temp > div.icon > span{display:inline-block;}
#stat_temp > div.btns{width:48px;position:relative;}
#stat_temp > .btns > .temp_button{width:24px;height:24px;border-radius:50%;background:#4252ff;color:#ffffff;cursor:pointer;line-height:24px;user-select: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;}
#stat_temp > .btns > .temp_button:first-child{margin-bottom:3px;}
#stat_temp > .icon > span{font-size:2em; font-weight:bold;line-height:51px;}
#stat_weide{text-align:center;}
#stat_weide > div.button_stats{display:inline-block;width:36px;cursor:pointer;position:relative;margin-right:1px;opacity:0.7;overflow:hidden;}
#stat_weide > div.button_stats.active{opacity:1;}
#stat_weide > div.button_stats:last-child{margin-right:0px;}
#cr_main_right #stat_weide > div.button_stats img{width:calc( 100% - 12px );margin:6px;}
#cr_main_right #stat_weide > div.button_stats.active img{width:100%;margin:0px;}
#stat_parking > div{display:inline-block;width:36px;cursor:pointer;position:relative;margin-right:1px;opacity:0.7;overflow:hidden;}
#stat_parking > div.button_stats.active{opacity:1;}
#stat_parking > div.button_stats:last-child{margin-right:0px;}
#cr_main_right #stat_parking > div.button_stats img{width:calc( 100% - 12px );margin:6px;}
#cr_main_right #stat_parking > div.button_stats.active img{width:100%;margin:0px;}
#stat_redder > div{display:inline-block;width:36px;cursor:pointer;position:relative;margin-right:1px;opacity:0.7;overflow:hidden;}
#stat_redder > div.button_stats.active{opacity:1;}
#stat_redder > div.button_stats:last-child{margin-right:0px;}
#cr_main_right #stat_redder > div.button_stats img{width:calc( 100% - 12px );margin:6px;}
#cr_main_right #stat_redder > div.button_stats.active img{width:100%;margin:0px;}
#stat_waterkwaliteit{text-align:center;}
#stat_waterkwaliteit > div.button_stats{display:inline-block;width:36px;cursor:pointer;position:relative;margin-right:1px;opacity:0.9;overflow:hidden;}
#stat_waterkwaliteit > div.button_stats.active{opacity:1;}
#stat_waterkwaliteit > div.button_stats:last-child{margin-right:0px;}
#cr_main_right #stat_waterkwaliteit > div.button_stats img{width:calc( 100% - 12px );margin:6px;}
#cr_main_right #stat_waterkwaliteit > div.button_stats.active img{width:100%;margin:0px;}
/*----------------------------------*/
/*				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){
	
}