/* Elemente */
body { 
	margin: 0; /*wegen opera - opera setzt einen eigenen margin auf den body, wenn man es laesst*/
	padding: 0;
	font-size: 100%;
}
hr {
	color: #517FB6; /* Aenderbar: Trennstrich-Farbe */
	background-color: transparent;
	width: 100%; /* Aenderbar: Trennstrich-Breite */
	height:2px; /* Aenderbar: Trennstrich-Dicke */
}
p {
	color: #274997; /* Aenderbar: normaler Absatz -Farbe */
	background-color: transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;/* Aenderbar: normaler Absatz - Schrift */
	font-size: 0.8em; /* Aenderbar: normaler Absatz - Schriftgroesse */
	font-weight: normal;/* Aenderbar: normaler Absatz - Schriftdicke */
}
h1 {
	color: #274997; /* Aenderbar: normale Ueberschrift1 - Schriftfarbe */
	background-color: transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;/* Aenderbar: normale Ueberschrift1 - Schrift */
	font-size: 1em; /* Aenderbar: normale Ueberschrift1 - Schriftgroesse */
	font-weight: bold; /* Aenderbar: normale Ueberschrift1 - Schriftdicke */
}
h3 {

	color: #ffffff; /* Aenderbar: normale Ueberschrift2 - Schriftfarbe */
	background-color: #274997;	
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Aenderbar: normale Ueberschrift2 - Schrift */
	font-size: 0.8em; /* Aenderbar: normale Ueberschrift2 - Schriftgroesse */	
	font-weight: bold; /* Aenderbar: normale Ueberschrift2 - Schriftdicke */
	padding: 3px;
}
h2 {
	color: #274997; /* Aenderbar: normale Ueberschrift3 - Schriftfarbe */
	background-color: transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 0.8em; /* Aenderbar:  Schriftgroesse */
	font-weight: bold; /* Aenderbar: s.o. */
}
h4 {
	color: #274997;  /* Aenderbar: normale Ueberschrift4 - Schriftfarbe */
	background-color: transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 0.8em; /* Aenderbar:  Schriftgroesse */
	font-weight: normal; /* Aenderbar:  Textdicke */
	margin-top: -10px;
}
div td {
	color: #000080; /* Aenderbar:  Tabellendatenschriftfarbe */
	background-color: transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 0.8em;/* Aenderbar: Tabellendatenschriftgroesse */
	font-weight: bold; /* Aenderbar:  Textdicke */
	padding: 0;
	vertical-align: top;
}
th {
	color: #ffffff; /* Aenderbar:  Tabellenueberschriftfarbe */
	background-color: #4170D4; /* Aenderbar:  Hintergrundfarbe */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 0.9em; /* Aenderbar:  Schriftgroesse */
	font-weight: bold; /* Aenderbar:  Textdicke */
	text-align: left; /* Aenderbar: s.o. */
	padding: 0;
}
form div label {
	color: #000080; /* Aenderbar:  Labelschriftfarbe */
	background-color: transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 0.7em; /* Aenderbar:  Schriftgroesse */
	font-weight: normal; /* Aenderbar:  Textdicke */
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	width: auto;
}
form div select, form input {
	color: #274997; /* Aenderbar:  Select und Input Schriftfarbe */
	background-color: #fff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 0.8em; /* Aenderbar:  Schriftgroesse */
	font-weight: normal; /* Aenderbar:  Textdicke */
	margin-top: 10px;
	margin-right: 10px;
	float: right;
}
input#submitbutton { /* den Submit-Button kann man fuer den IE nur ueber die ID stylen*/
	color: #00006B; /* Aenderbar:  Vordergrundfarbe */
	background-color: #A5C1F9; /* Aenderbar:  Hintergrundfarbe */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 0.9em; /* Aenderbar:  Schriftgroesse */
	font-weight: normal; /* Aenderbar:  Textdicke */
	margin-top: 10px;
	margin-right: 10px;
  	float: right;
}
form br { /* Alle Zeilenumbrueche in Formularen auswaehlen */
	clear: both; /* das floating der labels und inputs aufheben */
}

/* Pseudo-Klassen */
a:link {
	color: #0000B0; /* Aenderbar:  Schriftfarbe normaler Link */
	background-color: transparent; /* Aenderbar:  Hintergrundfarbe */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	text-decoration: underline; /* Aenderbar:  Textschnoerkel */
}
a:visited {
	color: #000080; /* Aenderbar:  Schriftfarbe schon besuchter Link */
	background-color: transparent; /* Aenderbar:  Hintergrundfarbe */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	text-decoration: underline; /* Aenderbar:  Textschnoerkel */
}
a:active { 
	color: #274997; /* Aenderbar:  Schriftfarbe aktiver Link */
	background-color: transparent; /* Aenderbar:  Hintergrundfarbe */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	text-decoration: underline; /* Aenderbar:  Textschnoerkel */
}
a:hover {
	color: #0000f0; /* Aenderbar:  Schriftfarbe mit Maus ueber dem Link */
	background-color: transparent; /* Aenderbar:  Hintergrundfarbe */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	text-decoration: none; /* Aenderbar:  Textschnoerkel */
}
/* Klassen */
.banner {
   	position: absolute;  
	left: 0px; 
	top: 0px;
}
.unterstrich{
	color: #517FB6; /* Aenderbar:  Vordergrundfarbe */
	background-color: transparent;
	width: 100%; /* Aenderbar:  Breite */
	height:2px; /* Aenderbar:  Hoehe */
}
.clearboth { 
	clear: both; 
}
.texth1 {
	color: #274997; /* Aenderbar:  Vordergrundfarbe */
	background-color: transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 1em; /* Aenderbar:  Schriftgroesse */
	font-weight: bold; /* Aenderbar:  Textdicke */
}
.texth2 {
	color: #274997; /* Aenderbar:  Vordergrundfarbe */
	background-color: transparent; /* Aenderbar:  Hintergrundfarbe */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 0.8em; /* Aenderbar:  Schriftgroesse */
	font-weight: bold; /* Aenderbar:  Textdicke */
}
.texth3 {
	color: #274997; /* Aenderbar:  Vordergrundfarbe */
	background-color: transparent;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 0.8em; /* Aenderbar:  Schriftgroesse */
	font-weight: bold; /* Aenderbar:  Textdicke */
}
.texth4 {
	color: #274997; /* Aenderbar:  Vordergrundfarbe */
	background-color: transparent; /* Aenderbar:  Hintergrundfarbe */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 0.8em; /* Aenderbar:  Schriftgroesse */
	font-weight: normal; /* Aenderbar:  Textdicke */
}
.screenreader{
	display: none;
}
.flaechegebiet {
	position: relative;
	left: 25px; 
	top: -40px;
	width: 12em; 
	height: 6em;
	z-index: 0;
	color: #274997; /* Aenderbar:  Vordergrundfarbe */
	background-color: #d0dcf8; /* Aenderbar:  Hintergrundfarbe */
}
.flaechegebiet {
	position: relative;
	left: 25px; 
	top: -40px;
	width: 12em; 
	height: 6em;
	z-index: 0;
	color: #274997; /* Aenderbar:  Vordergrundfarbe */
	background-color: #d0dcf8; /* Aenderbar:  Hintergrundfarbe */
}
.flaechebeschreibung {
	position: relative;
	left: 5%; 
	top: -40px;
	width: 22em; 
	z-index: 0;
	color: #274997; /* Aenderbar:  Vordergrundfarbe */
	background-color: #d0dcf8; /* Aenderbar:  Hintergrundfarbe */
}
.flaechemittel {
	position: absolute;
	right: 0px; 
	top: 2.5em;
	width: 90%; 
	height: 7em; 
	z-index: 0;	
	color: #274997; /* Aenderbar:  Vordergrundfarbe */
	background-color: #d0dcf8; /* Aenderbar:  Hintergrundfarbe */
}
.flaecheklein {
	position: relative;
	left: 8%; 
	bottom: 30%;
	width: 90%;
	min-width: 230px;
	height: 3.3em; 
	z-index: 0;	
	color: #274997; /* Aenderbar:  Vordergrundfarbe */
	background-color: #d0dcf8; /* Aenderbar:  Hintergrundfarbe */
}
.flaechegross {
	position: relative; 
	top: -50px; 
	left: 25px;
	width: 97%; 
	color: #274997; /* Aenderbar:  Vordergrundfarbe */
   background-color: #D0DCF8; /* Aenderbar:  Hintergrundfarbe */
	z-index: 0;
}
.flaechesuchergebnis {
	position: relative;
	top: 10px; 
	left: 0; 
	width: 90%; 
	color: #274997; /* Aenderbar:  Vordergrundfarbe */
   background-color: #D0DCF8; /* Aenderbar:  Hintergrundfarbe */
	margin-left: 0;
}
.inputbox {
	position: relative;
	left: 0;
	height: 100%;
	width: 85%;
}
.kategorie {
	color: #ffffff; /* Aenderbar:  Vordergrundfarbe */
	background-color: #4170D4; /* Aenderbar:  Hintergrundfarbe */
}
.kategorieheader1 {
	position: relative; 
	float: left;
	left: 5px; 
	width: 45%; 
	top: 10px;
}
.kategorieheader2 {
	position: relative;
	float: left;
	left: 5%;
	width: 45%; 
	top: 10px;
}
.fussnote {
	position: relative;
	top: 0;
	text-align: center;
	width: 100%;
	color: #274997; /* Aenderbar:  Vordergrundfarbe */
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 0.6em; /* Aenderbar:  Schriftgroesse */
	line-height: 15px; /* Aenderbar: Linienhoehe */
}
.fussnotestarr {
	position: absolute;
	top: 155%;
	text-align: center;
	width: 100%;
	color: #274997; /* Aenderbar:  Vordergrundfarbe */
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 0.6em; /* Aenderbar:  Schriftgroesse */
	line-height: 15px; /* Aenderbar: Linienhoehe */
}
.left {
	position: relative;
	left: 0;
	float: left;
	width: 50%;
}
.right {
	position: absolute;
	left: 50%;
	width: 50%;
	text-align: left;
}
.textCenter {
	text-align: center;
	vertical-align: middle;
}
.boxlinks {
	position: relative;
	top: 0;
	left: 0px;
	height: 99%;
	width: 49%;
	float: left;
}
.boxrechts {
	position: relative;
	top: 0;
	right: 0px;
	height: 99%;
	width: 49%;
	float: right;
}
.ergebnislisterahmenaussen {
	position: relative;
	width: 100%;
	border: 1px solid #CDD3E5;/* Aenderbar: Rahmen um Ergebnisliste */
	border-width: 1px 0px 2px 1px;
	height: 99.4%;/* bei 100% entsteht ein scrollbalken, ohne height ist der rahmen ohne suchergebnis mittig */
}
.ergebnislisterahmeninnen {
	border: 1px solid #CDD3E5;/* Aenderbar: Rahmen um Ergebnisliste */
	border-width: 1px 1px 0px 1px;
	height: 99.4%;/* bei 100% entsteht ein scrollbalken, ohne height ist der rahmen ohne suchergebnis mittig */
}
/* IDs */
#main {
	position: relative;
	left: 2%; /* Aenderbar: positionierung in der seite ... */
	right: 2%; /* Aenderbar: ... */
	width: 95%; /* Aenderbar: ... */
	height: 88%;/*wegen des logos - ohne logo 100%*/
}
#suchparameter {
	position: relative;
	width:100%;
	height: 10em;
}
#suchgebiet {
	position: absolute;
	margin-left: 0;
	margin-top: 0;
	width:35%;
	height:120px;
	float: left;
}
#datumseingabe {
	position: absolute;
	margin-top: 0;
	right: 0;
	width: 40%;
	height: 120px;
}
#radiusauswahl {
	position: relative;
	left: 150px; 
}
#radiusauswahltext {
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 14px;
}
#plzauswahl {
	position: absolute; 
	left: 100%;
	width: 200px;
	bottom: 0;
	padding: 5px;
	font-size: 0.8em;
}
#textdatum {
	position: absolute;
	right: 0px;
	bottom: -20px;
	color: #274997; /* Aenderbar:  Vordergrundfarbe */
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 11px; /* Aenderbar:  Schriftgroesse */
	font-weight: normal; /* Aenderbar:  Textdicke */
}
#kategorien {
	position: relative;
	top: 0;	
	margin: 0%;
	width: 100%;
	height: 90%;
}
#calendar {
	position: absolute;
	right: 10px;
	top: 10px;
}
#detailbeschreibung {
	position: absolute;
	left: 50%;
	width: 50%;
}
#suchbeschreibung {
	position: relative;
	width:100%;
	height: 10em;
}
#ergebnisheader {
	position: relative;
	top: 0px;
	height: 17em;
}
#ergebnistreffer {
	position: relative;
	top: 0px;
	height: 4em;
}
#ergebnisliste {
	position: relative;
	top: 0px;
	height: 23em;
	overflow: auto;
}

/* Ende */