* {
  margin:0;
  padding:0;
}
html,
body {
  background:#fff;
  color:#000;
  font:1em 'Bitstream Vera Sans', Tahoma, sans-serif;
}

h1 {
  font:150% Georgia, serif;
  margin:0.5em;
}

p {
  clear:left;
  margin:0.5em 0.5em 0.5em 2em;
}

code, pre {
  background:#ddd;
  font-family:'Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', monospace;
  padding:0 0.1em;
}
pre {
  padding:0 2em;
}

ul {
  border:2px solid #ccc;
  border-bottom:none;
  color:#fff;
  float:left;
  /*margin:0.5em auto;*/
  margin:0.5em 0 0.5em 2em;
  width:10em;
}
ul+ul {
  margin-left:1em;
}

li {
  background:#333;
  border-bottom:2px solid #ccc;
  cursor:default;
  list-style:none;
  padding:0.2em 0.5em;
}

li.hidden {
  display:none;
}

/* Kommentar entfernen, wenn sich die Liste nach oben öffnen soll */
/*li.visible {
  margin-top:-3.4em;
  position:relative;
  z-index:1;
}*/

li.selected,
li:hover {
  background:#666;
}

li a {
  color:#fff;
  cursor:default;
  display:block;
  text-decoration:none;
  width:100%;
}