*{margin:0px;padding:0px;}
* {-webkit-font-smoothing: antialiased;}
a img{border:none;outline:none;box-shadow:none;}
input, textarea{outline:none;}
.error{color:red;}
.success{color:green;}
div.error, div.success{margin-bottom:12px;}
.hidden{visibility:hidden;height:0px;overflow:hidden;line-height:0px;}
.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;}
.mt48{margin-top:48px;}
.mb48{margin-bottom:48px;}
.ta_right{text-align:right;}
.cr_error.error{background:red;color:white;padding:12px;border-radius:6px;}
.cr_error.success{background:green;color:white;padding:12px;border-radius:6px;}
.cr_error.info{padding:12px 0px;color:#999;font-style:italic;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	font-size:0.75em;
	color:#a9a9a9;
	opacity:1;
}
::-moz-placeholder { /* Firefox 19+ */
  	font-size:0.75em;
	color:#a9a9a9;
	opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
  	font-size:0.75em;
	color:#a9a9a9;
	opacity:1;
}
:-moz-placeholder { /* Firefox 18- */
  	font-size:0.75em;
	color:#a9a9a9;
	opacity:1;
}
/*--------------COLORS--------------*/
/* VERY LIGHT BLUE #aedff4 - LIGHT BLUE #95c23d - STANDARD BLUE #95c23d - MIDDLE BLUE #257b9f - DARK BLUE #15465b */
/* GREY #979a9d - L GREY #d0d5da - LIGHT GREY #e5e9ed - VERY LIGHT GREY #eff2f5 - VERY VERY LIGHT GREY #f6f9fb */
/* HIGH LIGHT YELLOW #fec506 */

/*BACKGROUND COLORS-----------------------------------*/
.cr_green{background-color:#118272;}
select, #list_opleidingen{background-color:#ffffff;}
#list_opleidingen .ttl, footer{background-color:#1daeed}
#list_opleidingen .ttl.disabled{background-color:#bfe6f7}
#list_opleidingen > div > div.cr_dates > div.inner > a{background-color:#e4f2f8;}
#list_opleidingen > div > div.cr_dates > div.inner > a.active{background-color:#ed5e30;}

/*TEXT COLORS-----------------------------------------*/

.cr_green, .cr_green a, .cr_green p, #list_opleidingen .ttl, #list_opleidingen > div > div.cr_dates > div.inner > a.active, footer, footer p, footer a, footer p a{color:#ffffff;}
form input, #list_opleidingen > div > div.cr_dates > div.inner > a, body, p, p a{color:#000000;}

input[type=text].error, input[type=password].error, textarea.error, #cr_cv_form input[type=text].input_error, #cr_cv_form input[type=password].input_error, #cr_cv_form textarea.input_error, #cr_cv_form select.input_error, #canvasSimpleDiv.input_error, div.input_error{border:1px solid red;}
input[type=text].input_error, input[type=password].input_error, textarea.input_error, select.input_error, div.input_error{color:red;}
/*----------------------------------*/
/*				STICKY FOOTER		*/
/*----------------------------------*/
html{scroll-behavior: smooth;}
html, body {
	height: 100%;
	font-family: 'PT Sans', sans-serif;
	font-size:16px;
	-moz-osx-font-smoothing: grayscale;
	padding:0px;
	margin:0px;
	width:100%;
}
.js body{display:none;}
#container{margin:0 0 -220px 0;width:100%;min-height:100%;position:relative;overflow:hidden;padding:0px;}
#push, footer{height:220px;}
footer{padding:0px 0;width:100%;overflow:hidden;box-sizing:border-box;position:relative;z-index:100;}
footer > div{text-align:center;padding:0 24px;margin:0 0 24px 0;}
footer > div a img{height:68px;}
footer .l{width:100px;background:#fff url('../img/logo-small04-brand.png') no-repeat center center;background-size:72px auto;float:left;height:220px;}
footer .r{text-align:left;padding:66px 12px;float:left;width:calc( 100% - 100px );}
footer .r p, footer .r p a{font-weight:bold;}
@media all and (min-width: 479px) {
	footer .l{width:160px;background:#fff url('../img/logo-small04-brand.png') no-repeat center center;background-size:120px auto;float:left;height:220px;}
	footer .r{text-align:left;padding:66px 36px;float:left;width:calc( 100% - 160px );}
}

/*----------------------------------*/
/*				LAYOUT CONTAINERS	*/
/*----------------------------------*/
.cntnt{width:100%;padding:24px 24px;box-sizing:border-box;}
.cr_green{padding:24px;margin-bottom:24px;}
.input_text, .input_select, .cbo_group, #cr_selectcompany, #cr_newcompany, #cr_selectcompany .details{margin-bottom:24px;}
.input_select .input_text{margin-bottom:0px;}
.cntnt_deelnemer{}
.deelnemer{padding:24px; border:1px solid #a9a9a9;margin:18px 0px 6px 18px;position:relative;width:calc( 100% - 20px );}
#cr_list_deelnemers{margin-bottom:24px;}
#list_opleidingen{position:relative;padding:24px;width:100%;margin:0 auto;}
#list_opleidingen .ttl{padding:12px 36px 12px 12px;cursor:pointer;text-align:left;font-weight:bold;text-transform:uppercase;}
#list_opleidingen > div{position:relative;margin-bottom:3px;}
#list_opleidingen > div > div.button_arrow{position:absolute;right:12px;top:12px;width:24px;height:24px;cursor:pointer;background-image:url('../img/icon_arrow.svg');background-repeat:no-repeat;background-position:center;background-size:24px auto;}
#list_opleidingen > div > div.button_arrow.down{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
#list_opleidingen > div > div.button_arrow.up{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
#list_opleidingen > div >div.cr_dates.closed{height:0px;overflow:hidden;}
#list_opleidingen > div > div.cr_dates > div.inner{padding:12px;}
#list_opleidingen > div > div.cr_dates > div.inner::after{content:'';display:block;clear:both;width:100%;height:0px;}
#list_opleidingen > div > div.cr_dates > div.inner > a{display:block;padding:6px;margin-right:4px;margin-bottom:4px;text-decoration:none;float:left;}
#list_opleidingen > div > div.cr_dates > div.inner > a.hidden{display:none;}
#list_opleidingen #cr_button_inschrijven{display:block;width:100%;position:relative;clear:both;opacity:0;padding-top:12px;}
#list_opleidingen #cr_button_inschrijven .button{text-decoration:underline;cursor:pointer;}
@media all and (min-width: 768px) {
	#container{background:url('../img/opm.-logo_vonst2014_cmyk.jpg');background-repeat:no-repeat;background-position:center top;}
	.cntnt{background:white;width:744px;margin:0 auto;}
}
/*-------------------------------------*/
/*				FLEX                   */
/*-------------------------------------*/
#cr_navmobile ul, .cr_flex{
	display: -webkit-box; 
	display: -moz-box; 
	display: -ms-flexbox; 
	display: -webkit-flex; 
	display: flex;
}
.flex_parent_square, .flex_image, .cr_flex{
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	flex:1 0 auto;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	-webkit-box-align: start;
	align-items: flex-start;
	position:relative;
}
#cr_partners .partner{
	width:94%;
	position:relative;
	-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;box-sizing:border-box;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	margin:0 3% 48px 3%;
}
.flex_parent_square .square img{width:100%;}
.flexbox_center, #list_referenties li div a, #cr_roulette .list ul li div a{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align:center;
	-webkit-justify-content: center;
	justify-content: center;
}


/*----------------------------------*/
/*				STYLE FORM      	*/
/*----------------------------------*/
form{position:relative;padding:24px;}
#cr_selectcompany{position:relative;margin-left:18px;padding:24px;border:0px solid #a9a9a9;}
#newcomp{display:none;}
#cr_newcompany{position:relative;margin-left:18px;padding:24px;border:0px solid #a9a9a9;display:none;}
#cr_selectcompany .details{display:none;}
#cr_list_deelnemers .deelnemer .btn_close{cursor:pointer;position:absolute;right:18px;top:22px;width:24px;height:24px;background-image:url('../img/icon_close2.png');background-repeat:no-repeat;background-position:center center;background-size:24px auto;opacity:0.4;z-index:10;}
#cr_list_deelnemers .deelnemer .btn_close:hover{opacity:1;}
#cr_list_deelnemers .deelnemer:first-of-type .btn_close{display:none;}
/*----------------------------------------------------------*/
/*                   NAVIGATION                             */
/*----------------------------------------------------------*/




/*----------------------------------------------------------*/
/*                  BUTTONS .                               */
/*----------------------------------------------------------*/
#frm_inschrijving button[name="btn_send"], #frm_inschrijving button[name="btn_cancel"]{padding:9px 12px; border:0px;background:#aaa;color:#999;display:inline-block;margin-right:2px;}
#frm_inschrijving button[name="btn_send"]{color:white;background-color:#1daeed;}
#frm_inschrijving button[name="btn_cancel"]{background:#ddd;}

/*----------------------------------*/
/*				TEXT      			*/
/*----------------------------------*/
h1, h2, h3{display:block;overflow:hidden;word-break:break-word;}
h1{font-weight:700;}
h1{font-size:2em;line-height:1.125;text-transform:uppercase;margin-top:0px;margin-bottom:0.6em;}
.bg h1{font-size:1.625em;}
h1 a{text-decoration:none;}
h2{font-family: 'Roboto', sans-serif;font-size:2em;line-height:1.25;text-transform:none;margin-top:0px;margin-bottom:0.6em;}
h2.style1{text-transform:none;font-weight:700;}
h3{font-family: 'Roboto', sans-serif;font-size:1.25em;line-height:1.14;margin-top:0px;margin-bottom:0.6em;font-weight:700;}
h4{font-family: 'Roboto', sans-serif;font-size:1em;line-height:1.111;text-transform:uppercase;font-weight:700;margin-top:0px;margin-bottom:0.6em;}
p{display:block;margin-bottom:1em;}
p, a{font-size:1em;line-height:1.375;font-weight:400;}
a, .list_inline li{font-weight:400;}
.list li, .list p, .list a{font-weight:400;}
p.big{font-size:1.125em;}
p.info{font-style:italic;line-height:1.25;font-size:0.875em;}
p strong{font-weight:700;}
p.last{margin-bottom:0px;}
.underline{text-decoration:underline;}
form select, form .input_text input, form select option{font-size:1.125em;}
form select option{font-size:1.125em;}

form label{font-size:0.875em;color:#a9a9a9;}
form > label:nth-of-type(1){margin-bottom:24px;display:block;}
form .input_cbo label{font-size:1.125em;}
form .input_cbo label, form .input_cbo label a{color:#000;}
form .input_text label, form .input_select label, #cr_list_deelnemers > label, form .input_group label{font-size:1.125em;display:block;margin-bottom:6px;}

form .input_text input, form .input_select select{width:calc(100% - 18px);margin-left:18px;border:1px solid #a9a9a9;padding:6px;box-sizing:border-box;}
form .input_select select{padding:6px 3px;}
form button[name="btn_add"]{display:inline-block;margin-left:18px;padding:9px 12px;border-radius:0px;border:0px;background-color:#118272;color:white;}
form select:invalid{font-size:0.875em;color:#a9a9a9;padding:8px 2px;}
form select:invalid option{font-size:1.25em;color:#000000;}
form select option{font-size:1em;color:#000000;}
form select:invalid option:first-of-type{font-size:0.875em;color:#a9a9a9;}
form select option:first-of-type{font-size:0.75em;color:#a9a9a9;}
form legend{text-transform:uppercase;font-size:1em;margin-bottom:12px;opacity:0.4;}
form .deelnemer .input_text input{margin-left:0px;width:100%;}
form .cbo_group label{display:inline;}
form .cbo_group > div{padding-left:0px;}
form .cbo_group input{display:inline-block;margin:0 12px 0 18px;}


/*----------------------------------*/
/*				MEDIA QUERIES		*/
/*----------------------------------*/
@media all and (max-width: 479px) {
	
}
@media all and (min-width: 480px) and (max-width: 767px){
	#cr_nav_top_blinc nav ul li a{font-size:0.75em;}
}
@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){
	
}