* {
  margin: 0;
  padding: 0;
}

body {
  background-color: black;
  font-family: verdana;
  font-size: 11px;
  line-height: 16px;
}

.page {
  margin: 0 auto;
  width: 1000px;
}

  .header {
    background-image: url("../files/gfx/header.jpg");
    height: 300px;
  }

    .menu {
      position: relative;
    }

      .menu a {
        display: block;
        position: absolute;
        height: 25px;
        top: 18px;
      }

        #etusivu {
          left: 41px;
          width: 65px;
        }

        #rinteet {
          left: 126px;
          width: 156px;
        }

        #hinnasto {
          left: 302px;
          width: 75px;
        }

        #rinneturvallisuus {
          left: 625px;
          width: 149px;
        }

        #yhteydet {
          left: 796px;
          width: 152px;
        }

    #skier {
      behavior: url("/files/iepngfix_v2/iepngfix.htc");
      margin-left: 20px;
      position: absolute;
      top: 70px;
    }

  .column_left {
    background-color: #9b9b00;
    color: black;
    width: 500px;
  }

    .column_left .row_1 {
      background-color: #ffff00;
      padding: 40px 40px 40px 100px;
    }

    .column_left .row_2 {
      background-color: #c3c300;
      padding: 20px 40px 20px 100px;
    }

    .column_left .row_3 {
      font-size: 10px;
      padding: 20px 40px 20px 100px;
    }

    .column_left .borders {
      border: 2px solid black;
    }

    .column_left .topic,
    .column_right .topic {
      border-bottom: 1px solid black;
      line-height: 17px;
      margin-bottom: 20px;
      width: 100%;
    }

      .column_left .topic div,
      .column_left .topic div.unactive,
      .column_right .topic div {
        background-color: black;
        color: #ffff00;
        float: right;
        font-family: monospace;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 1px;
        padding: 5px 10px 4px 10px;
      }

        .column_left .topic div.unactive {
          background-color: #9b9b00;
        }

    .column_right .topic {
      border-bottom: 1px solid #ffff00;
    }

      .column_right .topic div,
      .column_right .topic div.unactive {
        background-color: #ffff00;
        color: black;
        float: left;
      }

        .column_right .topic div.unactive {
          background-color: #9b9b00;
        }

  .column_right {
    border-right: 2px solid #1d1d1d;
    color: white;
    width: 498px;
  }

      .column_right .row_1 {
        padding: 40px 100px 40px 40px;
      }

      .column_right .row_2 {
        padding: 20px 100px 20px 40px;
      }

      .column_right .row_3 {
        font-size: 10px;
        padding: 20px 100px 20px 40px;
      }

      .column_right .borders {
        border: 2px solid #ffff00;
      }

/* * * news * * */

  .newsitem {
    margin-top: 20px;
    width: 100%;
  }

    .newsitem:first-child {
      margin-top: -1px;
    }

    .newsitem div {
      background-image: url("../files/gfx/star.jpg");
      background-position: 0 23px;
      background-repeat: no-repeat;
      border-top: 1px solid #ffff00;
      padding-left: 40px;
      padding-top: 20px;
    }

    .newsitem img {
      border: 1px solid #ffff00;
      float: right;
      margin-left: 20px;
    }

  .subtopic {
    background-color: #9b9b00;
    color: black;
    padding: 5px 10px 5px 10px;
  }

/* * * chart * * */

  .column_left .chart .column_2 {
    border-left: 1px solid #9b9b00;
    border-right: 1px solid #9b9b00;
    padding: 0 5px;
    text-align: center;
    width: 90px;
  }

    .column_left .chart .column_3 {
      padding-left: 5px;
      text-align: center;
      width: 100px;
    }

    .column_left .chart .column_4 {
      border-left: 1px solid #9b9b00;
      padding-left: 0 5px;
      text-align: center;
      width: 100px;
    }

  .column_right .chart .column_2 {
    border-left: 1px solid #ffff00;
    padding: 0 5px;
    text-align: center;
    width: 85px;
  }

  .footer {
    background-image: url("../files/gfx/footer.jpg");
    background-repeat: no-repeat;
    font-size: 10px;
    height: 260px;
    padding-bottom: 70px;
    text-align: center;
    vertical-align: bottom;
  }

/* * * html-elements * * */

a {
  color: #ffff00;
  font-weight: bold;
  text-decoration: none;
}

iframe {
  display: block;
}

img {
  border: 0;
  display: block;
}

td {
  vertical-align: top;
}

ul {
  padding-left: 15px;
}