.menu ul, .menu li                { padding: 0; margin: 0; }
.menu li                          { display: block; }
.menu li:not(:first-child)        { border-top: 1px solid white; }
.menu a                           { display: block; padding: 4px; }
.menu a, .menu a:visited          { color: black; }
.menu a:hover                     { text-decoration: none; }
.menu a:hover, .menu li a.current { color: white; }

.menu li a {
	background-color: #cacac8;
	background-position: right center;
	background-repeat: no-repeat;
}

.menu li a.current,
.menu li a:hover    { background-color: #004a99; }

.menu li.startseite > a {
	background-image: url(/cd2009/startseite.gif);
}
.menu li.startseite > a:hover {
	background-image: url(/cd2009/startseite-hover.gif);
}
.menu li.elternseite > a {
	background-image: url(/cd2009/up.png);
}
.menu li.elternseite > a:hover {
	background-image: url(/cd2009/up-hover.png);
}

.toplevel li a             { background-color: #cacac8; }
.toplevel li li a          { background-color: #d6d6d4; }
.toplevel li li li a       { background-color: #e2e1dd; }
.toplevel li li li li a    { background-color: #eeebe3; }
.toplevel li li li li li a { background-color: #f0eee5; }

.toplevel li li a.current,
.toplevel li li a:hover             { background-color: #2a6ebb; }
.toplevel li li li a.current,
.toplevel li li li a:hover          { background-color: #6e99d4; }
.toplevel li li li li a.current,
.toplevel li li li li a:hover       { background-color: #b2cedd; }
.toplevel li li li li li a.current,
.toplevel li li li li li a:hover    { background-color: #c0e0ff; }

.statischesmenu li { padding-left: 4px; }

.statischesmenu li             { background: url(/cd2009/navigationLevel0.gif) repeat-y left top; }
.statischesmenu li li          { background: url(/cd2009/navigationLevel1.gif) repeat-y left top; }
.statischesmenu li li li       { background: url(/cd2009/navigationLevel2.gif) repeat-y left top; }
.statischesmenu li li li li    { background: url(/cd2009/navigationLevel3.gif) repeat-y left top; }
.statischesmenu li li li li li { background: url(/cd2009/navigationLevel4.gif) repeat-y left top; }

.statischesmenu input[type=checkbox] {
  display: none;
}
.statischesmenu label {
  background: url('/cd2009/drop.png') no-repeat center;
  width: 1.6em;
  height: 1.6em;
  margin-top: -4px;
  margin-right: -4px;
  float: right;
  transform: rotateX(0);
  transition: transform 0.05s;
}
.statischesmenu a:hover label,
.statischesmenu a.current label {
  background: url('/cd2009/drop_inv.png') no-repeat center;
}
.statischesmenu label.dropped {
  transform: rotateZ(180deg);
  transition: transform 0.05s;
}
.statischesmenu input[type=checkbox]:checked+ul {
  display: initial;
}
.statischesmenu li ul {
  display: none;
}