html, body { margin: 0px; padding: 0px; height: 100%; min-height: 100%; 
    text-align: center; }
body { background: url(../img/bg.jpg) repeat-y center #0d0c0c; font-family: Arial; }

a img { border: none; }

#logo { display: block; width: 100%; height: 248px; text-align: center; 
  background: url(../img/logo.jpg) no-repeat center #0d0c0c; }

#ticker { display: block; width: 100%; height: 29px; text-align: center; 
  background: url(../img/bg-ticker.jpg) no-repeat center #0d0c0c; padding: 5px 0px 0px; }

#tbTicker { border: none; background: none; width: 800px; height: 24px; color: #8e756d; font-size: 18px; letter-spacing: 5px; text-align: left; margin-left: -200px; }

#tickerOverlay { margin: -29px auto; display: block; width: 1039px; height: 34px; background: url(../img/ticker-overlay.png) no-repeat; }

#page { margin: 0 auto; text-align: left; display: block; width: 1016px; 
  min-height: 500px; background: url(../img/eyes.png) no-repeat center; 
  margin-top: -25px; }
  
#disc { float: right; margin: -33px 2px 0px 0px; }

#nav { clear: both; width: 100%; height: 30px; color: #616161; font-size: 18px; list-style: none; }
#nav li { float: left; margin: 5px 10px 0px; letter-spacing: 5px; padding: 10px; cursor: pointer; }
#nav li.active, #nav li:hover { background: #c1121c; color: #fff; }
#nav li a { text-decoration: none; }

#news { clear: both; float: left; display: block; width: 302px; height: 142px; 
  background: url(../img/news.png) no-repeat; margin: 25px 0px 0px 0px; padding: 45px 10px 0px; color: #fff; font-size: 12px; }
  
#merchandise { float: left; display: block; width: 343px; height: 156px;  
  background: url(../img/merchandise-soon.png) no-repeat; margin: 12px 0px 0px 20px; }
  
#joinme { float: left; display: block;  
  margin: 10px 0px 0px 8px; border: none; }
  
#newsletter { float: right; display: block; width: 322px; height: 66px; 
  background: url(../img/newsletter.png) no-repeat; margin: 10px 0px 40px 8px; }
    
#overlay, #overlay-home, #overlay-news { background: url(../img/overlay2.png) no-repeat left -1px; overflow-y: auto; display: block; 
  width: 664px; height: 347px; float: left; margin: 49px 0px 0px 0px; color: #fff; font-size: 13px; overflow: hidden; }
  
a, a:active, a:link, a:visited { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }

a.more { float: right; background: url(../img/arrow.jpg) no-repeat right; padding-right: 12px; }

span.title { border-bottom: 1px dotted #fff; font-size: 15px; display: block; width: 640px; padding-bottom: 5px; }

a#feedback { background: url(../img/feedback.jpg) no-repeat; display: block; width: 52px; height: 209px; position: fixed; right: 0px; bottom: 100px; }

h2 { font-weight: normal; padding: 0; margin: 0; }

input, select { border: 1px solid #645a59; background: #000; padding: 3px; width: 230px; color: #fff; }
input { width: 222px; }
input.register { background: url(../img/anmelden.jpg) no-repeat; width: 72px; height: 23px; border: none; margin-top: 10px; }
input.missing, select.missing { border: 1px solid #e42322; }

#player { float: right; margin-top: 25px; }

div.scrollbox { padding: 15px; width: 634; height: 317px; display: block; overflow: auto; }

#footer { position: fixed; bottom: 0; padding-bottom: 2px; background: url(../img/grey.png); width: 100%; text-align: left; }