/* CSS Document für www.mobiler-naturfuehrer.de */
/* Template stylesheet for my sites */

/************************************/
/* CSS fürs Basis-Layout der Seite */
/**********************************/


html{
        height: 100%;
        min-height: 100%;  /* doppelt hält besser...*/
        margin: 0px;
        padding: 0px;
}

body{
        height: 100%;
        min-height: 100%; /* Versuch*/
        text-align:center;        /* fürn IE */
        background-color: #FFFFFF;
        margin: 0px;
        padding: 0px;
        background-image: url(WebSeite-BG.gif);
        background-repeat: repeat-y;
        background-position:center;
}

#pagecontainer {
        position: absolut;
        top: 0;
        height: 100%;
        width: 900px;
        margin: 0px auto;
        padding: 0px;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        color: #000000; /* #FFFFFF; */
        text-align:left; /* auflösen */
}

#bilderleiste {
        position: absolut;
        top: 0;
        float: right;
        margin: 0px auto;
        padding: 0px;
        width: 900px;
        height:235px;
        background-image: url(WebHeader_30Juni.jpg);
        background-repeat: no-repeat;
        background-color: grey;
}

#links{
        position: absolut;
        top: 0px;
        left: 0px;
        width: 200px;
   /*     min-height: 375px;         */
        height: 450px;
        margin: -36 0 0 0px;
        padding: 0px;
        float: left;
        border: 0px dotted grey;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        background-image: url(Spinnentiere-NaviSpider.png);
        background-repeat: no-repeat;
        background-position: 100px 0px;
        border: 0px dotted grey;
}

#rechts{
        position: absolut;
        top: 0px;
        width: 690px;
        float: right;
        margin: 0px;
        padding: 0px;
        border: 0px dotted blue;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
}

#navi{
        position: absolut;
        top: 0px;
        left: 10px;
        width: 120px;
        margin: 35 0 0 20px;
        padding: 0px;
        padding-bottom: 40px;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        line-height: 20px;
        text-align:left;
        border: 0px dotted grey;
}

ul {
        list-style:none;
}

li {
         list-style:none;
}

/*
a.li:hover {
         list-style:none;
         font-family: Verdana, Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #005500;
}     */

.nav2 {
        margin: 0px;
        padding: 0 5 0 15px;
        font-weight: normal;
        border: 0px dotted red;
}

a.nav2:hover {
        font-weight: bold;
        border: 1px dotted green;
        }

.nav3 {
        margin: 0px;
        padding: 0 5 0 25px;
        font-size: 11px;
        font-weight: normal;
        border: 0px dotted red;
}
a.nav3:hover {
        font-weight: bold;
        border: 1px dotted green;
        }

/*
#gans{
        width: 100px;
        height: 20px;
        border: 0px dotted green;
}

#gans:hover{
        background-image: url(TierSpuren-Ente.png);
        background-repeat: no-repeat;
        background-position: -8px 2px;
}

#igel{
        width: 100px;
        height: 20px;
}

#igel:hover{
        border: 0px dotted green;
        background-image: url(TierSpuren-Igel.png);
        background-repeat: no-repeat;
        background-position: -4px 2px;
}
*/

#inhalt{
        position: absolut;
        top: 0px;
        width: 580px;
        margin: 0 75 0 30px;
        border: 0px dotted grey;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        border: 0px solid grey;
        }

a#inhalt:link{
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: italic;
        border: 1px solid grey;
        }

#footer{
        position: absolut;
        top: 0px;
        width: 670px;
        min-height: 52px;
        border: 0px solid green;
        margin: 20px 0px;
        text-align:center;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 9px;
        font-weight: normal;
        background-image: url(WebSeite-footer.png);
        background-repeat: no-repeat;
        background-position: center;
}



/************************************/
/* CSS fürs Inhalte der Seite */
/**********************************/


H1, H2, H3, H4, H5, P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT
            {font-family: Verdana, Helvetica, sans-serif; color: #000000;} /* #FFFFFF; */
PRE         {font-family: monospace;}
A           {color: #000000; text-decoration: none;  }    /* font-style:italic; */
A:hover     {color: #000000; text-decoration: underline;} /* #FFFFFF; */
FORM        {margin: 0px 0px 0px 0px;}
P, PRE      {margin: 0px 0px 0px 0px;}

H1 {font-size: 14px; font-weight: bold; }
H2 {font-size: 13px; font-weight: bold; }
H3 {font-size: 12px; font-weight: bold; }
H4, H5, H6 {font-size: 12px; font-style: normal;}

P {font-family: Verdana, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color:#000000;        /* #FFFFFF; */
        line-height: 15px;}

A.P:link {font-family: Verdana, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
         font-style: italic;
        color:#000000;        /* #FFFFFF; */
        line-height: 15px;}

blockquote{
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color:#000000;        /* #FFFFFF; */
        line-height: 15px;
}

textarea  {
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color:#000000;        /* #FFFFFF; */
        line-height: 15px;
}