body {background-color: white;}

p 
{ 
color: #000; 
font-size: small; 
font-family: Arial; 
font-weight: normal; 
font-style: normal; 
}

a:link {color: red; text-decoration: none;}

a:visited {color: red; text-decoration: none; }


h2
{ color:black; 
font-size: small; 
font-family: Arial, Tahoma, Verdana; 
font-weight: bold;
}

h3
{ color:black; 
font-size: small; 
font-family: Arial, Tahoma, Verdana; 
font-weight: bold;
}


#layout{ 
width: 800px;
height: 800px;
background-color: white;
position: relative; 
margin-left: auto; 
margin-right: auto; 
 }

#content
{ 
position: relative;
top: 0;
left: 0;
margin: 0;
height: 0;
z-index: 1;
 }


#headimg
{ 
width: 800px; 
height: 177px; 
position: absolute;
top: 0; 
left: 0;
z-index: 1;
 }



#image
{ 
width: 208px; 
height: 208px; 
background-image: url(../Imagebilder/ImagebildHome.jpg);
position: absolute;
top: 0; 
left: 0;
z-index: 2;
 }
 


#headlayout
{ 
position: absolute;
left: 220px;
top: 52px;
width: 500px;
height: 20px;
z-index: 3;


 }

#head { margin: 0 0 0 0; }

ul#head li{
list-style: none;
display: inline;
color: black;
margin: 0; 
padding: 0;
}

#head a:link {
font-family: Arial, Tahoma, Verdana; 
font-size: small; 
color: black;}

#head a:visited {
font-family: Arial, Tahoma, Verdana; 
font-size: small; 
color: black;
}
#head a:hover, #head li #current {
font-family: Arial, Tahoma, Verdana; 
font-size: small; 
color: red;}

#head a:active { 
font-family: Arial, Tahoma, Verdana; 
font-size: small; 
color: red;}




#text{ 
position: absolute;
top: 208px;
left: 250px;
margin: 15px;
margin-top: 0px;
width: 500px;
height: 100%;
background-color: white;
z-index: 2;
}
 
#aktuell 
{ 
background-color: white; 
min-height: 120px; 
width: 475px; 
left: 0; 
top: 0; 
z-index: 1; 
position: relative; 
visibility: visible; 
border: solid;
border-color: #ccc;
border-width: 2px;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
 }


#termine 
{ 
background-color: white; 
min-height: 120px; 
width: 475px; 
left: 0px; 
top: 25px; 
z-index: 1; 
position: relative; 
margin-top: 25px;
visibility: visible;
border: solid;
border-color: #ccc;
border-width: 2px;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
}

#aktuell h1, #termine h1
{ color:red; 
font-size: small; 
font-family: Arial; 

 }

#aktuell h2, #termine h2
{ color:black; 
font-size: small; 
font-family: Arial, Tahoma, Verdana; 
font-weight: bold;
line-height: 1em;
}

       


li{        
margin: 0;
margin-left: 0px;
margin-right: 15px;
padding: 2px;
text-align: left;
text-indent: 1em;
list-style: none;
font-family: Arial, Tahoma, Verdana; 
font-size: small; 
 }



#menu{ 
position: absolute;
width: 150px;
top: 195px;
left: 20px;
z-index: 99;
background-color: #fff;
border: 1px solid #ccc;
}


---------------

#button {
        border-right: 1px solid #000;
        padding: 0 0 2em 0;
        margin-bottom: 1em;
        font-family: Arial, sans-serif;
        font-size : small;
        background-color: red;   
        }
 
        #button ul {
                list-style: none;
                margin: 0 ;
                padding: 0;
                border: none;
                 }
 

        #button li{
                margin: 0;
                list-style: none;
                list-style-image: none;
                display: block;
                text-align: left;
                }
 
 
 
        #button li a { 
        display: block; 
        padding: 0.5em 2em 0.5em 0; 
        color: white; 
        background-color: red; 
        text-decoration: none; 
        }
 
        html > body #button li a {
                width: auto;
                }
 
        #button li a:hover {
        color: white;
        background: #CC0000;
        }
 
        #button li #active {
        color: white;
        background: red;
        }               
                         
                
        #button li #L2 {
        display: block; 
        padding: 0px;
        margin: 0px;
        height: 15px;
        color: gray; 
        text-decoration: none; 
        text-indent: 1em;
        font-size: smaller;
        background-color: #fff;
        }       
 		

        #button li #L2:active {color: red;}         
        #button li #L2:hover {color: red;}        
       
        #button li #L3 {
        display: block;         
        padding: 0px;
        margin: 0px;
        height: 15px;
        color: black; 
        text-decoration: none; 
        text-indent: 2.5em;
        font-size: smaller;
        background-color: #fff;   
                }       
 
        #button li #L3:active {color: red;}
        #button li #L3:hover  {color: red;}
        
        #button li #L4 {
        display: block; 
         padding: 0px;
        margin: 0px;
        height: 15px;
        color: #660000; 
        text-decoration: none; 
        text-indent: 5em;
        font-size: smaller;
        background-color: #fff;
                }       
 
        #button li #L4:active {color: red;}
        #button li #L4:hover  {color: red;}