body {
  padding: 0 1em;
  margin: 1em auto;
  text-align: center;
  background: #fff none;
  font-family: Verdana, Arial, sans-serif;
}

table {
  font-size: 0.8em;
  width: 100%;
  border-collapse: collapse;
  border-right: 2px solid #ccc;
  border-left: 2px solid #ccc;
}

h1 {
  font-size:100%;
}

h2 {
  font-size:100%;
  font-weight: bold;
  text-align: left;
}

th, td {
  text-align: left;
}

th {
  padding: 4px 6px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  background: #e5e5e5 none;
}

tr:hover {
  background: #EEF2F5 none;
}

td {
  padding: 2px 6px;
  border-left: 1px solid #f4f4f4;
  border-bottom: 1px solid #dedede;
}

.luokan-alku {
  border-top: 1px solid #ccc;
  background: #f4f4f4 none;
}