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

/*==================================*/
/* Website hans-otte.de				*/
/* Datum: April 2011				*/
/* Autor: graugans			*/
/*==================================*/

/*==============================*/
/* Formular					 	*/
/*==============================*/

/* Einige Styles auch auf das Formular auf der Landing-Page anwenden */

#kontakt fieldset {
	border: 1px solid #cabda6;	
	padding: 10px 20px 0px 20px;
	margin-bottom: 20px;
	text-align: left;
}


#kontakt legend {
	padding: 0 6px;	
	font-size: 20px;
	font-family: "Vollkorn";
	font-style: italic;
	color: #ab9574;
	text-align: left;
	margin-left: -5px;
	
}

/* Beschriftung der Eingabefelder */
#kontakt fieldset label {	
	display: block;
}

/* Eingabefelder */
#kontakt fieldset input.eingabefeld,
#kontakt textarea {
	width: 403px;
	height: 34px;
	background: #fff;
	border: none;
	padding: 0 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

/* Eingabefelder beim ausfüllen */
#kontakt fieldset input:focus,
#kontakt textarea:focus {
	width: 403px;
	height: 30px;
	border: 2px solid #cabda6;	
	padding: 0 0;	
}

#kontakt textarea {
	height: 153px;	
	padding: 2px 2px;
}

#kontakt textarea:focus {
	height: 153px;
	padding: 0 0;
}

/* Eingabefeld Telefon und Behörde Abstand unten */
#telefon, #behoerde {
	margin-bottom: 20px;	
}

/* Absenden-Button */
#kontakt #senden {
	width: 228px;
	height: 39px;
	background: url(../img/hintergruende/absenden_button.gif) no-repeat 0 top;
	color: #fff;
	font-size: 16px;
	font-style: italic;
	font-family: "Vollkorn";
	letter-spacing: 1px;
	padding-bottom: 1px;	
	text-align: middle;
	border: none;
}

#kontakt #senden:hover,
#kontakt #senden:focus  {
	background: url(../img/hintergruende/absenden_button.gif) no-repeat 0 -38px;
}

#kontakt #senden:active {
	padding-top: 2px; /* Schrift rutscht nach unten */
}

/* "Größere Kartenansicht" helles blau */
#kontakt small a {
	color: #5775a5;
}