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

#main
{
  margin: 0 auto;
  width: 100%;
  padding: 5px;
}

#head { font-size: 11pt; }
#head b, #head a { color: #ff7f29; }

h1, h2
{
  margin: 10px;
  padding: 10px 3px 0 3px;
  text-align: center;
  font: 12pt arial, tahoma, verdana, sans-serif;
  font-weight: bold;
  border-bottom: 1px solid #7b93d9;
  color: #ff7f29;
}

a { color: white; text-decoration: none; }
a:hover { text-decoration: underline; }

b {
  color: #ff7f29;
}
table.ohjelmakartta
{
  border: 1px solid #888888;
  margin-bottom: 5px;
}

th
{
  font-weight: bold;
  color: white;
  padding: 3px;
  border: 1px solid #888888;
  height: 32px;
}

td
{
  padding: 3px;
  border: 1px solid #7b93d9;
  background: #192853;
}
td:hover a { color: #ff7f29; }

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

td.ohjelma_anime { background: #272121; border-color: #a66d6d; }
td.ohjelma_anime a { color: white; }
td.ohjelma_anime:hover a { color: #bf9a9a; }

td.ohjelma_yhteinen { background: #ccaaff; }

.infodiv
{
  position: absolute;
  visibility: hidden;
  z-index: 10;
  background: #192853;
  border: 4px solid #7b93d9;
  width: 300px;
  margin-left: 20px;
}
td:hover .infodiv { visibility: visible; }
td.ohjelma_anime .infodiv { background: #272121; border-color: #a66d6d; }

.infodiv h1, .infodiv h2
{
  margin: 0px;
  padding: 3px;
  background-color: #000813;
  color: #7b93d9;
  font-size: 11pt;
  border-bottom: 1px solid #7b93d9;
}
.infodiv h2 { font-size: 10pt; }
td.ohjelma_anime .infodiv h1, td.ohjelma_anime .infodiv h2 { color: #bf9a9a; border-color: #a66d6d; }

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