form, label {margin:0; padding:0}
form p {margin: 0px 0px 4px 0px; padding: 0}

fieldset {
	border: 0px; 
	width: 100%; 
	padding: 0px 0px 40px 0px;
}

legend {
	/*display: none;*/ 
	margin: 0px 0px 0px -8px;
	font: 17px arial, verdana;
	color:#ccc;
}


input[type=file] {cursor: pointer}

ul.formErrors {
	color:#FF3300;
	list-style:square;
	padding:10px 5px;
	margin-left:10px;
}
ul.formErrors li {
	padding:0;
	font-weight:bold;
}


/*FORMBUILDER STYLES
--------------------------------------- */
.formLabel, .labelnaw /*tekst links naast het inputveld*/{ 
	float:left; 
	display:inline;
	width: 200px;
	clear: both;
	cursor: pointer;
}

.formBuilderForm .formLabel /*tekst links naast het inputveld*/{ 
	float:none; 
	display:block;
	width: auto;
	clear: both;
	cursor: pointer;
}

.formBuilderForm .formLabel:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.sideTd .formLabel {float: none}

input:focus {
	background-color:#e8f6ff;
	border-color:#257db4;
}

fieldset {
	border: 0px;
}

fieldset.naw {margin-top:20px}

.xsformbuilder_vraaguitleg {
	color: #000;
	font-style: italic;
	padding-top: 15px;
	display:block
}

.formTextbox, .formTextboxReadonly, .xsformbuilder_simple_textbox, .xsformbuilder_large_textbox, .xsformbuilder_select, input[type=text], textarea {
	width: 60%; 
	padding: 3px 4px 3px 5px;  
	background: #fff; 
	border: 1px solid #ccc; 
	/*-webkit-border-radius: 10px; -moz-border-radius: 10px; 	border-radius: 10px;*/
	font-size: 1.0em;
	/*clear: both;*/
	
}
.formTextbox, .formTextboxReadonly, .xsformbuilder_simple_textbox {height: 30px;}

.sideTd .formTextbox, .sideTd .xsformbuilder_simple_textbox, .sideTd .xsformbuilder_select, .sideTd .xsformbuilder_large_textbox {width: 100%}

input[type=text].aantal {width: 45px; margin-right: 20px; height: 30px}

.xsformbuilder_select option {
	padding-right: 10px;
}

.xsformbuilder_radio_set {
	margin-left: 200px; /*Dit zet de radiobutton plus tekstje 200px van de linkerkant. Dit is de breedte van het formLabel*/
}

.formBuilderForm .xsformbuilder_radio_set {margin-left: 0}


.sideTd .xsformbuilder_radio_set, .sideTd .xsformbuilder_checkbox_set {margin-left: 0}

/*In zijkolommen wil je de marge van 200 juist niet*/
#columnLeft .xsformbuilder_radio_set, #columnRight .xsformbuilder_radio_set, #columnLeftIndex .xsformbuilder_radio_set, #columnRightIndex .xsformbuilder_radio_set {
	margin-left: 0px;
}

.xsformbuilder_radio {
  vertical-align: top; 
  width: 25px; 
  margin: 3px 0 0 -5px;
  padding: 0;
}

.xsformbuilder_radiotext { 
	margin-right: 10px; 	
}

.xsformbuilder_checkbox_set {
	margin-left: 200px; /*Dit zet de checkbox plus tekstje 200px van de linkerkant. Dit is de breedte van het formLabel*/
}

.formBuilderForm .xsformbuilder_checkbox_set {margin-left: 0}

/*In zijkolommen wil je de marge van 155 juist niet
#columnLeft .xsformbuilder_checkbox_set, #columnRight .xsformbuilder_checkbox_set, #columnLeftIndex .xsformbuilder_checkbox_set, #columnRightIndex .xsformbuilder_checkbox_set {
	margin-left: 0px; clear: both;
}*/

.xsformbuilder_checkbox {
  vertical-align: middle;
}

/* Button style zit in Main.css als buttonNormal en buttonHigh*/


.xsformbuilder_iframe_uploader {height:55px;width:264px;overflow:hidden}

ul.formErrorMessage {list-style:square;margin: 0px 0px 0px 4px; padding-bottom: 10px;color:#FF0000}

.formuitleg {/*font-size: smaller;*/ color:#e25009}


/* FORMBUILDER */
.formbuilder_form_errors {	
	margin-bottom:10px;
	color:#F00;
}

.formbuilder_form_errors p {
	font-weight:bold;
	color:#F00;
}

.formbuilder_form_errors ul {
	list-style:square;
	padding-left:0px;
	margin-left:5px;
}

/*Zoeken*/
.index #zoeken {float: right; width: 45%; }
.vervolg #zoeken {position: absolute; bottom: 32px; right: 100px}

.index #zoeken input[type="text"]  {height: 37px; width:60%; padding: 0 3px; border: 1px solid #ccc; float: left; font-size: 0.8em; font-family: 'fira_sanslight', Verdana, Arial, sans-serif;}
.vervolg #zoeken input[type="text"], .searchResultSearchBox [type="text"] {height: 26px; width:75%; padding: 0 5px; border: 1px solid #ccc; float: left; line-height: 0.8em}
#zoeken input[type="text"]:focus, .searchResultSearchBox [type="text"]:focus { background:none; border: 1px solid #000}

#zoeken input[type="submit"], .searchResultSearchBox [type="submit"] {border: 0; float: left; cursor: pointer; margin-left: 10px}
.index #zoeken input[type="submit"], .searchResultSearchBox [type="submit"] {background: url(../images/bt_search_circle.png) no-repeat 0px 0px; width: 36px; height: 36px;}
.vervolg #zoeken input[type="submit"], .searchResultSearchBox [type="submit"] {background: url(../images/bt_search.png) no-repeat 0px 0px; width: 28px; height: 28px;}

.index #zoeken label {float: left; margin: 10px 30px 10px 0px; color: #41444c;}

/*Zoekresultaten
.searchResultSearchBox {background: #fff; padding: 10px; border: 1px solid #ccc; float: left}
.xsearchResultsMessageContainer {clear: both}
.navbarPreviousNextArrow, .navbarPageNumber {margin: 0 10px}
.navbarActivePageNumber {font-weight: bold; border-bottom: 1px solid #2b92d4}
*/

/* NCV LID WORDEN FORMULIER */
.formRow {
	width:100%;
	padding:5px 0;
	margin-bottom:0px;
	border-style:outset none outset;
	border-top:1px solid #f1f1f1;
}
.formNotes {
	color:#6db705;
	font-size:0.9em;
	padding: 20px 0;
}

.formRow label.formLabel {
	display:inline-block;
	width:30%;
	padding:0;
	margin:0;
}

.formfieldWrapper {
	display:inline-block;
	width:70%;
	padding:0 0 0 5px;
	margin:0;
	background-color:#fff;
}

.formfieldWrapper .smallBox{
	width:180px;
}

.formSteps {
	color: #45a5ef;
    font-size: 1.6em;
    line-height: 1.1em;
	padding:20px 0;
	width:100%;
}
.formSteps .grijs {
	color:#ccc;
}
.formSelect {
	width:120px;
	font-size: inherit;
	padding:4px 0;
	border:1px solid #ccc;
	color:#999;
}

/* login form */
.registerLogonErrors {color:#f00;}

/* Account activering en login forms */
input.mediumBox {width:180px;}

/*MEDIA QUERIES ===========================================*/

/* Smaller than standard 1200px (devices and browsers) 
=========================================================*/
@media only screen and (max-width: 1199px) {

}



/* Smaller than standard 1000px (devices and browsers) 
=========================================================*/
@media only screen and (max-width: 999px) {

.index #zoeken input[type="text"] {width:50%}
.vervolg #zoeken {display: none}

}

/* Smaller than 900px (devices and browsers) 
=========================================================*/

@media only screen and (max-width: 900px) {  

.index #zoeken {width: 40%}

}



/* Smaller than standard 768px (devices and browsers) 
=========================================================*/
@media only screen and (max-width: 768px) {

.index #zoeken {width: 45%}
.vervolg #zoeken	{bottom: 10px; right: 0}


}


/* Smaller than standard 600px (devices and browsers) 
=========================================================*/
@media only screen and (max-width: 600px) {

	.formTextbox, .formTextboxReadonly, .xsformbuilder_simple_textbox, .xsformbuilder_large_textbox, .xsformbuilder_select, input[type=text], textarea {
		width: 96%;
	}

	.index #zoeken {
		float: left;
		width: 100%;
	}

	.formTextbox, .xsformbuilder_simple_textbox, .xsformbuilder_select, .xsformbuilder_large_textbox {
		width: 100%
	}

	.xsformbuilder_radio_set, .xsformbuilder_checkbox_set {
		margin-left: 0;
		clear: both;
		width: 100%
	}

	.formRow label.formLabel {
		width: 96%;
		padding: 0 2%
	}

	.formRow label.formLabel, .formfieldWrapper {
		float: none;
		display: block
	}
}