/* CSS Document */


/* ------- Nullpunkte definiert und Schriftfarbe definiert <------------------*/
* {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5E1407;
	font-size: 14px;
	}

/* ------ Hintergrundfarbe bestimmt <----------------*/

body {
	background-color: #000000;
	margin-left: 50px;
	
}


/* ------------ Mit dem Container die Grösse der Website definiert <--------------------*/

#container {
	background-color: #000000;
	width: 900px;
	overflow: visible;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF8DC;
	border-bottom-style: none;
	
}


#container.index {
	background-color: #FFF8DC;
	height: 560px;
	width: 900px;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF8DC;
}


/* ----------- Titelbereich festgelet <-----------------------*/
#header {
	color: #ECE9D8;
	background-image: url(images/header.jpg);
	height: 110px;
	width: 898px;
	margin: 0px;
	background-repeat: no-repeat;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-color: #FFF8DC;
	border-right-color: #FFF8DC;
	border-bottom-color: #FFF8DC;
	border-left-color: #FFF8DC;
	}

/* ---------- Bild am linken Rand festgelegt <------------ */

#randlinks {
	width: 130px;
	float: left;
	height: auto;
	background-image: url(images/randlinks.gif);
	background-repeat: repeat-y;
	background-color: #FFF8DC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF8DC;
}


/* ------ linken Rand formatiert <-------------- */
#randlinks.index {
	width: 130px;
	float: left;
	height: 450px;
	background-image: url(images/randlinks.gif);
	background-repeat: repeat-y;
}

/* --- Grösse und Position der Hauptnavigation festgelegt <------- */

div#nav		{
		float: left;
		margin: -1px 0 0 -1px;
		position: absolute;
		top: 80px;
		left: 165px;
		width: 785px;
		font-size: 11px;
		}

/* -- Trennlinie und Schriftfarbe für Hauptmenu festgelegt <--------- */

div#nav ul	{
	margin: 0;
	padding: 0;
	color: #FFF8DC;
	border-left-width: 1px;
	border-left-style: solid;
	padding-left: 3px;
	font-size: 11px;
}
		
/* --- Listenpunkte formattiert <--------- */

div#nav li 	{
	position: relative;
	list-style: none;
	margin: 0;
	float: left;
	width: 105px;
	color: #FFF8DC;
	height: 34px;
	border-left-width: 1px;
	border-left-style: solid;
	padding-left: 5px;
	font-size: 11px;
		}
		
		
/* ---- Links formattiert <--------- */
		
#nav ul.level1 a {
	color: #FFF8DC;
	width: 105px;
	font-size: 11px;
	}
	
/* ------ Listenpunkte in Hauptnavigation bei Hover formattiert <-------- */	
	
#nav li.level1:hover {
	background-image:url(images/fledi_hell.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	}
	
/* --------- Untermenu horizontal angelegt <---------- */
	
#nav ul.level2 {
	position: absolute;
	top: 33px;
	left: -113px;
	width: 555px;
	float: left;
	font-weight: normal;
	background-color: #08214A;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	}

/* --- Listenpunkte ohne Untermenu bei Hover formattiert <-------- */

div#nav li:hover {
	background-image: url(images/fledi_hell.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 11px;
		}
		
/* --- Hover bei Listenpunkten mit Untermenu formattiert <-------- */
div#nav li.submenu:hover {
	background-image: url(images/fledi_hell.gif);
	background-repeat: no-repeat;
	}
		
/* --- Aktive Seite im Hauptmenu speziell formattiert <-------- */		
#nav .submenui {
	background-repeat: no-repeat;
	background-image: url(images/fledi_hell.gif);
	background-position: right bottom;
	}		


/* ---- Breite des Untermenus festgelegt <-------- */
#nav li a 	{
	display: block;
	text-decoration: none;
	width: 105px;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 0;
		}

/* -- Unternavigation ausgeblendet <----------- */

#nav ul ul	{
	position: absolute;
	display: none;
	font-weight: normal;
		}
		
/* Nachfahrenselektor für Unternavigation Höhe und Schriftstärke festgelegt <---------*/
		
#nav ul ul a {
	font-weight: normal;
	padding-top: 2px;
	height: 34px;
	}
	
/* --------- bei Submenus bei hover Farben umkehren <------------- */

#nav ul ul a:hover {
	position: relative;
	background-color: #FFF8DC;
	color: #08214A;
	margin-left: -5px;
	padding-top: 2px;
	padding-left: 5px;
	font-weight: normal!important;	
	height: 32px;
	}
	
	
	
/*  Klasse für aktiven Hauptmenupunkt festgelegt <--------- */

#nav li.aktuel {
	background-image: url(images/fledi_hell.gif)!important;
	background-repeat: no-repeat;
	background-position: right bottom;
	}
	
	
	
/*  Klasse für aktiven Untermenupunkt festgelegt <--------- */

#nav li.aktiv {
	font-weight: normal!important;
	background-image: none!important;
	background-color: #549500;
	}
		
/* ---- Bei Hover wird Untermenu angezeigt <----------*/
		
div#nav ul.level1 li.submenu:hover ul.level2 {display: block;
		}
		
/* -- Bei Hover wird Untermenu von aktiver Seite angezeigt <--------- */
		
#nav ul.level1 li.submenui:hover ul.level2 {
	display: block;
	color: #08214A;
	}	


/* ---- Subnavigation: Grösse festgelegt und Unterstreichung entfern  <-----------*/

#subnav {
	float: right;
	text-decoration: none;
	height: 125px;
	width: 250px;
	background-color: #FFF8DC;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 15px;
	font-size: 11px;
}


/* ------- Listenpunkte für Subnav entfernt <------------ */

#subnav li {
	list-style: none;
	font-size: 11px;
	}	

/* -------- Farbe für Listenpunkte mit Link definiert <---------- */
#subnav a:link {
	color: #549500;
	text-decoration: none;
	font-size: 11px;
	}

/* --- Farbe für Listenpunkte mit besuchten Links festgelegt <------------*/
#subnav a:visited {
	text-decoration: none;
	color: #08214A;
	font-size: 11px;
	}

/* --------- Farbe und Schriftstärke für Links bei Hover definiert <----------*/
#subnav a:hover {
	font-weight: bold;
	font-size: 11px;
	}

/* ------ Zellen positioniert <-----------*/
#subnav .zelle1 {
	width: 95px;
	float: left;
	position: absolute;
	top: 145px;
	left: 680px;
	text-decoration: none;
}

#subnav .zelle2 {
	width: 80px;
	float: left;
	position: absolute;
	top: 145px;
	left: 800px;
	text-decoration: none;
}

#subnav .zelle3 {
	width: 80px;
	float: left;
	position: absolute;
	left: 650px;
	top: 200px;
	text-decoration: none;
}

#subnav .zelle4 {
	width: 80px;
	float: left;
	position: absolute;
	top: 200px;
	left: 750px;
	text-decoration: none;
}
	
/* ---- Inhaltsbereich formatiert <------------ */		
#inhalt {
	width: 717px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #FFF8DC;
	overflow: visible;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF8DC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff8dc;
}


/* --- Inhaltgrösse für kurze Seiten definiert <------------ */
#inhalt.index {
	height: 450px;
	width: 767px;
	float: left;
	margin: 0px;
	padding: 0px;
	background-color: #FFF8DC;
	visibility: visible;
}

#inhalt #text {
	background-color: #FFF8DC;
	float: left;
	height: 450px;
	width: 705px;
}


/* --- rechter Rand der Webseite auf kurzen Seiten <--------------*/
#randrechts.index {
	float: right;
	height: 450px;
	width: 38px;
	background-image: url(images/laterne_kurz.gif);
	background-repeat: no-repeat;
	background-color: #FFF8DC;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #fff8dc;
		}
/* --- rechter Rand der Webseite auf allen anderen Seiten <--------------*/		
#randrechts {
	float: right;
	height: 640px;
	width: 50px;
	margin: 0px;
	background-image: url(images/laterne2.gif);
	background-repeat: no-repeat;
	background-color: #fff8dc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff8dc;
	}
		
#rechtsunten {
	float: right;
	height: auto;
	width: 50px;
	margin: 0px;
	background-image: url(images/mauer.gif);
	background-repeat: repeat-y;
	background-color: #FFF8DC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff8dc;
	}	

/* ---- Adressdaten als Footer definiert <--------- */		
#adresse {
	font-size: 10px;
	float: left;
	height: 12px;
	width: 897px;
	text-align: center;
	color: #FFF8DC;
	background-color: #000000;
	}

/* ------------ Bild für Listenpunkte definiert <-------------- */
ul {
	list-style-position: outside;
	list-style-image: url(images/fledi.gif);
	margin-left: 10px;
}

li {
	margin-left: 20px;
}


/* ------ Bild für Index-Seite links positioniert <----------- */
#bildlinks img {
	padding-top: 70px;
	padding-left: 25px;
	position: absolute;
	top: 130px;
	float: left;
}

#textlinks
	{
	/*padding-top: 70px;*/
	padding-left: 25px;
	position: absolute;
	top: 130px;
	float: left;
	width: 120px;
	height: 50px;
	font-weight: bold;
	}

/* ----- Schriftgrösse und Position für H1 definiert <------------*/
h1 {
	font-size: 24px;
	padding-top: 30px;
	padding-left: 10px;
	padding-bottom: 20px;
}

/* ----- Schriftgrösse und Position für H2 definiert <------------*/
h2 {
	font-size: 18px;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 15px;
}

/* ----- Schriftgrösse und Position für h3 definiert <------------*/
h3 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-top: 10px;
}


/* ----- Schriftgrösse und Position für p definiert <------------*/
p {
	padding-left: 12px;
	text-align: left;
	padding-bottom: 10px;
	padding-right: 10px;
}


/* -------- Trennlinie zentriert <------------- */
p.trennlinie {
	text-align: center;
	padding-left: 250px;
	padding-top: 25px;
	padding-bottom: 25px;
}

/* --- Schrift für Hinweise verkleinert <----------- */
.hinweis {
	font-size: 11px;
}


/* ----------- Klasse für Gedicht Formattierung definiert <---------- */
.zitat {
	text-align: center;
}

/* -------- Schriftgrösse für Autor des Gedichts verkleinert <-------- */
.autor {
	font-size: 11px;
	text-align: center;
	margin-bottom: 6px;
}
.latein {
	font-style: italic;
}


/* -------- Hintergrundbild für Jagdstrategie formattiert <----------- */

#fluss {
	height: 420px;
	width: 580px;
	background-image: url(images/fluss.jpg);
	background-repeat: no-repeat;
}

img {
	padding-right: 7px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}

img.oben {
	float: none;
	clear: none;
	text-align: center;
	position: relative;
	left: 200px;
}
img.mail {
	float: none;
	vertical-align: text-top;
}

table {
	margin: 2px;
	padding: 1px;
	border: thin groove #549500;
}

blockquote {
	font-size: 12px;
	font-style: normal;
	margin-left: 20px;
}

th {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	border: 2px solid #549500;
}

td {
	border: 1px solid #549500;
	font-size: 12px;
	padding-left: 5px;
}

table.jagd {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	width: 580px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.jagd {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

td.jagd {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

table.arten {

	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	width: 580px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
table.arten {
	width: 690px;
	margin: 0px;
	padding: 0px;
}

td.arten {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 350px;
}

.ohneRahmen
	{
	margin: 0px;
	border: none;
	padding-left: 12px;
	}

.lfs {
	float: left;
	height: 100px;
	width: 235px;
	}

.wichtig {
	font-weight: bold;
}

a:link {
	color: #549500;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #08214A;
}

a:hover {
	color: #08214A;
}

/* - Formattierungen für Formulare <----- */
table.formular {
	margin: 5px;
	padding: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 600px;
	}
	
tr.formular {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

td.bezeichnung {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: middle;
	width: 200px;
}

td.information {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: middle;
}

td.submit {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: middle;
	width: 167px;
	height: 50px;
}


form {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


input {
	background-color: #FFF8DC;
	border: 1px solid #549500;
	height: 20px;
	vertical-align: middle;
	text-align: left;
}

input.send {
	height: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/button_senden.gif);
	width: 100px;
	vertical-align: bottom;
	color: #549500;
}
.formular img {
	height: 42px;
}


input.reset {
	height: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/button_reset.gif);
	width: 100px;
	color: #549500;
}


select {
	background-color: #FFF8DC;
	width: 200px;
	width: 300px;
	}

#Bemerkung {
	background-color: #FFF8DC;
	border: 1px solid #549500;
}
#Kontaktaufnahme {
	width: 280px;
}