


/*

Zentrale CSS-Datei für die Formate in der Homepage
letzte Änderung: 29.09.2008

:link = für Verweise zu noch nicht besuchten Seiten
:visited = für Verweise zu bereits besuchten Seiten
:focus = für Elemente, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulator-Taste (CSS 2.0)
:hover = für Elemente, während der Anwender mit der Maus darüber fährt (CSS 2.0)
:active = für gerade angeklickte Elemente 
*/



/* Standard-Formate */



h1 { font-family:arial; color:red; font-size:32px;}
h2 { font-family:arial; color:#008000; font-size:18pt;}
h4 { font-family:arial; color:#FFFFFF; font-size:18pt;}
h3 { font-family:arial; color:#FFFFFF; font-size:18pt;}

h5 { font-family:arial; color:#008000; font-size:20pt;}

body {	background-color:"#008000";	/* grüner Hintergrund*/
		font-family:arial;			/* Schrift: Arial */
		color:"#FFFFFF";			/* Schriftfarbe: weiss */
} 											

p.weiss_auf_gruen {font-size:13pt;color="#FFFFFF"}   

			
a:link       { color:#FFFFFF; text-decoration:underline; }			/**/
a:visited    { color:#111111; text-decoration:none; }
a:focus      { color:#FFFFFF; text-decoration:underline; }
a:hover      { color:#FFFFFF; text-decoration:underline; text-decoration:bold;background-color:"#008000"; }
a:active     { color:#FFFFFF; text-decoration:underline; text-decoration:bold;background-color:"#008000"; }


td a:link       { color:#008000; text-decoration:underline; }			/**/
td a:visited    { color:#000000; text-decoration:underline; }
td a:focus      { color:#000000; text-decoration:underline; }
td a:hover      { color:#000000; text-decoration:underline; text-decoration:bold;background-color:"#008000"; }
td a:active     { color:#FFFFFF; text-decoration:underline; text-decoration:bold;background-color:"#008000"; }


/* Formate für Links in Tabellenzellen auf weißem Hintergrund*/
/* angesprochen mit: <a id="wg" href="*.html" target="mainframe">Text </a> */

a#wg:link    {color:#008000;text-decoration:none; background-color:#FFFFFF;}			
a#wg:visited {color:#111111;text-decoration:none; background-color:#FFFFFF;}
a#wg:focus   {color:#FFFFFF;text-decoration:none; background-color:#008000;}
a#wg:hover   {color:#FFFFFF;text-decoration:none; background-color:#008000;}
a#wg:active  {color:#FFFFFF;text-decoration:none; background-color:#008000;}



/* Formate für Listen in Tabellenzellen */
/* angesprochen mit: <ul id="Tabelle"> <a href="" </ul> */


ul#Tabelle           {font-family: arial; font-size: 12pt;}
ul#Tabelle li        {list-style: none; color:#008000;}
ul#Tabelle a:link    { text-decoration:none; color: #008000;}
ul#Tabelle a:visited { color: #008000; }
ul#Tabelle a:hover   { color: #FFFFFF; text-decoration:bold; background-color:#008000;}
ul#Tabelle a:active  { color: #FFFFFF; text-decoration:bold; background-color:#008000;}



/* Formate für Navigationsleiste links */
/* angesprochen mit: <body class="Navigation_vertikal" > */

body.Navigation_vertikal { 		/*Class mit Punkt getrennt */
	background-color:"#FFFFFF";
	font-family:arial; 
	font-size: 12pt;
	text-decoration:none;
  color: #008000;   
  text-align: center;
} 	
							
/* Formate für Listen in der Linken Navigationsleiste */ 
/* <ul id="Navigation_vertikal"> */

ul#Navigation_vertikal {
  font-family: arial;
  font-size: 0.91em;
  float: left; width: 150pt;
  border: 0px dashed silver;
  margin: 0; padding: 0pt; 
}

ul#Navigation_vertikal li {
  list-style: none;
  margin: 0; padding: 0.1em;
}

ul#Navigation_vertikal a {
  display: block;
  padding: 0.5em;
  text-decoration: none;
  vertical-align: bottom;
}

ul#Navigation_vertikal a:link {
  color: #FFFFFF; 
  background-color: #008000;
}

ul#Navigation_vertikal a:visited {
  color: #FFFFFF; 
  background-color: #008000;
}

ul#Navigation_vertikal a:hover {
  color: #008000; 
  background-color: rgb(255,255,102);
}

ul#Navigation_vertikal a:active {
  color: #008000; 
  background-color: rgb(255,255,102);
}

/* Formate für Navigationsleiste oben */

body.Navigation_horizontal {		/*Class mit Punkt getrennt */
	background-color:"#FFFFFF";
	font-family:arial; 
	font-size: 20pt;
	text-decoration:none;
  color: #008000;   
  text-align: center;
} 								
    
ul#Navigation_horizontal {
 	height: 22pt;								/* Höhe des Navi-Balkens */
 	font: normal 12pt Arial;
 	margin: 0em;
  padding: 0em;
  text-align: center;
  background-color: #009000;
}

ul#Navigation_horizontal li {
  list-style: none;
  display: inline  
}

ul#Navigation_horizontal a {
  font: normal 0.9em  Arial;		/* schriftgröße Navileiste */
  float: left; width: 10em; 	/*einheitliche Breite der Boxen */
  margin: 0.1em; 							/*Zwischenabstand zwischen den Boxen */
  padding: 0.1em 0em;					/*Abstand Schrift zum Rand der Box */
  text-decoration: none; 
  font-weight: normal;
  color: #FFFFFF; 
  background-color: #008000;
  width: 8.5em;								/* Breite des einzelnen Navi-Text-Blocks */
}
  
ul#Navigation_horizontal a:hover {
  color: #008000;	/* grüne Schrift */
  background-color: rgb(255,255,102);	/* hellgelber Kasten */
}

/* Formate für Tabellen */
  
table 
{	align:center;									/* ganze Tabelle auf Seite zentrieren*/
	width:100%;
	border-style: none;						/*kein Tabellenrahmen */
	background-color:"#FFFFFF";		/**/
	color: "#008000";							/**/
	border-collapse:collapse;			/* Rahmen der benachbarten Zellen fallen übereinander */
}

tr, td, th {	border:1pt green solid;	
				padding: 8pt; 		/* Abstand Text zu allen umgebenden Rahmen */
}		

/* Formate für die Tabelle für das eingebettete Logo */

td#logo{	border:0pt #ffffff solid;} 	/* Tabellenzellen Tabelle id=Logo */
		
		
/* Formate für die Tabellen mit grünem Hintergrund */
				
ul#Tabgruen           {font-family: arial; font-size: 12pt; color:#FFFFFF}
ul#Tabgruen li        {list-style: none; color:#FFFFFF;}
ul#Tabgruen a:link    { text-decoration:none; color: #FFFFFF;}
ul#Tabgruen a:visited { color: #004000; }
ul#Tabgruen a:hover   { color: #FFFFFF; text-decoration:bold; background-color:#008000;}
ul#Tabgruen a:active  { color: #FFFFFF; text-decoration:bold; background-color:#008000;}



.header-tabelle
{	align:center;									/* ganze Tabelle auf Seite zentrieren*/
	width:100%;
	border-style: none;						/*kein Tabellenrahmen */
	background-color:"#008000;		/**/
	color: "#FFFFFF"";							/**/
	border-collapse:collapse;			/* Rahmen der benachbarten Zellen fallen übereinander */
}
