html, body {
  background-color:rgb(40,40,40);
  margin:0px;
  padding:0px;
}

#top {
  position:absolute;
  left:0px;
  top:0px;
  height:50px;
  width:100%;
  margin:0px;
  padding:0px;
  font-family:Roman;
  font-size:48px;
  color:white;
  text-align:center
}

#navigation {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:69px;
}

#main {
  position:absolute;
  margin:0px;
  padding:0px;
}

#left {
  position:absolute;
  left:0px;
  top:68px;
  width:100px;
  margin:0px;
  padding:0px;
}

#content {
  position:absolute;
  background-color:rgb(251,241,225);
  top:68px;
  left:100px;
  right:0px;
  margin:0px;
  padding-left:10px;
  padding-right:10px;
}

a.navi, a.navi_self {
  display:block;
  position:absolute;
  bottom:0px;
  width:100px;
  height:18px;
  text-align:center;
  font-family:"MS Sans Serif",sans-serif;
  font-size:12px;
  font-weight:bold;
  padding-top:1px;
  text-decoration:none
}

a.navi:link, a.navi:visited {
  background-image:url(../bmp/reiter-inaktiv.jpg);
  background-position:top right;
  background-repeat:no-repeat;
}

a.navi_self:link, a.navi_self:visited {
  background-image:url(../bmp/reiter-aktiv.jpg);
  background-position:top right;
  background-repeat:no-repeat;
}

a.navi:hover, a.navi_self:hover, a.navi:active, a.navi_self:active {
  background-color:white;
  color:black;
}

a#home {
  left:100px;
}

a#grammatik {
  left:200px;
}

a#wissen {
  left:300px;
}

a#ontologie {
  left:400px;
}