/* Elemente */
body { /* hier kann die hintergrundfarbe gesetzt werden*/
	margin: 0; /*wegen opera - opera setzt einen eigenen margin auf den body, wenn man es laesst*/
	padding: 0;
	color: black;/* hat hier keinen einfluss auf textfarbe, nur wg. background-color gesetzt */
	background-color: transparent; /* Aenderbar: Hintergrund-Farbe */
	/* font-size: 100%; */ /*	bei problemen mit ie, bei der schriftgrössenskalierung einkommentieren */
}

hr {/* Trennstrich */
	color: #999; /* Aenderbar: Trennstrich-Farbe */
	background-color: transparent;
	width: 100%; /* Aenderbar: Trennstrich-Breite */
	height:2px; /* Aenderbar: Trennstrich-Dicke */
}

p { /* Text ausserhalb Tabellen oder Inputboxen oder Labels... */
	color: #000; /* Aenderbar: normaler Absatz -Farbe */
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;/* Aenderbar: normaler Absatz - Schrift */
	font-size: 0.8em; /* Aenderbar: normaler Absatz - Schriftgroesse */
	font-weight: normal;/* Aenderbar: normaler Absatz - Schriftdicke */
}

h1 { /* Überschrift 'Fundsachen online suchen' und 1.,2.,3.,4.,5. */
	color: #3C3C3C; /* Aenderbar: normale Ueberschrift1 - Schriftfarbe */
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;/* Aenderbar: normale Ueberschrift1 - Schrift */
	font-size: 1.1em; /* Aenderbar: normale Ueberschrift1 - Schriftgroesse */
	font-weight: bold; /* Aenderbar: normale Ueberschrift1 - Schriftdicke */
}

h2 {/* Überschriften zweiten Ranges z.B. 'Bestimmen Sie das Suchgebiet' ... */
	color: #000; /* Aenderbar: normale Ueberschrift3 - Schriftfarbe */
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 0.8em; /* Aenderbar:  Schriftgroesse */
	font-weight: bold; /* Aenderbar: s.o. */
}

h3 {/* Kategorienüberschriften auf der ersten Seite */
	color: #3C3C3C; /* Aenderbar: Kategorienüberschriften (z.B. 'Elektro und Technik')- Schriftfarbe */
	background-color: #e4e4e4;	/* Aenderbar: Kategorienüberschriften- Hintergrund */
	font-family: Arial, Helvetica, sans-serif; /* Aenderbar: Kategorienüberschriften - Schrifttyp */
	font-size: 0.8em; /* Aenderbar: Kategorienüberschriften - Schriftgroesse */	
	font-weight: bold; /* Aenderbar: Kategorienüberschriften - Schriftdicke */
	padding: 3px;
}

h4 {/* Kategorienlinks auf der ersten Seite */
	color: #000;  /* Aenderbar: Kategorienlinks (z.B. 'Handy') - Schriftfarbe */
	background-color: transparent; /* Aenderbar: Hintergrundfarbe */
	font-family: Arial, Helvetica, sans-serif; /* Aenderbar:  Kategorienlinks - Schriftart */
	font-size: 0.8em; /* Aenderbar: Kategorienlinks -  Schriftgroesse */
	font-weight: normal; /* Aenderbar:  Kategorienlinks - Textdicke */
	margin-top: -10px;
}

th {/* Tabellenüberschriften */
	color: #3C3C3C; /* Aenderbar:  Tabellenueberschriftfarbe (z.B. der Suchergebnisliste) */
	background-color: #e4e4e4; /* Aenderbar: Tabellenueberschrift - Hintergrundfarbe */
	font-family: Arial, Helvetica, sans-serif; /* Aenderbar: Tabellenueberschrift - Schriftart */
	font-size: 0.9em; /* Aenderbar: Tabellenueberschrift - Schriftgroesse */
	font-weight: bold; /* Aenderbar: Tabellenueberschrift - Textdicke */
	text-align: left; /* Aenderbar: Tabellenueberschrift - Postitionierung */
	padding: 0;
}

div td {/* Tabellendaten */
	color: #000; /* Aenderbar:  Tabellendatenschriftfarbe (z.B. in der Suchergebnisliste, aber nur die Spalten 'Funddatum, Fundort, Fundamt, die Beschreibung-Links müssen in buergersuche3.html gesetzt werden) */
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif; /* Aenderbar:  Tabellendatenschriftart */
	font-size: 0.8em;/* Aenderbar: Tabellendatenschriftgroesse */
	font-weight: normal; /* Aenderbar:  Tabellendatentextdicke */
	padding: 0;
	vertical-align: top;
}

form div label {/* Label */
	color: #000; /* Aenderbar:  Labelschriftfarbe (z.B. 'Suchgebiet', 'vermisst seit' oder 'um Postleitzahl') */
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif; /* Aenderbar: Labelschriftfarbe - Schriftart */
	font-size: 0.8em; /* Aenderbar: Labelschriftfarbe - Schriftgroesse */
	font-weight: normal; /* Aenderbar: Labelschriftfarbe - Textdicke */
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	width: auto;
}

form div select, form input {/* Select und Input */
	color: #000; /* Aenderbar:  Select und Input Schriftfarbe (z.B. Selectbox '10km / 50km / 100km') */
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif; /* Aenderbar: Select und Input - Schriftart */
	font-size: 0.8em; /* Aenderbar: Select und Input - Schriftgroesse */
	font-weight: normal; /* Aenderbar: Select und Input - 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 {/* Link, normal */
	color: #00C; /* Aenderbar:  Schriftfarbe normaler Link */
	background-color: transparent; /* Aenderbar: Link - Hintergrundfarbe */
	font-family: Arial, Helvetica, sans-serif; /* Aenderbar: Link - Schriftart */
	text-decoration: underline; /* Aenderbar: Link - Textschnoerkel */
}

a:visited {/* Link, besucht */
	color: #585858; /* Aenderbar:  Schriftfarbe schon besuchter Link */
	background-color: transparent; /* Aenderbar: besuchter Link - Hintergrundfarbe */
	font-family: Arial, Helvetica, sans-serif; /* Aenderbar: besuchter Link - Schriftart */
	text-decoration: underline; /* Aenderbar: besuchter Link - Textschnoerkel */
}

a:active { /* Link, aktiv */
	color: #F00; /* Aenderbar:  Schriftfarbe aktiver Link */
	background-color: transparent; /* Aenderbar: aktiver Link - Hintergrundfarbe */
	font-family: Arial, Helvetica, sans-serif; /* Aenderbar: aktiver Link - Schriftart */
	text-decoration: underline; /* Aenderbar: aktiver Link - Textschnoerkel */
}

/* Klassen */

.hauptueberschrift {
	color: #3C3C3C; /* Aenderbar: normale Ueberschrift1 - Schriftfarbe */
	background-color: Transparent;
	font-family: Arial, Helvetica, sans-serif;/* Aenderbar: normale Ueberschrift1 - Schrift */
	font-size: 1.1em; /* Aenderbar: normale Ueberschrift1 - Schriftgroesse */
	font-weight: bold; /* Aenderbar: normale Ueberschrift1 - Schriftdicke */
	padding-bottom: 10px;
}

.banner {
   position: absolute;  
	left: 0px; 
	top: 0px;
}

.clearboth { 
	clear: both; 
}

.texth1 { /*z.Zt. nicht verwendet */
	color: #000; /* Aenderbar:  Vordergrundfarbe */
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 1em; /* Aenderbar:  Schriftgroesse */
	font-weight: bold; /* Aenderbar:  Textdicke */
}

.texth2 {/* Link im Fenster 'Ihr Suchergebnis' ('Fenster schliessen' und 'Details drucken')*/
	color: #000;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart des Links */
	font-size: 1em; /* Aenderbar:  Schriftgroesse  des Links */
	font-weight: normal; /* Aenderbar:  Textdicke  des Links */
}

.texth3 {/* betrifft Fenster 'Ihr Suchergebnis' */
	color: #000; /* Aenderbar:  Schriftfarbe der Adresse im Fenster 'Ihr Suchergebnis'*/
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 0.8em; /* Aenderbar:  Schriftgroesse */
	font-weight: bold; /* Aenderbar:  Textdicke */
}

.texth4 {/*Kleiner Text (Klicken Sie auf die Beschreibung, um weitere Informationen zu erhalten) oberhalb der Suchergebnisliste*/
	color: #3C3C3C; 
	background-color: transparent; /* Aenderbar:  Hintergrundfarbe */
	font-family: Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 0.8em; /* Aenderbar:  Schriftgroesse */
	font-weight: normal; /* Aenderbar:  Textdicke */
}

.textp {/*Kleiner Text (...Einträge gefunden) oberhalb der Suchergebnisliste*/
	color: #000; /* Aenderbar: Schriftfarbe */
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;/* Aenderbar: - Schrift */
	font-size: 1em; /* Aenderbar: - Schriftgroesse */
	font-weight: normal;/* Aenderbar: - Schriftdicke */
}

.screenreader{/* Infos für Screenreader, die diesen Text vorlesen, den man aber nicht zu lesen braucht*/
	display: none;
}

.flaechegebiet {/*Der Kasten '1. Bestimmen Sie das Suchgebiet'*/
	position: relative;
	left: 25px; 
	top: -40px;
	width: 17em; 
	height: 8em;
	z-index: 0;
	border: 1px solid #999;
	color: #000; /* Aenderbar:  Vordergrundfarbe */
	background-color: #FCFCFC; /* Aenderbar:  Hintergrundfarbe des Kastens '1. Bestimmen Sie das Suchgebiet'*/
}

.flaecheklein {/* Der Kasten '2. Seit wann vermissen Sie die Sache?' */
	position: relative;
	left: 8%; 
	bottom: 30%;
	width: 90%;
	min-width: 230px;
	height: 3.3em; 
	z-index: 0;	
	border: 1px solid #999;
	color: #000; /* Aenderbar:  Vordergrundfarbe */
	background-color: #FCFCFC; /* Aenderbar:  Hintergrundfarbe des Kastens '2. Seit wann vermissen Sie die Sache?' */
}

.flaechegross {/* Aenderbar:  Hintergrundfarbe des Kastens '3. Wählen Sie eine der Kategorien aus:' */
	position: relative; 
	top: -50px; 
	left: 25px;
	width: 96%; 
	color: #000; /* Aenderbar:  Vordergrundfarbe */
   	border: 1px solid #999;
	background-color: #FCFCFC; /* Der Kasten '3. Wählen Sie eine der Kategorien aus:' */
	z-index: 0;
}

.flaechebeschreibung {/* Der Kasten '4. Bitte beschreiben Sie die Sache' */
	position: relative;
	left: 5%; 
	top: -40px;
	width: 22em; 
	z-index: 0;
	border: 1px solid #999;
	color: #000; /* Aenderbar:  Vordergrundfarbe */
	background-color: #FCFCFC; /* Aenderbar:  Hintergrundfarbe des Kastens '4. Bitte beschreiben Sie die Sache' */
}

.flaechemittel {/* Der Kasten '5. Suchergebnis einschränken' */
	position: absolute;
	right: 0px; 
	top: 2.5em;
	width: 90%; 
	height: 7em; 
	z-index: 0;	
	border: 1px solid #999;
	color: #000; /* Aenderbar:  Vordergrundfarbe */
	background-color: #FCFCFC; /* Aenderbar:  Hintergrundfarbe des Kastens '5. Suchergebnis einschränken' */
}

.flaechesuchergebnis {/* Der Kasten der Funddetails in einem Suchergebnisfenster */
	position: relative;
	top: 10px; 
	left: 0; 
	width: 440px; /* betrifft Info.html - fenster wird durch Resize_Detail 540px breit gemacht*/
	color: #000; 
   background-color: #F9F9F9; /* Aenderbar:  Hintergrundfarbe des Kastens der Funddetails in einem Suchergebnisfenster */
	margin-left: 0;
}

.inputbox {
	position: relative;
	left: 0;
	height: 100%;
	width: 85%;
}

.kategorieheader1 {
	position: relative; 
	float: left;
	left: 5px; 
	width: 45%; 
	top: 10px;
}

.kategorieheader2 {
	position: relative;
	float: left;
	left: 5%;
	width: 45%; 
	top: 10px;
}

.fussnote {/* Die kleine Zeile am Fusse der 1. und 3. Seite (powered by...)*/
	position: relative;
	top: 0;
	text-align: center;
	width: 100%;
	color: #000; /* Aenderbar:  Vordergrundfarbe */
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 0.6em; /* Aenderbar:  Schriftgroesse */
	line-height: 15px; /* Aenderbar: Zeilenhoehe */
}

.fussnotestarr {/* Die kleine Zeile am Fusse der 2. Seite (powered by...)*/
	position: absolute;
	top: 155%;
	text-align: center;
	width: 100%;
	color: #000; /* Aenderbar:  Vordergrundfarbe */
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif; /* Aenderbar:  Schriftart */
	font-size: 0.6em; /* Aenderbar:  Schriftgroesse */
	line-height: 15px; /* Aenderbar: Zeilenhoehe */
}

.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;
}

.ergebnislisterahmen {/* Rahmen um Ergebnisliste */
	border: 1px solid #CDD3E5;/* Aenderbar: Rahmen um Ergebnisliste */
	height: 99.4%;/* bei 100% entsteht ein scrollbalken, ohne height ist der rahmen ohne suchergebnis mittig */
}

.ergebnislisterahmeninnen {/* Innerer Rahmen um Ergebnisliste (wg. Wegscrollens des Rahmens bei nur einem Rahmen*/
	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 {/*Bereich in dem die Inhalte sind. Hier kann man Aussenabstände setzen*/
	position: relative;
	left: 10%; /* Aenderbar: Abstand zum linken Rand */
	width: 80%; /* Aenderbar: Breite des Inhalts */
	top: 0; /* Aenderbar: Oberer Rand */
}

#submitbutton {/* submit-buttons (der 2. und 3. seite) */
	background-color: white;/* Aenderbar: farbe der submit-buttons*/
	width: 9em;/* breite des submit-buttons*/
}

#suchparameter {
	position: relative;
	width:100%;
	height: 11em;
}

#suchgebiet {
	position: absolute;
	margin-left: 0;
	margin-top: 0;
	width:35%;
	height:110px;
	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 {/* kleine Notiz bezüglich des Datumformats (Datumsformat: TT.MM.JJJJ) */
	position: absolute;
	right: 0px;
	bottom: -20px;
	color: #3C3C3C; /* Aenderbar:  Vordergrundfarbe */
	background-color: transparent;
	font-family: 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 */