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

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

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

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

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


#kontakt legend {
	padding: 0 6px;	
	font-size: 14px;
	font-weight: bold;
	color: #729ee6;
	text-align: left;
	margin-left: -5px;
	
}

/* Beschriftung der Eingabefelder */
#kontakt fieldset label {	
	vertical-align: top;
	margin-left: 10px;
}

/* Eingabefelder */
#kontakt fieldset input.eingabefeld,
#kontakt textarea {
	/*display: block;*/
	width: 236px;
	height: 23px;
	border: 1px solid #bbbbbb;	
	background: #fbfbfe;
	padding: 0 2px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

/* Rahmen um Checkboxen */
.checkboxen {
	padding-bottom: 10px !important;	
}

/* Text der Checkboxen enger zusammen */
.checkboxen p {
	margin-bottom: 10px;	
}

/* Eingabefelder beim ausfüllen */
#kontakt fieldset input:focus,
#kontakt textarea:focus {
	width: 236px;
	height: 21px;
	border: 2px solid #bbbbbb;	
	padding: 0 1px;	
}

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


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

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

/* Absenden-Button */
#kontakt #senden {
	width: 149px;
	height: 30px;
	background: url(../img/site/button-abschicken.gif) no-repeat top;
	color: #fff;
	/*padding-right: 25px;*/
	padding-bottom: 1px;	
	text-align: middle;
	border: none;
}

#kontakt #senden:hover,
#kontakt #senden:focus  {
	background: url(../img/site/button-abschicken.gif) no-repeat 0 -30px;
}

#kontakt #senden:active {
	background: url(../img/site/button-abschicken.gif) no-repeat bottom;
	padding-top: 2px; /* Schrift rutscht nach unten */
}


/* rechte Spalte Adresse links neben Karte */
#kontakt .adresse {
	width: 170px;
	height: 350px;
	margin-right: 20px;
	float: left;
	text-align: right;
}

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