/* Version für Drucker ohne Header, Menü und Footer */
@media print {
  div#header, div#menu, div#footer {
    display: none
    }
  }

/* kein Rand (weil die DIVs bereits einen bekommen), dunkelgrauer Hintergrund */
body {
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: small;
/*  background-color: #f8d37b */
/*  background-color: #f8d37b */
  background-color: #edd8a6
  }

/* Abstände aller Spalten, Header und Footer der Seite voneinander und diese mit
   einem Rahmen und dem Amiga-Freunde-Hintergrundbild versehen */
div {
  margin: 1ex;
  border-style: solid;
  border-width: 0.15ex;
  padding: 1ex;
  background-color: #f8f4e9
/*  background-color: rgb(212,191,133) */
  }

/* Header abschließen, damit er keinen Einfluß mehr auf die darunter
   befindlichen Spalten hat */
div#header {
  border-color: black;
  overflow: auto
  }

/* keine Ränder um Grafiken beziehungsweise Logos im Menü */
div#menu img {
  border-style: none;
}

/* Menü linksbündig mit fester Breite */
div#menu {
  float: left;
  margin-top: 0;
  margin-right: 1ex;
  width: 32ex
  }

/* Menüpunkte mit Amiga-Ball-Grafik darstellen */
div#menu ul {
  list-style-image: url("images/amiga-ball.png");
  padding-left: 1.5em
  }

/* vertikaler Abstand der einzelnen Menüpunkte voneinander */
div#menu li {
  padding-bottom: 2ex
  }

/* Suchfeld ohne Label, da Legende bei nur einem Formularfeld ausreichend ist */
div#menu label {
  display: none
  }

/* Abstand des Inhalts von der linken Fensterkante */
div#content {
  margin-top: 1ex;
  margin-left: 0;
  overflow: auto
  }

/* Footer unter den Spalten anfangen */
div#footer {
  border-color: black;
  clear: both
  }

/* Menüpunkte im Footer ohne Dekoration, zentriert und ohne inneren Abstand */
div#footer ul {
  list-style-type: none;
  text-align: center;
  padding: 0
  }

/* Menüpunkte horizontal hintereinander statt vertikal untereinander */
div#footer ul li {
  display: inline;
}

div#footer p.lastmodified {
  color: gray;
  margin: 0;
  text-align: right
  }

/* Galerie-Ansicht von Bildern */
/* Galerie jeweils in ein DIV */
div.gallery {
  margin: 0;
  padding: 0;
  border-style: none;
  overflow: auto
}

/* DIV aber keine Rahmen um die Bilder */
div.picture {
  float: left;
  height: 130px;
  width: 130px;
  border-style: none;
  margin: 5px 3px;
  padding: 15px
  }

/* Beschriftung */
div.picture p {
  font-family: Verdana, sans-serif;
  font-size: xx-small;
  text-align: center;
  }

/* Schrift auf den Diarahmen stellen */
div.portrait p {
  margin-top: -1ex
  }

div.landscape p {
  margin-top: -4ex
  }

/* Hochformat */
div.portrait {
  background-image: url("images/diarahmen-portrait.png")
  }

/* Querformat */
div.landscape {
  background-image: url("images/diarahmen-landscape.png")
  }

/* Bilder selbst mit 3D-Rahmen */
div.picture img {
  border-style: solid;
  border-width: 1px;
  border-color: #444 #aaa #aaa #444;
  }

/* Ausrichtung bei Hochformat */
div.portrait img {
  margin: 0 16px;
  width: 96px;
  height: 128px
  }

/* Ausrichtung bei Querformat */
div.landscape img {
  margin: 16px 0;
  width: 128px;
  height: 96px
  }

/* Klasse zum Zentrieren von Texten (z. B. innerhalb eines Absatzes) */
.center {
  text-align: center
  }

/* Klassen für Bilder und Objekte zentriert, links- und rechtsbündig in DIV */
img.center, object.center {
  display: block;
  margin: auto
  }

img.left, object.left {
  float: left
  }

img.right, object.right {
  float: right
  }

/* Daten der Treffen ohne Aufzählung, zentriert */
h3.meeting-dates {
  text-align: center
  }

/* Daten der Treffen ohne Aufzählung, linksbündig, zentriert */
ol.meeting-dates {
  text-align: center;
  list-style-type: none;
  padding-left: 0
  }

li.exceptional-date {
  padding-top: 2ex;
  padding-bottom: 2ex;
  font-weight: bold;
  color: red
}

/* Treffen abgesagt */
.canceled {
  text-decoration: line-through
  }

/* Autobahnen */
.bundesautobahn {
  color: white;
  background-color: blue
}

/* Bundesstraßen */
.bundesstrasse {
  background-color: yellow
}

/* Technische Informationen bzw. Fehlermeldungen von cgiemail */
p.cgiemailinfo {
  font-size: xx-small
  }

.lastmodified {
  font-size: xx-small
  }

/* Datum bei den News rot hervorheben */
.news-date {
  color: red
  }

/* Warnungen und Fehlermeldungen */
.error {
  color: red
  }

/* bei Tabellen, die Rahmen der einzelnen Zellen zusammenfassen */
table {
  border-collapse: collapse
  }

/* Tabellenbeschreibung weiter nach oben */
table caption {
  margin-bottom: 1ex
  }

/* die Rahmen um Tabellenzellen anzeigen */
td, th {
  border-style: solid;
  border-width: 0.15ex;
  padding: 0.25ex
  }

/* Chef rot hervorheben */
#chef {
  background-color: red
  }

/* Zeitungszitate in Monospace */
.newspaper {
  font-family: monospace
  }

/* Kapitälchen */
.uppercase {
  text-transform: uppercase
  }

/* Definitionsterme */
dt {
  font-weight: bold
  }

/* Formular-Labels */
label {
  float: left;
  width: 8em;
  margin-right: 1ex;
  text-align: left
  }

/* Required-Labels markieren */
label.required:after {
  content: "* "
  }

/* Required rot (separat, weil nicht alles mit "label" funktioniert) */
.required {
  color: red
  }

.linkmodify {
  float: right;
  font-size: xx-small
}

.linkdelete, .linkedit {
  color: silver
}

/* ---------------------------------------------------------------------------*/
/* Internet Explorer-Fehler ausbügeln */
/* ---------------------------------------------------------------------------*/

/* Der * html-Hack geht nicht mehr seit IE7 und *+html geht nicht wegen Opera,
   dennoch behandelt der IE * bzw. die Hierarchie in HTML-Dokumenten noch immer
   falsch, weshalb nachfolgende Hacks trotzdem funktionieren */

/* Beim IE den Rand links von den Menüpunkten ausschalten */
*:first-child+html div#menu ul {
  margin: 0
  }

/* Beim IE fehlt der Rand zwichen Menü und Content */
*:first-child+html div#menu {
  margin-right: 1ex
  }

/* Scrollbalken beim IE in den Galerien entfernen */
*:first-child+html div.gallery {
  overflow: hidden
  }

/* IE object nicht anzeigen lassen (wegen iframe - geht leider nicht anders bei
   eingebetteten Webseiten, die nicht lokal vorliegen) */
*:first-child+html div#content object {
  display: none
}