/*Basics*/
body          { color: #000; font-size: 80%; font-family: Georgia, "Times New Roman", Times, serif; background-image: url(bilder/buch_hg.jpg); background-repeat: repeat; background-attachment: scroll; background-position: center 40px; text-align: center; margin-top: 10px; margin-bottom: 10px }
h1 { color: #f00; font-size: 220%; text-align: center }
h2 { color: #808080; font-size: 150%; font-weight: bold }
h3 { color: #666; font-size: 120%; font-weight: bold }
p      { color: #000 }
a    { color: #f00; text-decoration: none }
a:hover   { color: #666; text-decoration: underline }
ul      { list-style-type: none; display: list-item; padding-left: 20px }
/*Inhaltscontainer*/
#container                  { background-color: #ccc; text-align: center; margin-right: auto; margin-left: auto; padding: 10px; width: 965px; height: inherit; border: solid 1px #f00 }
#linkespalte { width: 120px; float: left }
#left     { text-align: left; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f00 }
#rechtespalte  { text-align: left; width: 120px; float: right }
#right     { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f00 }
#mitte     { margin-right: auto; margin-left: auto; width: 680px; border-right: 1px solid #f00; border-left: 1px solid #f00 }
#header       { background-position: 10px 10px; margin-right: 10px; margin-left: 10px; height: 116px; border-bottom: 1px solid #f00 }
#inhalt    { background-position: 10px 10px; text-align: left; padding-top: 10px; padding-right: 20px; padding-left: 20px }
/*Text Klassenstile*/
.info { font-size: 90%; font-weight: bold }
#bildrahmen { background-color: #fff; background-position: 10px 10px; text-align: center; margin-right: auto; margin-left: auto; padding: 5px; width: 280px; border: solid 1px #f00 }
#bild { background-position: 10px 10px; text-align: center; margin: 5px 10px 10px 0; float: left }
/*Fussleiste*/
#leiste     { color: black; background-image: url(bilder/buch_kl.jpg); background-repeat: repeat-x; text-align: center; margin-top: 30px; margin-right: 10px; margin-left: 10px; padding-top: 2px; padding-bottom: 2px; position: relative; bottom: 0; height: 30px }
#leiste a      { color: #000; font-size: 90%; text-decoration: underline; list-style-type: none; padding-right: 10px; padding-left: 10px }
#leiste a:hover    { color: #666; text-decoration: underline; list-style-type: none }
#leiste li  { list-style: none; display: inline }
/*Hoverbox Bilder*/
.kiste bilder     { width: 350px; float: right }
.hoverbox { cursor: default; list-style: none }
.hoverbox a  { cursor: default; border-left: none }
.hoverbox a .preview { display: none }
.hoverbox a:hover .preview  { display: block; position: absolute; z-index: 1; top: -70px; left: -85px }
.hoverbox img        { background: #ccc; margin: 10px -6px 10px 0; padding: 6px; width: 188px; height: 141px; vertical-align: top; border: solid 1px #f00}
.hoverbox li  { display: inline; position: relative; float: right }
.hoverbox .preview { width: 350px; height: 262px }