/* ------------------------------------------------------------------------------------	*/
/* Definition fuer das Kontaktformular.                                         	*/
/* ------------------------------------------------------------------------------------	*/
/* Das Formular teilt sich in zwei Bereiche auf:                                  	*/
/* - Persoenliche Daten               							*/
/* - Nachrichtentext                            					*/
/* ------------------------------------------------------------------------------------	*/
form
{
	background-color: #FFFFCC;
	padding		: 0px;
	height		: 98%;
}
/* Beschriftung der Eingabefelder auf einer eigenen Zeile				*/
label
{ 
	margin		: 5px 0;
	display		: block;
	cursor		: pointer;			/* Mauszeiger wird zur Hand	*/
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/
/* Eingabefelder fuer die persoenlichen Daten            				*/
input#name, input#vorname, input#telefon, input#absender, textarea
{
	width		: 200px;
	height		: 1.1em;
	padding		: 2px;
	border		: 1px solid #000000;
	margin-bottom	: 7px;
	font-size	: 11pt;
}

input#absender
{
	width		: 350px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/
/* Eingabefeld fuer die Nachricht          	            				*/
textarea
{
	font		: 100% Verdana, Arial, Helvetica, sans-serif;
	font-size	: 10pt;
	width		: 100%;
	height		: 11em;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 	*/

/* Selektiertes Eingabefeld erhaelt anderen Hintergrund 				*/
input:focus, textarea:focus
{
	background-color: #E0FFFF;
}

/* Beschriftung der Eingabebereiche (Legende)           				*/
legend
{
	font-weight	: bold;
	color		: #000000;
} 

/* Eingabefelder-Bereich			           				*/
fieldset
{
	display		: block;
	width		: 97%;
	padding		: 10px;
	border		: 1px solid #000000;
	margin-left	: 2px;
	margin-right	: 5px;
	margin-bottom	: 8px;
}