.check {display: none;} /*voor spam controle formulier*/


.formulier {
	width:				100%; 				/* Formulier breedte */							
	overflow:			hidden;
	margin-bottom:20px;
}

.formulier input, .formulier textarea {
	color: #687074;
	border: 1px solid #D4D4D4;
	margin: 			0px;
	margin-bottom: 		10px; 
	padding: 			5px 10px 5px 10px;				
	width:				100%;				/* Formulier breedte - padding(left+right) + border width(left+right) */	
	box-sizing: border-box;
}
.formulier .focusField {border: 1px solidi #1e9ede;}
.formulier input[type=radio], .formulier input[type=checkbox], .formulier input[type=submit], .formulier input[type=reset] {width:auto;}

.formulier .textfield 						{}
.formulier .textarea 						{ height: 	100px;}
.formulier select 							{ width: 	100%; 
											  margin: 	2px 0;
											  float:	left;
											  clear:	right;
											}
.formulier .textveld						{ margin-bottom: 10px; float:left; clear:both; width:100%; }	/* margin-bottom .formulier input */

label {
	display:block;
	font-weight: 700;
	padding: 3px;							/* padding .formulier input(top+bottom) + .formulier input border (top+bottom) */
	padding-left: 0px;
}

label, .radioLabel, .checkboxLabel, .selectLabel 	{font-weight: 700;}
.checkboxes label, .radios label 					{font-weight: normal;}		/* reset hier alles wat bij bovenstaande regel is toegevoegd */

.checkboxContainer, .radioContainer, .selectContainer {
		float:left; 
		clear:both; 
		width: 100%; 
		margin-bottom: 10px;				/* margin-bottom .formulier input */
	}
	.formulier .checkboxContainer .checkbox, .formulier .radioContainer .radio { 
		margin: 6px;						/* padding label */
		padding:0px;
		border: 0px; 
		float:left; 
		clear:both; 
	}
	.formulier .checkboxContainer label, .formulier .radioContainer label { clear:right; width: auto;}
	.formulier .radioContainer .radios, .formulier .checkboxContainer .checkboxes {overflow:hidden;}
	

.formulier input.submitBtn {
  background: none repeat scroll 0 0 #6863ac;
    border: 1px solid #1b1a5f;
    border-radius: 3px;
    box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2) inset, 0 5px 10px rgba(139, 135, 201, 1) inset;
    color: #fff;
    padding: 3px 8px;
    text-decoration: none;
    text-shadow: 0 1px 0 #2e2d7c;
}


.formulier input.submitBtn:hover {
	color:#fff; border:1px solid #6863ac;
}

.error {
	color:#c50029;
	margin-top: -10px;
	margin-bottom: 10px;
	width:100%; float:left; clear: both;
	font-weight:normal;
}
.inputfield.error {border: 1px solid #f00; clear:none;}
.select.error {margin-top:2px; margin-bottom:10px; border: 1px solid #f00;}
.checkboxContainer .error, .radioContainer .error { margin-top:10px;}


/*////////////////////////////////////////////////////////*/
/*/////				    LEFT		     	   ///////////*/

/*	Breedte linkerkolom - padding label	*/
/*label {
	width:194px;
	float:left;
}*/
/*	Breedte rechterkolom - padding input + border width	*/
/*.formulier input, .formulier textarea {
	width:190px;							
	float:left;
}*/



	/*     CHECKBOX / RADIO / SELECT / TEXTVELD     */
	/*///////////////////////////*/	
	/*	 1.
				   |			| checkbox		|       	
				   |			| optie1		|
				   |			| optie2		|
				   
			margin-left: 	breedte linkerkolom
			width:			breedte rechterkolom
	*/
		/*
		.checkboxContainer, .radioContainer, .selectContainer, .formulier .textveld {
			margin-left: 	200px; 
			width:			200px;
		} 
		.formulier select {		
			width:			200px;
		}
		.formulier input.submitBtn{
			margin-left:	200px;	
		}
		*/
		
		
			
	/*///////////////////////////*/		
	/*	 2.
				  | checkbox   | optie1 		|
				  |            | optie2 		|
		
			width:			breedte linkerkolom
	*/
		/*
		.formulier .radioContainer .radioLabel, .formulier .checkboxContainer .checkboxLabel, .selectLabel { 
			float:			left; 
			width:			200px;
		}
		.formulier select {width:200px;}
		.formulier .textveld {
			margin-left: 	200px; 
			width:			200px;
		} 
		.formulier input.submitBtn{
			margin-left:	200px;	
		}
		
		.formulier .checkboxContainer .checkboxes, .formulier .radioContainer .radios { width: 200px;}
		*/
	/*///////////////////////////*/	
	/*	 A.
				 
				|  optie1  optie2  optie3  | 
	*/	
		
		/*.radioInput, .checkboxInput {
			float:			left; 
			margin-right:	10px;
		}*/