html {
   margin:0;
   padding:0; 
   height:100%;
}

p
{
  font-family: arial, verdana;
  font-size: 14px;
  color: #000000;
  background-color: #FFFFFF; /*#F7F3E8;*/
  margin-left:0px;
}
body {
  color: black; 
  background-color: white;
  font-size: 100%;
  font-family: verdana;
  margin: 0; 
  padding: 0em;
  min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

#header {
  margin: 0em 0em 0em 0em;
  text-align:right;
  padding: 0em;
}
#navigation {
  min-height:500px;
  background-color:#ededed;
  float: left; 
  width: 14em;
  margin: 0 0 1.1em; 
  padding: 0;
/*  border: 1px dashed silver;*/
}
#content {
  margin: 0 8em 0em 16em;
/*  margin: 0 23em 0em 14em;*/
  padding: 1em 1em;
/*  border: 1px dashed silver;*/
}
#marginalie {
  float: right; 
  width: 21em;
  margin: 0em 0em 0em 0em;
  padding: 0 1em;
}
.margTitel {
  background-color:#D2D6ED;
  color:red;
  font-family:Verdana,sans-serif;
}
.margText {
  font-family:Verdana,sans-serif;
  margin:0;
  background-color:#FAD2B3;
  display:inline;
  color:black;
}

ul.closed, ul.opened {
  font-size:12px;
 /* font-weight: bold;*/
  list-style-type:none;
  line-height:16px;
}

ul.closed {
  display:none;
}

ul.opened {
  display:block;
}

a.folder {
  cursor:pointer;
} 

li {
  font-family: Verdana, Arial, Helvetica, sans-serif;
/*  font-weight: normal;*/
  margin-left:-30px;
  margin-right:9px;
  margin-top:2px;
  padding-top:2px;
  /* color: #333333; */
  border-top: 1px solid #000000;
}