body {
  background-color : #7FFFD4
}

table {
  border-color : black;
  background-color : #00FFAF
}
th, td {
  border-color : black
}
td.loesung {
  text-align : center;
  font-weight : bold;
  border-color : black;
  color : black;
  background-color : #FFF09D
}
td.raetsel {
  text-align : center;
  border-color : black;
  color : black;
  background-color : #FF88A6
}

td.raetsel a:link {
  font-weight : bold;
  color : black;
  background-color : #FF88A6;
  text-decoration : none
}
td.raetsel a:visited {
  font-weight : bold;
  color : gray;
  background-color : #FF88A6;
  text-decoration : none
}
td.raetsel a:hover {
  font-weight : bold;
  color : black;
  background-color : #FF3366;
  text-decoration : none
}
td.raetsel a:active {
  font-weight : bold;
  color : black;
  background-color : #FF3366;
  text-decoration : underline
}
td.raetsel a:focus {
  font-weight : bold;
  color : black;
  background-color : #FF3366;
  text-decoration : underline
}

h3 {
  margin-left : 1em;
  margin-right : 1em;
  margin-bottom : 4ex;
  padding-left : 1em;
  padding-right : 1em;
  padding-top : 1ex;
  padding-bottom : 1ex;
  background-color : #FF3366;
  text-align : center
}

div p {
  text-align : justify
}

div.aufgabe {
  margin-left : 3em;
  margin-right : 3em;
  margin-bottom : 3ex;
  padding-left : 1em;
  padding-right : 1em;
  padding-top : 1ex;
  padding-bottom : 1ex;
  background-color : #00BFFF
}

form.loesung {
  margin-left : 3em;
  margin-right : 3em;
  margin-bottom : 3ex;
  padding : 1em;
  background-color : #FFD700;
  text-align : center
}

div.loesung {
  display : none;
  margin-left : 3em;
  margin-right : 3em;
  margin-bottom : 3ex;
  padding-left : 1em;
  padding-right : 1em;
  padding-top : 1ex;
  padding-bottom : 1ex;
  background-color : #FFD700
}

div.bemerkung {
  border-width : thin;
  border-top-style : solid;
  border-color : gray;
  margin-left : 3em;
  margin-right : 3em;
}

div.bemerkung p {
  font-size : smaller;
}