body { background-color: #c5c5c5; margin: 0; padding: 0; }
a { color: #960000; text-decoration: none; }
a:hover { color: #ffc800; }
form { background-color: white; margin-left: 20px; padding: 5px; }
#container { background-image: url(../bilder/intro.jpg); background-repeat: no-repeat; width: 900px; height: 620px; margin-right: auto; margin-left: auto; padding: 0; border: solid 1px #000; }
#main { width: 900px; height: 600px; }
#menu { width: 140px; height: 600px; float: left; }
#menu a { text-decoration: none; }
#forum { text-align: center; width: 140px; height: 80px; margin-top: 10px; }
#clique { text-align: center; margin-top: 120px; width: 140px; height: 40px; }
#buch { text-align: center; margin-top: 20px; width: 140px; height: 40px; }
#autoren { text-align: center; margin-top: 15px; width: 140px; height: 40px; }
#zukunft { text-align: center; margin-top: 15px; width: 140px; height: 40px; }
#links { text-align: center; margin-top: 25px; width: 140px; height: 40px; }
#middle { top: 0; left: 200px; width: 520px; height: 600px; float: left; }
#submenu { color: #960000; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; position: relative; top: 150px; width: 500px; height: 30px; padding-top: 20px; padding-left: 20px; }
#submenu a { color: #000; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-decoration: none; }
#submenu a:hover { color: #960000; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; background-color: #ffc800; text-decoration: none; }
#impressum { position: relative; top: 150px; width: 516px; height: 400px; overflow: auto; clip: rect(auto auto auto auto); margin-left: 3px; }
#impressum .text { line-height: 12px; margin-right: 10px; margin-left: 10px; width: 480px; float: left; }
#impressum a { color: #960000; text-decoration: none; }
#impressum a:hover { text-decoration: none; background-color: #ffa400; }
#futur { margin-left: 3px; position: relative; top: 150px; width: 516px; height: 400px; overflow: auto; clip: rect(auto auto auto auto); }
#futur .text { line-height: 16px; margin-right: 10px; margin-left: 10px; width: 300px; float: left; }
#futur a { color: #960000; text-decoration: none; }
#futur a:hover { background-color: #ffa400; text-decoration: none; }
#futur .sub { color: #960000; font-size: 10px; font-weight: normal; line-height: 12px; background-color: #ffa400; width: 150px; float: left; margin-top: 10px; padding: 5px 5px 5px 10px; }
#rezension { margin-left: 3px; position: relative; top: 150px; width: 516px; height: 400px; overflow: auto; }
#rezension .head { color: #960000; font-size: 14px; text-transform: capitalize; }
#rezension .text { width: 480px; overflow: auto; margin-right: 20px; margin-left: 10px; float: left; }
#rezension .text a { color: #960000; text-decoration: none; }
#rezension .text a:hover { color: #960000; background-color: #ffc800; text-decoration: none; }
#content { margin-left: 3px; position: relative; top: 150px; width: 516px; height: 400px; overflow: auto; clip: rect(auto auto auto auto); }
#content  #autor { border: solid 1px #696969; }
#content #lafer { margin: 0; padding: 0; width: 500px; height: auto; float: left; }
#content #lafer .text { color: #000; font-size: 10px; text-transform: none; width: 270px; overflow: auto; }
#content #buch { width: 150px; height: 300px; float: left; margin: 0; padding: 0; }
#content #buch .text { color: #000; font-size: 10px; text-transform: capitalize; width: 150px; }
#content #buch .sub { color: #696969; font-size: 12px; text-transform: none; }
#content #buch .head { color: #960000; font-size: 14px; text-transform: capitalize; }
#content #buch a { color: #960000; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
#content #buch a:hover { color: #960000; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #ffc800; text-decoration: none; }
#content .text a { color: #960000; text-decoration: none; }
#content .text a:hover { background-color: #ffa400; text-decoration: none; }
#content .text { margin-right: 10px; margin-left: 10px; width: 300px; float: left; }
#intro { text-align: center; margin-left: 3px; position: relative; top: 150px; width: 516px; height: 400px; overflow: auto; clip: rect(auto auto auto auto); }
#intro .head { color: #960000; font-size: 34px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 40px; text-transform: uppercase; }
#intro .sub { color: #000; font-size: 24px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; }
#right { top: 0; left: 700px; width: 240px; height: 600px; float: left; }
#extra { color: #960000; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 13px; text-align: center; position: relative; top: 260px; left: 50px; width: 110px; height: 200px; float: left; }
#extra a { color: #960000; text-decoration: none; }
#extra a:hover { text-decoration: none; background-color: #ffa400; }
#menge { color: #000; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 13px; text-align: left; text-indent: 0; top: 260px; left: 50px; width: 100px; height: auto; overflow: auto; float: left; margin-left: 10px; }
#zutat { color: #000; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 13px; text-align: left; top: 260px; left: 50px; width: 140px; height: auto; overflow: auto; float: left; }
#machen { color: #000; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 13px; text-align: left; top: 260px; left: 50px; width: 200px; height: auto; overflow: auto; float: left; }
#footer { font-size: 10px; background-color: #c5c5c5; text-align: center; width: 870px; height: 14px; padding-top: 5px; padding-right: 30px; border-top: 1px solid black; }
#footer a { color: black; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }
#footer a:hover { color: black; font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #ffc800; text-decoration: none; }
hr { border: solid 1px #960000; }
.head { color: #960000; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-transform: uppercase; margin-left: 10px; }
.sub { color: #696969; font-size: 14px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-transform: none; }
.text { font-size: 10px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 12px; }