/* ============================================================
   Radio Alblasserdam - Stylesheet
   Gemaakt door: Afdeling Internet
   Versie 3.1, januari 2004
   Beste bekeken in Netscape 4.7 / IE 6
   ============================================================ */

/* Niveau CSS2, geen geintjes uit later jaren */

BODY {
  margin: 0;
  padding: 0;
  background-color: #008080;
  background-image: url(img/bg_tile.gif);
  color: #000000;
  font-family: "Times New Roman", Times, serif;
  font-size: 13px;
}

A:link    { color: #FFFF00; text-decoration: underline; }
A:visited { color: #FF00FF; text-decoration: underline; }
A:active  { color: #FF0000; }
A:hover   { color: #FFFFFF; background-color: #000080; text-decoration: underline; }

IMG { border: 0; }

P { margin: 6px 0; }

HR { border: 0; height: 2px; background-color: #FFFF00; color: #FFFF00; }
HR.dbl { border: 0; border-top: 3px double #FFFF00; height: 0; }

/* ============================================================
   TOP TICKER
   ============================================================ */
.ticker-top {
  background-color: #000080;
  color: #FFFF00;
  font-family: "Courier New", monospace;
  font-size: 13px;
  font-weight: bold;
  padding: 4px 0;
  border-top: 3px ridge #FFFF00;
  border-bottom: 3px ridge #FFFF00;
  letter-spacing: 1px;
}

/* ============================================================
   QUICK NAV / BREADCRUMB
   ============================================================ */
.qnav {
  background-color: #C0C0C0;
  border-bottom: 2px solid #000000;
  border-top: 2px solid #FFFFFF;
  padding: 3px 8px;
  font-family: "MS Sans Serif", Verdana, Tahoma, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: center;
}
.qnav A { color: #000080; text-decoration: underline; background: transparent; margin: 0 3px; }
.qnav A:hover { color: #FFFF00; background-color: #000080; }
.qnav B { color: #B00000; }

/* ============================================================
   PAGE WRAPPER
   ============================================================ */
.page { padding: 8px 0 20px 0; }

/* ============================================================
   HEADER
   ============================================================ */
.header { background-color: #000000; border: 6px ridge #FFFF00; }
.header-cell { background-color: #000000; padding: 4px; }
.header-side { font-family: Verdana, Geneva, sans-serif; color: #FFFF00; font-size: 11px; }
.logo { display: block; }

/* ON AIR animatie - vervangen door GIF */
.onair-lamp { display: block; }

.signaal { margin-top: 6px; font-size: 11px; color: #FFFF00; }
.balk     { color: #00FF00; letter-spacing: 2px; font-weight: bold; }
.balk-off { color: #555555; letter-spacing: 2px; font-weight: bold; }

.freq {
  margin-top: 4px;
  font-family: "Arial Black", "Arial", sans-serif;
  color: #00FF00;
  font-size: 17px;
  background-color: #000000;
  padding: 2px 4px;
  border: 1px inset #00AA00;
  text-align: center;
}

.datumblok, .klokblok, .bezoekers {
  background-color: #000080;
  border: 2px ridge #FFFF00;
  padding: 4px 6px;
  margin-bottom: 6px;
  color: #FFFF00;
  text-align: center;
}
.datumblok STRONG { color: #00FF00; }
.klokblok #klok {
  font-family: "Courier New", monospace;
  font-weight: bold;
  color: #00FF00;
  background-color: #000000;
  padding: 2px 6px;
  border: 1px inset #00AA00;
}
.bezoekers-label { font-size: 10px; color: #FFFFFF; }
.bezoekers-cijfer {
  font-family: "Courier New", monospace;
  font-weight: bold;
  font-size: 17px;
  color: #00FF00;
  background-color: #000000;
  border: 2px inset #00AA00;
  padding: 2px 4px;
  margin-top: 2px;
  letter-spacing: 1px;
}

.onair-inline {
  background-color: #B00000;
  color: #FFFFFF;
  font-family: "Arial Black", sans-serif;
  padding: 0 5px;
  border: 2px outset #999999;
  letter-spacing: 1px;
}

/* ============================================================
   NAV
   ============================================================ */
.nav { background-color: #000000; padding: 4px; border: 4px ridge #C0C0C0; }
.nav TD { padding: 0; }
.navbtn {
  display: block;
  font-family: "Arial Black", "Arial", sans-serif;
  font-size: 11px;
  text-align: center;
  text-decoration: none;
  color: #000000;
  background-color: #C0C0C0;
  border-top: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #808080;
  border-bottom: 2px solid #808080;
  padding: 6px 4px;
  white-space: nowrap;
}
.navbtn:link    { color: #000000; }
.navbtn:visited { color: #000000; }
.navbtn:hover {
  color: #FFFF00;
  background-color: #000080;
  text-decoration: none;
}
.navbtn:active {
  border-top: 2px solid #808080;
  border-left: 2px solid #808080;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
}
.navbtn-hot {
  background-color: #B00000;
  color: #FFFF00 !important;
}
.navbtn-hot:link, .navbtn-hot:visited { color: #FFFF00; }
.navbtn-hot:hover { color: #FFFFFF; background-color: #800000; }
.navbtn.is-current {
  background-color: #FFFF00;
  color: #000080 !important;
  border-top: 2px solid #808080;
  border-left: 2px solid #808080;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
}
.navbtn-small {
  display: inline-block;
  font-family: "Arial Black", sans-serif;
  font-size: 10px;
  text-align: center;
  text-decoration: none;
  color: #000000;
  background-color: #C0C0C0;
  border: 2px outset #FFFFFF;
  padding: 3px 8px;
  white-space: nowrap;
}
.navbtn-small:link    { color: #000000; }
.navbtn-small:visited { color: #000000; }

/* ============================================================
   GRID & PANELS
   ============================================================ */
.grid { background-color: transparent; }

.panel {
  background-color: #FFFFFF;
  color: #000000;
  border: 4px ridge #C0C0C0;
  margin-bottom: 12px;
}
.panel-title {
  font-family: "Arial Black", sans-serif;
  background-color: #000080;
  color: #FFFF00;
  padding: 6px 10px;
  border-bottom: 3px solid #000000;
  letter-spacing: 1px;
}
.panel-body { padding: 10px; line-height: 1.5; }

/* ============================================================
   SIDEBAR BOXES
   ============================================================ */
.box {
  margin-bottom: 10px;
  border: 4px ridge #FFFF00;
  background-color: #FFFFFF;
  color: #000000;
}
.box-title {
  font-family: "Arial Black", sans-serif;
  font-size: 12px;
  background-color: #FFFF00;
  color: #000080;
  padding: 4px 6px;
  text-align: center;
  border-bottom: 2px solid #000000;
  letter-spacing: 1px;
}
.box-body { padding: 6px 8px; font-size: 12px; line-height: 1.35; }
.box-body P { margin: 0 0 6px 0; }
.box-body.center { text-align: center; }
.box-body.small  { font-size: 11px; }
.box-yellow .box-title { background-color: #FFFF00; color: #000080; }
.box-blue   { border: 4px ridge #000080; }
.box-blue   .box-title { background-color: #000080; color: #FFFF00; border-bottom: 2px solid #FFFF00; }
.box-pink   { border: 4px ridge #FF00FF; }
.box-pink   .box-title { background-color: #FF00FF; color: #FFFF00; border-bottom: 2px solid #FFFF00; }

.liefdelijst { margin: 0; padding-left: 18px; }
.liefdelijst LI { margin-bottom: 4px; }

.bigphone {
  font-family: "Arial Black", sans-serif;
  font-size: 16px;
  color: #B00000;
  background-color: #FFFF00;
  border: 2px inset #B00000;
  padding: 4px;
  text-align: center;
}

.adblock {
  background-color: #000080;
  color: #FFFF00;
  border: 2px ridge #FFFF00;
  padding: 5px 4px;
  margin-bottom: 5px;
  font-family: "Courier New", monospace;
  font-weight: bold;
  font-size: 11px;
}
.adblock I { color: #FFFFFF; font-weight: normal; }

.weblink {
  color: #000080;
  background-color: #FFFF00;
  padding: 1px 4px;
  text-decoration: none;
  border: 1px solid #000000;
}

/* ============================================================
   REALPLAYER STREAM SPELER
   ============================================================ */
.rp-window {
  background-color: #C0C0C0;
  border-top: 3px solid #FFFFFF;
  border-left: 3px solid #FFFFFF;
  border-right: 3px solid #808080;
  border-bottom: 3px solid #808080;
  font-family: "MS Sans Serif", Verdana, Tahoma, sans-serif;
  font-size: 11px;
  color: #000000;
}
.rp-titlebar {
  background-color: #000080;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px 6px;
}
.rp-titlebar-text { float: left; }
.rp-titlebar-btns { float: right; }
.rp-titlebar:after { content: ""; display: block; clear: both; height: 0; }
.rp-btn-tb {
  background-color: #C0C0C0;
  color: #000000;
  border: 1px outset #FFFFFF;
  width: 18px;
  height: 16px;
  line-height: 14px;
  text-align: center;
  display: inline-block;
  margin-left: 2px;
}
.rp-btn-close { background-color: #C00000; color: #FFFFFF; }

.rp-menubar { background-color: #C0C0C0; border-bottom: 1px solid #808080; padding: 2px 6px; }
.rp-menubar SPAN { margin-right: 10px; font-size: 11px; }

.rp-screen {
  background-color: #000000;
  border: 2px inset #C0C0C0;
  margin: 6px;
  padding: 8px;
  color: #00FF00;
  font-family: "Courier New", monospace;
}
.rp-now {
  font-family: "Arial Black", sans-serif;
  color: #FFFF00;
  font-size: 14px;
  letter-spacing: 2px;
}
.rp-show {
  font-size: 15px;
  color: #FFFFFF;
  margin: 4px 0;
  font-family: "Times New Roman", serif;
  font-style: italic;
}
.rp-vu {
  margin: 8px 0;
  background-color: #001100;
  border: 1px inset #00AA00;
  padding: 2px;
  font-size: 0;
}
.vu-bar {
  display: inline-block;
  width: 7%;
  height: 14px;
  background-color: #003300;
  margin-right: 1px;
  vertical-align: top;
}
.rp-window.is-playing .vu-bar { background-color: #00BB00; }
.rp-status { color: #FFFF00; font-size: 11px; margin-top: 4px; }
.rp-marquee { margin-top: 6px; border-top: 1px dashed #00AA00; padding-top: 4px; color: #00FF00; }

.rp-controls {
  padding: 6px;
  background-color: #C0C0C0;
  border-top: 1px solid #808080;
}
.rp-btn {
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 10px;
  background-color: #C0C0C0;
  border-top: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #808080;
  border-bottom: 2px solid #808080;
  padding: 4px 8px;
  cursor: pointer;
  min-width: 56px;
  color: #000000;
  text-align: center;
  line-height: 1.2;
  margin-right: 4px;
  vertical-align: middle;
}
.rp-btn:active {
  border-top: 2px solid #808080;
  border-left: 2px solid #808080;
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
}
.rp-btn SPAN { font-size: 13px; }
.rp-play  SPAN { color: #006600; }
.rp-stop  SPAN { color: #B00000; }
.rp-pause SPAN { color: #404040; }
.rp-rec   .reccirc {
  display: inline-block;
  width: 10px; height: 10px;
  background-color: #B00000;
  vertical-align: middle;
}

.rp-vol {
  background-color: #C0C0C0;
  padding: 4px 6px;
  border: 1px inset #FFFFFF;
  display: inline-block;
  vertical-align: middle;
}
.rp-vol-label { font-family: Verdana; font-weight: bold; font-size: 10px; display: inline; }
.rp-vol INPUT { width: 80px; vertical-align: middle; }

.rp-led {
  background-color: #000000; color: #FFFF00;
  padding: 4px 8px;
  border: 2px inset #404040;
  font-family: "Courier New", monospace;
  font-weight: bold;
  font-size: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}
.led-dot {
  display: inline-block;
  width: 8px; height: 8px;
  background-color: #500000;
  margin-right: 4px;
  vertical-align: middle;
}
.rp-window.is-playing .led-dot { background-color: #00FF00; }
.rp-window.is-buffering .led-dot { background-color: #FFFF00; }

/* ============================================================
   STUDIO
   ============================================================ */
.studio-foto {
  display: block;
  border: 6px ridge #FFFF00;
}
.bijschrift {
  margin-top: 4px;
  font-size: 11px;
  background-color: #FFFF00;
  color: #000080;
  padding: 4px 6px;
  border: 1px dashed #000080;
  text-align: center;
}

.checklist {
  list-style: none;
  padding-left: 0;
  margin: 6px 0;
}
.checklist LI {
  background-color: #F0FFF0;
  border-left: 5px solid #00AA00;
  padding: 3px 8px;
  margin-bottom: 3px;
  font-family: Verdana, sans-serif;
  font-size: 11px;
}

/* ============================================================
   PROGRAMMA TABEL
   ============================================================ */
.prog {
  background-color: #FFFFFF;
  border: 2px solid #000000;
  font-family: Verdana, Geneva, sans-serif;
  border-collapse: collapse;
}
.prog TH {
  background-color: #000080;
  color: #FFFF00;
  font-family: "Arial Black", sans-serif;
  padding: 4px 6px;
  border: 1px solid #000000;
}
.prog TD {
  border: 1px solid #808080;
  padding: 5px;
  font-size: 12px;
  vertical-align: top;
}

/* ============================================================
   FAVORIETSCHIJF
   ============================================================ */
.panel-fav .panel-title { background-color: #FF00FF; color: #FFFF00; }
.fav-table {
  background-color: #FFE6F7;
  border: 3px dashed #FF00FF;
  width: 100%;
}
.fav-side {
  background-color: #FF00FF;
  color: #FFFF00;
  border: 4px ridge #FFFF00;
  padding: 8px;
  text-align: center;
  font-family: "Arial Black", sans-serif;
  width: 130px;
  vertical-align: middle;
}
.fav-day  { font-size: 12px; letter-spacing: 1px; }
.fav-date { font-size: 16px; line-height: 1.1; }
.fav-stamp {
  margin-top: 6px;
  background-color: #FFFF00;
  color: #B00000;
  border: 2px dashed #B00000;
  font-size: 10px;
  font-family: Verdana, sans-serif;
  padding: 4px;
}
.fav-cover {
  width: 140px;
  vertical-align: top;
  text-align: center;
  padding: 4px;
}
.fav-meta { padding: 4px; vertical-align: top; }
.fav-eyebrow {
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #B00000;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.fav-artist {
  font-family: "Arial Black", sans-serif;
  font-size: 19px;
  color: #000080;
  margin-top: 4px;
}
.fav-title {
  font-family: "Comic Sans MS", "Comic Sans", cursive, sans-serif;
  font-size: 21px;
  color: #B00000;
  margin: 2px 0 6px 0;
}
.fav-stars { color: #FFAA00; font-size: 17px; }
.fav-quote {
  margin: 6px 0;
  background-color: #FFFACC;
  border-left: 4px solid #FF00FF;
  padding: 4px 8px;
  font-style: italic;
  font-size: 12px;
}
.fav-foot { margin-top: 6px; color: #404040; }
.fav-controls { margin: 8px 0; }

/* ============================================================
   NIEUWS
   ============================================================ */
.upd { background-color: #FFFF00; padding: 4px 8px; border: 1px dashed #000000; }
.nieuws-lijst { list-style: none; padding-left: 0; margin: 8px 0; }
.nieuws-lijst LI {
  background-color: #F0F0FF;
  border: 2px ridge #000080;
  padding: 8px 10px 8px 26px;
  margin-bottom: 6px;
  position: relative;
}
.nieuws-dot { position: absolute; left: 6px; top: 7px; color: #B00000; font-size: 13px; }

/* ============================================================
   PAKKETTEN
   ============================================================ */
.pakketten { background-color: #FFFFFF; border: 4px ridge #FFFF00; margin: 8px 0; }
.pakketten TH {
  background-color: #000080;
  color: #FFFF00;
  font-family: "Arial Black", sans-serif;
  padding: 6px;
}
.pakketten TD {
  vertical-align: top;
  width: 33.3%;
  padding: 8px;
  background-color: #FFFFD0;
  font-size: 12px;
}
.pakketten UL { margin: 6px 0; padding-left: 18px; }
.pakket-prijs {
  font-family: "Arial Black", sans-serif;
  font-size: 20px;
  color: #B00000;
  text-align: center;
  background-color: #FFFF00;
  border: 2px dashed #B00000;
  padding: 4px 0;
}
.pakket-prijs SPAN { font-size: 11px; color: #404040; }

/* ============================================================
   GASTENBOEK
   ============================================================ */
.gb-entry {
  background-color: #FFFACC;
  border: 3px ridge #FFAA00;
  margin: 6px 0;
  padding: 6px 10px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
}
.gb-head { color: #000080; margin-bottom: 4px; }
.gb-head .gb-date { float: right; font-style: italic; font-size: 11px; color: #666666; }
.gb-body { color: #000000; clear: both; }

.gb-form {
  background-color: #000080;
  color: #FFFF00;
  border: 4px ridge #FFFF00;
  padding: 8px;
  margin-top: 10px;
  font-family: Verdana, sans-serif;
}
.gb-form LABEL { font-weight: bold; }
.gb-form INPUT, .gb-form TEXTAREA {
  width: 100%;
  background-color: #FFFFFF;
  border: 2px inset #C0C0C0;
  padding: 3px 5px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
}
.gb-form .cb { font-weight: normal; font-size: 11px; }

.bigbtn {
  font-family: "Arial Black", sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #000000;
  background-color: #FFAA00;
  border: 3px outset #FFFF99;
  padding: 5px 12px;
  margin-right: 6px;
  cursor: pointer;
}
.bigbtn:active {
  border-top: 3px solid #808080;
  border-left: 3px solid #808080;
  border-right: 3px solid #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
}
.bigbtn-grey { background-color: #C0C0C0; border-color: #FFFFFF; }

/* ============================================================
   BACK TO TOP
   ============================================================ */
.back-to-top { text-align: center; margin: 14px 0; }
.back-to-top A {
  background-color: #FFFF00;
  color: #000080;
  text-decoration: none;
  padding: 4px 14px;
  border: 3px outset #FFFFFF;
  font-family: "Arial Black", sans-serif;
  font-size: 12px;
}
.back-to-top A:hover { background-color: #000080; color: #FFFF00; }

/* ============================================================
   FOOTER
   ============================================================ */
.footer { background-color: #000080; border: 4px ridge #FFFF00; }
.footer-inner {
  padding: 10px 20px;
  color: #FFFF00;
  text-align: center;
  font-family: Verdana, sans-serif;
  font-size: 12px;
}
.footer-line { margin: 4px 0; }
.footer A { color: #00FFFF; }

.badges { margin: 8px 0; text-align: center; }
.badges IMG {
  display: inline;
  margin: 3px;
  vertical-align: middle;
}

.text-nav {
  text-align: center;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  background-color: #000080;
  padding: 6px;
  border: 2px ridge #FFFF00;
  margin: 10px 0;
}
.text-nav A { color: #FFFF00; text-decoration: underline; margin: 0 4px; }

/* ============================================================
   PAGE TITLE FLAG
   ============================================================ */
.pagetitle {
  background-color: #B00000;
  color: #FFFF00;
  border: 4px ridge #FFFF00;
  font-family: "Arial Black", sans-serif;
  font-weight: bold;
  font-size: 21px;
  padding: 8px 16px;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.pagetitle SMALL {
  display: block;
  font-family: "Times New Roman", serif;
  font-style: italic;
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
}

/* ============================================================
   WEBRING / SMALL BUTTONS
   ============================================================ */
.webring-btn {
  background-color: #FF00FF;
  color: #FFFF00;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  font-size: 10px;
  text-decoration: none;
  padding: 3px 8px;
  border: 3px outset #FF80FF;
  display: inline-block;
  margin: 1px;
}
.webring-btn:link    { color: #FFFF00; }
.webring-btn:visited { color: #FFFF00; }
.webring-btn:hover {
  background-color: #FFFF00;
  color: #000080;
  border: 3px inset #FFAA00;
  text-decoration: none;
}

/* ============================================================
   FAQ / Q-A
   ============================================================ */
.faq { margin: 8px 0; }
.faq-q {
  background-color: #000080;
  color: #FFFF00;
  padding: 5px 8px;
  font-weight: bold;
  font-family: Verdana, sans-serif;
  margin-top: 8px;
  border-left: 5px solid #FFFF00;
}
.faq-a {
  background-color: #FFFFFF;
  color: #000000;
  padding: 6px 10px;
  border-left: 5px solid #000080;
  font-family: "Times New Roman", serif;
  font-size: 13px;
}

/* ============================================================
   PRESENTERS / AVATAR
   ============================================================ */
.presenter {
  background-color: #FFFACC;
  border: 2px ridge #B00000;
  padding: 6px 8px;
  margin-bottom: 6px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
}
.avatar {
  width: 46px; height: 46px;
  border: 3px solid #000000;
  text-align: center;
  vertical-align: middle;
  font-family: "Arial Black", sans-serif;
  font-weight: bold;
  font-size: 17px;
  color: #FFFFFF;
}
.av-rb { background-color: #B00000; }
.av-gn { background-color: #006600; }
.av-bl { background-color: #000080; }
.av-pp { background-color: #800080; }
.av-or { background-color: #CC6600; }
.av-tl { background-color: #006666; }

/* ============================================================
   FORM BOX
   ============================================================ */
.formbox {
  background-color: #000080;
  color: #FFFF00;
  border: 4px ridge #FFFF00;
  padding: 10px;
  margin: 10px 0;
  font-family: Verdana, sans-serif;
}
.formbox H3 {
  background-color: #FFFF00;
  color: #000080;
  display: inline-block;
  padding: 2px 8px;
  margin: 0 0 8px 0;
  font-family: "Arial Black", sans-serif;
}
.formbox LABEL { font-weight: bold; }
.formbox INPUT, .formbox TEXTAREA, .formbox SELECT {
  width: 100%;
  background-color: #FFFFFF;
  border: 2px inset #C0C0C0;
  padding: 3px 5px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
}

/* ============================================================
   ARCHIVE LIST
   ============================================================ */
.archive {
  background-color: #FFFFFF;
  border: 2px solid #000000;
  padding: 6px 10px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  margin: 8px 0;
}
.archive UL { margin: 4px 0; padding-left: 18px; }
.archive LI { margin-bottom: 3px; }
.archive A { color: #000080; }

/* ============================================================
   HIGHLIGHT CARDS (homepage) - via tabel
   ============================================================ */
.hl-tbl {
  background-color: transparent;
  width: 100%;
}
.hl-tbl TD {
  vertical-align: top;
  width: 50%;
  padding: 5px;
}
.hl-card {
  background-color: #FFFFFF;
  border: 4px ridge #000080;
  padding: 8px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
}
.hl-card H3 {
  background-color: #000080;
  color: #FFFF00;
  margin: -8px -8px 6px -8px;
  padding: 4px 8px;
  font-family: "Arial Black", sans-serif;
  font-size: 13px;
}
.hl-card .more {
  display: inline-block;
  background-color: #FFFF00;
  color: #000080;
  padding: 2px 8px;
  border: 2px outset #FFFFFF;
  margin-top: 6px;
  font-weight: bold;
  text-decoration: none;
}
.hl-card .more:hover { background-color: #000080; color: #FFFF00; }

/* ============================================================
   AWARDS
   ============================================================ */
.awards-tbl { width: 100%; }
.awards-tbl TD { width: 33.3%; padding: 5px; vertical-align: top; }
.award {
  background-color: #FFFACC;
  border: 4px ridge #B00000;
  padding: 10px 8px;
  text-align: center;
  font-family: "Times New Roman", serif;
}
.award-ribbon {
  background-color: #B00000; color: #FFFF00;
  font-family: "Arial Black", sans-serif;
  font-size: 10px;
  padding: 2px 8px;
  border: 1px solid #000000;
  letter-spacing: 1px;
  display: inline-block;
}
.award-title { font-weight: bold; color: #000080; margin: 6px 0 4px 0; font-size: 14px; }
.award-year  { font-style: italic; color: #B00000; font-size: 12px; }
.award-from  { font-size: 11px; color: #404040; margin-top: 4px; }

/* ============================================================
   SITEMAP TREE
   ============================================================ */
.sitemap-tree {
  background-color: #000000;
  color: #00FF00;
  font-family: "Courier New", monospace;
  font-size: 13px;
  padding: 12px;
  border: 3px inset #00AA00;
  white-space: pre;
  line-height: 1.5;
  overflow: auto;
}
.sitemap-tree A { color: #FFFF00; text-decoration: underline; }
.sitemap-tree A:visited { color: #FFAA00; }

/* ============================================================
   LINKS PAGE
   ============================================================ */
.linklist { margin: 8px 0; }
.linkitem {
  background-color: #FFFFFF;
  border-left: 5px solid #B00000;
  border-right: 2px solid #B00000;
  border-top: 1px solid #B00000;
  border-bottom: 1px solid #B00000;
  padding: 5px 10px;
  margin-bottom: 4px;
  font-family: Verdana, sans-serif;
  font-size: 12px;
}
.linkitem A { color: #000080; font-weight: bold; }

/* ============================================================
   404 PAGE
   ============================================================ */
.err-big {
  font-family: "Arial Black", Impact, sans-serif;
  font-size: 100px;
  font-weight: bold;
  color: #B00000;
  text-align: center;
  margin: 8px 0;
  line-height: 1;
}
.err-msg {
  font-family: "Times New Roman", serif;
  font-weight: bold;
  font-size: 17px;
  color: #000080;
  text-align: center;
  margin: 6px 0;
}
.err-suggest {
  background-color: #FFFACC;
  border: 2px dashed #B00000;
  padding: 10px;
  margin: 12px 0;
  font-family: Verdana, sans-serif;
  font-size: 12px;
}

/* ============================================================
   NOW PLAYING strook (live page)
   ============================================================ */
.now-playing {
  background-color: #000000;
  color: #00FF00;
  border: 3px inset #00AA00;
  padding: 6px 10px;
  margin: 8px 0;
  font-family: "Courier New", monospace;
}
.now-playing B { color: #FFFF00; }

/* ============================================================
   PLAYLIST tabel
   ============================================================ */
.playlist {
  background-color: #FFFFFF;
  border: 2px solid #000000;
  border-collapse: collapse;
  width: 100%;
  font-family: Verdana, sans-serif;
  font-size: 12px;
}
.playlist TH {
  background-color: #000080;
  color: #FFFF00;
  padding: 4px 6px;
  font-family: "Arial Black", sans-serif;
}
.playlist TD { border: 1px solid #C0C0C0; padding: 4px 6px; }

/* ============================================================
   MAILBOX / WALKER ROW
   ============================================================ */
.mail-row {
  background-color: #FFFF00;
  border: 3px ridge #000080;
  padding: 6px;
  margin: 8px 0;
  color: #000000;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  text-align: center;
}
.mail-row IMG { vertical-align: middle; margin-right: 8px; }

.walker-row {
  background-color: #FFFF00;
  border: 3px ridge #000000;
  margin: 10px 0;
  padding: 6px 8px;
  color: #000000;
  font-family: Verdana, sans-serif;
  font-size: 12px;
}
.walker-row IMG { vertical-align: middle; margin: 0 12px; }

/* ============================================================
   "Kop" subkopjes
   ============================================================ */
.kop-rood {
  font-family: "Arial Black", sans-serif;
  color: #B00000;
  border-bottom: 2px dotted #B00000;
  padding-bottom: 2px;
  margin-top: 0;
}
.kop-geel {
  font-family: "Arial Black", sans-serif;
  background-color: #FFFF00;
  color: #000080;
  padding: 4px 8px;
  display: inline-block;
}

/* ============================================================
   LEAD paragraph (intro tekstblok)
   ============================================================ */
.leadparagraph {
  font-size: 14px;
  background-color: #FFFACC;
  border: 2px dashed #B00000;
  padding: 10px;
  margin-top: 0;
}

/* ============================================================
   Onder constructie blok (sidebar)
   ============================================================ */
.uc-block {
  background-color: #FFFACC;
  border: 4px outset #FFD700;
  padding: 8px 10px;
  margin: 10px 0;
  font-family: Verdana, sans-serif;
  font-size: 11px;
}
.uc-block IMG { display: block; margin: 0 auto 6px auto; }