/* Colors
   #dda0dd = plum
 */

BODY {
  background-color: #fff; color: #000;
  /* old - font-family: Arial, Helvetica, Verdana, sans-serif; */
  font-family: 'Bitstream Vera Sans', 'Lucida Grande', Arial, Helvetica, sans-serif;
}

#header {
  /* font-variant: small-caps; */
  /* left padding equals width of #nav + left padding of content */
  margin: 0 5%; margin-left: 13%;
  /* padding: 0.5em 0 0.5em 12%; */
  color: #dad;
/* color: steelblue; */
}

div#header h1 {
  background-color: #dad; color: #fff; 
  font-family: 'Bitstream Vera Sans', 'Lucida Grande',
               Arial, Verdana, Helvetica, sans-serif;
  padding: 1em 0;
  text-align: center;
}


#nav { float: left; width: 12%; margin: 0 0.5em; padding: 1em 0;
       /* border-right: 2px dotted #b0c4de; */
       border-bottom: 2px dotted #b0c4de; 
       font-size: 0.75em;
}

#nav.bot { display: none; }

/* #b0c4de = lightsteelblue */
#nav a:hover {
     font-size: 100%;
     color: black; background-color: #b0c4de;
}


#nav p.toc div { margin-left: 0.5em; }

/* #faf0e6 linen -- #fdf5e6 old lace -- #fff8ad n.n. */
#content { background-color: #fff; color: #000; 
           margin: 0 5%; margin-left: 13%; padding: 2%;
           border: 1px dotted #ccc;
}

/* Foto als Aufmacher zu Beginn */
.splash { text-align: center; }
.splash img { border: 3px solid #eee; }

/* Fotos mit Erlaeuterungen */
.clip { text-align: center; }
.clip img { border: 3px solid #c0c0c0; margin: 3px; }

#footer {  color: #ccc; margin-left: 10%; padding: 1em; }

#footer a { text-decoration: none; }

.changed { color: #ccc; }