/*Formatierung der allgemeinen Eigenschaften für alle Elemente (können später noch verändert werden*/
body{
  background-color: #FFFCD5;
  font-family: Geneva, Arial, Helvetica, sans-serif; /*Schriftart*/
  }

/*Allgemeine Eigenschaften für die Absätze
Diese werden in den einzelnen HTML - Dateien noch genauer spezifiziert.
Da hier nur die Schriftart nochmal definiert wird, ist der Eintrag hier eigentlich unnötig, da das ja schon beim
body passiert ist.*/
p {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  }

/* Einstellungen für die äußere Tabelle, die quasi als Rahmen für allen Inhalt dient */
table.rahmen {
  border-style: none;
  width: 1200px;  /*Gesamtbreite der Tabelle fixiert, damit die Homepage auf allen Monitoren gleich ausschaut*/
  margin-left: auto;  /*durch den Wert "auto" bei margin-left un margin-right wird das Element (die Tabelle) zentriert dargestellt.*/
  margin-right: auto;
  }
/*Standardeinstellung für die Tabellenzellen*/
td {
  vertical-align: top;
  background-color: #FFFCD5;
  }
/*Format für die Zellen die das Menü umfassen
vor allem wichtig die andere Hintergrundfarbe und die Text Ausrichtung*/
td.menu, td.menuleiste, td.kopf, td.rechtsoben {
  background-color: #660000;
  text-align: center;
  vertical-align: top;
  }

td.menuleiste, img.logo{
  width: 150px;
  }

td.kopf {
  width: 700px;
  text-align: center;
  }

img.kopfbild {
  width: 100%;
  margin-left: auto;  /*durch den Wert "auto" bei margin-left un margin-right wird das Element (die Tabelle) zentriert dargestellt.*/
  margin-right: auto;
  }

td.rechteleiste, td.rechtsoben, td.spruch{
  width: 300px;
  }

/*Das Format für die Zelle, die den Inhalt der Seiten hat.
Die Weite steht auf der Weite des Fotos im Kopfbereich und die
padding - Werte stellen den Abstand des inhaltes zu den Menü - Zellen ein */
td.inhalt, td.inhaltcolspan {
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 10px;
  }

td.inhalt {
  width: 700px;
  }

td.inhaltcolspan {
  width: 1053px;
  }
/*Die Klasse "Fotos" wird vor allem für die rechte Tabellenspalte genutzt um den Inhalt der Zelle vertikal
zentriert im Vergleich zum Inhalt der Zelle "INhalt" anzuzeigen.*/
td.fotos {
  vertical-align: middle;
  text-align: center;
  padding-top: 5px;   /*padding-top müsste an dieser Stelle eigentlich unnötig sein, da vertical-align auf middle steht !?*/
  }

img.fotosvoll {
  width: 290px;
  }

h1 {
  font-size: 18pt;
  font-style: italic;
  font-weight: 700;
  color: #660000;
  text-align: center;
  padding-top: 20px;
  }

h2 {
  font-size: 14pt;
  color: #660000;
  text-align: center;
  padding-top: 20px;
  }

.spruch {
  font-family: 'Times New Roman', serif;
  font-style: italic;
  color: #660000;
  font-weight: 700;
  font-size: 12pt;
  text-align: center;
  vertical-align: middle;
  }

.betont {
  font-weight: 700;
  font-style: italic;
  }