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

#main
{
  background: #ffffff;
  color: black;
  margin: 0 auto;
  width: 900px;
  padding: 5px;
  border: 1px solid #dddddd;
}

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

a
{
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

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

th
{
  font-weight: bold;
  background: #55475e;
  color: white;
  border: 2px solid black;
}

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

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

td.ohjelma_anime
{
  background: #efaaff;
}

td.ohjelma_yhteinen
{
  background: #ccaaff;
}

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

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

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