body
{
  margin: 0px auto;
  padding: 0px;
  font: 10pt arial, tahoma, verdana, sans-serif;
  background: #6ea3a8;
  color: black;
}

#main
{
  background: #ecf6f7;
  color: black;
  margin: 0 auto;
  width: 900px;
  padding: 5px;
  border: 5px solid #8fc0c4;
}

h1
{
  margin: 10px;
  padding: 0px 3px;
  text-align: center;
  font: 12pt arial, tahoma, verdana, sans-serif;
  font-weight: bold;
  border-bottom: 2px solid black;
}
h2
{
  margin: 10px;
  padding: 0px 2px;
  text-align: left;
  font: 11pt arial, tahoma, verdana, sans-serif;
  font-weight: bold;
}

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

table.ohjelmakartta
{
  border: 1px solid black;
}

th
{
  font-weight: bold;
  background: #3ea2c9;
  color: black;
  border: 1px solid black;
}

td
{
  padding: 3px;
  border: 1px solid black;
  background: #c8edf1;
}

td.ohjelma_empty
{
  background: white;
  border: 1px solid #888888;
}

td.ohjelma_anime
{
  background: #e0b8e9;
}

td.ohjelma_yhteinen
{
  background: #b5a2d1;
}

.infodiv
{
  position: absolute;
  visibility: hidden;
  z-index: 10;
  background: #ecf6f7;
  border: 2px solid black;
  width: 300px;
  margin-left: 20px;
}

.infodiv h1
{
  margin: 0px;
  padding: 1px 3px;
  background-color: #4ea2c9;
  color: black;
  font: 11pt arial, tahoma, verdana, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid black;
}

.infodiv p
{
  margin: 0px;
  padding: 3px 3px;
}