/* ==============================
// CSS fuer das Projekt: dpm pizza sociale
// Anwendungsbereich: Bildschirm
// Approb.: 2008-11-17
// ==============================
//
// 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       {
           font-family:arial,sans,sans-serif;
           }

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

           width:980px;

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

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

           width:100%;
           height:120px;

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

           border-bottom:solid 3px #390;
           }

#bereich_dach_obligaten  {
           position:absolute;
           top:100px;
           right:10px;
           }

#bereich_inh  {
           position:absolute;
           left:210px;
           top:130px;

           width:620px;
           min-height:480px;

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

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

           width:180px;
           min-height:480px;

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

           border-right:solid 3px #F03;
           }

#wahlgruppe1,
#wahlgruppe2,
#wahlgruppe3,
#wahlgruppe4,
#wahlgruppe5,
#wahlgruppe6,
#wahlgruppe7 {
           display:none;
           }

/* -----------------------------------------------
// Sektion 2: Tabellenformate
// --------------------------------------------- */

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

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

/* -----------------------------------------------
// Sektion 5: Bildformate
// --------------------------------------------- */

/* -----------------------------------------------
// Sektion 6: Headlines
// --------------------------------------------- */

/* -----------------------------------------------
// Sektion 7: Absaetze
// --------------------------------------------- */
p.bildbeschriftung {
   font-size:90%;
   margin-top:3px;
   }

p.teaser  {
   font-weight:600;
   }

/* -----------------------------------------------
// Sektion 8: Anker
// --------------------------------------------- */
a:link,
a:visited     {
      text-decoration:none;
      color:#390;
      }

a:hover,
a:active,
a:focus     {
      text-decoration:none;
      color:#F03;
      }

#bereich_dach_obligaten a  {
      margin-left:10px;
      margin-right:10px;
      }

#bereich_nav a  {
      display:block;
      margin-bottom:22px;
      font-weight:800;
      }
#bereich_nav a.hna_aktiv  {
      font-weight:800;
      }

#bereich_nav a.una,
#bereich_nav a.una_aktiv  {
      font-size:90%;
      }

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

/* -----------------------------------------------
// Sektion 9: Freie Klassen
// --------------------------------------------- */

/* -----------------------------------------------
// Sektion 10: Sonderfaelle
// --------------------------------------------- */