<!doctype html>
<html>
<head>
<title>5b</title>
<meta charset="utf-8">
<style>
#menu ul , #menu li {
list-style-type:none;
margin:0px;
padding:0px;
box-sizing:border-box;
}
#menu li {
width:33.334%;
float:left;
position:relative;
}
#menu a:hover {
color:#000000;
background-color:#8BFF80;
}
#menu a {
display:block;
text-align:center;
border:1px solid #000000;
border-right:0;
font-weight:bold;
text-decoration:none;
background-color:#FF618D;
}
#menu a:last-child {
border-right:1px solid #000;
}
#menu li ul {
display:none;
position:absolute;
top:auto;
left:0;
right:0;
}
#menu li li {
display:block;
float:none;
width:100%;
}
#menu li:hover ul {
display:block;
}
#menu li li:nth-child(odd) a {
background-color:#ffB500;
}
#menu li li:nth-child(even) a {
background-color:#FF4040;
}
#menu li li a:hover {
background-color:#09c;
color:#fff;
}
</style>
</head>
<body>
<header><h1>Homepage der 5B-Klasse</h1></haeder>
<nav id="menu">
<ul>
<li>
<a href="hausuebungen.uebersicht.html"><h3>Hausübungen</h3></a>
<ul>
<li><a href="donnerstag18.02.2016.html">Donnerstag 18.02.2016</a></li>
<li><a href="mittwoch17.02.2016.html">Mittwoch 17.02.2016</a></li>
<li><a href="dienstag16.02.2016.html">Dienstag 16.02.2016</a></li>
<li><a href="montag15.02.2016.html">Montag 15.02.2016</a></li>
<li><a href="freitag12.02.2016.html">Freitag 12.02.2016</a></li>
</ul>
</li>
<li>
<a href="kalender.html"><h3>Kalender</h3></a>
<ul>
<li><a href="kalender.februar.html">Februar</a></li>
<li><a href="kalender.maerz.html">März</a></li>
<li><a href="kalender.april.html">April</a></li>
<li><a href="kalender.mai.html">Mai</a></li>
<li><a href="kalender.juni.html">Juni</a></li>
<li><a href="kalender.juli.html">Juli</a></li>
<li><a href="kalender.geburtstage.html">Geburtstage</a></li>
</ul>
</li>
<li>
<a href="stundenplan.php"><h3>Stundenplan</h3></a>
</li>
</ul>
</nav>
</body>
</html>
