/*
  Vorgaben für die HTML-Datei:
  - Liste mit id="aufgaben" und Verweise ins Dokument (z.B. <a href="#aufgabe14">)
  - Aufgaben-Umgebung mit div definieren (<div class="aufgaben-umgebung">)
  - Jede einzelne Aufgabe ist eine Box (<div id="aufgabe10" class="aufgaben-box">)
*/

/* Bis auf die aktive Box werden die Aufgaben ausgeblendet */
div.aufgaben-umgebung > div:not(:target) {display: none};
div.aufgaben-umgebung > div:target {display: block}

ul#aufgaben {
    margin: 0; padding: 8px;
    text-align: left;
    background-color: #DAE3FF;
}

ul#aufgaben li {
    list-style: none;
    display: inline;
    margin: 0; padding: 0;
}

ul#aufgaben a { 
    padding: 2px 10px;
    text-decoration: none;
    color: #DAE3FF; background: #1e2962;
}
  
ul#aufgaben a:hover, ul#Navigation span {
    color: #3d4fa3;
    background: #F0F0F0;
}
  
.aufgaben-box{
	border-width: 1px;
	border-style: solid;
	border-color:#1e2962;
	padding: 5px;
	margin: 5px;
}