@import "base.css";

/* Give the body some margins to make room for the two menus */

html {
  margin: 0 }
body {
/*  padding: 8em 0 0 0;		/* Room for banner at the top */
  margin: 0 5em 2em 17em }	/* 17 is too much, but IE6 needs it */
html>body {
  margin: 0 5em 2em 14em }

/* Local navigation menu, along the right side */

div.map { 
  position: absolute;
  width: 11em; height: auto;
  top: 0em; right: auto; bottom: 0em; left: 0em;
          background: white bottom left no-repeat
          }
div.map p.thispage, p.otherpage, div.map > * > li, div.map h2 {
  display: block;
  margin: 0.55em 1em 0.44em 1em;
  padding: 0.38em 1em;
  text-indent: 0;
  text-align: left;
/* background: rgb(30%,30%,35%)  bottom right no-repeat; */
/*   color: white; */
  color: black;
  list-style: none }		/* Remove triangle from H2 */
div.map p.nopage { background: none; }
div.map > ul {
  margin: 0;
  padding: 0 }
div p.navhead {
  font-weight: bold }
div.map a {
  border-bottom : none;
  font-style: italic;
  text-decoration: none;
  color: black; }
/* div.map a:hover { */
/*   background: #CCC; */
/*   color: #000 } */
div.map:before {
  text-align: center;
                 content: "";
/*   content: "Hein Röhrig"; */
  display: block;
  margin-bottom: 1em;
  padding: 0.1em 0.5em;
  color: #999;
  font-size: larger;
  font-style: italic;
/*   letter-spacing: 0.25em  */
}


/* The child selectors are a hack to hide these rules from WinIE6,
   which gets confused by 'fixed' */
body>div#Menu,
body>div.map { position: fixed }

/*
   Local variables:
   mode: css
   cssm-indent-level: 2
   End:
   */