html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  background: url('images/background.gif') repeat-y;
}

img {
  border: 0;
}

#page {
  width: 778px;
}

#header {
  height: 200px;
  background: url('images/header.jpg') no-repeat;
}

#topmenu {
  height: 32px;
  background: url('images/bgmenu.gif') no-repeat;
}

#leftcol {
  width: 203px;
  height: 363px;
  position: absolute; top: 232px; left: 0;
    
  background: url('images/hotnews.gif') no-repeat;
}

  #news {
    height: 100px;
    margin: 200px 10px;
  }

#spacer {
  width: 42px;
  height: 383px;
  position: absolute; top: 232px; left: 203px;
  
  background: url('images/spacer.gif') no-repeat;
}

#content {
  width: 533px;
  height: 383px;
  position: absolute; top: 232px; left: 245px;
  overflow: scroll;
  
  background: #FFF;
}

#footer {
  height: 85px;
  width: 575px;
  position: absolute; top: 615px; left: 203px;

  background: url('images/footer.gif') no-repeat;
}

  #footer p {
    margin-left: 200px;
    margin-top: 60px;    
    font-family: Arial, Verdana, sans-serif;
    font-size: 80%;
    color: #999;
  }

/* Hotnews-Formatierung */
div.hot_post {
  margin-bottom: 20px;
}

p.hot_date {
  margin: 0;
  text-align: center;
  border-bottom: 1px dashed #000;

  font-family: Arial, Verdana, sans-serif;
  font-size: 70%;
  color: #C00;
  font-weight: bold;
}

.hot_post h2 {
  margin: 2px 0;
  
  text-align: right;
  font-family: Arial, Verdana, sans-serif;
  font-size: 90%;
}

.hot_post p {
  margin: 0;
  
  text-align: justify;
  font-family: Verdana, sans-serif;
  font-size: 70%;
  color: #666;
}

  .hot_post p:first-letter {
    color: #F00;
    font-weight: bold;
  }
  
/* Content-Formatierung */
#content h1 {
  margin: 16px 12px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 110%;
  color: #036;
}

#content p {
  margin: 0 12px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 90%;
  color: #666;
}

#content img {
  margin: 6px;
}

/* Formular */
dt, dd { font-family: Arial, sans-serif; }