/******************************************************************************
 *
 *  Projekt.......: stockmaritime.com
 *  Modul.........: form.css
 *  Kurzinfo......: Zusatzstile für komplexe Formulare
 *  Autor.........: Thomas Hooge (tho)
 *  eMail.........: entwicklung@tho-consulting.de
 *
 ******************************************************************************/

form.complex {
	margin: 0;
	width:  80%;
	overflow: hidden;
}
form.complex div.head {
	background: url(../images/form_lo.png) no-repeat top left;
	margin: 0;
	padding: 0 0.5em 0 0;
	width: 61.8%;	/* Goldener Schnitt */
	font-size: 0.8em;
}
form.complex div.head h3 {
	margin: 0 0 0 8px;
	padding: 8px 0.5em 4px 0;
	background: url(../images/form_ro.png) no-repeat top right;
}
form.complex div.content {
	background-color: #fffbe5;
	padding-top: 0.5em;
	padding-right: 8px;
}
form.complex div.field {
	clear: left;
	margin: 0 0 0 8px;
	padding: 0;
}
form.complex label {
	float: none;
	margin-left: 0.3em;
	margin-right: 1em;
}
form.complex label.left {
	float: left;
	margin: 0.5em 1em 0 0;
	width: 8em;
	font-size: 0.9em;
}
form.complex span.pflicht {
	padding-left: 0.5em;
	color: #df421e;
}
form.complex p.errmsg {
	clear: left;
	margin: 0 0 0 10em;
	color: #f44;
	font-size: 0.8em;
}
form.complex input[type=text],
form.complex input[type=file],
form.complex select,
form.complex textarea {
	float: left;
	margin: 0.4em 0 0 0;
	padding-left: 2px;
	font-size: 0.9em;
}
form.complex input[type=checkbox] {
	float: none; 
	margin-left: 9em;
	margin-top: 1em;
}
form.complex input[type=radio] {
	float: none;
}
form.complex span.option {
	white-space: nowrap;
}
form.complex textarea {
	font-size: 0.9em;
}
form.complex p.buttons {
	float: none;
	clear: left;
	margin: 0 0 0 8em;
	padding: 1em 1em 0.5em 8px;
}