@charset "UTF-8";

div.nav {
    width:150px;
    margin-left: 20px;
    position:absolute;
    top: 20px;
}

div.nav a {
  background-color: #daa520;
  color: maroon;
  display: block;
  margin-top: 3px;
  padding-top: 2px;
  padding-right: 5px;
  padding-left: 5px;
  padding-bottom: 2px;
  text-decoration: none;
}

div.nav a:hover {
  background-color: #ffd700;
}


/* Hervorhebung des aktiven Menüeintrags */
#home #navHome, 
#giesinger #navGiesinger,
#kontakt #navKontakt,
#erbse #navErbse,
#krise #navKrise,
#polizistraeuber #navPolizistraeuber,
#rotkaeppchen #navRotkaeppchen,
#wissen #navWissen,
#dings #navDings,
#barbie #navBarbie,
#affe #navAffe,
#riesenstiefel #navRiesenstiefel {
    background-color: #ffd700;
}