/* ***********************************************************************
 *
 *   Haupt CSS-Datei
 *     - optimiert fuer Aufloesung 1152x864
 *     - Rand/Menue "gruen"
 *     - Inhalt "weiss"
 *
 *********************************************************************** */

/* ***********************************************************************
 * allgemein
 ****** */
body {
   background-color: #00b000;
   font-family: sans-serif;
   font-size: 17px;
}

a, img {
   border-width: 0px;
   padding: 0px;
   margin: 0px;
}

h2 { font-size: 1.5em;  }  /* Der IE stellt die */
h3 { font-size: 1.17em; }  /*  Schriftgroessen  */
h4 { font-size: 1em;    }  /*  von 'h*' anders  */
h5 { font-size: 0.83em; }  /*  dar! Daher...    */

p {
   text-indent: -5px;
}

abbr {
   border-bottom-width: 0px;
   cursor: help;
}

img.clsMediaPrint {
   display: none;
}

span.clsUnderline {
   text-decoration: underline;
}

/* ***********************************************************************
 * Ueberschrift
 ************** */
#idUeberschrift {
   /* [Positionierung] */
    position: absolute;
    height: 24px;
    left: 20px;
    right: 50px;
    top: 8px;
   /* [/Positionierung] */
   padding: 5px 0px;
   text-align: center;
}

#idUeberschrift h3 {
   color: #ffffff;
   margin: 0px;
   white-space: nowrap;
}

/* ***********************************************************************
 * Logo
 ****** */
#idLogo {
   /* [Positionierung] */
    position: absolute;
    left: 20px;
    top: 43px;
    height: 148px;
    width:  153px;
   /* [/Positionierung] */
}

#idLogo a {
   text-decoration: none;
}

#idLogo a img {
   border: 3px solid #008000;
}

/* ***********************************************************************
 * Navigation
 ************ */
#idNavigation {
   /* [Positionierung] */
    position: absolute;
    left: 20px;
    top: 200px;
    width: 140px;
   /* [/Positionierung] */
   z-index: 29;
}

#idNavigation ul {
   list-style-type: none;
   margin: 0px;
   padding: 7px 0px;
   text-align: center;
}

#idNavigation ul li {
   border-bottom: 1px dotted #ffffff;
   padding: 5px 10px;
   white-space: nowrap;
}

#idNavigation ul li.clsAktiv {
   background-color: #ffffff;
   border: 3px solid #008000;
   border-right-color: #ffffff;
   color: #008000;
   font-weight: bold;
   width: 144px;
   position: relative;
   z-index: 30;
}

#idNavigation ul li.clsLetzter {
   border-bottom-width: 0px;
}

#idNavigation ul li a {
   color: #ffffff;
   display: block;
   text-decoration: none;
}

#idNavigation ul li a:hover {
   text-decoration: underline;
}

/* ***********************************************************************
 * Inhalt
 ******** */
#idInhalt {
   /* [Positionierung] */
    position: absolute;
    bottom: 10px;
    left: 187px;
    right: 50px;
    top: 43px;
   /* [/Positionierung] */
   background-color: #ffffff;
   background-image: url(../img/hintergrund.jpg);
   background-position: right 125px;
   background-repeat: no-repeat;
   border: 3px solid #008000;
   color: #000000;
   overflow: auto;
   padding-bottom: 10px;
   padding-left: 25px;
   padding-right: 15px;
   z-index: 10;
}

#idInhalt img.clsForWidth, #idInhalt img.clsForHeight {
   border: 0px;
   margin: 0px 15px;
   padding: 0px;
}

#idInhalt img.clsForHeight {
   float: right;
}

#idInhalt h3 {
   margin: 23px 0px 0px 0px;
   text-indent: -10px;
}

#idInhalt ul li, ol li, dl dt, dl dd {
   padding: 3px;
}

#idInhalt ul li.clsFirstEntry, ol li.clsFirstEntry, dl dt.clsFirstEntry, dl dd.clsFirstEntry {
   padding-top: 0px;
}

#idInhalt div.clsLegend {
   font-size: 0.8em;
   white-space: nowrap;
}

#idInhalt span.clsNoWrap {
   white-space: nowrap;
}

#idInhalt p.clsSrc {
   font-size: smaller;
   margin-top: -10px;
   text-align: right;
}

#idInhalt div.clsSubNav {
   /* [Positionierung] */
    position: absolute;
    left: 5px;
    top: 1px;
   /* [/Positionierung] */
   font-size: 0.7em;
   white-space: nowrap;
}

/* ***********************************************************************
 * Schriftgroesse
 ****** */
#idSchriftgroesse {
   /* [Positionierung] */
    position: absolute;
    right: 20px;
    top: 43px;
   /* [/Positionierung] */
   font-size: 1em;
   text-align: center;
   z-index: 99;
}

#idSchriftgroesse a {
   color: #000000;
   display: block;
   margin: 5px;
   text-decoration: none;
}

#idSchriftgroesse a:visited, #idSchriftgroesse a:active {
   color: #000000;
}

.clsSml { font-size: 0.8em; }
.clsNrm { font-size: 1em; }
.clsBig { font-size: 1.2em; }

/* ***********************************************************************
 * Debugging
 *********** * /
#idLogo:hover, #idUeberschrift:hover, #idNavigation:hover, #idInhalt:hover, #idSchriftgroesse:hover {
   outline: 1px dotted red;
}

/* * /

#idLogo, #idUeberschrift, #idNavigation, #idInhalt, #idSchriftgroesse {
   outline: 1px dotted magenta;
}

/* */