html  {
    margin                : 0px;
    padding               : 0px;
    width                 : 100%;
    height                : 100%;
    }

body {
    width                 : 100%;
    height                : 100%;
    margin                : 0px;
    padding               : 0px;
    background-color      : #300; /*#0E0E0E;*/
    font-family           : arial,helvetica;
    font-size             : 0.80em;
    text-align            : center;
    }

body.Inhalte {
    width                 : 100%;
    height                : 100%;
    margin                : 0px;
    padding               : 0px;
    background-color      : #300;
    font-family           : arial,helvetica;
    font-size             : 0.80em;
    text-align            : center;
    overflow              : auto;
}

#Index {
    position              : absolute;
    top                   : 50%;
    left                  : 50%;
    margin-top            : -218px;   /* <<< halbe Höhe ! */
    margin-left           : -385px;   /* <<< halbe Höhe ! */

    height                : 436px;   /* <<< gewünschte Höhe ! */
    width                 : 770px;   /* <<< gewünschte Breite ! */
    background-color      : #fff;

    text-align            : center;

    background-image      : url(../gfx/index.jpg);
    background-repeat     : no-repeat;
    }

#IndexName {
    font-size             : 27pt;
    font-weight           : bold;
    margin                : 0px;
    margin-top            : 120px;
    *margin-top           : 140px;
    }

#IndexOrganistin {
    font-size             : 8pt;
    font-weight           : bold;
    padding-top           : 0px;
    margin-top            : 3px;
    }

#IndexMenue {
    float                 : right;
    text-align            : left;
    width                 : 200px;
    background-color      : transparent;
    height                : 250px;
    line-height           : 170%;
    font-size             : 1.1em;
    }

#IndexMenue a {
    color                 : #760606;
    text-decoration       : none;
    }

#IndexMenue a:hover {
    text-decoration       : underline;
    }

#header {
    background-image      : url(../gfx/head.jpg);
    background-repeat     : no-repeat;
    border-bottom         : solid 1px #777;
    }

#main {
    margin-left           : auto;
    margin-right          : auto;
    text-align            : left;
    width                 : 770px;   /* <<< gewünschte Breite ! */
    background-color      : #fffffe;
    border-left           : solid 1px #fff;
    border-right          : solid 1px #000; /*#D6DDEF;*/
    min-height            : 100%;
    }

.bildspalte {
    padding-left          : 20px;
    float                 : left;
    width                 : 150px;
    margin-top            : 20px;
    background-color      : transparent;
    }

.textspalte {
    margin-left           : 20px;
    float                 : left;
    width                 : 400px;
    margin-top            : 20px;
    background-color      : transparent;
    }

.textspalte h1 {
    margin-bottom         : 20px;
    font-size             : 14pt;
    width                 : 95%;
    font-weight           : normal;
    color                 : #888;
    }

.textspalte h2 {
    margin-top            : 30px;
    font-size             : 11pt;
    font-weight           : normal;
    width                 : 100%;
    border-bottom         : solid 1px #bbb;
    padding-bottom        : 10px;
    color                 : #760606;
    }

.textspalte ul {
    margin-left           : 15px;
    padding-left          : 0px;
    }

.textspalte li {
    padding-left          : 5px;
    }

.textspalte a, .bildspalte a {
    color                 : #760606;
    text-decoration       : underline;
    }

.textspalte a:hover, .bildspalte a:hover {
    text-decoration       : none;
    }


.InhalteMenue {
    float                 : left;
    width                 : 180px;
    margin-top            : 20px;
    background-color      : transparent;
    line-height           : 160%
    }

.InhalteMenue a {
    color                 : #760606;
    text-decoration       : none;
    }

.InhalteMenue a:hover {
    text-decoration       : underline;
    }

.jahre {
    float                 : left;
    width                 : 100px;
    margin-top            : 10px;
    background-color      : transparent;
    line-height           : 170%;
    color                 : #333;
    }

.jahreInhalt {
    margin-left           : 20px;
    float                 : left;
    width                 : 280px;
    margin-top            : 10px;
    background-color      : transparent;
    line-height           : 170%;
    color                 : #333;
    }

.jahreAuszeichnung {
    float                 : left;
    width                 : 50px;
    margin-top            : 10px;
    background-color      : transparent;
    line-height           : 170%;
    color                 : #333;
    }

.jahreInhaltAuszeichnung {
    margin-left           : 20px;
    float                 : left;
    width                 : 330px;
    margin-top            : 10px;
    background-color      : transparent;
    line-height           : 170%;
    color                 : #333;
    }

.Zeitungsname {
  color                   : #760606;
  font-weight             : bold;
  }