body{	/*der gesamte Body-Tag wird angesprochen*/
	margin-top: 40px;	/*die Seite hat einen oberen Abstand von 40 Pixeln*/
	margin-left: 0px;	/*kein Abstand auf der linken Seite*/
	background-color: #EEEEEE;	/*die HTML-Seite hat die Hintergrungfarbe #EEEEEE, ein sehr helles grau*/
	
	scrollbar-base-color: #eeeeee;	/*Diese Angaben zeigen wie der Scrollbalken auszusehen hat,*/
	scrollbar-3d-light-color: #eeeeee;	/*macht sich aber nur bei Windows bemerkbar!*/
	scrollbar-arrow-color: #000000;
	scrollbar-darkshadow-color: #eeeeee;
	scrollbar-face-color: #eeeeee;
	scrollbar-highlight-color: #000000;
	scrollbar-shadow-color: #000000;
	scrollbar-track-color: #eeeeee;
}

.subnavi{	/*Eine bestimmte Fläche (hier ist es die obere graue lange Spalte) wird mit class="subnavi" formatiert (kann eine Tabelle, td, span, etc. sein). Der Punkt vor "subnavi" zeigt, dass es  sich um eine Klasse und nicht um ID's. */
	font-family: arial;	/*hat die Schriftart Arial*/	
	font-size: 8pt;	/*eine Schriftgröße von 8pt*/
	font-weight: bold;	/*ist fett geschrieben*/
	color: #333333; /*hat eine Schriftfarbe von #333333, ein dunkles grau*/

}

.subnavi a:link{	/*Wenn in einer Fläche, die die Klasse subnavi hat ein Link vorkommt, soll er so aussehen.*/
	text-decoration: none; /*kein Unterstrichener Text, ist in Browsern eine Voreinstellung die man hier unterdrücken kann*/
	color: #333333;	/*hat eine Schriftfarbe von #333333, ein dunkles grau*/
}

.subnavi a:visited{	/*Wenn ein Link schonmal besucht wurde, hat er auch eine Browserspezifische Voreinstellung*/	
	text-decoration: none; /*kein Unterstrichener Text*/
	color: #333333;	/*hat eine Schriftfarbe von #333333, ein dunkles grau*/
}

.subnavi a:hover{ /*Geht man mit der Maus über den Link kann man einen Effekt erziehlen, wenn er wie der ursprüngliche Link formatiert ist, ist nichts zu sehen*/
	text-decoration: none; /*kein Unterstrichener Text*/
	color: #333333;	/*hat eine Schriftfarbe von #333333, ein dunkles grau*/
}

.subnavi a:active{	/*Wenn ein Link schonmal besucht wurde, hat er auch eine Browserspezifische Voreinstellung*/	
	text-decoration: none; /*kein Unterstrichener Text*/
	color: #333333;	/*hat eine Schriftfarbe von #333333, ein dunkles grau*/
}


.sub_text{	/*Auf der rechten Spalte, der Seite ist ein kleiner Beschreibungstext zu einem Bild oder einer*/
	font-family: arial;	/*hat die Schriftart Arial*/	
	font-size: 8pt;	/*eine Schriftgröße von 8pt*/
	color: #999999;	/*hat eine Schriftfarbe von #999999, ein mittleres grau*/
	text-align: justify; /*der Text im Blocksatz ausgerichtet*/
}

.bildtitel{	/*Der Bildtitel befindet sich unter dem subtext*/
	font-family: arial;	/*hat die Schriftart Arial*/	
	font-size: 8pt;	/*eine Schriftgröße von 8pt*/
}

.bildtitel a:link{	/*Hat der Bildtitel einen Link, wird er hier bebschrieben.*/
	color: #000000;	/*Schriftfarbe #000000, schwarz*/
	text-decoration: none; /*kein Unterstrichener Text*/
}

.bildtitel a:visited{	/*Hat der Bildtitel einen Link, wird er hier bebschrieben.*/
	color: #000000;	/*Schriftfarbe #000000, schwarz*/
	text-decoration: none; /*kein Unterstrichener Text*/
}

.bildtitel a:hover{ /*Link hat einen Mouseovereffekt*/
	color: #cc0000;	/*Schriftfarbe #cc0000, rot*/
	text-decoration: none; /*kein Unterstrichener Text*/
}

.bildtitel a:active{	/*Hat der Bildtitel einen Link, wird er hier bebschrieben.*/
	color: #000000;	/*Schriftfarbe #000000, schwarz*/
	text-decoration: none; /*kein Unterstrichener Text*/
}

.bild_navi{ /*Die bild_navi, stellt die Pfeil und Schriftelemente rechts vom Bild dar*/
	font-family: arial;	/*hat die Schriftart Arial*/	
	font-size: 8pt;	/*eine Schriftgröße von 8pt*/
}

.text{	/*Der Hauptinhalt der Seite*/
	font-family: arial;	/*hat die Schriftart Arial*/	
	font-size: 9pt;	/*eine Schriftgröße von 9pt*/
	word-spacing: 1px;	/*Wortabstand von 1px*/
}

h5{	/*der h5-Tag auf der Seite*/
	font-weight: bold;	/*Schrift ist fett geschrieben*/
}

table.auswahl{	/*befindet sich nur auf der Porträt Seite, die Tabelle mit den erscheinenden Namen hat eine Hintergrundfarbe, da die Spalten innen hellgrau formatiert sind sieht man nur einen Rahmen*/
	background-color: #999999;	/*Hintergrundfarbe #999999, ein mittleres grau*/	
}

.auswahl td{	/*Die Spalten (td-Tag) der table.auswahl (die Namen)*/
	background-color: #eeeeee;	/*Hintergrundfarbe #eeeeee, helles grau*/
	font-family: arial;	/*hat die Schriftart Arial*/	
	font-size: 8pt;	/*eine Schriftgröße von 8pt*/
	color: #000000;	/*Schriftfarbe #000000, schwarz*/
	padding: 2px;	/*die Spalte hat einen Innenabstand von 2px*/
	padding-left: 7px;	/*linker Innenabstand von 7px*/
}

table.abc {	/*nur die Tabelle mit dem Alphabet*/
	padding-left: 0px; /*linker Innenabstand von 0px*/
	padding-right: 8px;	/*rechter Innenabstand von 8px*/
	padding-top: 0px;	/*oberer Innenabstand von 0px*/
	padding-bottom: 0px;	/*unterer Innenabstand von 0px*/
	line-height: 14pt;	/*Zeilenhöhe von 14pt*/
	height: 19px;	/*Tabelle hat eine Größe von 19px*/
}

.abc td{	/*die Spalten, oben beschriebenen Tabelle*/
	text-align: right;	/*Text ist im Blocksatz angeordnet*/
}

.rdnavi{	/*die dritte Navigationsebene, sie befindet sich unten (Impressum, Kontakt, Links, Kubiak & Rauch)*/
	font-family: arial;	/*Schriftart Arial*/
	font-size: 10pt;	/*Schriftgröße 10pt*/
	color: #cc0000;	/*Schriftfarbe #cc0000, rot*/
	text-decoration: none; /*kein Unterstrichener Text*/
}

.rdnavi a:link{	/*Link in der dritten Ebene*/
	font-family: arial;	/*Schriftart Arial*/
	font-size: 10pt;	/*Schriftgröße 10pt*/
	color: #cc0000;	/*Schriftfarbe #cc0000, rot*/
	text-decoration: none; /*kein Unterstrichener Text*/
}

.rdnavi a:visited{	/*wenn man einen Link in der dritten Ebene besucht hat*/
	color: #cc0000;	/*Schriftfarbe #cc0000, rot*/
	text-decoration: none; /*kein Unterstrichener Text*/
}


.rdnavi a:hover{	/*Mausovereffekt in der dritten Ebene*/
	font-family: arial;	/*Schriftart Arial*/
	font-size: 10pt;	/*Schriftgröße 10pt*/
	color: #000000;	/*Schriftfarbe #999999, mittleres Grau*/
	text-decoration: none; /*kein Unterstrichener Text*/
}

.rdnavi a:active{	/*wenn man einen Link in der dritten Ebene besucht hat*/
	color: #cc0000;	/*Schriftfarbe #cc0000, rot*/
	text-decoration: none; /*kein Unterstrichener Text*/
}


.feature td{	/*auf der Seite feature.htm befindet sich oben eine Navigation*/
	font-family: arial;	/*Schriftart Arial*/
	font-size: 8pt;	/*Schriftgröße 8pt*/
	font-weight: bold;	/*Schrift ist fett geschrieben*/
	color: #333333;	/*Schriftfarbe #333333, dunkles grau*/
	line-height: 14pt;	/*Zeilenhöhe 14pt*/
}

.text td{	/*der Inhalt in der Tabelle*/
	background-color: #eeeeee;	/*Hintergrundfarbe #eeeeee, helles grau*/
}

a:link{	/*Links im Allgemeinen*/
	color: #cc0000;	/*Schriftfarbe #cc0000, rot*/
	text-decoration: none; /*unterstrichener Text*/
	font-family: arial;	/*hat die Schriftart Arial*/	
}

a:visited{	/*besuchte Links*/
	color: #cc0000;	/*Schriftfarbe #cc0000, rot*/
	text-decoration: none; /*unterstrichener Text*/
	font-family: arial;	/*hat die Schriftart Arial*/
}

a:hover{	/*Mausovereffekt*/
	color: #999999;	/*Schriftfarbe #999999, mittleres grau*/
	text-decoration: none; /*unterstrichener Text*/
	font-family: arial;	/*hat die Schriftart Arial*/
}

a:active{	/*Aktive Links*/
	color: #cc0000;	/*Schriftfarbe #cc0000, rot*/
	text-decoration: none; /*unterstrichener Text*/
	font-family: arial;	/*hat die Schriftart Arial*/
}