html {
  /* Sicherstellen der korrekten Höhe */
  min-height:              100%;
}

/**
 * Wichtig ist hier vor allem die Höhe von 100%
 */
body {
  margin:                  4px;
  padding:                 0px;
  background-color:        #F9EED0;
  background-image:        url('../../img/template/backgrounds/back.gif');
  min-height:              100%;
}

img {
  border:                  0px;
}

table {
  empty-cells:             show;
}

/**
 * Dieser div-Bereich ist erforderlich, um die enthaltene Tabelle
 * wirklich auf eine Höhe von 100% strecken zu können
 */
div.main {
  position:                absolute;
  height:                  100%;
  width:                   100%;
}

/**
 * Der Header wird relativ zum div.main angeordnet
 * und hat eine feste, unveränderliche Breite.
 * Der z-index stellt sicher, dass der Header nicht
 * von anderen Elementen verdeckt wird.
 */
div.header {
  position:                relative;
  z-index:                 2;
  min-width:               780px;
  max-width:               780px;
  width:                   780px;
  margin:                  auto;
  min-height:              133px;
  max-height:              133px;
  height:                  133px;
  vertical-align:          bottom;
  background-image:        url('../../img/template/backgrounds/top.png');
  background-repeat:       no-repeat;
}

/**
 * Die Haupttabelle ist blind und dient nur der korrekten
 * Ausrichtung. Insbesondere das am Boden ausgerichtete
 * DLG-Logo lässt sich anders leider nicht sauber implementieren.
 */
table.main {
  width:                   780px;
  margin:                  auto;
  height:                  100%;
  position:                relative;
  margin-top:              -133px;
  background-image:        url('../../img/template/backgrounds/backlinks.png');
  background-repeat:       repeat-y;
  background-position:     0px 1px;
}

/**
 * Die Tabellenspalte, die die Navigation enthält,
 * hat eine feste Breite und muss um 133 Pixel nach unten
 * verschoben sein, damit der Inhalt nicht vom Header
 * verdeckt wird.
 */
td.navigation {
  padding-top:             133px;
  vertical-align:          top;
  width:                   170px;
  min-width:               170px;
  max-width:               170px;
}

/**
 * Das DLG-Logo
 */
td.navigationBottom {
  vertical-align:          bottom;
  line-height: 0px;
}


/**
 * Der Tabellebereich, der den Inhalt enthält.
 * Hier eventuell nochmal an den Paddings schrauben,
 * aber padding-top MUSS mindestens die Höhe des
 * Headers haben!
 */
.outerContent {
  padding-top:             145px;
  padding-left:            38px;
  padding-right:           20px;
  vertical-align:          top;
}

.content {
  margin-top:              5px;
}

.innerContent {
  text-align:              left;
  vertical-align:          top;
  padding-top:             0px;
}

/**
 * Layout der Überschriften
 */
.seitenueberschrift_kurz, .seitenueberschrift_lang {
  max-height:              35px;
  min-height:              35px;
  display:                 block;
  background-repeat:       no-repeat;
  padding-top:             14px;
}

.seitenueberschrift_kurz {
  min-width:               320px;
  max-width:               320px;
  background-image:        url('../../img/template/ueberschriften/ueberschriftlogo_kurz.gif');
}

.seitenueberschrift_lang {
  min-width:               545px;
  max-width:               545px;
  background-image:        url('../../img/template/ueberschriften/ueberschriftlogo_lang.gif');
}

.seitenueberschrift_linie {
  border-bottom:           1px solid #8B3245;
}

.image_right {
  float:                   right;
  margin-left:             10px;
  margin-top:              15px;
}

/**
 * Workarounds fuer TinyMCE-Syntax
 */
*[align="center"] {
  text-align:              center;
}

*[align="right"] {
  text-align:              right;
}

*[align="left"] {
  text-align:              left;
}