a, p, div, h1, h2, h3, h4, td {
  font-family: Arial;
  font-size: 10pt;
}

a:link { color:#C0C0C0; text-decoration:underline;font-weight:normal; }
a:visited { color:#C0C0C0; text-decoration:underline;font-weight:normal; }
a:hover { color:#FFFFFF; text-decoration:underline;font-weight:normal; }

a:link img{ border-color:#FFFFC0;}
a:visited img{ border-color:#FFFFC0;}
a:hover img{ border-color:#FFFFFF;}  /*#E60866*/

body {
      background-color:#000000;
      margin:0px;
      padding: 10px 15px 15px 15px;
      text-align:center;
}

#container {
  width:680px;
  padding:15px 0px 0px 0px;
  margin:0px auto 0px auto;
  background-color:#ffffff;
  text-align:left;
}

#head {
  width:660px;
  height:130px;
  padding:0px;
  margin:0px;
  background-image:url(../bilder/schlagzeug.jpg);
  background-repeat:no-repeat;
  text-align:left;
}

#navigation{
  width:423px;
  height:121px;
  padding:0px;
  margin: 0px 0px 0px 210px;
}

#navigation img{
  margin:0px;
  padding:0px;
  border-width:0px;
  float:left;
  vertical-align:bottom;
}

#title{
  width:660px;
  height:130px;
  padding:0px;
  margin:0px;
  background-image:url(../bilder/logo.jpg);
  background-repeat:no-repeat;
}

#body{
  position:relative;
  padding:0px;margin:0px;
  top:0px;left:0px;
  width:660px;
  text-align:left;
}

#spacer{
  float:left;
  height:590px;width:0px;
}

#body img{
  display:block;
  margin:0px;
}

#frame{
  position:absolute;
  top:-61px;left:209px;
  width:446px;
  height:390px;
}

#topframe{
  width:446px;
  height:22px;
  background-image:url(../bilder/frametop.gif);
}

#leftframe{
  float:left;
  width:16px;
  height:344px;
  background-image:url(../bilder/frameleft.gif);
  opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85;
}

#center{
  width:411px;
  height:344px;
  float:left;
  overflow:hidden;
}

.shadow{
  position:relative;
  width:100%;
  height:344px;
  background-color:#14051E;
  opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85;
}

#content {
  position:relative;
  top:-344px;left:0px;
  padding:0px 0px 0px 5px;
  margin:0px;
  color: #ffffff;
}

#content h1 {
  clear:both;
  color:#ffffff;
  font-size:11pt;
  padding:0px;
  margin:15px 0px 7px 0px;
}

#content h2 {
  clear:both;
  color:#aaaaaa;
  font-size:10pt;
  padding:0px;
  margin:5px 0px 3px 0px;
}

#content p {
  color:#ffffff;
  padding:0px;
  margin:3px 0px 3px 0px;
}

.comment {
  color:#E0E0E0;
  font-style:italic;
}

.small{
  font-size:8pt;
}

.date{
  position:relative;
  font-size:9pt;
  color:#aaaaaa;
  text-align:right;
  font-weight:normal;
  float:right;
}

.preview{
  border:none;
  position:relative;
  padding: 3px 5px 15px 0px;
  margin:  0px;
  float:left;
}

#picture{ cursor:pointer;}

#rightframe{
  float:left;
  width:18px;
  height:344px;
  background-image:url(../bilder/frameright.gif);
}

#bottomframe{
  clear:both;
  width:437px;
  height:25px;
  margin-left:8px;
  background-image:url(../bilder/framebottom.gif);
}

#scrollup {
  cursor:pointer;
  position:absolute;
  top:-41px;left:650px;
  width:20px;height:20px;
}

#scrolldown {
  cursor:pointer;
  position:absolute;
  top:-11px;left:650px;
  width:20px;height:20px;
}

.floatbox {
  position:relative;
  margin: 0px 5px 5px 0px;
  padding:0px;
  width:130px;
  float:left;
  text-align:center;
}

.clr {
  clear:both;
}

#hint {
    font-family: Arial;
    font-size:10pt;
    color:#000000;
    display: block;
    background-color: #FEF7CF;
    position:absolute;
    top: -500px;
    padding: 10px;
    border-style:solid;
    border-color:#000000;
    border-width:1px;
    opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75;
}