@charset "utf-8";
/* CSS Document */

/* *******************************
	Website graugans-Design.de
	Vers. 4.0
	August 2010
	Autor: graugans-Design
******************************* */

/* *******************************
	CSS fürs Formular
******************************* */

/* Das Formular umgebende DIV */
#formular {
	margin-top: 20px;
	float: left;
	width: 300px;	
}

/* Das DIV mit der Adresse neben dem Formular */
#adresse {
	margin-top: 35px;
	margin-left:300px;
	padding-left: 40px;
	padding-bottom: 5px;
	border-left: 1px solid #616a70;	
}

/* etwas Abstand zu Eingabefeldern */
label {
	margin-bottom: 2px;	
}

*+ html label {
	margin-bottom: 2px !important;	
}

/* Zeilenumbruch nach dem Label-Element */
.block {
	display: block;	
}

/* Eingabefelder stylen */
.eingabefeld {
	height: 21px;
	border: 1px solid #616a70;
	width: 240px;
	padding:2px;
	margin-bottom: 10px;	
}

/* Höhe der Textarea */
#formular textarea {
	height: 120px;	
	margin-bottom: 10px;
	font-family: Verdana, Geneva, sans-serif;
	font-size:1em;
}

/* Eingabefelder aktiv */
.eingabefeld:focus {
	border: 1px solid white;
	outline: 2px solid #72a7e3;
}

/* Absendeknopf */
#senden {
	padding: 7px 15px;
	border: none;
	background: #72a7e3;
	color: white;		
}

/* Absendeknopf hover */
#senden:hover,
#senden:focus {
	background: #e77b22;
	cursor: pointer;
}

#senden:active {
	padding-top: 8px;
	padding-bottom: 6px;
}