/* ************************** Verschiedene Formularfelder und divs zur Aufteilung der Felder ****************************** */


/* ------------ Formularfelder ---------- */

form
{
	margin:		0px;
	padding:0px;
}

fieldset
{
	border:		0px solid #000;
	padding:	0px;
	margin:		0px;
}

fieldset.gaestebuch
{
	border:		0px solid #000;
	padding:	1em 2em;
	margin:		2em 0 0 0;
	width:80%;
}

html > body fieldset
{
	background:	none; /*#FBEFB5;*/
}

select
{
	width:		25em;
	border:		1px solid #00529B;
}


select:hover, input.allgemein:hover, input.gaestebuch:hover, textarea.allgemein:hover, textarea.gaestebuch:hover
{
	border:		1px solid #00529B;
	color:		#31709F;
}

select:focus, input.allgemein:focus, input.gaestebuch:focus, textarea.allgemein:focus, textarea.gaestebuch:focus
{
	background:	#f2f8fb;
	border:		1px solid #00529B;
	color:		#000;
}

legend
{
	color:		#000;
}

label
{
	width:10em;
	float:left;
	font-weight:normal;
	margin-top:2px;
	text-align:left;
}

label.gaestebuch
{
	width:6em;
}

input.allgemein, .fehlerFeld
{
	border:		1px solid #00529B;
	padding:	2px;
	background-color:#F2F4DB;
	width: 25em;
	margin-bottom:1px; /* für Firefox erforderlich da die Felder sonst keinen Abstand zum nächsten haben */
}

input.gaestebuch
{
	float:left;
	border:		1px solid #00529B;
	padding:	2px;
	background-color:#F2F4DB;
	width: 15em;
	margin-right:15px;
	margin-bottom:1px; /* für Firefox erforderlich da die Felder sonst keinen Abstand zum nächsten haben */
}

input.suche
{
	border:		1px solid #00529B;
	padding:	2px;
	background-color:#F2F4DB;
	width: 80%; /* muss in Prozent angegeben werden weil die Suche auch in der rechten Spalte vorkommen kann */
	margin-right:5px;
	margin-bottom:1px; /* für Firefox erforderlich da die Felder sonst keinen Abstand zum nächsten haben */
}

.fehlerFeld
{
	border:	1px solid #ff0000;
}

.fehlerText, .fehlerTextBold
{
	color:#ff0000;
}

.fehlerTextBold
{
	font-weight:bold;
}

#land
{
	width:2em;
	margin-right:0.1em;
}

#plz
{
	width: 4.1em;
	margin-right:1px;
}

* html #plz
{
	width: 4em;
	margin-right:0.1em;
}

#ort
{
	width: 17.2em;
}

* html #ort
{
	width: 17.3em;
}

#strasse
{
	width: 20.9em;
}

* html #strasse
{
	width: 20.8em;
	margin-right: 2px;
}

#hausnr
{
	width: 3.3em;
}


textarea.allgemein
{
	border:		1px solid #00529B;
	padding:	2px;
	width:		25em;
	height:		15.7em;
	background-color:#F2F4DB;
	overflow:auto;
}

textarea.gaestebuch
{
	float:left;
	border:		1px solid #00529B;
	padding:	2px;
	width:		37.7em;
	height:		10em;
	background-color:#F2F4DB;
	overflow:auto;
}

fieldset.radio input
{
	border:		none;
	background:	none;
	left:		17.5em;
}

* html fieldset.radio input
{
	left:		18.5em;
}


input.checkbox
{
	border:0px;
	background-color:#EBECF5;
	margin-right:3px;
}

.button
{
	padding-left:2px;
	padding-right:2px;
	margin-right:3px;
	border:1px solid #00529B;
	background-color:#F2F4DB;
}

.buttonSuche
{
	padding-left:2px;
	padding-right:2px;
	margin-left:5px;
	border: 			0px solid #00529B;
	background-color:	#F2F4DB;
	color: 				#0075ae;
}

.pflichtfeld
{
	color:				#be0022;
}