<style>
h1 {
  color: #000000; background-color: #00ffff;
}
h2 {
  color: #000000; background-color: #00ffff;
}
h3 {
  color: #000000; background-color: #00ffff;
}

.song
{
  background: #00ffff;
  overflow: auto;
  zoom: 1.0;
  padding-bottom: 1em;
  border: 1px solid #000;
}

.song .lyrics
{
  float: left;
  color: #000000;
  margin: 2em;  ruimte tussen de twee tabellen
  width: 37em;
}

.song #greek.lyrics { background: #66ffaa; }

.song #english.lyrics { background: #44dd99; }   

.song .lyrics p { margin: .1em .9em; } 

.styled-table {
    margin: 2px 0;
    font-size: 1.2em;
    font-family: sans-serif;
    background: #00dddd;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 6);
}

.styled-table a:visited {
  color: #444400;
}

.styled-table a {
  color: #000000;
}

.styled-table thead tr {
    background-color: #ff00ff;
    color: #ff0000;
    text-align: left;
}
.styled-table th {
    padding: 12px 15px; color: #0000ff; text-align: left;
    background-color: #55ffaa;
}

.styled-table td {
    padding: 12px 15px; color: #000000; text-align: left;
}
.styled-table tbody tr {
    border-bottom: 1px solid #ffff00; color: #000000;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #00aaff;
}

.styled-table tbody tr:last-of-type {
    border-bottom: 2px #ff0000;
}
.styled-table tbody tr.active-row {
    font-weight: bold; color: #ff0000;
}
</style>