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

     Layout 2 / frameless                           v2.0

                                     (c)  2010 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 und Bildleiste
*************************************************************/

#ibar { position:absolute; top:0px; left:0px; z-index:30;}
#bdesign { position:absolute; top:170px; left:927px; z-index:30;}
#ldesign { position:absolute; top:620px; left:35px; z-index:30;}

/************************************************************
 Hauptmenü (oben)     NEU
*************************************************************/

#mt0 { position:absolute; top:97px; left:230px; width:078px; text-align:center; z-index:20;}
#mt1 { position:absolute; top:97px; left:332px; width:073px; text-align:center; z-index:20;}
#mt2 { position:absolute; top:97px; left:425px; width:083px; text-align:center; z-index:20;}
#mt3 { position:absolute; top:97px; left:515px; width:115px; text-align:center; z-index:20;}
#mt4 { position:absolute; top:97px; left:632px; width:124px; text-align:center; z-index:20;}
#mt5 { position:absolute; top:97px; left:780px; width:070px; text-align:center; z-index:20;}
#mt6 { position:absolute; top:97px; left:880px; width:100px; text-align:center; z-index:20;}


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

/* Fließleiste NEU*/
.flowtop {
        margin:0; padding:0; font-size:1px;
        border-width:0px; border-style:solid;
        z-index:10;
        }

.flowtop2 {
    margin:0; padding:0; font-size:1px;
    border-width:0px; border-style:solid;
    z-index:10;
    }


/* Fließleisten-Ecke f0 */
/* (Stil #f0 ist etwas komplizierter, um alle Browser zu befriedigen ...) */
#f01 {        position:absolute; top:93px; left:000px; width:212px; height:28px;}
#f02 {  position:absolute; top:121px; left:000px; width:195px; height:15px;}

@media all { #f01 { voice-family: "\"}\""; voice-family:inherit;
        position:absolute; top:93px; left:000px; width:212px; height:28px;} }
html>body #f01 { position:absolute; top:93px; left:000px; width:212px; height:28px;}

@media all { #f02 { voice-family: "\"}\""; voice-family:inherit;
    position:absolute; top:121px; left:000px; width:195px; height:15px;} }
html>body #f02 { position:absolute; top:121px; left:000px; width:195px; height:15px;}



/* obere Fließleiste */
#ft0 { position:absolute; top:121px; left:195px; width:125px; height:15px;}
#ft1 { position:absolute; top:121px; left:307px; width:110px; height:15px;}
#ft2 { position:absolute; top:121px; left:417px; width:95px;  height:15px;}
#ft3 { position:absolute; top:121px; left:510px; width:115px; height:15px;}
#ft4 { position:absolute; top:121px; left:620px; width:140px; height:15px;}
#ft5 { position:absolute; top:121px; left:755px; width:110px; height:15px;}
#ft6 { position:absolute; top:121px; left:860px; width:137px; height:15px;}
#ft7 { position:absolute; top:121px; left:999px; width:110px; height:15px;}
#ft8 { position:absolute; top:121px; left:879px; width:140px; height:15px;}


/* obere Fließecke  NEU*/
#fe0 { position:absolute; top:095px; left:296px; width:24px; width:24px; z-index:10;}
#fe1 { position:absolute; top:095px; left:393px; width:24px; width:24px; z-index:10;}
#fe2 { position:absolute; top:095px; left:488px; width:24px; width:24px; z-index:10;}
#fe3 { position:absolute; top:095px; left:601px; width:24px; width:24px; z-index:10;}
#fe4 { position:absolute; top:095px; left:736px; width:24px; width:24px; z-index:10;}
#fe5 { position:absolute; top:095px; left:841px; width:24px; width:24px; z-index:10;}
#fe6 { position:absolute; top:095px; left:973px; width:24px; width:24px; z-index:10;}




/************************************************************
 Untermenüs (linksseitig)
*************************************************************/

/* Hintergrund */
#menuleft {
        position:absolute; top:138px; left:000px; width:195px; height:300px;
        border-width:1px; border-style:solid;
        z-index:2;
        }
#menuleftA {
        position:absolute; top:137px; left:000px; width:194px; height:300px;
        border-width:1px; border-style:solid;
        z-index:2;
        }

/* Fließleiste NEU */
.flowleft {
        border-width:0px; border-style:solid;
        margin:0; padding:0; font-size:1px;
        z-index:10;
        }



/* Positionierung ALT*/
#ml0 {position:absolute; top:170px; left:13px; z-index:5; width:150px; height:30px; text-align:left;}
#ml1 {position:absolute; top:205px; left:13px; z-index:5; width:150px; height:30px; text-align:left;}
#ml2 {position:absolute; top:240px; left:13px; z-index:5; width:150px; height:30px; text-align:left;}
#ml3 {position:absolute; top:275px; left:13px; z-index:5; width:150px; height:30px; text-align:left;}
#ml4 {position:absolute; top:310px; left:13px; z-index:5; width:150px; height:30px; text-align:left;}
#ml5 {position:absolute; top:345px; left:13px; z-index:5; width:150px; height:30px; text-align:left;}
#fl5 {position:absolute; top:380px; left:00px; width:020px; height:25px;}

#ml6 {position:absolute; top:298px; left:13px; z-index:5; width:150px; height:30px; text-align:left;}
#fl6 {position:absolute; top:298px; left:00px; width:020px; height:25px;}

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

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


/*************************************************************
 Inhalt    NEU
*************************************************************/

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

.contentgallery {
        z-index:50;
        margin:0; padding:15px 0px;
        border-width: 0px 0px 0px; border-style:solid;
        }


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




/*************************************************************
 Hintergrundfarben
*************************************************************/

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

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

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

/* 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:#ffffff;
    }
body.top {
        background-color:#ffffff;
        margin:0; padding:0; border-width:0;
        }
body.left {
        background-color:#ffffff;
        }
body.bottom {
        background-color:#ffffff;
        }

/* 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) NEU
*************************************************************/

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


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


/*************************************************************
 (Fließ-)Ecke - Dr. Mock  NEU
*************************************************************/

.flowecke {
    border-color:#ffffff;
    background-color:#ffffff;
    layer-background-color:#ffffff;
    }





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

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

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


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

/* allg. Menüpunkte */
a.msub {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        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: none;
        color: #006633;
        }
a:active.msub {
        text-decoration: none;
        color: #006633;
        }


/* aktiver Menüpunkt */
a.msubA {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        color: #006633;
    }
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:#006633;
    text-align:center; line-height:1.0;
    }
p.quicknav2 {
    font-family:Arial,Helvetica,sans-serif;
    font-size:0.8em; font-weight:normal; color:#ffffff;
    text-align:center; line-height:1.0;
    }
a.quicknav:link {
    text-decoration:none; color:#006633; font-weight:700;
    }
a.quicknav:visited {
    text-decoration:none; color:#006633; font-weight:700;
    }
a.quicknav:hover {
    text-decoration:none; color:#220000; font-weight:700;
    }
a.quicknav:active {
    text-decoration:none; color:#006633; font-weight:700;
    }


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

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

/* 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;
        }