@CHARSET "UTF-8";
/**
 * Formular-Styles.
 *
 * @created 07 2009
 * @creator Sophie Schwalbe
 * @version $Revision: $
 * @author $Author: $
 * @date $Date: $
 * @packagge: qrw
 * @subpackagge: css.form
 */


/* ____________________________________________________________
 *
 *   Basis
 *
 * ------------------------------------------------------------
 */

form {
	padding-bottom: 1.4em;
	width: 27.38em;
}
.actions_editform {
	width: 27.38em !important;
	width: 100%;
}

form .tablecellfooter {
	clear: right;
}


form hr {
	border: none;
	height: 1px;
	background-color: #B8B8B8;
	margin-left: 0.5em;
	margin-right: 0.5em;
	margin-top: 2.5em;
}
form h3, h4, h5, h6 {
	margin-top: 0.8em;
	margin-bottom: 0.35em;
	margin-left: 10.95em;
}
legend {
	font-weight: bold;
}

input.text,
select,
textarea,
span.infoinput,
input.fileinput {
	border-style: solid;
	border-width: 1px;
	border-color: #B8B8B8;
	display: block;
	margin-bottom: 0.5em;
	margin-top: 0 !important;
	margin-top: -0.1em;
}
input.text,
select,
textarea,
input.checkbox,
span.infoinput,
input.fileinput {
	margin-left: 14em;
}
span.infoinput {
	padding-top: 0.15em;
	height: 1.5em;
	border: none;
}
input.text {
	padding-top: 0.15em;
	padding-bottom: 0.15em;
	
	width: 24.72em !important;
	width: 25.15em;
	padding-left: 0.25em;
}
input.text.date {
	width: 6.4em !important;
	width: 6.9em;
}
input.fileinput {
	width: 31.6em !important;
	width: 31.25em;
	padding-left: 0.25em;
}
input.fileinput,
span.fileinput {
	display: block;
}
textarea {
	height: 4em;
	width: 31.2em;
	padding-left: 0.25em;
}
select {
	height: 1.85em;
	width: 31.6em !important;
	width: 33em;
}
select.multi {
	height: 5.5em;
	height: 7.4em;
}
select.multi.row1 {
	height: 1.85em;
}
option {
	padding-left: 0.25em;
}
select.multi option {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
label,
span.infolabel {
	display: block;
	width: 10em !important;
	width: 10em;
	float: left;
	text-align: right;
	line-height: 1.5em;
	padding-right: 1em;
	
	position: absolute;
	white-space: nowrap;
	
	padding-top: 0.05em;
}
p.hint {
	color: #999999;
	margin-bottom: 0.7em;
	font-size: 0.55em;
	line-height: 1em;
	margin-left: 17.9em;
	width: 31.91em;
}
form p.struct {
	margin: 0;
}
span.buttonwrap {
	display: block;
	float: right;
}
input.button {
	cursor: pointer;
	border: none;
	background-color: transparent;
	background-image: url('../pixel/button_next.gif');
	background-repeat: no-repeat;
	background-position: left top;
	height: 100%;
	width: 100%;
	padding-top: 100%;
	height: 10em;
}
.buttonwrap {
	height: 4.8em;
	width: 4.6em;
	overflow: hidden;
}
.buttonwrap.login input.button{
	background-image: url('../pixel/button_login.gif');
}
.buttonwrap.register input.button{
	background-image: url('../pixel/button_register.gif');
}

input.checkbox {
	position: relative;
	top: -0.3em;
	left: 0 !important;
	left: -0.25em;
}


/* ____________________________________________________________
 *
 *   Validierung
 *
 * ------------------------------------------------------------
 */
form.inputform .fielderror .message,
form.inputform .fieldseterror .message {
	display: block;
	border: none;
	color: #FF0000;
	font-size: 0.55em;
	line-height: 0.55em;
	padding-bottom: 0.1em;
	width: 100%;
	margin-left: 17.85em;
	width: 31.96em;
}
form.inputform .fielderror input.text,
form.inputform .fielderror textarea,
form.inputform .fielderror select {
	border-color: #FF0000;
}
form.inputform .fielderror .message br,
form.inputform .fieldseterror .message br {
	display: none;
}
form.inputform .fielderror .message strong,
form.inputform .fieldseterror .message strong {
	padding-right: 0.2em;
}

/* ____________________________________________________________
 *
 *   Dialoge
 *
 * ------------------------------------------------------------
 */
.dialog {
	background-color: #f7f7f7;
	width: 31.5em;
	border-style: solid;
	border-width: 1px;
	border-color: #B8B8B8;
	padding-top: 1em;
	padding-bottom: 1.3em;
}
.dialog .description {
	text-align: center;
	padding-left: 1.2em;
	padding-right: 1.2em;
	padding-bottom: 0.8em;
}
.dialog .action ul.col1 {
	margin-left: 13.2em;
}
.dialog .action ul.col2 {
	margin-left: 10em;
}
.dialog .action li {
	list-style: none;
	text-align: center;
	display: block;
	float: left;
	padding: 0.1em;
	width: 8em;
	background-color: #bababa;
	border-style: solid;
	border-width: 1px;
	border-color: #888888;
	cursor: pointer;
	background-image: url('../pixel/bg_button.gif');
	background-position: top left;
	background-repeat: repeat-x;
	height: 1.5em;
	line-height: 1.5em;
	margin-right: 0.5em;
	margin-left: 0.5em;
}
.dialog .delimiter {
	clear: both;
}
.dialog .action li a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 1.5em;
}



/* ____________________________________________________________
 *
 *   schmales Teaser-Layout
 *
 * ------------------------------------------------------------
 */
form.inputform.teaser,
form.inputform.teaser .actions_editform {
	width: 13em !important;
}
form.inputform.teaser input.text,
form.inputform.teaser select,
form.inputform.teaser textarea,
form.inputform.teaser input.checkbox,
form.inputform.teaser span.infoinput,
form.inputform.teaser input.fileinput {
	margin-left: 5.6em;
}
form.inputform.teaser input.text {
	width: 12em !important;
	width: 12em;
}
form.inputform.teaser label,
form.inputform.teaser span.infolabel {
	width: 6em !important;
	width: 6em;
}
form.inputform.teaser .fielderror .message,
form.inputform.teaser .fieldseterror .message,
form.inputform.teaser p.hint {
	margin-left: 7.1em;
	width: 29.8em;
}
