body {
  font-family: Verdana;
  font-size: 0.63em;
}

h1 {
  font-size: 1.17em;
}

div.content {
  margin: 20px 0px 0px 20px;
}

table.rahmen {
  width: 100%;
}

table.seite {
  border: 0px;
  width: 787px;
}

table.seite td {
  text-align: left;
}

table.autoren, table.content, table.bestellen {
  width:100%;
}

table.content.td {
  width:33%;
}

table.content td, table.autoren td {
  text-align: center;
  padding: 20px 0px 0px 0px;
}

td.navi, td.obenrechts {
  background-color: #d3d2d3;
 padding: 5px;
}


td.content {
   background-color: #d3d2d3;
   height: 288px; 
   vertical-align: top;
}


#klappentext {
  margin:10px;
  overflow: auto;
}

td.klappentext {
  background-color: #edeaed;
  vertical-align: top;
}

td.buecher {
  background-color: #f8f7f8;
  padding-left: 60px;
}

td.sw {
  background-color: #f8f7f8;
  padding-left: 12px;
}

.navi a {
  line-height: 1.7em;
}

a {
  font-weight: bold;
  color: #000;
  text-decoration: none;

}

a:hover {
  text-decoration: underline;
  color: #FFF;
}

a.navi {
  font-weight: bold;
  color: #000;
  text-decoration: none;
  margin-left: 20px;
  display: block;
}

a.navi:hover {
  color: #FFF;
}
/*
a.info {
  position: relative;
  color: #000;
  text-decoration: none;
  border: 0px;
}

a span {
  display: none;
}
 
a.info:hover span.ummenhofer {
  left: 50em; 
}

a.info:hover span.rieckhoff {
   left: 24em; 
} 

a.info:hover span.rieckhoff, a.info:hover span.ummenhofer { 
  display: block;
  position: absolute;
  top: 60px; 
  left: 220px;
  width: 15em;
  line-height: 1.5em;
  text-align: left;
  font-weight: normal;
}
*/


#ummenhofer {
  display: none;
  margin: 10px;
}

#rieckhoff {
  margin: 10px;
  display:none;
}



img {
  border: 0px;
}

img.head {
  display: block;
}

div.buch {
  margin: 10px;
  width: 240px;
  height: 268px;
  overflow: auto;
}

p {
  width: 450px;
}