body {
    /*letter-spacing: 0.001ex;
    */ font-family: Arial, Helvetica, sans-serif;
    /* TODO Put this also under html? */ background-color: white;
    margin-top: 0;
  }


.container {
    padding: 2px;
    margin-bottom: 3px;
    border: 1px solid #c2c2c2;
    /* lightgray */;
  }


.top {
    border-top: 0;
  }


a img {
    border: none;
  }

/* FIXME Gefährlich, da das layout im Moment davon abhängt, ob der Browser
         zuerst die ID oder die Klasse auswertet. */


div#site {
    /* Wird für die einheitliche Positionierung von #header benötigt.*/ position: relative;
    width: 995px;
    /* TODO Finde den richtigen Wert. */ margin: 0 auto;
    padding-top: 0;
    /* COOL Passt die Höhe des Containers an und bezieht die floats mit ein. */overflow: hidden;
  }

/*** HEADER ***/


#logo {
    float: left;
    padding: 13px 31px 6px 25px;
    /* FIXME Duplikat von .step. */ background-color: white;
  }


.step {
    border-left: none;
    background-color: white;
  }


div#header {
    position: absolute;
    left: 179px;
    top: 0;
    padding-top: 41px;
    /*margin-left: 178px;
    */ width: 273px;
    line-height: 1;
  }


div#header h1 {
    /* TODO Die Boxen überlappen in der Vorlage sogar. Negativer margin oder versuche etwas über die Zeilenhöhe. */ margin: 0;
    font-size: 38px;
    font-weight: normal;
    color: #1a1a1a;
    /* black */;
  }


div#header h2 {
    margin: 0;
    margin-left: 55px;
    /*text-indent: 55px;
    */ font-size: 24px;
    font-weight: normal;
    color: #1a1a1a;
    /* black */;
  }


div#header h3 {
    margin: 0;
    font-size: 17px;
    font-weight: normal;
  }


div#spacer {
    float: right;
    position: relative;
    /* Needed for z-index */ z-index: 1;
    width: 536px;
    height: 16px;
    margin-bottom: 7px;
  }


p#address {
    /* TODO Das scheint nicht so vorgesehen... */ clear: right;
    float: right;
    font-size: 11px;
    margin-top: 11px;
    margin-bottom: 11px;
  }


.images {
    float: right;
  }


#images1 {
    width: 376px;
    height: 75px;
    margin-right: 2px;
  }


#images2 {
    width: 432px;
    height: 56px;
    /* TODO Doppelt, siehe #news. */ clear: right;
    margin-right: 1px;
    /* SEE TODO */;
  }


div#news {
    clear: right;
    float: right;
    margin-right: 1px;
    /* SEE TODO */ width: 201px;
    font-size: 75%;
  }

/* TODO Die navi rules sind nicht schön. */

/*** NAVIGATION ***/


ul#navi {
    clear: left;
    float: left;
    padding: 0;
    margin: 0;
    width: 178px;
    list-style: none;
  }


ul#navi ul {
    margin: 0;
    padding: 0;
  }


ul#navi a, ul#navi a:hover, ul#navi a:visited {
    color: white;
    text-decoration: none;
  }


ul#navi li ul a, ul#navi li ul a:hover, ul#navi li ul a:visited {
    color: black;
  }

/* Wird wahrscheinlich durch ein block-displayed <a> ersetzt. */


ul#navi li div.c {
    background-color: #ca000a;
    /* red */ padding: 0 0 0 7px;
    line-height: 18px;
  }


ul#navi li {
    /* TODO Könnte auch von .container geerbt werden, würde aber das HTML verschmutzen. Entscheide. */ border: 1px solid #c2c2c2;
    /* lightgray? */ padding: 3px 3px 9px;
    margin: 0 0 3px;
    font-weight: bold;
    font-size: 14px;
  }

/* Rounded Corners */


.rt {
    background-image: url('corner_rt.png');
    background-position: right top;
    background-repeat: no-repeat;
  }


.rb {
    background-image: url('corner_rb.png');
    background-position: right bottom;
    background-repeat: no-repeat;
  }


ul#navi ul {
    list-style: none;
    padding: 0 0 0 10px;
  }


ul#navi ul li {
    border-left: none;
    border-right: none;
    border-color: #a4a4a4;
    /* gray */ padding: 0;
    margin: 6px 0 1px;
    font-size: 11px;
    line-height: 1.2em;
    color: #2e2e2e;
    /* black */;
  }


hr {
    border: none;
    border-top: 1px solid #c2c2c2;
  }

/*** IMAGE VIEWER ***/


div.strip {
    white-space: nowrap;
    overflow: auto;
  }


img.thumb {
    height: 100px;
  }


.selected {
    width: 810px;
  }


.selected h3 {
    color: #ff0000;
    text-align: center;
  }


div#content {
    padding-top: 177px;
    /* 50px. Extra-Platz wegen der absoluten Positionierung des Headers benötigt. */ margin-left: 184px;
  }


div.p_ {
    margin-right: 211px;
  }


div.p_.t_briefing {
    margin-right: 0px;
  }


div.error {
    clear: right;
    float: right;
    border: 1px solid #ff0000;
    background-color: #ff8888;
    width: 300px;
  }


div#counter {
    height : 0px;
    left : -1pxpx;
    position : fixed;
    top : -1pxpx;
    visibility : hidden;
    width : 0px;
  }