*
{
    margin: 0;   
}

  a { font-family: Arial}
  a:active {}
  a:hover {}

 


html,body
{ 
    padding: 0;
    background-color: #333399;
    background-image: url("Hintergrund1.gif"); 
    background-repeat: repeat-x;
    background-attachment: fixed;
    height: 100%;
}

h1
 {  
     font-family: Times, serif;
     font-size: 40px;
     font-style: italic;
     font-weight: bolder;
     color: #333399;
     margin: 17px;
     margin-left: 25px;
 }
 
 
 
 

h2
{    
     font-size: 26px;
     font-family: Arial, sans-serif;
     font-style: normal;
     font-weight: bold;
     color: #669933;
     text-align: left;  
}



h3
{    
     font-family: Arial, sans-serif;
     font-size: 15px;
     font-style: normal;
     font-weight: normal; 
     color:  #000000 ;
     background-color: #669933; 
     margin-top: 20px;
     margin-bottom: 20px;
     border: 3px double  #FFFFFF;    
     padding-bottom: 1px;
     padding-left: 3px;   
     

}

p
{
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: lighter;
    color: #000000;
    text-align: justify;
    
}


 ul
 {
     margin-left: -20px;
     font-family: Arial, sans-serif;
     font-size: 13px;
 }


 #haupttext .haupttext_voll p ul 
 {
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: lighter;
    color: #000000;
 }



.wichtig
{
    font-family: Arial, sans-serif;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 14px;
}


.infos
{    
     border: dashed 3px; 
     border-color: #333399;
     background-color: #FFFFFF; 
     padding: 5px;
     font-family: Arial, sans-serif;
     color: #FF0000;
     font-size: 13px;
    
}


#rahmen
{   
    width: 805px;
    margin: 0px auto;
    background-color: #FFFFFF;
    
    height: 100%;
    overflow: visible;
}
 
                

    #leiste
    {
        float: right;
        width: 5px;
        background-color: #669933;
        height: 100%;
    }

    #untergrund2
    {
         float: right;
         width: 5px;
         position: fixed;
         background-color: #669933;
         height: 100%;
    }




    #untergrund1
    {
         float: left;
         width: 160px;
         position: fixed;
         background-color: #669933;
         background-image: url("Rand.gif");
         background-position: left;
         background-repeat: repeat-y;
         height: 100%;
    }




    #menurahmen
    {
         
         float: left;
         width: 160px;
         
     }


    #menu
     {
         position: absolute;
         float: left;
         width: 160px; 
         background-color: #669933;
         background-image: url("Rand.gif"); 
         background-position: left;
         background-repeat: repeat-y;
         height: 100%;  
     }

         #menu img
         {
             float: left;
             margin: 20px;
             margin-top: 31px;
         }
 
         #navigation
         {  
            font-family: Arial, sans-serif;
            float: left;
            margin-top: 20px;
            margin-left: 0px;
            margin-bottom: 50px;
          }   
  
       
          #navigation ul
          { 
            
            list-style-type: none;
            
            font-size: 18px;
            font-weight: bold;
            line-height: 25px;
            margin-left: -20px;
           } 
   
          #navigation ul span
          {
              color: #000000;
          }
   
           #navigation ul ul
           { 
             font-size: 16px;
             font-weight: normal; 
             margin-left: -20px; 
           }
         
           #navigation a
           {
            text-decoration: none;
            color: #FFFFFF;   
           }
           
           
           #navigation a:hover  
           {   
               text-decoration: none;
               color: #C0C0C0;      
           }  
          
           #navigation ul li ul.gemeinde2
           {
               display: none;
           }

           #navigation ul li.gemeinde1:hover ul.gemeinde2
           {
               display: block;
           }
           
           
           #navigation ul li ul.jugend2
           {
               display: none;
           }
          
           #navigation ul li.jugend1:hover ul.jugend2
           {
               display: block;
           }
          
          
          
          #spenden
          {
            margin-left: 20px;
            margin-top: 70px;
            font-family: Times, serif;
            font-size: 16px;
            font-style: italic;
          }
          
          #spenden span
          {
              font-weight: bold;
          }
 
 
     #inhalt
     {   
         float: left;
         margin-left: 160px;
         width: 640px;
         background-color: #FFFFFF;
         
     }

         #kopf
         {
             height: 115px;
               
          /*  background-image: url("Hintergrund5a.png");
             background-repeat: repeat-x;     */
              border: double 5px #669933;    
             
             margin: 15px;
          }
 
         #kopf img
         {
             float: right;
             margin: 10px; 
             
             
            
         }
        
         
         
         #kopf h1 span
         {
             font-family: Times, serif;
             font-style: italic;
             font-weight: normal;
             color: #333399;
             font-size: 22px;
             margin: 20px;
             
         }
        
         


    #haupttext
     {   
         float: left; 
         width: 600px;
         margin: 20px;   
     }
     
     
    
     
     #haupttext a
        {
            font-size: 13px;
            
        }
        
        .haupttext_voll
        {
            float: left;
            width: 600px;
            
        }


        
        
         .haupttext_li_breit
        {
          float: left;
          width: 368px;
          margin-top: 20px;
          margin-bottom: 20px;
            
        }
    
        .haupttext_re_schmal
        {
           float: right;
           width: 210px;
           margin-left: 20px;
          margin-top: 20px;
          margin-bottom: 20px
        }
    
        .haupttext_re_breit
        {
          float: right;
          width: 370px;
          margin-left: 20px;
          margin-top: 20px;
          margin-bottom: 20px
        }
    
        .haupttext_li_schmal
        {
           float: left;
           width: 210px;
           margin-top: 20px;
           margin-bottom: 20px
        }
    
        .haupttext_li_gleich
        {
           float: left;
           width: 290px;
           margin-top: 20px;
           margin-bottom: 20px;
        }
    
        .haupttext_re_gleich
        {  
           float: right;
           width: 290px;
           margin-left: 20px;
           margin-top: 20px;
           margin-bottom: 20px;
        }
        
        
        
        
        
        
        .bildbeschreibung
         {   
             height: 150px;
         }
         
         .bild_klein_links
         {
             float: left;
             margin-right: 20px;
             margin-top: 20px;
        
         }
    
         
 


        
         #kibo_ues
         {
             margin-left: 70px;
             font-family: Arial, sans-serif;
             font-size: 16px;
             font-weight: bold;
         }
        
         #kibo_list
         {
             margin-left: 70px;
             font-family: Arial, sans-serif;
             font-size: 14px;
         }
        
        
         #inlinerahmen1
         {
             
             border: none;
             height: 600px;
             width: 210px;
            
             
         }
         
          #inlinerahmen_termine1
          {
              margin-top: 20px;
              border: none; 
              height: 2000px;
              width: 100%;
          }