/* Ausgangsseite: Wahlkurs Informatik */

body {
  margin: 0;
  font-family: "Times New Roman", serif;
  font-size: 12px;
  line-height: 1.1;
  color: #999999;
  background: #ffffff;
}

.kopf {
  background: #cccccc;
  padding: 10px 20px;
}

.big {
  font-size: 28px;
  font-weight: bold;
  color: #ffffff;
}

.menu span {
  margin-right: 20px;
  color: #aaaaaa;
  cursor: pointer;
}

.inhalt {
  padding: 20px;
}

p {
  text-align: justify;
}

a {
  color: #999999;
  text-decoration: none;
}

h3, h4 {
  font-size: 12px;
  font-weight: bold;
  color: #999999;
}

input {
  border: 1px solid #dddddd;
  padding: 2px;
  font-size: 11px;
}

.rot {
  color: red;
}

.button {
  display: inline-block;
  background: #dddddd;
  color: #aaaaaa;
  padding: 3px 8px;
  cursor: pointer;
}

.fuss {
  background: #eeeeee;
  color: #bbbbbb;
  padding: 10px 20px;
  font-size: 10px;
}

/* Werkstatt-Kasten: gehört nicht zur Übungsseite, bewusst gut lesbar.
   Eigene Regeln, damit die Barrieren der Übungsseite unverändert bleiben. */
.werkstatt-box {
  background: #fff3b0;
  color: #000000;
  border: 3px solid #000000;
  padding: 12px 16px;
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}
.werkstatt-box a {
  color: #0000cc;
  text-decoration: underline;
  font-weight: bold;
}
.werkstatt-box a:focus {
  outline: 3px solid #000000;
  outline-offset: 2px;
}

/* Fokus ausblenden, "sieht sauberer aus" */
a:focus, span:focus, input:focus, div:focus, *:focus {
  outline: none;
}