/*	Bis zu div.mitte dienen fast alle Angaben der mittigen Positionierung der Seite im Browser. Vor allem, dass die Seite auch bei Verkleinerung des Browserfensters vollstŠndig sichtbar bleibt.
	Anfangs war problematisch, dass die Seite dann nach links aus dem Browser "gerutscht" ist, und diese Teil auch Ÿber den vertikalen Scrollbalken nicht mehr zu erreichen war.
	Durch eine Tabelle, die nur eine Zelle enthŠlt, die sich Ÿber die gesamte Browserfenstergrš§e erstreckt, kann man margin-left:auto und margin-right:auto eine mittige Positionierung
	des Seite unabhŠngig von der Browserfenstergrš§e erreichen.*/
	
html	
	{
	display:table;
	height:100%; 
	width:100%;
	}

/*	Festlegen der Hintergrundfarbe, etc.	*/	
body 	
	{
	background-color:#9A9A9A;
	height:100%; 
	width:100%;
	text-align:left; 
	display:table-cell; 
	vertical-align:top;
	}

/*	Einrichten der Webseite-Ausma§e, Festlegen des Hintergrundbildes, mittige Zentrierung, etc.	*/	
div.mitte 	
	{
	min-height:42em;
	min-width:60em;
	max-width:60em;
	background-color:#FFFFFF;
	overflow:visible;
	margin-left:auto; 
	margin-right:auto;
	z-index:1;
	}
	
/* Positionierung des Kopfbuttons (www.rigbers.info) der zur Start-Seite zurŸckfŸhrt.	*/
div.kopfbutton	
	{
	margin-left:-15pt;
	top:13pt;
	padding-left:2.3em;
	position:relative;
	float:left;
	z-index:6;
	}

/* Positionierung der Kopfleiste		*/	
div.kopfleiste	
	{
	top:15pt;
	padding-left:38.6em;
	position:relative;
	z-index:5;
	}

/* Positionierung der einzelnen Elemente innerhalb der Kopfleiste		*/		
a.kopfleisteinhalt	
	{
	padding-left:1.5em;
	padding-right:1.5em;
	position:relative;
	}
	
/* Positionierung der Flagge zum Wechseln der Sprache innerhalb der Kopfleiste	*/
a.flagge		
	{
	position:relative;
	padding-left:1.9em;
	top:-2pt;
	}

/*Abstand zu den Kopfleisteninhalten & Definition des Aussehens des obersten Trennstriches		*/	
div.abstandoben	
	{
	padding-top:1em;
	position:relative;
	background-color:#FFFFFF;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:black;
	margin-left:10pt;
	margin-right:10pt;
	}	

/*Positionierung der †berschrift	*/
div.titel		
	{
	margin-left:-15pt;
	position:relative;
	max-width:22em;
	margin-bottom:3em;
	padding-left:1.5em;
	}

/*Abstand & Definition des Aussehens der zweiten Trennlinie	*/	
div.leisteunten	
	{
	position:relative;
	border-bottom-width:1px;
	border-bottom-color:black;
	border-bottom-style:solid;
	margin:10pt;
	}
	
/* Ausrichtung der linken Navigationsleiste. 	*/	
ul.navigation	
	{
	margin-left:-15pt;
	position:relative;
	width:6em;
	margin-top:1em;
	margin-right:1em;
	float:left;
	list-style:none;
	line-height:1.0em;
	z-index:4;
	height:28.5em; /* Hšhe von 28,5 em um Fu§leiste (mit Copyright und Datum) unten links zu fixieren	*/
	}

/* Unternavigationsleiste in der linken Navigation (leicht nach rechts eingerŸckt)		*/	
a.unternavigation
	{
	font-size:9pt;
	margin-left:0.5em;
	line-height:1.0em;
	}

/*Positionierung des textuellen Inhalts mit Angaben zur Breite, AbstŠnden, etc.		*/
div.inhalt		
	{
	margin-top:0.5em;
	margin-right:1.5em;
	margin-left:1em;
	position:relative;
	width:12em;
	float:left;
	z-index:3;
	}

/*Ausrichtung des Bildes auf der Startseite (mittige Positionierung innerhalb des divs, Entfernung des Rahmens, etc.)		*/	
div.indexbild	
	{
	border-width:0pt;
	overflow:hidden;
	padding-top:30pt;
	margin-top:-20pt;
	position:relative;
	left:50%;
	width:50em;
	margin-left:-25em;
	}

/*Ausrichtung des gro§en Bildes, das beim †berfahren eines der kleinen Vorschaubildern rechts durch diese ersetzt wird.*/
div.bild			
	{
	margin-top:1em;
	margin-right:5pt;
	overflow:hidden;
	position:relative;
	float:left;
	}
	
/*Ausrichtung der kleinen Vorschaubilder rechts gesamt	*/
div.bildklein	
	{
	margin-top:1.8em;
	position:relative;
	z-index:2;
	}
	
/* weitere Angaben zu den Vorschaubildern rechts, z.B. Entfernung des Rahmens, Angabe der Bildgršsse der Vorschaubilder, etc.	*/	
img.indexbildklein
	{
	margin-bottom:2.6pt;
	margin-right:10pt;
	width:75px;
	height:56px;
	border:0pt;	
	}
		
/*Ausrichtung der Fu§leiste & Angabe zur Schriftgrš§e		*/
div.fuss		
	{
	clear:both;
	padding-bottom:5pt;
	padding-left:1.4em;
	position:relative;
	font-size:7pt;
	z-index:8;
	}

div.ohnerand		{
	border:0pt;
	}
	
/*Angaben zur Ausrichtung der Grafiken unter vita/awards		*/
div.award		
	{
	padding-top:10pt;
	border:0pt;
	}

/*Angaben zur Grš§e der Grafiken unter vita/awards		*/
img.award		
	{
	height:50px;
	width:580px;
	}	

/*Ausrichtung &  Festlegung der Schrifteigenschaften der †berschrift	*/
h1.ueberschrift
	{
	font-family:Garamond,'Times New Roman',serif;
	font-size:25pt;
	color:#0099FF;
	padding-left:10pt;
	font-weight:normal;
	}

/* Festlegen der Schrifteigenschaften fŸr die Schrift	*/		
p.standardgrau	
	{
	font-family:Helvetica,Arial,Geneva,sans-serif;
	font-size:9pt;
	color:#9A9A9A;
	}

/*Festlegen der Schrifteigenschaften fŸr die Schrift kleiner*/
p.standardgrauklein
	{
	font-family:Helvetica,Arial,Geneva,sans-serif;
	font-size:8pt;
	color:#9A9A9A;
	}
	
/*Festlegen der Schrifteigenschaften im Inhalt fŸr die †berschrift	*/
p.inhalttitel	
	{
	font-family:Helvetica,Arial,Geneva,sans-serif;
	color:#9A9A9A;
	font-size:9pt;
	margin-top:0.5em;
	}		

/*Festlegen der Schrifteigenschaften im Inhalt fŸr den Untertitel	*/	
p.inhaltuntertitel
	{
	font-family:Helvetica,Arial,Geneva,sans-serif;
	color:#9A9A9A;
	font-size:9pt;
	margin-top:-1em;
	}
	
/*Festlegen der Eigenschaften der Trennlinie auf der Archive-Seite*/
div.trenner	
	{
	clear:both;
	margin-top:10em;
	position:relative;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:black;
	margin-left:9.8em;
	margin-right:10pt;
	}	
	
/*Festlegen der Eigenschaften der Trennlinie auf der Websites-Seite*/
div.websitestrenner	
	{
	margin-top:10em;
	position:relative;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:black;
	margin-left:9.8em;
	margin-right:10pt;
	}	
	
/*Positionierung des Inhalts auf der Archive-Seite	*/
div.ainhalt
	{
	width:10em;
	margin-left:9.8em;
	float:left;
	margin-top:0.5em;
	margin-right:1em;
	position:relative;
	z-index:3;
	}

/* Ausrichtung der linken Navigationsleiste auf Archive-Seite (fixed)	*/	
ul.anavigation	
	{
	margin-left:-15pt;
	position:fixed;
	width:6em;
	margin-top:1em;
	margin-right:1em;
	float:left;
	list-style:none;
	line-height:1.0em;
	z-index:4;
	height:28.5em; /* Hšhe von 28,5 em um Fu§leiste (mit Copyright und Datum) unten links zu fixieren	*/
	}	

div.sitemapall
	{
	padding-left:20pt;
	padding-right:20pt;
	border-right-style:solid;
	border-right-color:black;
	border-right-width:1pt;
	float:left;
	}

div.sitemap
	{
	width:120pt;
	height:24.3em;
	padding-left:5pt;
	margin-top:-7pt;
	}

/*Festlegen der Pseudoelemente fŸr links vom typ1 (blau) und typ2 (grau)	*/	
a.type1:link {font-weight:normal;color:#0099FF;text-decoration:none}
a.type2:link {font-weight:normal;color:#9A9A9A;text-decoration:none}
a.type1:visited {font-weight:normal;color:#0099FF;text-decoration:none}
a.type2:visited {font-weight:normal;color:#9A9A9A;text-decoration:none}
a.type1:focus{font-weight:normal;color:#0099FF;text-decoration:none}
a.type2:focus{font-weight:normal;color:#9A9A9A;text-decoration:none}
a.type1:hover {font-weight:normal;color:#9A9A9A;text-decoration:none}
a.type2:hover {font-weight:normal;color:#0099FF;text-decoration:none}
a.type1:active {font-weight:normal;color:#9A9A9A;text-decoration:none}
a.type2:active {font-weight:normal;color:#0099FF;text-decoration:none}