/* form css */

/* override settings from main.css */
#content input {
	margin: 0;
	padding: 0;
	color: #000;
	border:  #9FC938 solid 1px; /* groen */
	width: 300px;
	font: small Verdana;
}

/* override settings for checkboxes en radiobuttons */
#content div.radio input,
#content div.checkbox input {
	border:  none;
	width: auto;
}

#content div.radio,
#content div.checkbox {
	margin: 2px 5px;
}

fieldset {
	border: none;
	padding: 10px 10px 15px 10px;
	margin: 20px 0 10px 0;
}

fieldset div.inputfield {
	margin-top: 8px;
	clear: left;
	vertical-align: bottom;
	border: 0px solid green;
}

fieldset div.inputfield div.description {
	width: 100%;
	border: 0px solid purple;
}

fieldset div.inputfield div.description.empty {
	display: none;
}

fieldset div.inputfield div.subfield {
	display: block;
	margin-left: 190px;
	border: 0px solid yellow;
}

/* in IE there is a margin in the first INPUT element */
fieldset div.subfield select,
fieldset div.subfield textarea,
fieldset div.subfield div input {
	float: left;
}

/* remove this behaviour in Mozilla, rtc. */
fieldset div.subfield > select,
fieldset div.subfield > textarea,
fieldset div.subfield > div > input {
	float: none;
}

div.show { display: block; }
div.hide { display: none; }

fieldset div.inputfield.indent {
	padding: 1% 1% 0 10%;
	background-color: #E2F1FF;
	background-color: #fff;
	background-color: #f5f5f5;
	background-color: transparent;
	background-color: #efefef;
}

/* classes given to the inputfield div */
fieldset div.inputfield.layout1									{	/* border: 1px solid black; */		float: left;	width: 100%; margin-top: 0;	background-color: transparent	}
fieldset div.inputfield.layout1 label 							{	display: none;	}
fieldset div.inputfield.layout1 div.description					{	/* border-right: 1px solid black; */	float: left; 	width: 30%;		padding: 2px; }
fieldset div.inputfield.layout1 div.subfield					{	/* border: 1px solid red; */	float: none; 	width: auto; 	margin-left: 31%; }
fieldset div.inputfield.layout1 div.subfield div				{	display: inline;	padding: 2px; }
fieldset div.inputfield.layout1 div.subfield div input			{	float: none; }
fieldset div.inputfield.layout1 div.subfield span				{	display: inline;	}

fieldset div.inputfield.hide-label label,
fieldset div.inputfield.hide-description div.description 		{	display: none;	}

fieldset div.inputfield.sidebyside-description div.description	{	float: left;	width: 30%;	}
fieldset div.inputfield.sidebyside-description div.subfield		{	margin-left: 31%;	}

fieldset div.inputfield.sidebyside-options div.description	 	{	float: left;	width: 30%;	}
/* fieldset div.inputfield.sidebyside-options div.subfield			{	margin-left: 0;	} */
fieldset div.inputfield.sidebyside-options div.subfield div 	{	float: left; margin:0 20px 8px 0; }

/*
	width for <input type=text> and taextarea
 */
/* input[type="text"], textarea		{ width: 60%; } does NOT work with IE :^{ */
input.password, 
input.file, 
input.text, textarea				{ width: 60%; }
textarea.smallest, input.smallest 	{ width: 10%; }
textarea.smaller, input.smaller 	{ width: 40%; }
textarea.wider, input.wider 		{ width: 80%; }
textarea.widest, input.widest 		{ width: 95%; }

#form265 textarea  {width:400px;	font: small Verdana;}
html>body#form265 textarea  {width: 95%;}
#form265 .dummy  {margin-bottom: 2em; color: #246E87; width: 95%; }

