/* Angabe für Standardkonforme Browser */
body
{
	position:absolute; 		/* absolotue Positionierung, scrollbar */
	background-color:#FF0000;      	/* Hintergrund in ROT */
         color: #000080;  		/* Schriftfarbe: BLAU */
}
html, body
{
	top:0; left:0; right:0;		/* Angaben für die absolute Positionierung*/
	min-height:100%;		/* minimale Höhe des Elementes */
	margin:0;			/* Aussenabstand des Elemntes */
	padding:0;			/* Innenabstand des Elementes*/
	width:100%;			/* Breite des Elemeentes */
}
#header_container
{
	position:fixed;			/* absolute Position, nicht scrollbar*/
	top:0; left:0; right:0;		/* Positionsangaben */
	text-align:center;	     	/* Inhalt der Kopfzeile mittig ausgerichtigt */
	margin:0;			/* Aussenabstand fest legen */
	height:3em;			/* Höhe relativ zur Schriftgröße festlegen */
	z-index:3;			/* Sichtposition bei der Überlappung von Elementen,
         				   Elemente mit niedrigerem Index werden überdeckt */
}
#header
{
	position:absolute;		/* absolute Position, scrollbar */
	top:0; left:0; right:0; bottom:0;	/* Positionsangaben */
	height:100%;			/* Höche des Elementes*/
	background-color: #FF0000;	/* Hintergrundfarbe: ROT */
         border-style: inset;		/* Rahmen erstellen */
         border-width: thin;		/* Rahmendicke */
	z-index:3;			/* Sichtposition bei der Überlappung von Elementen,
         				   Elemente mit niedrigerem Index werden überdeckt */
	margin-bottom:0.2em;			/* Aussenabstand festlegen */
	padding:0.4em;			/* Innenabstand relativ zur Schriftgröße*/
}

#menu
{
	position:fixed;			/* absolute Position, scrollbar*/
	top:4em; left:0em;		/* Positionsangaben */
	width:9em;			/* Breite relativ zur Schriftgröße*/
	padding:.5em;			/* Innenabstand relativ zur Schriftgröße*/
}

#content
{
	background-color:#FFFFFF;	/* Hintergundfarbe: WEIß */
         height:100%;			/* Höhe des Elementes*/
         position:absolute;		/* absolute Position, scrollbar */
	top:4em; bottom:5em; left:10.5em; right:0;/* Positionsangeaben */
	margin:0;			/* Aussenabstand des Elementes */
	padding-top:2em;		/* oberer Innenabstand des Elementes */
	padding-left:2em;		/* linker Innenabstand des Elementes */
	padding-right:3em;		/* rechter Innenabstand des Elementes */
       	padding-bottom:6em;		/* unterer Innenabstand des Elementes */
	z-index:2;			/* Sichtposition bei der Überlappung von Elementen,
         				   Elemente mit niedrigerem Index werden überdeckt */
}
#footer_container
{
	position:fixed;			/* Element im Fesnter fixieren */
	bottom:0; left:0; right:0; 	/* Position des Elementes */
	text-align:right;		/* Textausrichtung */
	margin:0;			/* Außenabstand des Elementes */
	height:2em;			/* Höhe des Elementes relativ zur Schrift größe*/
	z-index:3;			/* Sichtposition bei der Überlappung von Elementen,
         				   Elemente mit niedrigerem Index werden überdeckt */
}
#footer
{
	position:absolute;		/* absolute Positionierung, scrollbar*/
	top:0; left:0; right:0; bottom:0;	/* Positionsangaben */
	background-color: #FF0000;	/* Hintergrundfarbe: ROT */
         border-style: inset;		/* Rahmen erstellen */
         border-width: thin;		/* Rahmendicke */
	z-index:3;			/* Sichtposition bei der Überlappung von Elementen,
         				   Elemente mit niedrigerem Index werden überdeckt */
}

/* Angaben nur für den Internet Explorer mittels Star-HTML-Hack */
* html, * html body
{
	overflow:hidden;		 /* Verhinderung von Scrollbalken, da diese nicht notwendig sind */
	bottom:0;			 /* Positionsangabe */
	height:100%;			 /* HTML und BODY Höhe zuweisen, notwendig für nachfolgen Prozentangaben */
}
* html #header_container, * html #footer_container
{
	position:absolute;		 /* absolute Positionsangabe, scrollbar*/
	width:100%;			 /* Breite des Elementes */
/*	padding-right:16px;		 /* Rechter Innenabstand, damit Scrollbalken Element nicht verdeckt*/
}

* html #menu
{
	position:absolute;		 /* absolute Positionsangabe, scrollbar */
}

* html #header,* html #footer
{
	height:100%;			 /* Höhe des Elementes*/
	position:static;		 /* Positionierung im Textfluss*/
}
* html #content
{
	position:absolute;		/* absolute Positionierung, scrollbar*/
	top:4em; bottom:5em; left:10.5em; right:0;/* Positionsangeaben */
	height:100%;			/* Höhe des Elementes */
/*	width:70%;			/* Breite des Elementes */
	overflow:auto;			/* Scrollbalken einfügen, wenn nötig */
	margin:0;			/* Aussenabstand */
}

/*Weiter mit den Allgemeinen angaben*/
#menu li
{
	text-align:center;	     	/* Links mittig ausgerichtigt */
	list-style: none;		/* Aufzählungszeichen entfernen*/
	margin:0;			/* Aussenabstand des Elementes*/
	padding:0.3em;			/* Innenabstand des Elementes, Absand der Links zueinander*/
}

#menu li, #menu a:link, #menu a:visited /* normaler, unbesuchter und bereits besuchter Link*/
{
	display:block;			/* Anzeige als Blöcke */
	background-color:#FF8C00;      	/* Hintergrundfarbe: DARKORANGE */
	text-decoration:none;		/* automatische Unterstreichung von Hyperlinks aufheben */
	margin:0;			/* Aussenabstand des Elementes */
	padding:0.2em;			/* Abstand von Link zum Rand der Box*/
}
#menu a:hover /* mit Maus über Link fahren */
{
	background-color:#FF4500;	/* Hintergrundfarbe des Blocks */
	text-decoration:underline;	/* Hyerlink unterstreichen */
}

* html #menu
{
	margin:0;
	width:10.5em;    		/* Der IE soll das Element breiter darstellen, da margin und padding hier von
					   der Breite abgezogen wird! */
}


#navigation
{
    	margin: 0.1em;			/* Abstand der Link-Boxen zum Rand der Fusszeile */
    	padding: 0;
    	text-align: center;		/* Textausrichtung */
}


#navigation li
{
	display:inline;			/* Links in einer Reihe anzeigen */
}

#navigation a:link, #navigation a:visited /* normaler, unbesuchter und bereits besuchter Link*/
{

	background-color:#FF8C00;      	/* Hintergrundfarbe: ORANGE */
	text-decoration:none;		/* automatische Untersteichung von Hyperlinks aufheben*/
	margin:0;
	padding:0.1em;			/* Abstand von Link zum Rand der Box*/
}

#navigation a
{
 	float: right;			/* Links am rechten Fensterrand ausrichten*/
 	width: 5em;			/* Breite relativ zur Schriftgröße */
}

#navigation a:hover, #navigation a:active, #navigation a:focus /* mit Maus über Link fahren */
{
	background-color:#FF4500;	/* Hintergrundfarbe: ORANGERED */
	text-decoration:underline;
}

#navigation div
{
     clear: right;			/* rechte Anordnung der Navigation aufheben */
}


* html #navigation a {  /* Korrektur fuer IE 5.x */
	width: 8em;
    	w\idth: 6em;
}