/*	FORMULIER
	 	_____________________________________________________________________ */
		
		#formulier
		{
			position: relative;
			float: left;
			
			width: 100%;
			height: auto;
		}
				
		#formulier .omlijning
		{
			position: relative;
			float: left;
			
			margin-bottom: 20px;
			
			width: 100%;
			height: auto;
			
			padding: 3%;
			
			border: solid 1px #d6d6d6;
			
			-webkit-box-shadow:  0 0px 6px rgba(0, 0, 0, 0.06);
		 	-moz-box-shadow:  0 0px 6px rgba(0, 0, 0, 0.06);
		 	-ms-box-shadow:  0 0px 6px rgba(0, 0, 0, 0.06);
		 	-o-box-shadow:  0 0px 6px rgba(0, 0, 0, 0.06);
		 	box-shadow:  0 0px 6px rgba(0, 0, 0, 0.06);
		}
		
		select.keuzelijst {
			/*position: relative;
			float: left;*/
			display: inline-block;
			
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			
			-moz-user-select: none; 	/* Firefox all */
			-ms-user-select: none;  	/* IE 10+ */
			-o-user-select: none;		/* Opera */
			user-select: none; 
			
			-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
			-moz-padding-end: 5px;
			-moz-padding-start: 10px;
			-moz-user-select: none;
			
			-webkit-border-radius: 0px;
			-webkit-appearance: button;
			-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
			-webkit-padding-end: 20px;
			-webkit-padding-start: 10px;
			-webkit-user-select: none;
			
			-moz-appearance: normal;
			
			overflow: hidden;
			padding-left: 12px;
			text-overflow: ellipsis;
			white-space: nowrap;
			
			background: rgba(255,255,255,1);
			background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(235,235,235,1)));
			background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
			background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
			background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
			background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0 );
			
			background-image: url('../multimedia/images/arrow.png'),
			-webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(235,235,235,1)));
				
			background-image: url('../multimedia/images/arrow.png'),
			-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
			
			background-image: url('../multimedia/images/arrow.png'),
			linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
						
			-webkit-box-shadow:  0 0px 6px rgba(0, 0, 0, 0.08);
			-moz-box-shadow:  0 0px 6px rgba(0, 0, 0, 0.08);
			-ms-box-shadow:  0 0px 6px rgba(0, 0, 0, 0.08);
			-o-box-shadow:  0 0px 6px rgba(0, 0, 0, 0.08);
			box-shadow:  0 0px 6px rgba(0, 0, 0, 0.08);
			
			background-position: center right ;
			background-repeat: no-repeat;
			border: 1px solid #d5d6d6;
			
			font-size: 1.8rem;
			color: #878787;
			line-height: 40px;
			height: 40px;
		}
		
		.form-verplicht .info img {
			display: none;
		}
		
		#formulier #inloggen {
			margin-bottom: 45px;
		}
		
		#formulier .wachtwoord_vergeten a {
			color: #50af5f;
			font-size: 1.6rem;
		}
		
		.form-verplicht .info:after,
		.legenda:before {
			display: inline-block;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			
			font-size: 0.5em;
			line-height: 0.75em;
			vertical-align: -15%;
			color: #e59e2e;
			
			padding-left: 5px;
			padding-right: 5px;
			
			content: "\f111";
		}
		
		.legenda:before {
			font-size: 1em;
			
		}
		
		.legenda {
			padding: 15px;
			
			/*
			border: solid 1px #fad394;
			
			-webkit-box-shadow:  0 0px 6px rgba(0, 0, 0, 0.06);
		 	-moz-box-shadow:  0 0px 6px rgba(0, 0, 0, 0.06);
		 	-ms-box-shadow:  0 0px 6px rgba(0, 0, 0, 0.06);
		 	-o-box-shadow:  0 0px 6px rgba(0, 0, 0, 0.06);
		 	box-shadow:  0 0px 6px rgba(0, 0, 0, 0.06);
			*/
		}
		
		.legenda img {
			display: none;
		}
		
		.legenda img
		
		input[value="Persoonsgegevens"] {
			color: green;
		}
				
		.formpopupicon
		{
			position:relative;
			width: 20px;
			height: 20px;
			margin-left:5px;
			margin-bottom: -3px;
			cursor:pointer;
		}
		
		.form-veldtekst select[name="geboorte_dag"],
		.form-veldtekst select[name="geboorte_maand"],
		.form-veldmerge select[name="periode_aantal"],
		.form-veldmerge select[name="datum_dag"],
		.form-veldmerge select[name="datum_maand"]
		{
			margin-right: 1.28%;
		}
		
		.form-veldtekst input[name="adres"],
		.form-veldtekst input[name="postcode"] {
			margin-right: 2.67%;
		}
		
		input.invoerveld {
			font-size: 1.8rem;
			color: #878787;
			line-height: 40px;
			height: 40px;
			padding-left: 10px;
			
			-webkit-box-shadow:  0 0px 9px rgba(0, 0, 0, 0.08) inset;
			-moz-box-shadow:  0 0px 9px rgba(0, 0, 0, 0.08) inset;
			-ms-box-shadow:  0 0px 9px rgba(0, 0, 0, 0.08) inset;
			-o-box-shadow:  0 0px 9px rgba(0, 0, 0, 0.08) inset;
			box-shadow:  0 0px 9px rgba(0, 0, 0, 0.08) inset;
		}
		
		input.invoerveld:focus {
			color: #419be0 !important;
			border-color: #419be0 !important;
		}
	
		#formulier .geen-omlijning
		{
			position: relative;
			float: left;
			
			margin-bottom: 20px;
			
			width: 100%;
			height: auto;
			
			/*padding: 3%;*/
			
			border: none;
		}
	
		#formulier .bloktitel
		{
			position: relative;
			float: left;
			display: block;
			
			width: 100%;
			height: 26px;
			
			margin-bottom: 20px;
			
			font-variant: normal;
			font-weight: 600;
			color: #626262;
			font-size: 2.4rem;
			line-height: 2.6rem;
			
		}
		
		#formulier .bloksubtitel
		{
			position: relative;
			float: left;
			
			width: 100%;
			
			padding: 5px 5px 10px 0px;
			margin: 0px;
			
			font-variant: normal;
			color: #999999;
			font-size: 2rem;
			line-height: 1.8rem;
		}
		
		#formulier .bloktekst
		{
			position: relative;
			float: left;
			
			width: 100%;
			height: auto;
			
			padding: 0px 0px 10px 0px;
			
			font-weight: 300;
			color: #8f8f8f;
			font-size: 1.6rem;
			line-height: 2.4rem;
		}
		
		.form-veldtitel
		{
			width: 30%;
			text-align: left;
			
			line-height: 40px;
			font-size: 1.8rem;
			font-weight: 300;
			color: #626262;
		}
		
		td.form-veldtitel:first-letter {
			text-transform: uppercase;
		}
		
		.form-veldtekst
		{
			font-weight: normal;
			width: 45%;
			vertical-align: top;
			text-align: left;
			
			font-size: 14px;
			color: #575757;
			
			padding-bottom: 12px;	
		}
		
		.form-veldmerge
		{
			font-weight: normal;
			padding: 5px;
			width: auto;
			vertical-align: top;
			text-align: left;
			
			font-size: 14px;
			color: #575757;
		}
	
		.form-verplicht 
		{
			text-align: right;
			padding: 5px;
			width: 5%;
			color: #FF0000;
			vertical-align: top;
		}
		
		.form-info 
		{
			text-align: right;
			padding: 5px;
			width: 5%;
			color: #0000FF;
			vertical-align: top;
		}
	
		.invoerveld
		{
			height: 35px;
			width: 96%;
						
			font-size: 13px;
			color: #5A5A5A;
			
			border: solid 1px #CCCCCC;
		}
		
		.bestandveld
		{
			height: 20px;
			width: 96%;
						
			font-size: 13px;
			color: #5A5A5A;
			
			border: solid 1px #CCCCCC;
		}
		
		.keuzelijst 
		{
			width: 96.2%;
			height: 20px;
			
			font-size: 13px;
			color: #5A5A5A;
		}
		
		.tekstveld
		{
			width: 96%;
			height: 100px;
			
			font-size: 14px;
			color: #5A5A5A;
			
			border: solid 1px #CCCCCC;
		}
		
		.groot { width: 100%; height: 450px; }
		
		input.button 
		{
			position: relative;
			float: left;
			
			height: 45px;
			width: auto !important;
			
			padding: 0 16 0 16px; 
			margin: 5px 10px 0px 0px;
			
			font-size: 1.7rem !important;
			font-weight: 300;
						
			cursor: pointer;
			
			border: 0;
			color: #ffffff;
			background-color: #419be0;
			padding: 8px 12px 8px 12px;
			
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-ms-border-radius: 3px;
			-o-border-radius: 3px;
			border-radius: 3px;
		}
		
		input.button:hover {
			background-color: #4da4e7;
			
			-webkit-transition: all .12s ease-in-out;
			-moz-transition: all .12s ease-in-out;
			-o-transition: all .12s ease-in-out;
			transition: all .12s ease-in-out;
		}
		
		.overzicht-veldtekst
		{
			font-weight: normal;
			padding: 10px 5px;
			width: 50%;
			vertical-align: top;
			text-align: left;
			
			font-size: 12px;
			color: #5A5A5A;
			
			border-bottom: 1px dotted #999999;
		}
		
		.overzicht-veldtitel
		{
			padding: 10px 5px;
			width: 45%;
			vertical-align: top;
			text-align: left;
			
			font-size: 12px;
			font-weight: bold;
			color: #006595;
			
			border-bottom: 1px dotted #999999;
		}
		
		.beoordelingoverzicht .overzicht-veldtitel { width: 80%; font-size: 14px !important; }
		.beoordelingoverzicht .overzicht-veldtekst { width: 15%; font-size: 14px !important; }
		
	/*	FORMULIER CUSTOM
	 	_____________________________________________________________________ */
				
		#formulier .omlijning-half
		{
			position: relative;
			float: left;
			
			margin: 0px 0px 20px 0px;
			
			width: 42%;
			height: auto;
			
			padding: 3%;
			
			background-color: #F8F8F8;			
			border: solid 1px #D3D3D3;	
		}
		
		.postcode { width: 25%; }
		.plaats { width: 68%;}
		
		.huisnummer { width: 15%; }
		.adres { width: 78%;}
		
		.dag { width: 25%; }
		.maand { width: 39%; }
		.jaar { width: 30%; }
		
		.maand-kort { width: 23%; }
		.jaar-kort { width: 20%; }
		
		.aantal { width: 15%; }
		.periode { width: 78%;}
		
		.nummertje { border:none; background-color: #FFF; padding:0px !important; box-shadow: none !important; width: 3%; }
		
		.taak { width: 63%; margin-right: 1.28%; }
		.tijd_aantal { width: 15%; margin-right: 1.28%; }
		.tijd_periode { width: 15%; }
		
		.stellingnr 
		{ 
			width: 5%;
			
			text-align: left !important;
			
			border: none !important;
			
			background-color: #FFF; 
			padding:0px !important; 
			box-shadow: none !important; 
		}
		
		.stelling 
		{ 
			width: 71%; 
			margin-right: 1.28%; 
			
			font-size: 1.6rem !important;
			font-style: italic;
			
			border: none !important;
			
			background-color: #FFF; 
			padding:0px !important; 
			box-shadow: none !important;
		}
		
		.beoordeling { width: 20%; border-bottom: dotted 1px #999; }
		
		.readonly { color: #999999; }
		
		.teller 
		{ 
			width: 15%; 
			height: auto; 
			
			padding: 0px;
			height: 20px !important;
			line-height: 20px !important;
			
			font-weight: bold;
			font-size: 14px !important;
			
			border: none;
			box-shadow: none !important;
		}
		
		.switch-veld
		{
			position: relative;
			float: left;
			 
			width: 45%;
			min-height: 190px;
			
			height: auto !important;
			font-weight: 300;
			font-size: 1.6rem;
			line-height: 2.2rem;
			
			-webkit-box-shadow:  0 0px 9px rgba(0, 0, 0, 0.08) inset;
			-moz-box-shadow:  0 0px 9px rgba(0, 0, 0, 0.08) inset;
			-ms-box-shadow:  0 0px 9px rgba(0, 0, 0, 0.08) inset;
			-o-box-shadow:  0 0px 9px rgba(0, 0, 0, 0.08) inset;
			box-shadow:  0 0px 9px rgba(0, 0, 0, 0.08) inset;
		}
		
		.switch-veld option {
			vertical-align: middle;
			height: 2.6rem;
			line-height: 2.6rem;
			
			-webkit-appearance: none;  /*Removes default chrome and safari style*/
			-moz-appearance: none; /* Removes Default Firefox style*/
		}

		.switch-div
		{
			position: relative; 
			float: left; 
			margin-top: 4%;
			width: 50px;
			height: 98px;
			
			padding: 0px 8px;
			background-color: #ffffff !important;
			
			text-align: center;
		}
		
		.switch-button
		{
			width: 34px !important !important;
			min-width: 34px !important;
			height: 34px !important;
			background-color:  !important;
			
			margin-bottom: 10px !important;
			padding: 0px !important;
			
			font-size: 2.8rem !important;
			background-color: #48c16a !important;
		}
		
		.switch-button:hover {
			background-color: #54ca75 !important;
		}
		
		.legenda
		{
			position:relative;
			float: right;
			font-size: 11px;
		}
	
				
	/*	TOOLTIP
	 	_____________________________________________________________________ */	
		
		.tooltip 
		{
			position: absolute;
			
			min-width: 100px;
			width: auto !important;
			width: 100px;
			max-width: 220px;
			
			height: auto;
	
			padding: 10px;
	
			display: none;
			z-index: 500;
			
			overflow: hidden;
	
			filter:alpha(opacity=80);
			opacity: 0.8;
			-moz-opacity:0.8;
			
			font-size: 11px;
			color: #333333;
			
			background-color: #EEEEEE;
			border: solid 1px #DADADA;
			border-radius: 5px;
		}
		
		.arrow
		{
			position: absolute;
			
			display: none;
			z-index: 1000;
			
			width: 14px;
			height: 15px;
			
			background-image: url(../multimedia/images/pijl.tooltip.png);
			background-repeat: no-repeat;
			background-color:#FF9900;
		}
		
		input[name="dagverslag_bewerken_talent"] {
			
		}
		
		#table_content__erkzaamheden .form-veldmerge {
			width: 97%;
		}
		
		#table_content__erkzaamheden tr td {
			position: relative;
			float: left;
			width: 95%;
			height: auto;
		}
		
		#table_content__erkzaamheden input.invoerveld.taak {
			position: relative;
			float: left;
			width: 63%;
			height: auto;
		}
		
		#table_content__erkzaamheden input.invoerveld.nummertje {
			position: relative;
			float: left;
		}
		
		#table_content__erkzaamheden .form-verplicht {
			width: 3%;
		}
		
		#table_content__erkzaamheden .tijd_aantal,
		#table_content__erkzaamheden .tijd_periode {
			line-height: 44px;
			height: 44px;
		}
	
	/*	Miscelaneous
	 	_____________________________________________________________________ */
	 	
	 	.form-veldmerge input[type="text"] {
		 	color: #383838;
		 	font-weight: 600 !important;
	 	}	
	
	/*	autocomplete
	 	_____________________________________________________________________ */
		
		.prof_keuzelijst_container 
		{
			position: relative;
			float: left;
			
			width: 100%;
			
			margin-bottom: 10px;
		}
				
		.prof_keuzelijst_container ul
		{
			position: relative;
			float: left;
			width: 96%;
			max-height: 200px;
			border: 1px solid #eaeaea;
			background: #f3f3f3;
			list-style: none;
			-webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.25);
			-moz-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.25);
			-ms-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.25);
			-o-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.25);
			box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.25);
			overflow: auto;
		}
		
		.prof_keuzelijst_container ul li 
		{
			padding: 6px 2px;
			cursor: pointer;
		}
		
		.prof_keuzelijst_container ul li:hover
		{
			background: #41B1EB;
			color: #FFFFFF;
		}
		
		#prof_keuzelijst
		{
			position: relative; 
			display: none;
		}
		
		.prof_keuzelijst_container .prof_keuzelijst_kopje
		{
			position: relative;
			float: left;
						
			width: 96%;
			height: 30px;
			line-height: 30px;
			
			background-color: #CFCFCF;
		}
		
		.prof_keuzelijst_container .prof_keuzelijst_kopje .titel
		{
			position: relative;
			float: left;
						
			width: 95%;
			
			font-weight: bold;
			padding: 0% 1%;
		}
		
		.prof_keuzelijst_container .prof_keuzelijst_kopje .sluiten
		{
			position: relative;
			float: left;
			width: 5%;
			height: 30px;
			color: #FFF;
			cursor: pointer;
			text-align:center;
			line-height: 30px;
			padding: 0% 2%;
			background-color: #F66;
		}
		
		@media (max-width: 639px) {
            /* 27dec */
            .switch-veld{ width: 100%;}
            .switch-div {
                float: none;
                text-align: center;
				margin: 0 auto;
				height:auto;
            }
		}
		
		input#teller
		{
			border:none;
		}