/*
 *  Volksfeesten web-site.
 *
 *  General styles properties.
 */

body {
    background-color: #96b6f1; /* #ccf7f7; */
    color: #000000;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

img {
    vertical-align: middle;
}

td {
    vertical-align: top;
}

td.bot {
    vertical-align: bottom;
}

td.mid {
    vertical-align: middle;
}

p.indented {
    margin-left: 40pt;
}

p.green {
    font-family: times;
    font-weight: bold;
    font-size: 140%;
    color: #007f00;
}

p.red {
    font-family: times;
    font-weight: bold;
    font-size: 140%;
    color: #ff6600;
}

p.black {
    font-family: times;
    font-weight: bold;
    font-size: 140%;
    color: #000000;
}

/*
 *  Table classes for the main and footer table(s).
 */

table.main {
    width: 100%;
}

tr.main {
}

td.main1 {
    width: 20%;
    text-align: center;
}

td.main2 {
}

table.footer {
    width: 100%;
}

tr.footer {
}

td.footer1 {
    font-size: small;
    font-style: italic;
    text-align: left;
}

td.footer2 {
    font-size: small;
    font-style: italic;
    text-align: right;
}

/*
 *  Table classes for dayly program.
 */

table.prog {
    border: 0;
    padding: 4;
    margin: 2;
    width: 100%;
    background-color: #99cccc;
}

tr.prog {
    vertical-align: top;
}

td.prog1 {
    text-align: left;
    background-color: #666699;
    color: #ffffff;
    font-weight: bold;
}

td.prog2 {
    text-align: left;
    background-color: #e6e6e6;
    color: #000000;
}

/*
 *  Table classes for terugblik.
 */

table.blik {
    border: 0;
    padding: 4;
    margin: 2;
    width: 100%;
    background-color: #99cccc;
}

tr.blik {
    vertical-align: top;
}

td.blik1 {
    text-align: left;
    background-color: #666699;
    color: #ffffff;
    font-weight: bold;
}

td.blik2 {
    text-align: left;
    background-color: #e6e6e6;
    color: #000000;
}

/*
 *  Link class for hidden links.
 */

a.hidden:link {
    color: #000000;
    text-decoration: none;
}

a.hidden:visited {
    color: #000000;
    text-decoration: none;
}

a.hidden:active {
    color: #000000;
    text-decoration: none;
}

/*
 *  List class with letters.
 */

ol.alpha {
    list-style-type: lower-alpha
}