*
        {
            margin: 0;
            padding: 1px;
            border: 0;
        }
		body
		{
			margin: 0;
			padding: 0;
			font-size: 100,01%;
			font-family: Verdana;
			color: #000;
			background-color: #ddd;
		}
		
		#container
		{
			margin: 1em 5%;
			background-color: #CEE8FF;
			border: 1px solid #333;
		}
		
		#banner
		{
			background-color: #AAD0F3;
			border-bottom: 0px solid #333;
			text-align: right;
		}
		
		#banner h1
		{
			margin: 0;
			padding: .5em;
		}
		
		#content
		{
		  	font-size: 90%;
			padding: 1em 1em 1em 1em;
			margin: 0 2em 0 2em;
		}
		
		#content h2 { margin-top: 0; }
		
		#footer
		{
			clear: both;
			background-color: #AAD0F3;
			text-align: right;
			border-top: 1px solid #333;
			font-size: 80%;
		}
		
		
		
		
		
		
		
		
		
		
		
#navigation
{
			background-color: #4D83B7;
			padding: 10px;
			text-align: center;
			border-top: 1px solid #333;
}


    #navigation1 li
    {
        display: inline; /* Damit Elemente nebeneinander stehen*/
        padding: 0px 0px 0px 0px;
        background-color: #6B9BC9;
   
    }
        #navigation1 li a
        {
            text-decoration: none;    
            padding: 6px 6px 6px 6px;
            margin: 0px;
            font-size: 100%;
            color: #000000;
            background-color: #6B9BC9;
        }
        #navigation1 li a:hover
        {
            background-color: #CEE8FF;
        }
        li a#navigation_aktuell
        {
            background-color: #600000;
        }
        
        

        
        
        
        
        
        
        
        
        
        
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#FF0000;
    color:#FFFFFF;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#600000}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}
    
a.info2{
    position:relative; /*this is the key*/
    z-index:24; background-color:#FF0000;
    color:#FFFFFF;
    text-decoration:none}

a.info2:hover{z-index:25; background-color:#600000}

a.info2 span{display: none}

a.info2:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; right:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}
    
    
    /*<a class=info 
href="http://www.w3.org/Style/CSS/">css<span>cascade style sheets, the 
separation from content and presentation</span></a>*/


.navi_aktiv
{

            color: #000000;
            background-color: #000000;
            border:2px solid #ddd;
}




        .Button
        {
            background-color:#4D83B7; 
            color:#ffffff; 
            width:200px; 
            border:1px solid #ddd;
        }    
        .Button:hover
        {
            background-color:#6B9BC9; 
            color:#ffffff; 
            width:200px; 
            border:1px solid #ddd;
        }    
        .button_klein
        {
            background-color:#400000; 
            color:#ffffff; 
            border:1px solid #ddd;
        }    
        .button_klein:hover
        {
            background-color:#FF0000; 
            color:#ffffff; 
            border:1px solid #ddd;
        }