/****************************************************
 *  Tag - Standard - Definitionen
 ****************************************************/
/** Standardeinstelungen für alle Tags */
*           { font-family     : Calibri, Verdana, Arial, sans-serif;
              font-size       : 10pt;
              line-height     : 100%;
              padding         : 0px;
              margin          : 0px; }
* html body { overflow        : hidden; } 
body        { margin          : 0;
              padding         : 100px 0 0 0; }
a           { color           : #48B026;
              font-weight     : bold;
              text-decoration : none; }
img         { border          : 0; }
table       { font-size       : 10pt; }
input       { font-size       : 8pt; } 
select      { font-size       : 8pt; }
option      { font-size       : 8pt; }
nobr        { font-size       : 10pt; }
th          { color           : #FFFFFF;
              vertical-align  : top;
              padding         : 1px 5px 2px 2px; }
td          { vertical-align  : top;
              padding         : 1px 5px 2px 2px; }


/****************************************************
 *  Definition der Hintergrundfarben
 *  Die habe ich hier zusammen definiert, damit das Design einfacher anzupassen ist.
 ****************************************************/
body            { background-color : #B5B5B5; }
th              { background-color : #3D690A; }

a:hover         { background-color : #CDCDE7; }

#header         { background-color : #8CA6A6; }
#hMenu          { background-color : transparent; }
#left-sidebar   { background-color : #B5B5B5; }
#right-sidebar  { background-color : #B5B5B5; }
#contentBox     { background-color : transparent; }
#content        { background-color : #EDEDED; }
#memberInfoBox  { background-color : #8CA6A6; }
#errorMsg       { background-color : #FF0000; }
#infoMsg        { background-color : #FF8000; }
#debugInfo      { background-color : #ECD848; }

div#servicenav a:focus    { background-color : transparent; }
div#servicenav a:active   { background-color : transparent; }
div#servicenav a:visited  { background-color : transparent; }
div#servicenav a:hover    { background-color : #62CB72; }

a.currTopMenu             { background-color : #61CF72; }
a.topmenu                 { background-color : #737994; }
a.topmenu:link            { background-color : #737994; }
a.topmenu:visited         { background-color : #737994; }
a.topmenu:active          { background-color : #eeeeee; }
a.topmenu:hover           { background-color : #eeeeee; }
a.currMenu                { background-color : #61CF72; }
a.menu                    { background-color : #737994; }
a.menu:link               { background-color : #737994; }
a.menu:visited            { background-color : #737994; }
a.menu:active             { background-color : #eeeeee; }
a.menu:hover              { background-color : #eeeeee; }
.TH1                      { background-color : #3A3E35; }
.TD1                      { background-color : #A7E165 }
.TD2                      { background-color : #83EB0C; }


/****************************************************
 *  Einstellungen für die Menüspalten (Kopf und Links)
 ****************************************************/
div#header    { position          : absolute;
                top               : 0;
                left              : 0;
                width             : 100%;
                height            : 100px;
                background-image  : url('/css/images/sardinienHeader.jpg');
                background-repeat : no-repeat;
                z-index           : 98; }
@media screen { body>div#header{ position:fixed; } }

/**
.header1 { background-image  : url('/css/images/sardinienHeader.jpg'); }
.header2 { background-image  : url('/css/images/familienHeader.jpg'); }
.header3 { background-image  : url('/css/images/hammerschHeader.jpg'); }
.header4 { background-image  : url('/css/images/blmHeader.jpg'); }
*/

img#headerImg     { float       : left;
                    width       : 160px;
                    height      : 40px;
                    margin-left : 3px; }
div#servicenav    { text-align    : left;
                    top           : 60px;
                    left          : 0px;
                    padding-left  : 10px;
                    color         : #FFFF00;
                    font-family   : Arial;
                    font-size     : 9pt; }
div#servicenav a  { color   : #FFFF00;
                    font-family   : Arial;
                    font-size     : 9pt; }

/** Angaben für das horizontalen Menü */
div#hMenu         { position      : absolute;
                    top           : 82px;
                    text-align    : center;
                    left          : 0;
                    width         : 100%;
                    height        : 20px;
                    z-index       : 99; }
a.currTopMenu,
a.topmenu         { display           : inline-block;
                    width             : 120px;
                    padding           : 3px;
                    padding-left      : 20px;
                    margin-right      : 2px;
                    margin-left       : 2px;
                    border-top        : 1px solid #000000;
                    background-image  : url("/css/images/ball.rot.gif");
                    background-repeat : no-repeat;
                    text-align        : center;
                    color             : #EEEEEE;
                    text-decoration   : none; }
a.currTopMenu:link,
a.topmenu:link    { color:#eeeeee;
                    background-image  : url("/css/images/ball.rot.gif");
                    background-repeat : no-repeat;
                    text-decoration   : none;
                    font-weight       : bold; }
a.currTopMenu:visited,
a.topmenu:visited { color:#eeeeee;
                    background-image  : url("/css/images/ball.grau.gif");
                    background-repeat : no-repeat;
                    text-decoration   : none;
                    font-weight       : bold; }
a.currTopMenu:active,
a.currTopMenu:hover,
a.topmenu:active,
a.topmenu:hover   { color             : #737994;
                    font-weight       : bold;
                    background-image  : url("/css/images/ball.gelb.gif");
                    background-repeat : no-repeat; }
/** Ende der Angaben für das horizontale Menü */

/** Angaben für das vertikale Menü */
div#left-sidebar      { position          : absolute;
                        top               : 0px;
                        left              : 0;
                        width             : 150px;
                        height            : 100%;
                        z-index           : 95; }
body>div#left-sidebar { position          :fixed; }
.navblock             { display           : block;
                        margin-top        : 130px;
                        margin-left       : 10px; }
.subnavblock          { display           : block;
                        margin-top        : 1px;
                        margin-left       : 10px; }
a.currMenu,
a.menu                { font-size         : 10pt;
                        display           : block;
                        padding           : 3px;
                        padding-left      : 20px;
                        border-top        : 1px solid #000;
                        background-image  : url("/css/images/ball.rot.gif");
                        background-repeat : no-repeat;
                        color             : #EEEEEE;
                        text-decoration   : none; }
a.currMenu:link,
a.menu:link           { color             : #eeeeee;
                        background-image  : url("/css/images/ball.rot.gif");
                        background-repeat : no-repeat;
                        text-decoration   : none;
                        font-weight       : bold; }
a.currMenu:visited,
a.menu:visited        { color             : #EEEEEE;
                        background-image  : url("/css/images/ball.grau.gif");
                        background-repeat : no-repeat;
                        text-decoration   : none;
                        font-weight       : bold; }
a.currMenu:active,
a.currMenu:hover,
a.menu:active,
a.menu:hover          { color             : #737994;
                        font-weight       : bold;
                        background-image  : url("/css/images/ball.gelb.gif");
                        background-repeat : no-repeat; }
/** Ende der Angaben für das vertikale Menü */

/** Angaben für den rechten Bereich (Mitglieder-Infos) */
div#right-sidebar       { position      : absolute;
                          top           : 0px;
                          right         : 0;
                          width         : 150px;
                          height        : 100%;
                          font-size     : 8pt;
                          z-index       : 92; }
body>div#right-sidebar  { position      : fixed; }
div#memberInfoBox       { display       : block;
                          margin-top    : 130px;
                          margin-left   : 5px;
                          margin-right  : 5px;
                          font-size     : 8pt; }
/** Ende der Angaben für den rechten Bereich           */


/****************************************************
 *  Einstellungen für mittleren Hauptbereich
 ****************************************************/
#contentBox { margin    : 0;
              padding   : 0 150px 0 150px;
              height    : 100%;
              overflow  : auto;
              z-index   : 4; }
#content    { margin    : 0;
              padding   : 5px;
              height    : 98%;
              overflow  : auto;
              z-index   : 5; }
/** Ende der Angaben für den mittleren Hauptbereich           */

/****************************************************
 *  Einstellungen für eine Fehlerbox
 ****************************************************/
#errorMsg { color       : #FFFFFF;
            font-size   : 9pt;
            font-weight : bold;
            padding     : 5px;
            text-align  : center;
            width       : 99%; }
/** Ende der Angaben eine Fehlerbox */

/****************************************************
 *  Einstellungen für eine Infobox
 ****************************************************/
#infoMsg  { color       : #FFFFFF;
            font-size   : 9pt;
            font-weight : bold;
            padding     : 5px;
            text-align  : center;
            width       : 99%; }
/** Ende der Angaben eine Infobox */

/****************************************************
 *  Einstellungen für Debug-Informationen
 ****************************************************/
#debugInfo  { color       : #1712B0;
              font-size   : 8pt;
              font-weight : normal;
              font-style  : italic;
              padding     : 5px;
              text-align  : left;
              width       : 99%; }
/** Ende der Angaben für debug-Informationen */

/** Fliesstext um Bilder definieren */
.links  { vertical-align  : top;
          margin          : 3px;
          margin-right    : 10px;
          float           : left;
          font-size       : 9pt;
          font-style      : italic;
          text-align      : center;
          padding-bottom  : 5px; }
.rechts { vertical-align  : top;
          margin          : 3px;
          margin-left     : 10px;
          float           : right;
          font-size       : 9pt;
          font-style      : italic;
          text-align      : center;
          padding-bottom  : 5px; }
/** Ende von Fliesstext um Bilder definieren */


/** Tabellendefinitionen */
.TH1    { color         : #FFFFFF;
          padding       : 1px 5px 2px 2px;
          font-size     : 8pt;
          text-align    : left; }
.TD1    { padding       : 1px 5px 2px 2px;
          font-size     : 10pt; }
.TD2    { padding       : 1px 5px 2px 2px;
          font-size     : 10pt; }
td.leer { font-size : 4pt; }
/** Ende der Tabellendefinitionen */

/** Content-Divs **/
.content {
    font-family: Cambria, Cochin, Georgia, Times, Times New Roman, serif;
    font-size: 1em;
}

.content h2 {
    font-size: 3em;
    font-weight: bold;
    padding-bottom: 20px;
}

.content .inhalt {
    text-justify: auto;
    padding-bottom: 20px;
}