/* Table of Content
================================================== 
	#Basis formulier opzet
	#Layout voor het formulier
	*/



/* #Basis formulier opzet
================================================== */
form dl { padding: 5px 0; margin: 0; clear:both; overflow:hidden; }
form dt, 
form dd { padding: 0; margin: 0; float: left; }
form dt { float: left; width: 10em; margin-right: 10px; text-align: right; font-weight: bold; }
form samp { font-size: 85%; color: #666; }
form .options-vertical .option { display:block; }
.inline-help { text-align: left; }
.highlight-error dt { color: #E33030; }
dl.error dt { color:red; background:none; }
dl.error { background:none; border:none; padding:0; margin:0; } /* Fixes IE6 error that displays background image from alert boxes */

/* Horizontal Form 1 (Labels on the top)
------------------------------------------------------------------ */
.form-h1 dl { padding: 5px 20px 5px 0; float: left; clear:none; overflow:hidden; }
.form-h1 dd,.form-h1 dt { float:none; text-align: left; width: auto; }

/* Horizontal Form 2 (Labels on the left)
------------------------------------------------------------------ */
.form-h2 dl { padding: 5px 20px 5px 0; float: left; clear:none; overflow:hidden; }
.form-h2 dt { float: left; margin-right: 5px; width: auto;  }
.form-h2 dd { float: left; width: auto;  }

/* Vertical Form 1 (Labels on the top)
------------------------------------------------------------------ */
.form-v1 dl { padding: 5px 0; }
.form-v1 dd,.form-v1 dt { float:none; text-align: left; width: auto; }

/* Vertical Form 2 (Labels on the left)
------------------------------------------------------------------ */
.form-v2 dt { text-align: left; }	

/* Misc stuff

/* This is for hiding things visually, but will still be there for screen readers. */
.visual-hide { position:absolute !important; left:-5000px !important;	 } /* Removed "top" due to tabbing to a link with this would cause a jump up on the page */
legend.visual-hide, x:-moz-any-link { display:none; }  /* legend has issues in firefox (https://bugzilla.mozilla.org/show_bug.cgi?id=292736), so we need to fully hide it for FF only (http://pornel.net/firefoxhack) */




/* #Layout voor het formulier
================================================== */
form dl label {
	font-weight: normal;
}
fieldset {
	border: 1px solid #dbdde2;
	background: #ececec;
	padding: 5px;
	border-radius: 3px;
}
fieldset legend {
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background: #818181;
	color: white;
	padding: 6px;
	font-weight: normal;
}
.required-indicator {
	color: red;
}
form dl dd input, form dl dd file#image {
	border:solid 1px #dbdde2;
	border-radius: 3px;
	padding: 5px;
}
form dl dd input.text {
	width: 300px; /* AANPASSEN AAN BREEDTE VAN WEBSITE / UITVULLEN */
}
form dl dd textarea{
	border:solid 1px #dbdde2;
	border-radius: 3px;
	padding: 2px;
	width: 300px; /* AANPASSEN AAN BREEDTE VAN WEBSITE / UITVULLEN */
	height: 150px;
}

form dl dd .button {
	cursor: pointer;
}
form dl dd input[type="checkbox"]  {
	margin:0;padding:0;font-size:1%;line-height:1%; width: 13px; height: 13px; margin-right: 5px;  overflow:hidden;
}

/* error melding */
form dl dd input.error, select.error, .errorRow input, .errorRow select, textarea.error {
	color: #F00;
	border: 1px solid red;
	background-color: #FFEBE8;
	margin: 0px;
}
form label.error { display: none; }	

.error {color:#F00;}
.formulier_container .veld input.error {
	border: 1px solid red;
}