div#chapter {
  width:900px;

}
div#row1,div#row2,div#row3 {
  float:left;
}
/*Kapitelbild*/
div#row1 img {
  width:372px;
  height:479px;
}
/*Spalte linke Navigation*/
div#row2 {
  width:100px;
  height:479px;
  overflow:hidden;
  background: url(../img/background-content.gif);
  background-repeat:repeat-x;
  background-color: #fff;
}
/*Spalte Inhalt*/
div#row3 {
  width:428px;
  height:479px;
  background: url(../img/background-content.gif);
  background-repeat:repeat-x;
  background-color: #fff;
  overflow:hidden;
}
div#content {
  width:400px;
  height:349px;
  overflow:auto;
  margin:30px 8px 0 20px;
}

/*linke Navigation*/
ul#leftnav {
  margin:30px 0 0 10px;
  width:80px;
}
ul#leftnav li {
  float:left;
  width:80px;
  margin:0 0 4px 0;
  list-style-type:none;
  font-size:.9em;
  text-indent:0;
}
ul#leftnav li:before {display: marker; marker-offset: 0; }
ul#leftnav li a,ul#leftnav li a:link,ul#leftnav li a:visited
{ text-decoration:none; color:#4d4747;; /*color:#b6b6b6;*/ }

ul#leftnav li a:focus,ul#leftnav li a:hover,ul#leftnav li a:active
{ text-decoration:none; color:#4d4747; }

ul#leftnav li a.active
{ text-decoration:none; color:#36b142 !important; }

/*thumbnails*/
ul#imagelist {
  position:absolute;
  left:473px;
  top:502px;
  margin:20px 0 0 21px;
  width:420px;
  height:77px;
}
ul#imagelist li {
  cursor:pointer;
  float:left;
  list-style-type:none;
  width:77px;
  height:77px;
}
ul#imagelist li.r5 {
    margin-left:5px;
}

.thumbnail {
  width:77px;
  height:77px;
  display:block;
}