/*************************************************************
     Stile und Positionierung für Menüs und Seitenlayout

     Layout 1 / frameless                           v2.0

                                     (c)  2011 dienst-iT
                                        www.dienst-iT.de
*************************************************************/


/************************************************************
 *             P O S I T I O N I E R U N G                  *
 ************************************************************/



/*************************************************************
 Body
*************************************************************/

body { margin:0; padding:0; border:0px none white;}


/*************************************************************
 Logo, Hintergrundbild und Bildleiste
*************************************************************/

#logo { position:absolute; top:0px; left:0px; z-index:30;}
#ibar { position:absolute; top:0px; left:0px; z-index:30;}
#ibar2 { position:absolute; top:109px; left:0px; z-index:3;}


/************************************************************
 Hauptmenüs (linksseitig)
*************************************************************/

/* Hintergrund */
#menuleftA {
        position:absolute; top:108px; left:0px; width:154px; height:300px;
        z-index:2;
        border-width:1px; border-style:solid;
        }

/* Positionierung */

  #ml0 {position:absolute; top:147px; left:25px; z-index:50; width:120px; height:25px; text-align:right;}
  #ml1 {position:absolute; top:172px; left:25px; z-index:50; width:120px; height:25px; text-align:right;}
  #ml2 {position:absolute; top:197px; left:25px; z-index:50; width:120px; height:25px; text-align:right;}
  #ml3 {position:absolute; top:222px; left:25px; z-index:50; width:120px; height:25px; text-align:right;}
  #ml4 {position:absolute; top:247px; left:25px; z-index:50; width:120px; height:25px; text-align:right;}
  #ml5 {position:absolute; top:272px; left:25px; z-index:50; width:120px; height:25px; text-align:right;}
  #ml6 {position:absolute; top:297px; left:25px; z-index:50; width:120px; height:25px; text-align:right;}
  #ml7 {position:absolute; top:322px; left:25px; z-index:50; width:120px; height:25px; text-align:right;}
  #ml8 {position:absolute; top:347px; left:25px; z-index:50; width:120px; height:25px; text-align:right;}
  #ml9 {position:absolute; top:372px; left:25px; z-index:50; width:120px; height:25px; text-align:right;}
  #ml10 {position:absolute; top:420px; left:25px; z-index:50; width:120px; height:25px; text-align:right;}

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

/************************************************************
 Untermenü (oben)
*************************************************************/

/* Farbleiste oben */
.flowtop {
        margin:0; padding:0; font-size:1px;
        z-index:10;
        border-width:1px; border-style:solid;
        }
#menutopA {
    position:absolute; top:108px;left:156px;width:638px;height:34px;
        margin:0; padding:0; font-size:1px;
        z-index:11;
        border-width:1px; border-style:solid;
        }

/************************************************************
 Copyright-Notiz
*************************************************************/

#copynote {
        position:absolute; top:600px; left:0px; width:154px; height:20px;
        z-index:10;
        }


/*************************************************************
 Inhalt
*************************************************************/

#mainarea {
        position:absolute; top:107px; left:155px; width:642px;
        z-index:1;
        margin:0; padding:0; border:0px none white;
        }
.content {
        z-index:50;
        margin:0; padding:10px;
        border-width:1px; border-style:solid;
        }



/************************************************************
 *               S T I L E                                  *
 ************************************************************/






/*************************************************************
 Hintergrundfarben und - Bild
*************************************************************/

/* Layouts 1 .. 3: Body */
body { background-color:#FFCC33; }

/* Layouts 1, 2 (noframes): Inhaltsbereich */
.content {      background-color:#FFFFCC; border-color:#FFCC33;}

/* Layouts 1, 2 (noframes): linksseitiges Menü (allg. / aktiv) */
#menuleft {     background-color:#FFCC33; border-color:#FFCC33;}
#menuleftA {    background-color:#FFCC33; border-color:#FFCC33;}


#ibar2 {       position:absolute; top:108px; left:0px; z-index:30;}


/* Layout 1: Hintergrund für Submenü (oben) */
#menutopA {
    border-color:#ff8888;
    background-color:#ff8888;
    layer-background-color:#ff8888;
    }

/* Layout 2 (frames) : Hintergrundfarben der Frames */
body.main {
    background-color:#F9F9F9;
    }
body.top {
        background-color:#ffffff;
        margin:0; padding:0; border-width:0;
        }
body.left {
        background-color:#cccccc;
        }
body.bottom {
        background-color:#cccccc;
        }

/* Layout 4 : Hintergrundfarben */
body.layout4 { background-color:#ddcccc; }
#vert-oben         { background-color:#eecccc;}
#vert-haupt         { background-color:#ddcccc;}
#inhalt      { background-color:#eedddd;}
#hauptmenue         { background-color:#ffffff;}
   /* Kasten fuer die Submenues: */
#submenues         { background-color:#ff0000;}
   /* Einzelnes Submenue (allg. / aktuelles): */
.submenue         { background-color:#cccccc;}
.submenueA         { background-color:#cccccc;}


/*************************************************************
 (Fließ-)Leisten (Layouts 1, 2)
*************************************************************/

/* obere (Fließ)leiste */
.flowtop {
        border-color:#FFCC33;
        background-color:#FFCC33;
        layer-background-color:#FFCC33;
        }

/* Layout 2: linke Fließleiste */
.flowleft {
        border-color:#ff0000;
        background-color:#ff0000;
        layer-background-color:#ff0000;
        }


/************************************************************
 Schriften für Hauptmenü
*************************************************************/

/* allg. Menüpunkte */
a.mmain {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #000000;
        }
a:link.mmain {
        text-decoration: none;
        color: #994400;
        }
a:visited.mmain {
        text-decoration: none;
        color: #994400;
        }
a:hover.mmain {
        color: #FF9900;
        }
a:active.mmain {
        text-decoration: none;
        color: #FF9900;
        }

/* aktiver Menüpunkt */
a.mmainA {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        color: #FF9900;
        }
a:hover.mmainA {
    text-decoration: none;
    }


/************************************************************
 Schriften für Untermenüs
*************************************************************/

/* allg. Menüpunkte */
a.msub {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: normal;
        text-decoration: none;
        color: black;
        }
a:link.msub {
        text-decoration: none;
        color: black;
        }
a:visited.msub {
        text-decoration: none;
        color: #333333;
        }
a:hover.msub {
        text-decoration: underline;
        color: red;
        }
a:active.msub {
        text-decoration: none;
        color: red;
        }


/* aktiver Menüpunkt */
a.msubA {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        font-weight: bold;
        text-decoration: none;
        color: black;
        }
a:hover.msubA {
    text-decoration:none;
    }

/*************************************************************
 Menüzeile unten
*************************************************************/

p.quicknav {
    font-family:Arial,Helvetica,sans-serif;
    font-size:0.8em; font-weight:normal; color:#994400;
    text-align:center; line-height:1.0;
    }
a.quicknav:link {
    text-decoration:none; color:#994400; font-weight:700;
    }
a.quicknav:visited {
    text-decoration:none; color:#994400; font-weight:700;
    }
a.quicknav:hover {
    text-decoration:none; color:#FF9900; font-weight:700;
    }
a.quicknav:active {
    text-decoration:none; color:#994400; font-weight:700;
    }


/************************************************************
 Copyright-Notiz
*************************************************************/

/* Layouts 1, 2 */
#copynote {
    font-family:Arial,Helvetica,sans-serif;
    font-size:9px; font-weight:normal;
    color:#994400; text-align:left; margin:0 25px;
    }

/* Layout 2 / Frames */
p.mleftCnote {
        font-family:Arial,Helvetica,sans-serif;
        font-size:9px; font-weight:400;
        line-height:22px; text-align:right; margin:0px;
        }




/*************************************************************
 Sonstiges
*************************************************************/

img, table {
        border: 0px none white;
        }