/* Filder-Imker-Stylesheet 

Begonnen: Oktober 2008
Letzte Änderung: 15.11.2008
*/
/*
Wichtige Farben:




*/
/*Allgemeine Festlegungen: */
* {
	margin: 0;
	padding: 0;
}

body {
/* Festlegung zur korrekten Steuerung der Schriftgroessen allgemein */
	font-size:76%; /* korrespondiert mit Line-height und den schriftgroessenfestsetzungen in p */
	line-height:1.2;
	background-color:rgb(25,25,20);
	color:#000000;
	text-align:left;
	background-image:url(bilder/Drohnenbaunaturklein2.jpg);
}

/* Festlegung allgemeiner Schrifteigenschaften  */

h1, h2, h3, h4, h5, h6, ol, ul, dl, dt, dd, p, input, textarea, select, td {
	color:#333;
	font-family:Georgia, serif;
/*	font-family:Verdana,Arial,Helvetica,sans-serif;*/
	text-align:left;
}

/* Festlegung allgemeiner Schriftgroessen für Elemente ohne Ueberschriften */
p, ol, ul, dl, dt, dd, p, input, textarea, select, a, li, td  {
	font-size: 1.0em;
	line-height:1.2;
}

a {
	font-family:"Comic Sans MS";
}

html > body h1 {
	font-family:"Comic Sans MS";
	margin: 0 0 0 0px;
	/*padding:1.5;*/
	text-align:right;
	/*width: 300px;*/
	color: black;
	/*background: #A60C1D;*/
	font-size:3em;
	line-height:1.02;
	/*line-height:1.5em;*/
	font-weight:bold;
	background-image:url(bilder/blanche2.png);
	background-position:center-right;
	background-repeat:no-repeat;
}

h1 {
	font-family:"Comic Sans MS";
	margin: 0 0 0 0px;
	/*padding:1.5;*/
	text-align:right;
	/*width: 300px;*/
	color: white;
	/*background: #A60C1D;*/
	font-size:3em;
	line-height:1.02;
	/*line-height:1.5em;*/
	font-weight:bold;
/*	background-image:url(bilder/blanche2.png);
	background-position:center-right;
	background-repeat:no-repeat;*/
}

h2 {
	font-weight:bold;
	font-size:1.4em;
	line-height:1.2;
	padding-left:15px;
	padding-top:1.5em;
	padding-bottom:20px;
}

h3 {
	font-weight:bold;
	font-size:1.15em;
	line-height:1.2;
	padding-left:15px;
	padding-top:1.2em;
}

h4 {
	margin-top:20px;
	font-weight:bold;
	font-size:1.0em;
	line-height:1.2;
}

/*weitere Grundlegende Festlegungen*/

ul, li {
	list-style-type:none;
/*	position:relative;*/
}

img, a img {
	border:0;
}
	
/* Banner */

#banner {
	height:100px;
	text-align:left;
	width:950px;
	margin:0 auto;
	background-color:rgb(255,255,208);
	border-left:1px solid rgb(49,25,15);
	border-right:1px solid rgb(49,25,15);
	background-image:url(bilder/Bannerneu.png);
	background-repeat:no-repeat;
	background-position: bottom right;
}

#banner img {
	/*padding: oben rechts unten links  */
	padding:5px 5px 5px 15px;
	height:90px;
	float:left;
}

/* Grundlegender Seitenaufbau */

#container {
	width:950px;
/*	height:1050px;*/
	background-color:rgb(255,253,208);
	clear:both;
	margin:0 auto;
	border-left:1px solid rgb(49,25,15);
	border-right:1px solid rgb(49,25,15);
}

#footer, 
#nebennavi,
#hauptnavi {
	clear:both;
}

#wrapper,
#footer {
	width:930px;
	margin:10px 0 0 10px;
/*	clear:both; */
}

#wrapper {
    text-align:center;
}

#footer {
	text-align:left;
}

/* Schmuckelemente */

div.trenner {
	height:5px;
	background-color:rgb(49,25,15);
	clear:both;
}


/* Hauptnavigation */

/* Navigation für den IE6 */
#hauptnavi {
	width:930px;
	height:60px;
	margin: 10px 0 0 10px;
	background-image:url(bilder/MenueFarbverlauf.jpg);	
}

#hauptnavi ul {
	clear:both;
	display:block;
}

#hauptnavi ul.ebene1 li {
	border-right:1px solid rgb(164,151,119);
	float:left;
}

#hauptnavi ul.ebene1 a {
/*	font-size:1.0em; */
	display:block;
	padding:6px 12px;
	color:rgb(164,151,119);
	font-weight:normal;
	text-decoration:none;
/*	background-image:url(bilder/MenueFarbverlauf.jpg); */
}

#hauptnavi ul.ebene1 a:hover, 
/* Aktive links sollen dauerhaft markiert werden. */
#hauptnavi ul.ebene1 li.active a {
	background:rgb(164,151,119); 
	color:rgb(63,50,44);
}

/* Zunaechst will ich die Eintraege der zweiten Ebene nicht sehen, die nicht zu den aktiven Elementen gehoeren */
#hauptnavi ul.ebene1 li.inactive ul.ebene2 {
	display:none;
}

/* Die angezeigten Eintraege der zweiten Ebenen muessen links beginnen */
/* Zunaechst den Container, auf den sich die absolute Positionierung beziehen soll, relativ positionieren. */
#hauptnavi ul {
	position:relative;
	float:left;
}
/* Dann die Liste, die links beginnen soll, als relativ hinterher senden */
#hauptnavi ul li ul {
	position:absolute;
	left:0;
	float:left;
}

/* IE6 muss daran erinnert werden, dass auch fuer die zweite Ebene der volle Platz zur Verfuegung steht. Sonst bricht er die Menueleiste einfach um, wenn bei position:relative das Ende an der rechten Seite erreicht worden waere, auch wenn die Positionierung dann absolute an der linken seite beginnend erfolgt... */
#hauptnavi ul.ebene2 {
	width:930px;
}

#hauptnavi ul.ebene2 li {
	float:left;
}

#hauptnavi ul.ebene2 a {
/*	font-size:1.1em; */
	display:block;
	padding:6px 12px;
/*	background:rgb(164,151,119); */
	color:rgb(63,50,44);
	font-weight:normal;
	text-decoration:none;
/*	background-image:url(bilder/MenueFarbverlaufunten.jpg);*/
	/*border-right:1px solid rgb(63,50,44);*/
}

#hauptnavi ul.ebene2 a:hover,
#hauptnavi ul.ebene2 li.subactive a {
	text-decoration:underline;
}

#hauptnavi ul.ebene2 li.subactive a {
	font-weight:bold;
}
/* Ende Navigation für IE6 */
/*********************************************************/
/* Neue Navigation für alle anderen Browser */

html > body #hauptnavi {
	width:930px;
	height:30px;
	margin: 10px 0 0 10px;
	background-image:url(bilder/balkennavi.gif);	
}


/* Zunaechst soll die zweite Ebenen ueberhaupt nicht sichtbar sein. Den Selektor > kennt IE6 nicht, weshalb dies fuer IE6 nicht gilt. */


/* Die links in dieser Navigation sollen anders aussehen. */
html > body #hauptnavi ul.ebene1 li {
	border:none;
	float:left;
}

html > body #hauptnavi ul.ebene1 a {
/*	font-size:1.0em; */
	display:block;
	padding:6px 12px;
	color:rgb(164,151,119);
	font-weight:normal;
	text-decoration:none;
/*	background-image:url(bilder/MenueFarbverlauf.jpg); */
}

html > body #hauptnavi ul.ebene1 a:hover, 
/* Aktive links sollen dauerhaft markiert werden. */
html > body #hauptnavi ul.ebene1 li.active a {
	font-weight:bold;
	text-decoration:underline;
	background-color:transparent;
	color:rgb(164,151,119);
}

html > body #hauptnavi ul.ebene1 li.active ul.ebene2 a {
	font-weight:normal;
	text-decoration:none;
	color:rgb(90,71,25);
}

html > body #hauptnavi ul.ebene2 a {
/*	font-size:1.0em; */
	display:block;
	padding:6px 12px;
	color:rgb(90,71,25);
/*	font-weight:normal;
	text-decoration:none;*/
	background-image:none;	
}

html > body #hauptnavi ul.ebene2 a:hover, 
/* Aktive links sollen dauerhaft markiert werden. */
html > body #hauptnavi ul.ebene1 li.active ul.ebene2 li.subactive a,
html > body #hauptnavi ul.ebene1 li.active ul.ebene2 a:hover {
	font-weight:bold;
	text-decoration:underline;
	color:rgb(90,71,25);
}


#hauptnavi ul.ebene1 li > ul {
	display:none;
}

/* Die Elemente der zweiten Menueebene sollen nicht mehr nebeneinander angezeigt werden, daher hier ein clear:both, um den float:left wiedera ufzuheben. */
#hauptnavi ul.ebene2 > li {
	clear:both;
}

/* Der Ankerpunkt fuer die Drop-Down-Menues muss das jeweilige List-item sein. Dieses muss relativ positioniert werden, damit die Drop-Down-Liste mit der absolute-Positionierung genau darunter zu liegen kommt. */
#hauptnavi ul.ebene1 > li {
	position:relative;
}

/* Die List-Items der zweiten Ebene haben keinen Rahmen mehr. */
#hauptnavi ul.ebene1 li ul.ebene2 > li {
/*	border-bottom:none;
	border-right:none;
	border-left:none;
	border-top:1px solid black;
	width:170px;*/
	border:none;
}

html > body #hauptnavi ul.ebene1 li ul.ebene2 li a {
	background-color:transparent;
}
	
#hauptnavi ul.ebene1 li:hover ul.ebene2  {
	position:absolute;
	top: 25px;
	left: 0;
	width:190px;
	font-size:1.0em;
	display:block;
	font-weight:normal;
	background-image:url(bilder/Hintergrundweiss.png);
	background-position: right bottom;
	background-repeat: none;
	padding-top:0px;
	padding-bottom:20px;
}
/*Ende Hauptnavigation */

/* Neben-Navigation rechts oben */
#nebennavi
{
	width:760px;
	float:right;
}

#nebennavi ul {
	list-style:none;
	float:right;
}

#nebennavi li {
	float:left;
}

#nebennavi a {
	display:block;
	padding:4px 12px 4px;
}

/* Ende Nebennavigation */

/* Gestaltung der sidebar */
#sidebar {
	width:230px;
	float:right;
	overflow:hidden;
}

#sidebar div {
	margin-bottom:10px;
	background-color:white;
}

#sidebar a {
	color:black;
	font-weight:normal;
	text-decoration:underline; 	
}

#sidebar img {
	width:200px;
	padding-left:15px;
	padding-top:15px;
	float:left;
	margin-bottom:3px;
}

p.sidehead {
/*	background-color:rgb(63,50,44); */
	font-family:"Comic Sans MS";
	background-image:url(bilder/MenueFarbverlauf.jpg);	
	color:rgb(164,151,119);
	font-weight:bold;
	padding:0.5em 15px;
	border-bottom:1px solid rgb(63,50,44);
}

#main {
	width:690px;
	background-color:#ffffff;
}

/*#main img {
	width:660px;
	
}
*/
#main table {
	padding-left: 15px;
}

#main ul {
	margin-left: 15px;
}

#main ul ul {
	margin-left: 45px;
}

#main ul ul ul {
	margin-left: 60px;
}

p {
	padding:0.8em 15px;
}

table p {
	padding:0;
	font-size:0.9em;
}

p.trenner {
	padding:0.5em;
	border-bottom:1px solid black;
	margin-bottom:15px;
	clear:left;
	
}

p.wichtig {
	padding:0.5em;
	border:2px solid red;
	margin-bottom:15px;
	font-weight:bold;
}

#main img.klein {
	width:150px;
	padding:5px;
	float:left;
}