/*Allgemeine Styles*/

*{
    padding: 0;
    margin: 0;
}
html {overflow-y: scroll;}

header, nav, section, aside, footer{
    display: block;
}

#header-kopf li
 {display: inline;
}

#header-kopf ul
 {list-style-type: disc;
}


body{
    text-align: center;
    padding-top: 30px;  /*Innenabstand oben*/
    padding-bottom: 30px;  /*Innenabstand unten*/
    color: black; /* Schriftfarbe*/
    font: 100.01% Arial, Helvetica, sans-serif;  /*Schrift*/
    padding: 1em; /*Innenabstand rundum*/
    margin: 0;      /*Außenabstand*/
        }

#wrapper {
    width: 1000px;    /* komplette Breite*/
    margin: 0 auto;
    text-align: left; /* Textausrichtung*/
    background-color: #F6F2FB;
	overflow:hidden;
	clear:both;
     }


  
.clearfix:after {
	clear: both;
    content: ".";
    display: block;
    font-size: 0;
    visibility: hidden;
}
  
/*----------------------------------------------
 Kopfbereich
 -----------------------------------------------*/    

header {
    color: #0D5454;   /* Schriftfarbe*/
    text-align: center; /* Textausrichtung*/
    width: 1000px;  /* Breite*/
    height: 10em;   /* Höhe*/
    margin: 0 auto;
    background: url(../bilder/transparent-Logo-Nienburger-Zentrum-fuer-Legasthenie.gif) 15px 30px #DAF4F0 no-repeat;
    
    /*border-bottom: solid 2px #000080; */}


header #kopf {
     font-size: 190%; /* Schriftgröße*/
     padding-top: 0.5em;
     padding-left: 1.5em;
    }

header #kopfklein {
     font-size: auto; /* Schriftgröße*/
     padding-left: 0.8em;
    }
 

/* -------------------------------------------    
 Steuerung oben
 ---------------------------------------------*/

#styleswitcher, #steuerungoben  {
  font-size: 90%;  /* Schriftgröße*/
  text-align: right; /* Schriftausrichtung*/
  padding-bottom: 4px; /* Innenabstand unten*/
}

#styleswitcher ul,
#steuerungoben ul {
  list-style: none; /* keine Aufzählungszeichen*/
  margin: 0; /* Außenabstand*/
  padding: 0; /* Innenabstand unten*/
  padding-top: 1em; /* Innenabstand oben*/
}


#styleswitcher a,
#steuerungoben a{
  /*float: right; */
}


#styleswitcher li,
#steuerungoben li {
  display: inline; /* aus Blockelement ein inline-Element machen*/
}

#styleswitcher a:link, #styleswitcher a:visited,
#steuerungoben a:link, #steuerungoben  a:visited  {
  padding: 0.4em;
  color: #0D5454;
  text-decoration: none;
 }

#styleswitcher a:hover,
#steuerungoben a:hover,
#steuerungoben a.active
 {
  color: #000080;
  text-decoration: underline;
 }

* html #styleswitcher a {
  width: 100%;
  clear: both;
}
* html #steuerungoben a {
  width: 100%;
  clear: both;
}

/*------------------------------------------
 linker Bereich Navigation
 -------------------------------------------*/

 #sidebar_left {
	float: left;
    width: 200px;
 }


 
#steuerunglinks {
    width: 200px; /* Breite*/
    float: left;  /* nach links fließen*/
}

#steuerunglinks ul {
  list-style: none; /* Linkunterstreichung weg*/
  margin: 0; /* Außenabstand*/
  /* padding: 0; /*Innenabstand*/
  padding:0 0 1em 0; /* Abstand nach unten*/
}

#steuerunglinks li {
  border-bottom: 1px solid #ED9F9F; /* Rahmen unten*/
}

#steuerunglinks li a:link, #steuerunglinks li a:visited  {
  font-size: 90%; /* Schriftgröße*/
  display: block;
  padding: 0.4em 0 0.4em 0.5em; /* Innenabstand*/
  border-left: 12px solid #0D5454; /* Rahmen links*/
  border-right: 1px solid #CCDDFF; /* Rahmen rechts*/
  background-color: #D0731C; /* Hintergrundfarbe*/
  color: #FFFFFF; /* Schriftfarbe*/
  text-decoration: none; /* Linkunterstreichung weg*/
}

#steuerunglinks li a:hover, #steuerunglinks li a.active {
  background-color: #DAF4F0; /* Hintergrundfarbe*/
  color: #0D5454; /* Schriftfarbe*/
}

* html #steuerunglinks li a {
  width: 100%;
}

#steuerunglinks .infospalte {
	width:200px; /* kontakt*/
}

#steuerunglinks .letzte {
	padding:0 0 1em 0; /* kontakt*/
}

/* -----------------------------------------
 Inhaltsbereich
 -------------------------------------------*/
section {
   margin-left: 220px;
   margin-right: 215px;
   }


.inhalt{
   background-color: #EDFAF8;
   margin-left: 220px; /* Abstand nach links*/
   margin-right: 215px; /* 2 oder 3 Spalten*/ /* Abstand nach links*/
   padding-top: 20px;
   padding-left: 20px;
   padding-right: 20px;

   overflow: hidden;
   width: 525px;
   margin-bottom:20px;
}

.inhalt_2 {
    background-color: #EDFAF8;
    margin-left: 220px;
    margin-right: 215px;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;

    /*overflow: hidden; */
    width: 740px;
    margin-bottom: 20px;
}


.letzte-section {
    margin-bottom:0;
}

.inhalt_content {
  padding-bottom: 20px; /* Innenabstand*/
}




section h1{
    font-size:150%;
    padding-bottom: 0.4em; /* Innenabstand unten*/
    color: #0D5454;  /* Schriftfarbe*/
}

section h1.orange {
    color: #D0731C; /* Hintergrundfarbe*/
}

section h2 {
    font-size:130%;
    color: #0D5454; /* Schriftfarbe*/
    padding-top:0.6em;
    padding-bottom: 0.6em; /* Innenabstand unten*/
    }

section h3 {
    font-size:100%;
    color: #0D5454; /* Schriftfarbe*/
    padding-top:0.6em;
    padding-bottom: 0.6em; /* Innenabstand unten*/
    }

section h4 {
    font-size:81,25%;
    }


section p{
    padding-bottom: 1em; /* Innen-Abstand unten*/
}

.os{
  color: #000080; /* Schriftfarbe*/

}


section address {
    font-style: normal; /* Schriftart*/
    padding-top: 5px; /* Innen-Abstand oben*/
    padding-left: 5px; /* Innen-Abstand links*/
    padding-bottom: 1em; /* Innen-Abstand unten*/
     }

section img {
    padding-bottom: 1em; /* Innen-Abstand unten*/
    padding-right: 2em;
}

.liste li
 { padding-bottom: 0.5em;
   margin-left: 1em; }

.links ul {
    padding-left: 3em; /* Innen-Abstand links*/
    padding-bottom: 2em;
    /*margin: 0;
    padding: 0;  */
    }

#sitemap ul {
    padding-left: 1.5em; /* Innen-Abstand links*/
    padding-bottom: 2em;
}

section li ul {
    padding-bottom: 0.5em; /* Innen-Abstand unten*/
    list-style-type: none;
 }


#modul ol {
    padding-left: 2em; /* Innen-Abstand links*/
    padding-bottom: 2em;
    margin-left: 2em;

}

#modul ul {
     padding-left: 1em; /* Innen-Abstand links*/
     padding-bottom: 2em;
     padding-top: 1em;
     list-style-type: square;
}

#modul li
 {   margin-left: 1em;
                }


section li ol {
    padding-bottom: 0.5em; /* Innen-Abstand unten*/

 }


section hr {
	border: 2px solid #CC0000; /* Rahmen*/
}


/*section tr, section td, section th
 { font-size: 85%; /* Schriftgröße } */ 

table {
  border-collapse:collapse;
}

/*tbody tr:hover {
    background: #DBC7E5;
    color: black;
}*/

th {
    padding:10px;
    font-size:100%;
    text-transform:uppercase;
}

tbody tr.head:hover {
    background: none;
    color: black;
}

td {
  /*border:1px solid #C7A5C9;  */
  padding: 5px;
  border-collapse:collapse;
}


.zentren-plz-ort {
        display:block;
        width:10em;
        float:left;
        }

#ratgeber
 {width: 250px;
  float:left;
  overflow:hidden;}

#reader
 {width: 250px;
 float:right;
 overflow:hidden;
}



/*--------------------------------------------
 rechter Bereich
 ---------------------------------------------*/
 
 #sidebar{
    overflow:hidden;
    width: 195px; /* Breite*/
    float: right; /* fließt nach rechts*/
  }

aside {
    width: 195px; /* Breite*/
    float: right; /* fließt nach rechts*/
    color: black; /* Schriftfarbe*/
    }

aside p.orange
 { color: #D0731C; /* Schriftfarbe*/
}

aside p, aside ul, aside li{
    padding-top: 5px; /* Innen-Abstand oben*/
    padding-left: 5px; /* Innen-Abstand links*/
    padding-bottom: 1em; /* Innen-Abstand unten*/
    }

aside h4.green {
    color: white; /* Schriftfarbe*/
    background-color: #0B4949; /* Hintergrundfarbe*/
}

aside h4.orange {
    color: white; /* Schriftfarbe*/
    background-color: #D0731C; /* Hintergrundfarbe*/
}


aside h5 {
      background-color: #D0731C;  /* Hintergrundfarbe*/
     color: white;  /* Schriftfarbe*/
}

aside hr {
	border: 2px solid #CC0000;  /* Rahmen*/
	width: 180px;  /* Breite*/
	}

.infospalte {
    background-color: #FFF0B7; /* Hintergrundfarbe*/
    width: 195px; /* Breite*/
    float: right; /* fließt nach rechts*/
    color: black; /* Schriftfarbe*/
    margin-bottom: 20px;/* Außen-Abstand */
    clear: right;
    font-size: 90%; /* Schriftgröße*/
}

.infospalte.mint {
    background-color: #EDFAF8; /* Hintergrundfarbe*/
    font-size: 90%; /* Schriftgröße*/
   }

.letzte {
	margin-bottom: 0;/* Außen-Abstand */
	padding-bottom:1em;
    }

.infospalte ul, .infospalte li
 {   list-style: none; /* keine Aufzählungszeichen*/
     color: black;
    }


.infospalte address {
    font-style: normal; /* Schriftart*/
    padding-top: 4px; /* Innen-Abstand oben*/
    padding-left: 5px; /* Innen-Abstand links*/
    padding-bottom: 2px; /* Innen-Abstand unten*/
    }



/* --------------------------------------------
 Fußbereich
 --------------------------------------------*/

footer {
    text-align: center; /* Textausrichtung*/ 
    padding-bottom: 10px;  /* Innen-Abstand unten*/
    background-color: #DAF4F0;
    color: #0D5454;  /*Schriftfarbe    */
	width:1000px;
	margin: 20px auto 0 auto;
	clear: both;
 }
 
  
#telefon {font-size: 110%;
          padding-top: 15px; 
}   

#steuerungunten {
  font-size: 90%;  /* Schriftgröße*/  
  margin-bottom: 10px; /* Außen-Abstand unten*/
  
    }  

#steuerungunten ul {
  list-style: none; /* keine Aufzählungszeichen*/
  margin: 0; /* Außen-Abstand */
  padding: 0; /* Innen-Abstand*/
  padding-top: 1em; /* Innen-Abstand oben*/
  line-height: 25px;
  } 


#steuerungunten li {
  display: inline;  /* aus Blockelement ein Inline-Element machen*/
   }

#steuerungunten a:link, #steuerungunten  a:visited
{ padding: 0 5px 2px 5px; /* Innen-Abstand */
  color: #0D5454;
  text-decoration: none;  /* Linkunterstreichung weg*/
  }

#steuerungunten a:hover, #steuerungunten a.active {
  color: #0D5454;
  text-decoration: underline;
}

* html #steuerungunten a {
  width: 100%;
  }
/* -------------------------------------------
 Ende
 --------------------------------------------*/