/* Layout NonoProjekt*/
/* (c)l Michael Klockmann 2006 */

BODY      {color: #000;
           background: #fff;
           font-family: Verdana, Arial, Helvetica, sans-serif;
           font-size: 11px;
           }

a          {text-decoration: none;}
a:link    {color: #300202;} /* #900606; */
a:active  {color: #300202;}
a:visited {color: #300202;}

dd         {margin-left: 1em;}
ul         {padding-left: 1em;}
.mainframe {background: url(../grafik/mainback.png);
            position: absolute; top: 152px; left: 0px;
            margin-left: 0px;
            width: 807px;
            padding: 1px; padding-left: 0px;
      /*      min-height: 40em;
            height: auto;
            _height: 40em;
        */    }

.page {width: 460px; background: #fff;
       border: 2px solid white;
        border-top-width: 0px;
       padding: 0.5 em; padding-top: 40px;
       padding-left: 35px; margin: 0em;
       line-height: 20px;
       min-height: 410px;
       }

.hausfarbe {background: #B0C4BE}

#headermenu {position: absolute; top: 140px; left: 168px;}
.bloecke {display: block; float: left; clear: none;
         }

.clear {clear: both; line-height: 0px; display: block;}


.pagemenu {position: absolute; top: 220px; left: 0px; width: 164px;
           background: #fff; padding-top: 2px; padding-bottom: 1px;}

.menuitem { background: #B0C4BE;
            border: 2px outset #396B5C;
            border-left-width: 1px;
            border-top-width: 1px;
            margin-bottom: 1px;
            padding: 6px;
            padding-left: 9px;
            font-weight: bold;
            color: #888;
           }

.menuitem a:link {color: white;}
.menuitem a:visited {color: white;}
.menuitem a:hover {color: #396B5C;}
.selected {background: #eef;}
.this {background: #EFCA00}

H1,H2,H3    {color: #396B5C;  line-height: 1em;}
H1 {
        
        font-size: 300%;

        }

H2, H3  {font-weight: bold;}

#homezone {position: absolute; top: 0em; left: 0em; width: 164px; height: 151px;
             background: #B0C4BE;
             border: 0px solid black;
            border-left-width: 0px;
            border-top-width: 0px;
         }

#header {position: absolute; top: 0em; left: 166px; width: 894px; height: 151px;
             background:  #B0C4BE;
         }


#leftcolumn {width: 164px;

            }
#rightcolumn {padding: 4px;
              padding-top: 60px;
            }


.action, .sender {position: absolute; top: 200px; left: 720px; width: 200px;
         background-color: #ddd; padding: 4px; opacity: 0.7;
         border: 2px outset gray;}
.button {border: 2px outset white; text-align: center; width: 12em;}

.follow {position: top: 4em; left: 0em;
             background: #fff; margin-top: 2em;}
.follow a:link {color: #888;}
.follow a:visited {color: #888;}
.follow a:hover {color: #900606;}

.klein  {text-align: left; font-size: small; color: #000000};
.quelle  {margin-left: 5%; font-size: xx-small; font-style: italic; }

.pageinfo {background-color: #c0c0c0; padding-left: 170px;}

.footer  {text-align: right; font-size: xx-small; font-style: italic; color: #808080}