/*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: 10px;  /*Innenabstand oben*/
    padding-bottom: 30px;  /*Innenabstand unten*/
    color: #000080; /* 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: #FFFFCC; /*Hintergrundfarbe*/
	overflow:hidden;
	clear:both;
     }



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

header {
    color: #000080;   /* Schriftfarbe*/
    text-align: left; /* Textausrichtung*/
    width: 1000px;  /* Breite*/
    height: 11em;   /* Höhe*/
    margin: 0 auto;
    background: url(../bilder/sonstiges/Zentrum_fuer_mathematisches_Lernen_Kassel.gif) 10px 20px #DFEFFF no-repeat;

    /*border-bottom: solid 2px #000080; */}


 header #kopf {
     font-size: 160%; /* Schriftgröße*/
     padding-top: 2.5em;
     padding-left: 0.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: black;
  text-decoration: none;
 }

#styleswitcher a:hover,
#steuerungoben a:hover,
#steuerungoben a.active {
  color: black;
  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 #DFEFFF; /* Rahmen unten*/
  border: 1px solid #FFFFFF;
}

#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: 1px solid #000080; /* Rahmen links*/
  /*border-right: 1px solid #000080; /* Rahmen rechts*/
  background-color: #DFEFFF; /* Hintergrundfarbe*/
  color: #000080; /* Schriftfarbe*/
  text-decoration: none; /* Linkunterstreichung weg*/
}

#steuerunglinks li a:hover, #steuerunglinks li a.active {
  background-color: #FFFF99; /* Hintergrundfarbe*/
  color: #000080; /* 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: #FFFFCC;
   margin-left: 220px; /* Abstand nach links*/
   margin-right: 0px; /* 2 oder 3 Spalten*/ /* Abstand nach links*/
   padding-top: 20px;
   padding-left: 20px;
   padding-right: 20px;

   border:1px;
   border-style:solid;
   border-color:#FFFF00;

   overflow: hidden;
   width: 738px;
   margin-bottom:0px;
}


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



   overflow: hidden;
   width: 738px;
   margin-bottom:0px;
}

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

   border:1px;
   border-style:solid;
   border-color:#FFFF00;

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

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

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


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

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

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

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


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

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;
}

.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: #FFFF00;
    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, aside ul, aside li{
    padding-top: 5px; /* Innen-Abstand oben*/
    padding-left: 5px; /* Innen-Abstand links*/
    padding-bottom: 1em; /* Innen-Abstand unten*/


    }

aside h4 {
    color: white; /* Schriftfarbe*/
    background-color: #000080; /* Hintergrundfarbe*/
    text-align: center 
}


aside h5 {
     padding-top: 5px; /* Innen-Abstand oben*/
     padding-left: 5px; /* Innen-Abstand links*/
     background-color: #000080;  /* Hintergrundfarbe*/
     color: white;  /* Schriftfarbe*/
}

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

.infospalte {
    background-color: #DFEFFF; /* 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*/
}

.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: #DFEFFF;
    color: #000080;  /*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: black;
  text-decoration: none;  /* Linkunterstreichung weg*/
  }

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

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