a {
  color:white;
}

body {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  /* background-color:rgb(93%,73%,30%); /* orange hell   */
  /* background-color:rgb(91%,69%,27%); /* orange mittel */
  /* background-color:rgb(91%,64%,22%); /* orange dunkel */
  background-color:rgb(90%,60%,20%);
  /*background-color:rgb(52%,16%,16%); /* Wald im Hintergrund */      
  color:white;
  font-family:"Times New Roman", Times, serif;
  font-weight:bold;      
}
    
/* Für das Einfügen eines Hintergrundbildes gibt es mehrere Ansätze:
    
1. Einbinden als Hintergrundbild im body-Abschnitt
    
Die Vorteile bei dieser Vorgehensweise besteht darin, daß der Vorgang lediglich
einmal angegeben werden muß und über die format.css-Datei in jeder Seite automatisch
wiederholt wird. Das Bild ist statisch d. h., die Proportionen werden bei Größenänderungen
der Seite nicht verzerrt.
    
Der Nachteil dieser Vorgehensweise besteht in der begrenzten Formatierbarkeit des
Bildes. Bei Hintergrundbildern wurde konzeptionell an Kacheln gedacht die sich beliebig 
wiederholen lassen. Hintergrundbilder mit "inhaltlicher Aussage" eignen sich nicht dafür. 
Sie müssen von der Abmessung in maximaler Darstellungsbreite und -höhe bereitgestellt 
werden. Entsprechned der Auflösung des Browsers erscheinen beim Aufruf der Seite 
unterschiedliche Bereiche des Bildes.

    
2. Einbinden als Grafik 
    
Der Vorteil beim Einbinden einer Grafik, die sich über den gesamten Bereich der
Seite erstreckt, liegt in der beliebigen Skalierbarkeit des Bildes.    

    
Der Nachteil bei dieser Vorgehensweise ist, daß die Proportionen des Bildes bei
Größenänderungen angepaßt werden und es dabei zu Verzerrungen der Darstellung kommen
kann. /*
    
#hintergrund {
  height:100%;
  width:100%;    
  margin:0px;
  padding:0px;
  position:absolute;
  left:0px;
  top:0px;  
  z-index:1;    
}
    
/* Formal sollte sich die Web-Seiten in drei Bereiche unterteilen:

Titel/Kopf: statisch/einheitlich für jede Seite des Webauftritts
	  
Inhalt: variabel
	  
Fußzeile: statisch/einheitlich für jede Seite des Webauftritts (evtl. mit Ausnahme 
      	  der Startseite) */
    
#titel {
  position:absolute;
  left:50px;
  top:50px;
  z-index:2;
}
    
#untertitel {
  position:relative;
  font-size:1.33em;
}

#menue {
  position:absolute;
	top:0px;
	right:0px;
	padding:10px 20px 10px 20px;
  text-align:right;
  z-index:3;
}
 		
#inhalt {
  position:absolute;
  left:0px;
  top:145px;
  padding:20px;
  z-index:4;
}

#inhalt h1 {
  font-size:1.33em;
}    

#inhalt p {
  text-align:justify;
}

#inhalt ul {
  line-height:1.33em;
}

#rahmen {
  border-color:orange maroon maroon orange; 
  border-style:solid; 
  border-width:4px; 
  margin:20px;"
}