body        {
margin:0px;
padding:10px;
background-color:#EBEDF4;
font-family: Geneva, Arial, Helvetica, sans-serif;
color: #000000;
font-size: 12px;
}

h1        {
font-size: 18px;
font-weight:bold;
margin: 0px 0px 20px 0px;
}


#mainframe {
	position: relative;
	width: 795px;
	margin: auto;
	}

#header      { position: absolute; top: 4px; left: 3px; z-index: 1; width: 792px; 
               height: 92px; background-image:
               url('pix/Titelgrafik792x92.jpg');
               margin: 0px; padding: 0px }
               
#nav 	{
	position: absolute;
	left: 3px;
	top: 110px;
	width: 233px;
	}


#content {
	position: relative;
	left: 0px;
	top: 110px;
	width: 56	2px;
	margin-left: 233px;
	}


#button {
        width: 200px;
        border-right: 1px solid #000;
        padding: 0 0 1em 0;
        margin-bottom: 1em;
        font-family: Tahoma, Arial, sans-serif;
                /*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
        font-size : 12px;
        background-color: #90bade;
        color: #333;
        
        }

        #button ul {
                list-style: none;
                margin: 0;
                padding: 0;
                border: none;
                }

        #button li {
                border-bottom: 1px solid #90bade;
                margin: 0;
                list-style: none;
                list-style-image: none;
                }

        #button li a {
                display: block;
                padding: 5px 5px 5px 0.5em;
                border-left: 10px solid #1958b7;
                border-right: 10px solid #508fc4;
                background-color: #2175bc;
                color: #fff;
                text-decoration: none;
                width: 100%;
                }

        html>body #button li a {
                width: auto;
                }

        #button li a:hover {
                border-left: 10px solid #1c64d1;
                border-right: 10px solid #5ba3e0;
                background-color: #2586d7;
                color: #fff;
                }

        #button li #active {
	       border-bottom: 1px solid #90bade;
                border-left: 10px solid #1c64d1;
                border-right: 10px solid #5ba3e0;
                background-color: #2586d7;
                color: #fff;
                }
        
        #button li #L2 {
        	       
                border-left: 20px solid #1c64ff;
                border-right: 10px solid #508fc4;
                background-color: #3185cc;
                color: #fff;
                }        

        #button li #L2active {
                border-bottom: 1px solid #90bade;
                border-left: 20px solid #1c64d1;
                border-right: 10px solid #5ba3e0;
                background-color: #2586d7;
                color: #fff;
                }  
        
        #button li #L3 {
        	       
                border-left: 20px solid #1c64d1;
                border-right: 10px solid #508fc4;
                background-color: #2175bc;
                color: #fff;
                }        

        #button li #L3active {
                border-bottom: 1px solid #90bade;
                border-left: 20px solid #1c64d1;
                border-right: 10px solid #5ba3e0;
                background-color: #2586d7;
                color: #fff;
                } 
        
        #button li #L4 {
        	       
                border-left: 20px solid #1c64d1;
                border-right: 10px solid #508fc4;
                background-color: #2175bc;
                color: #fff;
                }        

        #button li #L4active {
                border-bottom: 1px solid #90bade;
                border-left: 20px solid #1c64d1;
                border-right: 10px solid #5ba3e0;
                background-color: #2586d7;
                color: #fff;
                }