/* -------------------------------------------------------------------
| allgemeine elemente
 ------------------------------------------------------------------ */

input, select, select optgroup{
	font-size: 1em;
}

input{
	border-top: 1px solid #BDC0C2;
	border-left: 1px solid #BDC0C2;
	border-right: 1px solid #636363;
	border-bottom: 1px solid #636363;	
}

input.button {
	border: 1px #083163 solid;
	background-color: #405F84;	
	color: #FFF;
	font-weight: bold;		
}

fieldset {
	padding: 0;	
	border-top: 1px dotted #6983A1;
	border-bottom: 1px dotted #6983A1;
	border-right: 1px dotted #6983A1;
	border-left: none;
	margin: 0 0 1.2em 0;
}

fieldset .sub-container{
	padding: 0.2em 0.5em 0.5em 1em;
	background: url(/img/raster_formfield.gif) 0 0 repeat-y;
}

legend {
	/*padding: 0 4px;*/
	padding-left: -5px;
	margin: 0 4px;
	font-weight: bold;
	background-color: #FFF;
	position: relative;
	left: -0.425em; /* For Mac IE */
	color: #083163;
}

/* Hide from Mac \*/
legend {
    position: static;
}

/* For Opera 7 */
fieldset>legend:first-child {
    text-indent: -0.9em;
}

/* For Gecko based browsers, hide from Opera 6+ */
head:first-child+body legend {
    text-indent: -0.15em;
}
/* End backslash hack */


/* -------------------------------------------------------------------
| zeilen-typen innerhalb von formularen
 ------------------------------------------------------------------ */

/* (std-)text-feld, textarea, selection  */

div.formrow-std div.sub-label,
div.formrow-area div.sub-label,
div.formrow-select div.sub-label,
div.formrow-disp div.sub-label,
div.formrow-file div.sub-label {
	clear: both;
	width: 15em;
	padding: 0;
	float: left;
}

div.formrow-std div.sub-field, 
div.formrow-area div.sub-field,
div.formrow-select div.sub-field,
div.formrow-disp div.sub-field,
div.formrow-file div.sub-field {
	float: left;
}

div.formrow-std div.sub-field, 
div-formrow-file div.sub-field {
	min-width: 15.5em;
}

div.formrow-std div.sub-field input{
	min-width: 15.5em;
	width: 100%;
}

div.formrow-select div.sub-field select{
	min-width: 15.5em;
	width: 100%;
}

.formhelptext{
	color: #083163;
	margin: 0.4em 0;
}

input.formhelp{
	border: none;
	width: 15px; 
	height: 10px; 
	background-image: url(http://www.reha-servicestellen.de/internet/vdr/rhss.nsf/img/icon_info.gif);
}

div.formrow-std input.formhelp,
div.formrow-area input.formhelp,
div.formrow-select input.formhelp,
div.form-optiongroup input.formhelp {
	display: block;
	margin-top: 0.4em;
	margin-left: 0.4em;
	float: left;
	width: 15px;
}
div.formrow-area input.formhelp{
	margin: 0;
	margin-left: 0.1em;
}
div.formrow-select input.formhelp{
	margin-left: 0.9em;
}


/* submit / reset */

div.formrow-buttons{
	text-align: right;
}

/* optionen-gruppe (radio / checkbox) */

div.form-optiongroup div.sub-left{
	width: 16.5em;	
	float: left;
	clear: left;
}
div.form-optiongroup div.sub-right{
	width: 16.5em;
	float: left;
}

div.form-optiongroup input{
	border: none;	
}

div.form-optiongroup div.sub-label{
	float: left;
	margin-left: 0.5em; 
	width: 14em;
}

div.form-optiongroup div div div{
	float: left;
}

/* -------------------------------------------------------------------
| Erweiterungen für Anwendung Verfahrenskoordination
 ------------------------------------------------------------------ */

div.formrow-std div.sub-fieldread, 
div.formrow-area div.sub-fieldread,
div.formrow-select div.sub-fieldread,
div.formrow-disp div.sub-fieldread {
	float: left;
	padding: 0.5em 0 0;
}
 
div.form-optiongroup input.sub-twocol {
	margin-top: .1em;
}

div.formrow-area div.sub-field textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	width: 100%;
	height: 5.75em;
}

.file-upload {
	border: 1px #083163 solid;
	width: 12em;
}

ol.errorlist {
	padding: 0 0 0 1em;
	margin: 0 0 1em 1em;
	color: rgb(204, 0, 0);
}

ol.errorlist a {
	color: rgb(204, 0, 0);
}

ul.error {
	padding: 0 0 0 1em;
	margin: .5em 0 .5em .5em;
	list-style-type: square;
}

p.fieldnote {
	margin-left: 15em;
}

div.formrow-select input.checkbox {
	border: 0;
	padding: 0;
	margin: 0.1em 0;
}