
* { padding: 0; margin: 0; }
html { height: 101%; }  /* erzwingt Scrollbar in Firefox */
body {
   color: black; /* Schriftfarbe */
   background-color: #FFFF66; /* Hintergrundfarbe */
   font-family: "comic sans ms", Verdana, Arial, Helvetica;
   font-size: h3;
   
   
}
#wrapper { 
   background-color: #99CCFF;
   left:1%;
   top: 1%;
   width: 900px;
   margin-left: auto;
   margin-right: auto;  
   background-image: url(hebamme-muenster-foto/blaugelb-15.jpg);  
   background-repeat: no-repeat;
   background-position: top center; 
}

#kopfbereich {
   position:relative; /*positioniert, aber bleibt im Fluss */
   color: #99CCFF;
   background-repeat: no-repeat;
   padding-top: 30px;
   padding-right: 20px;
   padding-bottom: 0px;
   padding-left: 80px; 
}
#kopfbereich p {
   position:absolute;
   color: #000000;
   top: 1%;
   right: 5%;
}

#textbereich {
    background-color: #99CCFF;
    padding: 5px 20px 5px 20px;
    position: relative;
    width: 550px;
    top: -450px;
    left: 5px;
    font-size: h3;
   }     
#navibereich {
   width:245px;
   padding: 5px 20px 5px 20px;
   position: relative;
   margin-left: 620px;
   top: -30px;
 }
#navibereich li {
   list-style-type: none;
   } 

#logo {
position: relative;
top: -420px;
left: 25px;
height: 317px;
width: 500px;

}
#logob {
  position: relative;
top: -40px;
left: 708px;
 height: 95px;
  width: 155px;
}
  
#fussbereich {
   padding-top: 10px; /* Innenabstand oben, unterhalb Rahmenlinie */
   border-top: 1px solid #8c8c8c; /* Rahmenlinie oben */
   padding-right: 20px;
   padding-bottom:20px;
   padding-left: 20px;   
   margin-top: 20px; /* Außenabstand oben, oberhalb Linie */ 
}     

h1 { font-size: 130%; }
h2 { font-size: 150%; }
address {
   text-align: center; /* zentrieren*/
   font-size: 90%;     /* etwas kleiner */
   font-style: normal; /* normale Schrift, nicht kursiv */
   letter-spacing: 2px;/* Abstand zwischen den Buchstaben */
   line-height: 1.5em; /* Zeilenabstand */ 
}
a { /* Unterstreichung entfernen */
   text-decoration: none;  
   outline: none;
}   
a:link { color: #FF0000; }
a:visited { color: #FF66FF;}
a:hover, { color: #33CC33;}
 a:focus {color: FF0033;}
   border-bottom:{ 1px solid #d90000;
}

.skiplink {  
   position: absolute;
   top: -2000px;
   left: -3000px;
   width: 0px;
   height: 0px;
   overflow: hidden;
   display: inline;
}  
#textbereich a {
   border-bottom: 1px dotted #cc0000;
#textbereich a: hover,
#textbereich a: focus {
     border-bottom: 1px solid #d90000
}   
/* Abstand nach unten */
h2, p, ul, ol { margin-bottom: 1em; }

/* Verschachtelte Listen ohne Abstand */
ul ul { margin-bottom: 0; }

/* Abstand von links */
li { margin-left: 1em; }
  