/* 
body = Seite allgemein, dort ist die Standardschrift und der Hintergrund definiert
tr = Zeile (table row),td =  Zelle (table data), p = Absatz (paragraph)
table = Tabelle, wobei bei überlappenden Tabellen zuerst die äussere angeführt wird

h1 = Überschrift 1 (header)
a= Verweis (bei Link) (anchor); a:hover: wenn der Cursor über dem Link ist

unten haben wir dann: 
ID Styles: (ID ist das Attribut)
**************Beispiel: <p align="center">, p steht für einen Tag, align ist das Attribut und center ist der Wert. 
Syntax in CSS Datei: Raute und danach frei wählbarer Name. #navigation
Syntax im Dokument: Tag ID = Name der ID, Beispiel: <div id="navigation"> ***********
Mit ID wird in der CSS Datei eine Variable definiert, im Dokument efolgt dann die Zuordnung zum ID Style
Es werden dabei im Dokument mit IDs Bereiche (Kästchen) erstellt, und die ID gibt diesen Bereichen das Aussehen.

 container: statt dem Bildschirmrand wurde ein Behälter für die Seite definiert

Class Styles (Klassen, beginnen mit Punkt)
columnheader: Überschrift über den Fotos 
bildtext: Beschreibung unterhalb des Bildes
titel:  Firmenname beim Logo (eigene Klasse wg. Margin oben und unten nötig)
untertitel: Text im Dokument
zellenrand: Linie bei der Verlinkung

*/


/* Global Styles */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	background-color:FFFFEA;
	margin:10px 0 0 0;
	text-align:center;
	}
	
td, p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	font-size: 12px;
	}

h1 {
	font-size:16px;
	color: #AA0000;
	margin-bottom:20px;
	text-align: center;
	margin-top: 20px;
}
	
	
a {
	color: #AA0000;
	text-decoration:none;
	display:block;
	padding:8px 6px 8px 22px;
	}
a.textlink {
	color: #333333;
	text-decoration: underline;	
	padding:4px 6px 4px 22px;
	display:inline;

}

	
a:hover {
	color:#333333;
	font-weight:bold;
	background: url("../images/mm_bullet_yellow.gif") 10px 50% no-repeat;
	}


/* ID Styles */

#container {
	margin: 0 auto 0 auto;
	width: 950px;
	padding: 0px;
	text-align: left;
}
	
	
/* Class Styles */
	
.columnHeader {
	color: #aa0000;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight:bold;
	}
	
.bildText {
	color: #333333;
	}
	
.titel {
	font-weight: bold;
	color: #AA0000;
	font-size:16px;
}
.untertitel {
	font-weight: bold;
	color: #AA0000;
	font-size:14px;
} 
/*für Seite "Downloads und Links"- Überschrift der Gruppen*/
.untertitel2 {
	font-weight: bold;
	color: #AA0000;
	font-size:14px;
	margin-bottom: -20px;
}
/*für Überschriften im Text rot*/
.Hervorhebung1 {
	color: #AA0000;
}
/*für Überschriften im Text rot fett*/
.Hervorhebung2 {
	color: #AA0000;
	font-weight: bold;

}
/*für Überschriften im Text schwarz fett*/
.Hervorhebung3 {
	font-weight: bold;
	color: #000000;
}
.zellenrand {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #AA0000;
}
.Tabellenrahmen {
	border: thin solid #990000;
}