﻿/* Style Sheet */
p#fehler {
font-weight:bold;
color:#cc0033;
}
form {
	padding: 0;
	margin:2em 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
form p {
	position:relative;
	/* Bezug für span.feedback */
}	
#infoformular label {	
	float: left;
	width: 10em;
	font-size:1.1em;
}
input, select, checkbox {
	border: 1px solid #f8f2f2;
	width: 20em;
}
input, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.2em;	
}
select {
	margin-bottom: 0.2em;
}
input:hover,
input:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus,
option:hover,
option:focus {
	border: 1px solid #de5488;
}
option {
	background: white;
}
textarea {
	border: 1px solid #f8f2f2;
	font-size:1.2em;
	width: 30em;
}
.schalter {
	background: #ff6d18;
	border: 1px solid #f8f2f2;
	color: #f4EAEA;
	width: 15em;
}
.schalter:hover, .schalter:focus {
	background: #ff6d18;
	border: 1px solid #f8f2f2;
	color: white;
}
.hinweis {
	font-size:0.9em;
}
fieldset {
width:56em;
	border:solid 1px #f8f2f2;
	margin:2.5em 0;
	padding:0.5em;
}
legend {
	color:#ff6d18;
	padding:0.2em 0;
	font-weight:bold;
}
span.feedback, #infoformular label.error {
font-size:1.2em;
	position:absolute;
	top:0px;
	left:31em;
	width:16em;
	color:#cc0033;
}
span.areafeedback {
position:absolute;
	top:0;
	left:30em;
	width:8em;
	font-weight:bold;
	color:#cc0033;	
}
.cleaner {
	clear:left;
}
p#button {
	width:45em;
	text-align:center;
}
p label, p input {
	margin-bottom:0.2em;
}
p.dick label, p.dick input {
	margin-bottom:1.4em;
}
.wichtig {
	font-weight:bold;
}
#infoformular input.error, #infoformular textarea.error  {
background:#fcfafa;
}
#infoformular label.error {	
z-index:2;
}
