/* css - styles.css */

   <!--
body {
  text-align: center; /* Zentrierung IE */
  }


div#wrapper  {
         width:100%;
         margin-left:auto;
         margin-right:auto;
         padding:0px;
        }



#kopfzeile {
  background-color:lightskyblue;
  padding:10px; width: 780px;
  border-bottom:1px solid black;
}

#fusszeile {
  clear: both;
  background-color:lightskyblue;
  border-top:2px solid black;
   padding:15px;
}




#navi {
         float:left;
         position:absolute;
         left:5px;
         margin:0;
         padding:0;
         width:70px;
         }

.navi li {
         float:left;
         margin:0;
         padding:0;
         list-style:none;
         font-style: italic;
         }

.navi li a {
            float:left;
         color:#333;
         margin:0;
         padding:10px;   /* Abstand */
         text-decoration:none;
         border-right: none;
         font-size:18px;       /* Schriftgrösse links */
          }

.navi li a:hover {
         background-color:dodgerblue;
         color:#9acd32;             <!== Mouse-over-Effekt ==>
         }

  /* der Seitenbereich definiert die linke Seite */
#seitenbereich {
  text-align: left;  /* Rahmen so stehen lassen */
  margin: 0;
          padding:60px;                             /* ok */
  width: 65px;
  height:290px;
  border-style:solid;
  border-width:2px;
  border-color:aqua;
           background-color:lightblue;
}


#inhalte {
         text-align: left;  /* Inhalt wieder links */
         margin: 0;
         padding:60px;
         width: 100%;
         height:100%;
         border-style:solid;
         border-width:2px;
          border-color:aqua;
           background-color:lightblue;
}



     .akkordeon {
        width: 25em;
        padding: 0.2em;
        background: white;
        border: 1px solid #8a9da8;

}

.akkordeon p {
        max-height: 0;
        overflow: hidden;
        transition: max-height 1s;
        padding: 0 0.2em;
        margin: 0;
        font-style: italic;
}

.akkordeon > a {
        background: darkgreen;
        color: white;
        display: block;
        margin-bottom: 0.2em;
        padding: 0.2em;
        text-decoration: none;
          font-style: italic;


}

.akkordeon p:target {
        max-height: 7em;
        transition-delay: 0s;
}

.textmarkergelb {
  background-color:yellow;
}
.textmarkerrot {
  background-color:red;
}
.textmarkerblau {
  background-color:cyan;
}
-->