body        {   background-image:url(images/hintergrund_kranich.jpg);
                background-repeat:repeat-x;
                background-color: #efefef;
                font-family:sans-serif;
            }
h1        	{font-size:24px;
                color="#000080";}
                
h2        	{font-size:18px;
                color="#000080";}
                
h3        	{font-size:14px;}

p		{font-size:14px;}

td, li 		{font-size:12px;}



/*zur Formatierung der Tabellen der Beobachtungsergebnisse*/

#Tabelle1    {  font-family:sans-serif;
                font-size:12px;
                color="#000080";
                border-bottom:1px solid black;
                width:15%;
        }
#Tabelle2    {font-family:sans-serif;
                font-size:12px;
                color="#000080";
                border-bottom:1px solid black;
                width:20%;
        }
#Tabelle3    {font-family:sans-serif;
                font-size:12px;
                color="#000080";
                border-bottom:1px solid black;
                width:5%;
        }
#Tabelle4    {font-family:sans-serif;
                font-size:12px;
                color="#000080";
                border-bottom:1px solid black;
                width:30%;
        }
        
#Tabelle_80_Rahmen
{
border:1px solid black;
width: 80%;
}

#heller_Hintergrund
	{	background-color: #efefef;
		font-size:11px;
		font-family:sans-serif;
	}
#dunkler_Hintergrund
	{	background-color: #CCCCCC;
		font-size:11px;
		font-family:sans-serif;
	}
#hervorheben
	{	background-color: #FFFF99;
		font-size:11px;
		font-family:sans-serif;
	}
	

#spalte_1     { margin: 2px;
                width: 48%;
                float: left;
              }

#spalte_2     { margin: 2px;
                width: 48%;
                float: right;
                }
              
#Gesamte_Breite   {clear: both;
                width: 100%;
                }                


/*für die Startseite*/

#Spalte_links   { background-color:#99CCCC;                
		margin-right:5px; margin-top: 5px; width:170px; height:auto;
		padding: 5px;
                float: left;
                }

#Spalte_Mitte   {height:2000px;
		width:100%;
                float: center;
                }

#Spalte_rechts   { background-color:#99CCCC;
		margin-left:5px; margin-top: 5px; width:170px; height:auto;
                padding: 5px;
                float: right;
                }
                

/*Styles für die Hyperlinks*/
a:link{color:#000099;text-decoration:none}
a:visited{color:#000099;text-decoration:none}
a:hover{color:#FF0000;text-decoration:none}
a:active{color:#000099;text-decoration:none}


/*Styles für die Navigationszeile*/

ul#primary-nav,
ul#primary-nav ul {
        width: 100%;
        margin: 0;
        padding: 0;
        background: #ccc; /* IE6 Bug */
        font-size: 100%;
        }

ul#primary-nav {
        float: left;
        /*width: 600px;*/
        width: 100%;
        }

ul#primary-nav:after {
        content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
        }

ul#primary-nav li {
        position: relative;
        list-style: none;
        float: left;
        /*width: 100px; Width of Menu Items */
        width: 121px;
        }

ul#primary-nav li a,
ul#primary-nav li li a {
        display: block;
        text-decoration: none;
        color: #777;
        padding: 5px;
        }

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
        position: absolute;
        display: none;
        }

ul#primary-nav ul ul {
        left: 100%;
        top: 0;
        }

ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */

ul#primary-nav li.menuparent { background: transparent url(arrow-down.gif) right center no-repeat; }
ul#primary-nav li li.menuparent { background: transparent url(arrow-right.gif) right center no-repeat; }

ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color: #f9f9f9 !important; }

ul#primary-nav li a:hover { color: #E2144A; }

#bild_float_l
{
margin: 5px;
float: left;
}

#spalte_bilder   { background-color:silver;
		margin-left:5px; margin-top: 5px; width:130px; height:auto;
                padding: 5px;
                float: right;
                }

#aktuelle_bilder
{
margin-top: 5px;
width: 130px;
margin-left: 10px;
}

#spalte_bilder_wvz   {margin-left:5px; margin-top: 5px; width:50%; height:auto;
                padding: 5px;
                float: right;
                }

#aktuelle_bilder_wvz
{
margin-top: 5px;
width: 100%;
margin-left: 10px;
float:right;
}

#thumb_l
{
float:left;
margin-right: 4px;
border-color:blue;
border-width: 1px;
border-style: solid;
}

#schaltflaeche
{
margin: 5px;
padding: 5px;
background-color:yellow;
border-style:outset;
border-width: 1px;
border-color: black;
font-size:11;
text-align: center;
width: 200px;
float:right;
}

#wvz_formular
{
margin: 10px;
float:right;
}