@charset "UTF-8";
/**
 * Styles, die von allen Medien benutzt werden
 * @version $Id: common.css 36 2010-03-07 13:57:21Z andy $
 *
 * Farben:
 * 2e2e2e dunkelgrau (Mine Shaft)
 * 404040 grau (Tundora)
 * 058530 grün (Japanese Laurel)
 */
body {
  font-family: "Century Gothic", Tahoma, Georgia, Arial;
}

address {
  font-style: normal;
  text-decoration: none;
}

h2 {
  color: #404040;
  font-weight: bold;
  font-size: 130%;
  margin: 0em;
}

h3 {
  color: #404040;
  font-weight: bold;
  font-size: 110%;
}

.rechts {
  display: block;
  float: right;
  margin: 0em 0em 0.5em 0.5em;
}

.clear-rechts {
  clear: right;
}

dl.tabelle {
  margin: 1em 0em 1em 0em;
}

dl.tabelle dt,p.tabelle :first-child {
  display: block;
  float: left;
  width: 6em;
}

dl.tabelle dd {
  margin-left: 6em;
}

a, a:link, a:visited {
  font-style: normal;
  color: #2e2e2e;
}

a:hover, a:focus, a:active {
  font-style: normal;
  text-decoration: none;
}

a img {
  border: none;
}

strong {
  font-weight: bold;
  color: #058530;
}

/**
 * Bildergalerie
 * Die Bilder sind genau 2 Rahmenbilder breit, so passen 2 nebeneinander
 * Im Druck sollen die Bilder aber die Seitenbreite füllen
 */
ul.galerie {
  display: block;
  margin: 0em -15px 0em 0em; /* ueberfluessiges padding der Bilder am rechten Rand */
  padding: 0em; /* padding machen die Bilder */
  list-style-type: none;
}

.galerie-ende {
  clear: left;
}

.galerie li {
  display: block;
  
  width: 250px;
  height: 250px;
  padding: 0px;
  margin: 0px 15px 10px 0px;
  /* Beim rechten margin muessen wieder die 5 Pixel vom Logo beruecksichtigt werden */

  float: left;
}

.galerie a {
  display: block;
  
  margin: 0px;
  padding: 0px;
  
  text-align: center;
  vertical-align: middle;
}
.galerie a img {
  border: 2px solid gray; /* 246 Dimensionen + Rahmen = 250 */
  padding: 0px;
  margin: 0px;
}
.galerie a:link img,
.galerie a:visited img {
  border-color: gray; 
}
.galerie a:hover img,
.galerie a:focus img,
.galerie a:active img {
  border-color: #058530;
}
/* Captions vollständig verstecken!
 * Auch für Screenreader.
 * Wo es Sinn macht, ist für Sr der alt-Text gesetzt.
 */
.galerie .highslide-caption {
  display: none;
}
.highslide-caption {
  color: #058530;
  font-weight: bold;
}

/**
 * Bestimmte Microformat-Elemente gehören versteckt
 */
.type {
  display: none;
}