* {
  margin:0;
  padding:0;
}

html, body, p {
  font: 100% "calibri", Garamond, 'Comic Sans';
}

#kopfbereich {
  background-color:#D5F4E2;
  height:100;
 /* border:1px dotted #900; */
}

#kopfbereich p {
  font-size:2em;
  text-align:right;
  color:#1AB49E;
  padding:.4em .4em 0 0;
}

#steuerung {
  background-color:#1AB49E;
  color:white;
  padding:6px;
  padding-left:1em;

  /* border:1px dotted #900;  */
}

#steuerung a:link {
  color:white;
  /* #145049*/
  text-decoration:none;
}

#steuerung a:visited {
  color:#A01C71;
  text-decoration:none;
}

#schatten {
  background:url(../bilder/schattenwurf-grau-v.png) repeat-x;
  height:12px;
 /* border:1px dotted #900;  */
}

#inhalt {
  padding:2em;

 /* border:1px dotted #900;*/
}

#inhalt h1, h2, h3, p, ul, ol {
  padding-bottom:.7em;
 /* color: #3F3F3F;  */
}
#ex-absatz {
 padding-bottom:.7em;
 width: 800px;
 /*border: 1px solid blue; */
}
#ex-absatz p, ul {
 padding-bottom:.7em;
}

#inhalt h4 {
  padding-top: 1em;
}

#inhalt ul, ol {
  padding-left:2em;
}

/*#inhalt li {
  padding-bottom:1em;
} */

#inhalt a:link {
  color:#009090;
  /* #145049*/
  text-decoration:none;
}

#inhalt a:visited {
  color:#A02020;
  text-decoration:none;
}

#bild {
    float:right;
    position:relative;
    font-size:small;
    /*margin:1em;   */
    background-color:#D5F4E2;
    color:#1C9A82;
}

#toc {
    width: 400px;
    margin-left: 3em;
    margin-right: 3em;
    margin-bottom: 1em;
    padding: 1em;
    background-color:#D5F4E2;
    color:#1C9A82;
}


h1, h2, h3, h4, p, ul, ol {
    padding-bottom: 6px;
}

li {
    padding-bottom: 2px;
}

#aufgaben table, td, th {
    border: 1px solid #1AB49E;
}

#aufgaben h3, h4 {
   padding-top: 20px;
}

td {
  padding: 8px;
}

#themen_spalte {
    margin: 3em;
    padding: 20px;
    background-color:#D5F4E2;
    color:#1C9A82;
    text-align: center;
    width: 250px;
}

#themen_spalte_inaktiv {
    margin: 3em;
    padding: 20px;
    background-color:#F0F0F0;
    color:#A0A0A0;
    text-align: center;
    width: 250px;
}


#themen_leer {
    border: none;
    width: 60px;
}

#codebeispiel {
    width: 400px;
    font: 100% 'Courier New' bold;
    margin: 1em;
    background-color:#F0F0F0;
    color:#1C9A82;
    padding: .5em;

}

#beispiel {
    width: 820px;
    margin-left: 2em;
    margin-right: 3em;
    margin-bottom: 1em;
    padding: 1em;
    background-color:#D5F4E2;
    color:#1C9A82;
}