/* ==============================
// CSS fuer das Projekt: Digitale Pressemappe Daidalos (PO 23)
// Anwendungsbereich: Bildschirm
// Approb.: 2009-05-04
// ==============================
//
// Sektion 1: Container
// Sektion 2: Tabellenformate
// Sektion 3: Listenformate
// Sektion 4: Formularfelder
// Sektion 5: Bildformate
// Sektion 6: Headlines
// Sektion 7: Absaetze
// Sektion 8: Anker
// Sektion 9: Freie Klassen
// Sektion 10: Sonderfaelle
// ============================== */

/* -----------------------------------------------
// Sektion 1: Container
// --------------------------------------------- */
body  {
      background-color:#FFF;
      color:#000;
      font-family:verdana,arial,sans,sans-serif;
      margin-top:0px;
      }

#bereich  {
      position:relative;
      left:0px;
      top:0px;

      width:980px;
      height:570px;

      margin-left:auto;
      margin-right:auto;
      }

#bereich_dach  {
      position:absolute;
      left:0px;
      top:0px;

      width:100%;
      height:160px;

      background-color:#EBECC0;
      color:#056E2D;
      }

#bereich_dach_kopf  {
      position:absolute;
      left:400px;
      top:50px;
      }

#bereich_dach_onav  {
      position:absolute;
      right:10px;
      bottom:5px;
      }

#bereich_inh  {
      position:absolute;
      left:230px;
      top:160px;

      width:750px;
      height:400px;

      overflow:auto;

      background-color:#FFF;
      color:#000;

      /* border-top:solid 11px #BEFC35; */
      }

#bereich_nav  {
      position:absolute;
      left:0px;
      top:160px;

      width:230px;
      height:400px; /* ex 4000px */

      background-color:#EBECC0;
      color:#056E2D;

      background-image:url(hgkreise.gif);
      background-repeat:no-repeat;
      background-position:0px 320px;
      }

#submenue_fl,
#submenue_in,
#submenue_io,
#submenue_pr  {
             display:none;
             }

/* -----------------------------------------------
// Sektion 2: Tabellenformate
// --------------------------------------------- */
#bereich_inh table  {
       margin-left:30px;
       }

/* -----------------------------------------------
// Sektion 3: Listenformate
// --------------------------------------------- */

/* -----------------------------------------------
// Sektion 4: Formularfelder
// --------------------------------------------- */

/* -----------------------------------------------
// Sektion 5: Bildformate
// --------------------------------------------- */
.bildabschnittL img  {
       margin-left:30px;
       }
/* -----------------------------------------------
// Sektion 6: Headlines
// --------------------------------------------- */
h1     {
       font-size:30px;
       color:#056E2D;
       }

#bereich_inh h2,
#bereich_inh h3,
#bereich_inh h4  {
       margin-left:30px;
       }

/* -----------------------------------------------
// Sektion 7: Absaetze
// --------------------------------------------- */
#bereich_inh p  {
       margin-left:30px;
       }

/* -----------------------------------------------
// Sektion 8: Anker
// --------------------------------------------- */
#bereich_dach_onav a  {
        text-decoration:none;
        color:#000;
        font-weight:800;
        }

#bereich_inh a  {
        color:#000;
        }

#bereich_nav a  {
        display:block;
        text-decoration:none;
        }

#bereich_nav a.hna,
#bereich_nav a.hna_aktiv
        {
        color:#000;
        font-size:17px;
        font-weight:800;

        padding-left:6px;
        padding-bottom:15px;

        border-left:solid 20px #EBECC0;
        }

#bereich_dach_onav a.aktiviert,
#bereich_nav a.hna_aktiv
        {
        text-decoration:underline;
        }

#bereich_nav .untermenue a  {
        color:#000;
        font-size:14px;
        font-weight:600;
        margin-left:30px;
        padding-bottom:11px;
        }

#bereich_nav .untermenue a.aktiviert  {
        text-decoration:underline;
        }

/* -----------------------------------------------
// Sektion 9: Freie Klassen
// --------------------------------------------- */
.untermenue  {
             border-left:solid 20px #EBECC0;
             }

.bildabschnittS  {
             margin-left:30px;
             }
             
/* -----------------------------------------------
// Sektion 10: Sonderfaelle
// --------------------------------------------- */