/* Stylesheet Legasthenie Hannover */

*  { padding: 0; margin: 0; }
h2, h3, p, ul, ol { margin-bottom: 1em; }  
ul ul { margin-bottom: 0; } 
li { margin-left: 2em; } 



html { height: 101%; } 
body { 
   color: red;
   background-color: #0D336A; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: small;
    
}

#smaller {
  font-size: 66%;  
  }

h1 { font-size: 160%; text-shadow: black; } 
h2 { font-size: 130%; background-color: #E6E6E6; border: 1px solid #8C8C8C;  }
h3 { font-size: 110%; }


address {
   text-align: center;
   color: #0D336A;
   font-style:normal;  
   font-size: 70%;      
   font-style: normal;  
   letter-spacing: 1.5px; 
   line-height: 1em;  
}

a { text-decoration: none; outline: none;} 
a:link { color: #0D336A; } 
a:visited { color: #0D336A; }
a:hover, 
a:focus { 
  border-bottom: 1px solid #0D336A;
} 

#rahmen { 
   color: black; 
   background-color: white; 
   width: 740px;  
   margin: 10px auto;
   border: 2px outset black;
}

#kopf { 
   color: black; 
   background-image: url(../Bilder/background_head.gif); 
   width: 740px;
   height: 110px;
   border-top: 10px solid white;
   border-bottom: 1px solid #8c8c8c;
   padding: 10px 0px 10px 0px;
}

 /*  #kopf p   {
      position:absolute;
      top: 26px; left: 500px;
      color: #3A5054;    
      font-weight: bold;  
      padding: 2px;
      margin: 4px ;
   }*/

  .name1 {
      position:absolute;
      top: 26px; left: 500px;
      color: #3A5054;    
      font-weight: bold;  
      padding: 2px;
      margin: 4px ;
   }
  
  .name2 {
     position:absolute;
     top: 56px; left: 640px;
     color: #3A5054;    
     font-weight: bold;  
     padding: 2px;
     margin: 4px ;
   }
   
  .name3 {
    position:absolute;
    top: 86px; left: 740px;
    color: #3A5054;    
    font-weight: bold;  
    padding: 2px;
    margin: 4px ;
   }
   

#inhalt { 
   color: #0D336A; 
   background-color: white; 
   margin: 0px;
   padding: 5px 10px 20px 10px;
}   
   #inhalt a { 
      border-bottom: 1px dotted #0D336A; 
      font-style: italic; 
      font-weight: bold;       
} 



#fuss { 
   color: black; 
   background-color: white; 
   height: 80px;
   border-top: 1px solid #8c8c8c;
   font-style: italic;  
   margin: 5px;
   padding: 10px;
   text-align: center;
   
}

.logolinks { 
   float: left;

   /*position: absolute;
   top: 14 px;
   color: black;
   padding: 2px;
   border: 2px solid white;
   margin: 4px ; */ 
}

.logorechts {
   float:right;
/*   position: absolute;
   top: 14 px;
   right: 0 px;
   padding: 2px;
   margin: 4px ; */ 
}

#navi { 
background-image: url(../Bilder/background_head.gif); 
background-color: #EFEFEF; }

#navi ul {
 padding: 3px 0; 
 margin-left: 0; 
 border-bottom: 1px solid #8c8c8c;  
 font-weight: bold;
}
#navi ul li {
 list-style: none;
 margin: 0; 
 display: inline; 
}
#navi ul li a {
 padding: 3px 0.5em; 
 margin-left: 0px; 
 border: 1px solid #8c8c8c;
 border-bottom: none;
 background: #A6BED6;
 text-decoration: none;
}
#navi ul li a:link {
 color: #0D336A;
}
#navi ul li a:visited {
 color: #0D336A;
}
#navi ul li a:link:hover, 
#navi ul li a:visited:hover {
 color: #0D336A;
 background: white;
 border-color: #8c8c8c;
}
#navi ul li a#current {
 background: white; 
 border-bottom: 1px solid white;
 text-decoration: overline;
}  

#tabelle {
 text-align: center;
 background-color: #E6E6E6;
 border: 1px solid #8C8C8C;
 padding: 4px;
 width: 100%;
}

#tabelle2 {
 text-align: center;
 background-color: #E6E6E6;
 border-right: 1px solid #8C8C8C;
 border-left: 1px solid #8C8C8C;
 border-bottom: 1px solid #8C8C8C;
 padding: 4px;
 width: 100%;
}

.email {
  vertical-align: center; 
  border: 2px solid #8c8c8c; 
  background-image: url(../Bilder/kontakthintergrunde.jpg);  
  }
  
  

#formular { 
   display: block; 
   background-color: #E6E6E6;
   border: 1px solid #8C8C8C;
} 

#zeiger { 
   cursor: pointer; 
} 

#formular td { 
  text-align: left;
  vertical-align: top;
  padding: 5px;
  margin: 5px;
  font-weight: bold;
}

/* Das Kontaktformular */
form {
   background-color: #eee;
   width: 92; /* Breite des Formulars */ 
   padding: 20px; 
   border: 1px solid #8c8c8c;
}

/* Beschriftung auf eigener Zeile */
label { 
   display: block; 
} 

 
textarea { 
  width: 560px;
  height: 7em;
}

input#vorname:focus,
#nachname:focus,
#betreff:focus, 
textarea:focus {
   background-color: #EFF4FF; 
}

#foto {
  border: 1px solid #8C8C8C;
  padding: 4px;
}

#Ueberschrift {
  border: 1px solid #8C8C8C;

}