@CHARSET "ISO-8859-1";

/*	-------------------------------------------------------------
	LabeledArea: CSS-Formatierung
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
div.labeledarea > input, div.labeledarea > select {
	clear: both;
	border: 1px solid #ccc;
	color: #333;
	font-weight: normal;
	margin: 0.2em 0;
	-moz-border-radius: 4px;
	display: block;
}

div.uta_size_s > input, div.uta_size_s textarea , div.uta_size_s iframe{
	min-height:150px;	
}
div.uta_size_m > input, div.uta_size_m textarea , div.uta_size_m iframe{
	min-height:250px;	
}
div.uta_size_l > input, div.uta_size_l textarea , div.uta_size_l iframe{
	min-height:400px;	
}
div.uta_size_xl > input, div.uta_size_xl textarea , div.uta_size_xl iframe{
	min-height:600px;	
}

	


div.labeledarea textarea {
	border: 1px solid #ccc;
	margin: 0.4em 0;
	width: 90%;
	height: 15em;
}

div.labeledarea{
	margin: 0 20px 10px 20px;
}

div.labeledarea > * {
	margin-bottom: 0.5em;
}
div.labeledarea > *:first {
	margin-top: 1em;
}
div.labeledarea > label {
	margin-left: 0.5em;
}

div.labeledarea input:focus,div.labeledarea textarea:focus {
	border: 1px solid #C8E67A;
	background-color: #ffffa0;
}

div.labeledarea label {
	margin: 0.5em, 0, 0.2em, 0.5em;
	font-size: 0.9em;
	display: block;
}

div.labeledarea em.hint {
	color: #959595;
	font-size: 1em;
}

div.labeledarea .validationfailed {
	background: #ffcccc url(../../img/form/exclamation.gif) no-repeat 98%
		3px;
}

div.labeledarea .validationpassed {
	background: #E2FFDB url(../../img/form/accept.gif) no-repeat 98% 3px;
}

div.labeledarea .validation-advice {
	color: #cc0000;
	font-style: italic;
	font-size: 0.9em;
}

div.labeledarea .small {
	width: 25%;
}

div.labeledarea .medium {
	width: 50%;
}

div.labeledarea .large {
	width: 100%;
}

textarea.small {
	height: 5.5em;
}

textarea.medium {
	height: 10em;
}

textarea.large {
	height: 20em;
}