#menu    {
              position: absolute; 
              top: 171px; 
              left: 26px; 
              width: 146px; 
              height: 138px;
             }
             
    .style1  {
              color: lightgreen; 
              font-size: 20px; 
              font-family:times new roman;
             }             
              
    /*Start Definition of the 'normal' links*/  
    #links ul                              /* 'ul' is, because the links shouldn't be in a list */
             {
               margin:0;
               padding:0; 
               list-style-type: none;      /* through textdecoration:none, the links are not underlined */
             }
                                           
    #links a                               /* 'a' is the normal status */                    
             {        
              font-size: 16px;   
              display: block;
              color: white;
              background-color: #336699;
              width: 9em;                 
              padding: .2em .8em;
              text-decoration:none;
             } 
  
    #links a:hover                         /* 'hover' is the status, if the mouse is over the link */    
             {           
              display: block;
              color: red;
              background-color: #BBCCDD;
              width: 9em;                 
              padding: .2em .8em;
              text-decoration:none;
              cursor:pointer;              /* Through cursor:pointer changes the arrow to a "hand", if the mouse is over it */
             }    

    #links li                              /* 'li' is, because the links should be seperated from each other */    
             {
              margin: 0 0 .2em;
             }
                
    #links a:active                        /* 'active' is the status, if the link is clicked */   
             {           
              display: block;
              color: yellow;
              background-color: green;/*#000066*/;
              width: 9em;                 
              padding: .2em .8em;
              text-decoration:none;
             }
   /*End Definition of the 'normal links'*/ 
   
            
   /*Start Definition of the 'sublinks', as at 'Rechenzug'*/          
   #sublinks ul                            /* 'ul' is, because the links shouldn't be in a list */
             {
               margin:0;
               padding:0; 
               list-style-type: none;      /* through textdecoration:none, the links are not underlined */
             }
                                           
    #sublinks a                            /* 'a' is the normal status */                    
             {           
              font-size: 16px;
              color: blue;
              font-size: 18px;              
              padding: .2em .8em;
             } 
  
    #sublinks a:hover                      /* 'hover' is the status, if the mouse is over the link */    
             {         
              font-size: 16px;  
              color: red;
              font-size: 20px;              
              padding: .2em .8em;
              text-decoration:none;
              cursor:pointer;              /* Through cursor:pointer changes the arrow to a "hand", if the mouse is over it */
             } 

    #sublinks li                           /* 'li' is, because the links should be seperated from each other */    
             {
              margin: 0 0 .2em;
             }
                
    #sublinks a:active                     /* 'active' is the status, if the link is clicked */   
             {          
              font-size: 16px; 
              color: green;
              font-size: 20px;                              
              padding: .2em .8em;
              text-decoration:none;
             }                
    /*End Definition of the 'sublinks'*/
    
    /*Start Definition of the 'sublinks2', as at 'Konzeption'*/          
   #sublinks2 ul                           /* 'ul' is, because the links shouldn't be in a list */
             {
               margin:0;
               padding:0; 
               list-style-type: none;      /* through textdecoration:none, the links are not underlined */
             }
                                           
    #sublinks2 a                           /* 'a' is the normal status */                    
             {           
              color: blue;
              font-size: 16px;              
              padding: .2em .8em;
             } 
  
    #sublinks2 a:hover                     /* 'hover' is the status, if the mouse is over the link */    
             {           
              color: red;
              font-size: 16px;              
              padding: .2em .8em;
              text-decoration:none;
              cursor:pointer;              /* Through cursor:pointer changes the arrow to a "hand", if the mouse is over it */
             } 

    #sublinks2 li                          /* 'li' is, because the links should be seperated from each other */    
             {
              margin: 0 0 .2em;
             }
                
    #sublinks2 a:active                    /* 'active' is the status, if the link is clicked */   
             {           
              color: green;
              font-size: 16px;                              
              padding: .2em .8em;
              text-decoration:none;
             }                
    /*End Definition of the 'sublinks2'*/             

    
    #sublinks3 a                           /* 'a' is the normal status */                    
             {           
              color: #ff3300;
              font-size: 23px;              
              padding: .2em .8em;
             } 
  
    #sublinks3 a:hover                     /* 'hover' is the status, if the mouse is over the link */    
             {           
              color: red;
              font-size: 25px;              
              padding: .2em .8em;
              text-decoration:none;
              cursor:pointer;              /* Through cursor:pointer changes the arrow to a "hand", if the mouse is over it */
             } 
                
    #sublinks3 a:active                    /* 'active' is the status, if the link is clicked */   
             {           
              color: green;
              font-size: 23px;                              
              padding: .2em .8em;
              text-decoration:none;
             }