body {
  position: relative; margin: 0; padding: 0;
  color:black; background-color: whitesmoke;
  font-family: Tahoma, Verdana, sans-serif;
}

div#index {
  position: absolute; top: 105px; left: 0; width: 80px; z-index: 100;
  font: 14px Tahoma, Verdana, sans-serif; font-weight: bold;
}
div#index a {
  display: block;
  padding: 5px 10px; margin: 0 0 1px; border-width: 0;
  text-align: center;
  border-right: 5px solid #A0A0A0;
  text-decoration: none; color: black; background-color: #CCCCCC;
}
div#index a.selected {
  border-right: 5px double #444444;
  color: black; background-color: #888888;
}
div#index a:hover {
  border-right: 5px double #444444;
  color: black; background-color: #AAAAAA;
}
div#index span {
  display: block;
  padding: 5px 10px; margin: 0 0 1px; border-width: 0;
  text-align: center;
  border-right: 5px solid #A0A0A0;
  text-decoration: none; color: grey; background-color: #EEEEEE;
}

div#categories {
  position: absolute; top: 78px; left: 80px; height: 24px; z-index: 100;
  font-size: 14px; font-weight: bold;
}
div#categories a {
  display: inline; height: 24px;
  padding: 5px 10px; margin: 0 1px 0 0; border-width: 0;
  text-align: center;
  border-bottom: 5px solid #A0A0A0;
  text-decoration: none; color: black; background-color: #EEEEEE;
}
div#categories a.selected {
  border-bottom: 5px double #444444;
  color: black; background-color: #888888;
}
div#categories a:hover {
  border-bottom: 5px double #444444;
  color: black; background-color: #AAAAAA;
}
div#categories span {
  display: inline; height: 24px;
  padding: 5px 10px; margin: 0 1px 0 0; border-width: 0;
  text-align: center;
  border-bottom: 5px solid #A0A0A0;
  text-decoration: none; color: grey; background-color: #EEEEEE;
}
div#categories span.selected {
  border-bottom: 5px double white;
  color: #FFC; background: #666;
}

div#liste {
  position: absolute; top: 100px; left: 75px; right: 25px;
  border: solid 5px #BBBBBB; padding: 10px;
  color: black; background-color: white;
  font-family: Arial, sans-serif; font-size: 12px; font-weight: bold;
}

div#headline {
  margin-left:auto;margin-right:auto; margin-top: 20px;
  text-align: center;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold; font-size: 28px;
}
div#dateline {
  margin-left:auto;margin-right:auto; margin-top: 10px;
  text-align: center;
  font-family: Arial, sans-serif; font-weight: bold; font-size: 11px;
}

table {
  margin-left: auto; margin-right: auto; width: 100%;
  border: 0; border-spacing: 0;
}

tr.odd { color: black; background-color: #EEEEEE; }
tr.even { color: black; background-color: #DDDDDD; }

td {
  padding: 2px; border: 0; border-spacing: 0;
  font-family: Verdana, Arial, sans-serif; font-size: 12px; font-weight: normal;
}

td.icon { vertical-align: middle; text-align: center; width: 65px; }
td.imdb { vertical-align: middle; text-align: right; width: 100px; }
td.flag { vertical-align: right; text-align: right; width: 30px; }
td.rc { text-align: right; width: 50px; }
td.date { text-align: right; width: 160px; }
td.add { text-align: right; font-size: 14pt; width: 20px; }
td.footer { border: none; }
td.copyright { text-align: right; border: none; }
td.epnr { text-align: right; width: 50px; padding-right: 10px; }
#tr:hover { color: #333333; background-color: #AAAAAA; }

input.button { font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; }
input.entry { font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; }
select.entry { font-family: Arial, sans-serif; font-size: 12px; font-weight: bold; }

.imglink { border-style: none;  background-color: transparent; }

a { text-decoration: none; font-weight: bold; color: #222222; }
a:hover { text-decoration:underline overline; color: orange; }