/* KOMMENTAR ------------------------------------------------------------------
X-CSS-Framework. Zwei Modelle: .form-float und .form-top.
------------------------------------------------------------------------- K.P.*/

/* KOMMENTAR ------------------------------------------------------------------
Klasse fuer Formular. (Verhindert Konfusion mit Xaraya-Styles.)
------------------------------------------------------------------------- K.P.*/
/* .form {} */

/* KOMMENTAR ------------------------------------------------------------------
Fieldset
------------------------------------------------------------------------- K.P.*/
.form fieldset {
	border-top: 2px solid #363;
	border-left: none; 
	border-bottom: none; 
	border-right: none;
}

/* KOMMENTAR ------------------------------------------------------------------
Legend
------------------------------------------------------------------------- K.P.*/
.form legend {
	margin: 0;
	padding: .2em;
	background: #996;
	color: #fff;
}

/* KOMMENTAR ------------------------------------------------------------------
Formularabsatz
------------------------------------------------------------------------- K.P.*/
.form-row {
	margin: .6em 0;
}

/* KOMMENTAR ------------------------------------------------------------------
Hilfstext
------------------------------------------------------------------------- K.P.*/
.form-row .form-description {
	font-size: .8em;
	margin-top: 0;
}

/* KOMMENTAR ------------------------------------------------------------------
Pflichtfeld
------------------------------------------------------------------------- K.P.*/
.form-required {
	color: #ef7500;
	background: inherit;
	font-size: .8em;
}

/* KOMMENTAR ------------------------------------------------------------------
Label
------------------------------------------------------------------------- K.P.*/
.form label {
	cursor: pointer;
	font-weight: bolder;
	padding: .3em;
}

/* KOMMENTAR ------------------------------------------------------------------
Checkboxen (immer mehr als eine, deswegen immer als Liste).
------------------------------------------------------------------------- K.P.*/
.form-checkbox ul {
	list-style: none;
}

.form-checkbox input {
	width: auto;
}

.form .form-checkbox label {
	display: inline;
}

/* KOMMENTAR ------------------------------------------------------------------
Radiobuttons
------------------------------------------------------------------------- K.P.*/
.form-radio ul {
	list-style: none;
}

.form-radio ul li label {
	display: inline;
}

.form-radio ul li input {
	width: auto;
}

/* KOMMENTAR ------------------------------------------------------------------
Groesse der Felder (siehe experimentell: xarBB)
.form-input-small {}
.form-input-medium { }
.form-input-big {}
------------------------------------------------------------------------- K.P.*/

/* KOMMENTAR ------------------------------------------------------------------
MODELL: .form-top
------------------------------------------------------------------------- K.P.*/

.form-top label {
	display: block;
	float: none;
	width: auto;
}

.form-top .form-text input {
	width: 66%;
}

.form-top .form-submit input {
	width: auto;
}

.form-top .form-textarea textarea {
	width: 66%;
	height: 16em;
}

.form-top .xar-form-container-after {
	margin: 0;
}/* KOMMENTAR
To do (Anti-Xaraya). Die Klasse taucht u.U. in DD-Feldern auf.
------------------------------------------------------------------------- K.P.*/

.form-top .xar-form-textareamedium {
	width: 97%;
	height: 16em;
}/* KOMMENTAR
To do (Anti-Xaraya)
------------------------------------------------------------------------- K.P.*/

/* KOMMENTAR ------------------------------------------------------------------
MODELL: .form-float
------------------------------------------------------------------------- K.P.*/
.form-float .form-row {
	margin: .6em 0;
	overflow: hidden;
	clear: both;
}

.form-float .form-label,
.form-float .xar-form-label {
	display: block;
	float: left;
	width: 8em;
	border: 1px solid #996;
	background-color: #eeb;
	color: inherit;
	padding: .3em;
	margin-right: 1em;
}

.form-float textarea {
	width: 26em; 
	height: 18em;
} /* KOMMENTAR 
	TODO: differenzieren.
------------------------------------------------------------------------- K.P.*/

.form-float .form-text input {
	width: 26em; 
}

/* KOMMENTAR ------------------------------------------------------------------
Improvisationen: Module
------------------------------------------------------------------------- K.P.*/
#loginform .form-text input {
	width: 66%;
}