body {
font-size: 8pt;
text-decoration:none;
line-height:11pt;
color: #black;
font-family: verdana, sans-serif;
margin: 0;
background-color: #F5F5F5;
}	

body a:link {
 color: #000000; TEXT-DECORATION: none;
}
 
body a:visited {
 color: #000000; TEXT-DECORATION: none;
}
body a:hover {
 color: #003366; TEXT-DECORATION: underline;
}


/* hier folgt css-Abschnitt des drop-down Hauptmenues */

/* Es beginnt mit einem Workaround fuer den IE, der sonst das drop down nicht versteht 

das Workaround heisst whatever:hover (mehr dazu unter http://www.xs4all.nl/~peterned/csshover.html)
und erfordert auch die hover.htc (liegt im root-Verzeichnis) sowie die ersten drei 
Formatierungesvorgaben im folgenden css-Abschnitt: */


body { 
	behavior: url(hover.htc); 
}              /* koennten noch bugs drinstecken z.B. url anzugeben?! */

div.dm ul {       /* versteckt die Liste, die hinter dem dop-down verbirgt */
	display:none; 
}

div.dm:hover ul {  /* zeigt die Liste, wenn diese mit Cursor ueberfahren wird */
	display:block;
	
}

ul.mainmenue {
	margin-left:2px;   /* vorher 1em *,  ist Abstand Menueabschnitt vom linken Rand Tabellenzelle*/
	padding-left:0;  /* Angabe hier 0 ist wichtig, damit Firefox und IE dieselben Abstaende anzeigen */
	list-style:none;
	position:absolute;
	width:100%;
}

ul.mainmenue li {
	float:left;
	margin:0;
	padding-right:0;  /* Eingabe hier vermeiden, da sonst das Ruckeln im IE beim Aufklappen der 2. Liste noch groesser */
	padding-left:3px;  /* hier wird auch der Abstand der Eintraege der 2. Liste vom linken Rand festgelegt */
	padding-bottom: 0px;
	padding-top: 0px;
	list-style:none;
	border-left:2px solid #004284;
	background-color:#F5F5F5;
	/ *width: 90px;      Breite Listenfelder obere Ebene, ohne Angabe hier wird Liste im IE vertikal angeordnet,
	                  "auto" waere am besten, IE 6 kennt dies nicht, keine Loesung gefunden fuer IE, 
	                  daher jeden Listeneintrag eigene Breite gegeben in header-Datei */
	/* color:#black; */  
	/* font-family:Verdana; Arial; Helvetica, sans serif */
	/* font-size: 8pt; */
}

ul.mainmenue li:hover { 
	color:#004284;
	background-color:#F5F5F5;   /* ist Hintergrund wie body allg.
	             plus linken und unteren Rand des aufklappenden Listenfeldes, 
	             Raender vermutlich durch padding-Angaben unter ul.mainmenue li beeinflussbar */
}

ul.mainmenue2 { 
	display:none;
	margin:0;  /* margin-top 10px verkürzt Raender, so dass es links so ausssieht wie vorher, allerdings problem mit IE dann !! */
	padding:0;
	list-style:none; 
	font-weight: normal;

}

ul.mainmenue2 li { 
	margin:0;
	padding-bottom:4px;     /* Abstaende der Listenpunkte zueinander, wichtig fuer Uebersichtlichkeit
	                        ACHTUNG: Falls Worte in Flucht mit Wort der 1. Liste sein sollen, 
	                        dann hier oder unter ul.mainmenue anpassen, wird wohl schwierig siehe dort!
                            D.h.: nur die Loesung mit border ist fuer Strich zwischen Worten geeingnet!!!!  */
	padding-top: 4px;    /* Verschafft einen kleinen Abstand zu Worten der 1. Liste */
	background-color:#fff;
	list-style:none;
	width: 120px;          /* IE 6 kennt min-with nicht */
	min-width: 120px;     /* hier sowie unter "width" und unter "ul.mainmenue li" "width" noch ausprobieren, was am besten aussieht */
	border-left:0px solid #ccc; 
	border-top:1px solid #ccc; 
	border-right:1px solid #ccc;

}

ul.mainmenue2 li:hover { 
	margin:0;
	padding-bottom:4px;
	background-color:#E8E8E8; 
	list-style:none;
	border-left:0px solid #ccc; 
	border-top:1px solid #ccc; 
	border-right:1px solid #ccc;
}

.mainmenue li:hover ul.mainmenue2 { 
	display:block;
	
}

ul.mainmenue a:link, ul.mainmenue a:visited { 
	color:#000;
	text-decoration:none;
	display:block;
	width:100%;
	 
}

ul.mainmenue a:hover, ul.mainmenue a:active, ul.mainmenue a:focus { 
	color:#000;    /* Farbe der Worte der Liste 2 nach dem Anklicken. Achtung: sollte schwarz sein, weil nach
	               "Seite zurück" mit Browser die blaue Farbe stehen bleibt, das ist verwirrend  */
	text-decoration:none;
	display: block;

}


/* Ende des css-Abschnittes fuer das drop-down Menue */ 


.normal {font-size: 8pt; text-decoration:none; line-height:11pt; color: #black; font-family: verdana, sans-serif;}
.impressum {font-size: 8pt; text-decoration:none; color: #black; PADDING-bottom: 4px; PADDING-left: 40px; font-family: verdana, sans-serif;}
.normalkastenr {font-size: 8pt; text-decoration:none; color: #black; PADDING-LEFT: 7px; PADDING-TOP: 4px; PADDING-bottom: 5px; pADDING-right: 3px; font-family: verdana, sans-serif;}
.normalkasten {font-size: 8pt; text-decoration:none; line-height:11pt; PADDING-LEFT: 7px; PADDING-right: 7px; PADDING-TOP: 4px; PADDING-bottom: 4px; color: #black; font-family: verdana, sans-serif; }
.normalaufzaehlung {font-size: 8pt; text-decoration:none; line-height:11pt; PADDING-right: 3px; color: #black; font-family: verdana, sans-serif;}
.ueberschrift {font-size: 8pt; font-weight:bold; text-decoration:none; PADDING-LEFT: 7px; PADDING-TOP: 1px; PADDING-bottom: 1px;color: #black; font-family: verdana, sans-serif;}
.ueberschrift2 {font-size: 8pt; font-weight:bold; text-decoration:none; PADDING-TOP: 9px; PADDING-bottom: 5px; color: #black; font-family: verdana, sans-serif;}

.blau:link {font-size: 8pt; text-decoration:none; color: #004284; font-family: verdana, sans-serif;}
.blau:visited {font-size: 8pt; text-decoration:none; color: #004284; font-family: verdana, sans-serif;}
.blau:active {font-size: 8pt; text-decoration:none; color: #004284; font-family: verdana, sans-serif;}
.blau:hover {font-size: 8pt; text-decoration:none; color: #004284; font-family: verdana, sans-serif;}

.blauklein {font-size: 7pt; line-height:1.2em; text-decoration:none; text-align: center; PADDING-left: 60px; PADDING-right: 60px; PADDING-TOP: 15px; PADDING-bottom: 15px; color: #004284; font-family: verdana, sans-serif;}
td {font-size: 8pt; text-decoration:none; color: #black; font-family: verdana, sans-serif;}
.bold { font-size: 8pt; font-weight:bold; text-decoration: none; color: #black; font-family: Verdana, Arial, Helvetica, sans-serif; }
.boldblau { font-size: 8pt; font-weight:bold; text-decoration: none; vertical-align: middle; color: #004284; font-family: Verdana, Arial, Helvetica, sans-serif; }
.boldblaufragebogen { font-size: 8pt; font-weight:bold; text-decoration: none; PADDING-TOP: 40px; PADDING-bottom: 40px; color: #004284; font-family: Verdana, Arial, Helvetica, sans-serif; }
.navigation {font-size: 8pt; text-decoration:none; PADDING-TOP: 2px; PADDING-left: 30px; color: #black; font-family: verdana, sans-serif;}

.navi:link { font-size: 8pt; text-decoration: none; color:#black; font-family: Verdana, Arial, Helvetica, sans-serif; }
.navi:visited { font-size: 8pt; text-decoration: none; color:#black; font-family: Verdana, Arial, Helvetica, sans-serif; }
.navi:active { font-size: 8pt; text-decoration: none; color:#black; font-family: Verdana, Arial, Helvetica, sans-serif; }
.navi:hover { font-size: 8pt; text-decoration: underline; color: #004284; font-family: Verdana, Arial, Helvetica, sans-serif; }

.navi2:link { font-size: 8pt;  text-decoration: none; color:#black; font-family: Verdana, Arial, Helvetica, sans-serif; }
.navi2:visited { font-size: 8pt; text-decoration: none; color:#black; font-family: Verdana, Arial, Helvetica, sans-serif; }
.navi2:active { font-size: 8pt; text-decoration: none; color:#black; font-family: Verdana, Arial, Helvetica, sans-serif; }
.navi2:hover { font-size: 8pt; text-decoration: underline; color: #800000; font-family: Verdana, Arial, Helvetica, sans-serif; }

.navi3:link { font-size: 8pt; text-decoration: none; color:#004284; font-family: Verdana, Arial, Helvetica, sans-serif; overflow:auto; }
.navi3:visited { font-size: 8pt; text-decoration: none; color:#004284; font-family: Verdana, Arial, Helvetica, sans-serif; overflow:auto; }
.navi3:active { font-size: 8pt; text-decoration: none; color:#004284; font-family: Verdana, Arial, Helvetica, sans-serif; overflow:auto; }
.navi3:hover { font-size: 8pt; text-decoration: underline; color: #004284; font-family: Verdana, Arial, Helvetica, sans-serif; overflow:auto; }

.aktuell:link { font-size: 8pt; font-weight:bold; text-decoration: none; color:#800000; font-family: Verdana, Arial, Helvetica, sans-serif; }
.aktuell:visited { font-size: 8pt; font-weight:bold; text-decoration: none; color:#800000; font-family: Verdana, Arial, Helvetica, sans-serif; }
.aktuell:active { font-size: 8pt; font-weight:bold; text-decoration: none; color:#800000; font-family: Verdana, Arial, Helvetica, sans-serif; }
.aktuell:hover { font-size: 8pt; font-weight:bold; text-decoration: underline; color: #800000; font-family: Verdana, Arial, Helvetica, sans-serif; }

.aktuell2:link { font-size: 8pt; text-decoration: none; color:#004284; font-family: Verdana, Arial, Helvetica, sans-serif; }
.aktuell2:visited { font-size: 8pt; text-decoration: none; color:#004284; font-family: Verdana, Arial, Helvetica, sans-serif; }
.aktuell2:active { font-size: 8pt; text-decoration: none; color:#004284; font-family: Verdana, Arial, Helvetica, sans-serif; }
.aktuell2:hover { font-size: 8pt; text-decoration: underline; color: #004284; font-family: Verdana, Arial, Helvetica, sans-serif; }

.aktuell3:link { font-size: 8pt; text-decoration: none; color:#800000; font-family: Verdana, Arial, Helvetica, sans-serif; }
.aktuell3:visited { font-size: 8pt; font-weight:bold; text-decoration: none; color:#800000; font-family: Verdana, Arial, Helvetica, sans-serif; }
.aktuell3:active { font-size: 8pt; font-weight:bold; text-decoration: none; color:#800000; font-family: Verdana, Arial, Helvetica, sans-serif; }
.aktuell3:hover { font-size: 8pt; font-weight:bold; text-decoration: underline; color: #800000; font-family: Verdana, Arial, Helvetica, sans-serif; }

.next:link { font-size: 8pt; text-decoration: none; color:#800000; font-family: Verdana, Arial, Helvetica, sans-serif; }
.next:visited { font-size: 8pt; text-decoration: none; color:#800000; font-family: Verdana, Arial, Helvetica, sans-serif; }
.next:active { font-size: 8pt; text-decoration: none; color:#800000; font-family: Verdana, Arial, Helvetica, sans-serif; }
.next:hover { font-size: 8pt; text-decoration: underline; color: #800000; font-family: Verdana, Arial, Helvetica, sans-serif; }


.linie {BORDER-BOTTOM: #ffffff 1px solid; PADDING-bottom: 4px;}

	
.titel       { background-image: url('../images/frient_kopf.gif'); height: 130px; 
              width: 650px; background-color: #cccccc; 
               line-height: 140%; float: left; clear: left; 
               padding-top: 15px }