form {
	padding: 0px;
	margin: 0px;
}

/*FORMBUILDER STYLES*/

.formLabel /*tekst links naast het inputveld*/{ 
	float:left; 
	display:inline;
	width: 300px;
	clear: both;
}

form p {
	padding: 4px 0px 0px 0px;
	margin: 0;
	clear: both;
	font-size: inherit;
}

fieldset {
	border: 0px;
}

.xsformbuilder_vraaguitleg {
	color: #666;
	font-style: italic;
}

.xsformbuilder_simple_textbox, .xsformbuilder_large_textbox {
	border: 1px solid #cccccc;
	padding: 4px;
	font-size: inherit;
}

.xsformbuilder_select {
	border: 1px solid #cccccc;
	padding: 4px;
	font-size: inherit;
}

.xsformbuilder_radio_set {
	margin-left: 300px; /*Dit zet de radiobutton plus tekstje 300px van de linkerkant. Dit is de breedte van het formLabel*/
}
/*In zijkolommen wil je de marge van 155 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: middle; 
  width: 25px; 
  background-color: #FFFFFF; 
  margin-left: -5px;
}

.xsformbuilder_radiotext {
	line-height: 18px; 
	color: #404040;
	margin-right: 10px;
	line-height: 1.6em;	
}

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

/*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;
}

/*educatie zoektool*/
.frmCheckbox  {margin-top: 10px}
.frmCheckbox  input[type="checkbox"]{float: left; margin-right: 10px;}
.frmCheckbox  .formElement {margin-top: 5px}
.filmZoekFormulierContainer .frmCheckbox  label {width: 75%}



/* Button style zit in Main.css als ButtonNormal en ButtonHigh*/

/*Algemeen

.buttonNormal {
	height: 20px; 
	background-color: #da1818; 
	color: #FFFFFF; 
	font-weight: bold; 
	xfont-size: 11px; 
	xfont-family: Verdana; 
	border: 1px solid #da1818
}

.buttonHigh {
	height: 20px; 
	background-color: #bf0405; 
	color: #FFFFFF; 
	font-weight: bold; 
	xfont-size: 11px; 
	xfont-family: Verdana; 
	border: 1px solid #bf0405
}
*/

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

/* custom contactformulier */
ul.contactFormErrors{
	color:#f00;padding:0px;list-style:square;
}

.captchaQuestion{
	color:#999;font-style:italic;
}

#captchaUitleg{
	display:block;border:0px solid #666;/*width:320px;*/ width: 100%; padding:5px 5px 5px 0px;color:#666;font-style:italic;
}

/* FILM-DATABASE ZOEKFORMULIER */

.filmZoekFormulierContainer {
	position:relative;
	margin: 0 0 20px 0;
	padding: 0;
}
.filmZoekFormulierContainer input.frmText {
	border:1px solid #000;
	width:300px;
	margin-bottom:5px;
}
.filmZoekFormulierContainer select.frmSelect {
	border:1px solid #ccc;
	width:100%;
	margin-bottom:2px;
	height: 32px;
	font-size: inherit;
}

select.frmSelectMin {
	border:1px solid #ccc;width:25%;margin-bottom:2px; height: 32px;font-size: inherit;
}
.filmZoekFormulierContainer label{
	display:block; width:100%;overflow:hidden; line-height: 1.2em; margin-bottom: 2px; font-size: 0.85em
}
.filmZoekFormulierContainer label.labelWide{
	width:175px;background-color:#fff;
}
.transbox{
	position:relative;
	top:0px;
	left:0px;
	min-height:160px;
	max-width:740px;
	background-color:#fff;
	 /* opacity:0.0;filter:alpha(opacity=100);For IE8 and earlier */
	 text-align:center;
}
.transbox img{
	position:relative;top:50px;
}
.hide{
	display:none;
}

#fb_film_titles {
	display:inline-block;margin-bottom:5px; width: 100%;
}
#fb_film_directors {
	display:inline-block;margin-bottom:5px;width: 100%;
}

.filmZoekFormulierContainer .buttonWidth {
	width:100%;
}

.formExtraFields {
	display:block;
}
.formMainFields .formElement, .formExtraFields .formElement, .formButtonWrapper .formElement {
	/*float:left;*/
	padding-right:3%;
	width: 97%;
}

.formExtraFields .formElement50 {
	padding-right:2%;
	width: 48%;
	float:left
	
}


.formExtraFields .formElement30 {
	padding-right:3%;
	width: 30%;
	float:left
}

.formExtraFields .formElement70 {
	padding-right:3%;
	width: 64%;
	float:left
}

.buttonLink {
	display:none;
	width:100%;
	height:18px;
	padding-top:2px;
	margin-top:10px;
}



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

/***** MAX WIDTH 768 ****/
@media screen and (max-width:768px) {

.formMainFields .formElement, .formExtraFields .formElement, .formButtonWrapper .formElement {
	float:left;
	padding-right:3%;
	width: 47%;
}


}


/***** MAX WIDTH 600 ****/
@media screen and (max-width:600px) {


.formMainFields .formElement, .formExtraFields .formElement, .formButtonWrapper .formElement {
	/*float:left;*/
	padding-right:3%;
	width: 97%;
}
	
	.filmZoekFormulierContainer {
		width:100%;
	}
	
	.filmZoekFormulierContainer select.frmSelect, select.frmSelectMin {
		height: 26px;
	}
	
	.formExtraFields {
		display:none;
	}
	
	.buttonLink {
		display:block;
	}


}