body {
    background-color: #FFFFFF;
    background-image: url(images/background.png);
    background-repeat: repeat-x;
    font-family: Verdana;
    font-size: 11px;
    text-align: center;
}

a {
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
}

a:visited { color: #800000; }
a:active  { color: #800000; }
a:link    { color: #800000; }
a:hover   { color: #800000; }

table td {
    border: 1px solid #000000;
    margin: 0px;
    padding: 2px;
    background: white;
    font-size: 11px;
}

img {
    border: 0px;
}

.renners_lijst {
    color: black;
    font-family: Tomaha;
    font-size: 11px;
}

.renners_lijst_team {
    background: black;
    color: white;
    font-family: Tomaha;
    font-size: 11px;
    width: 250px;
}

.titel {
    float: left;
    padding: 15px;
    font-family: Tomaha;
    font-size: 20px;
}

#header {
    background-image: url(images/vvnlogo.png);
    margin: 0pt auto;
    width: 1202px;
    height: 100px;
}

#footer {
    font-family: Tomaha;
    font-size: 10px;
    vertical-align: middle;
    background: #102b62;
    margin: 0pt auto;
    padding: 2px 0px;
    width: 1200px;
    height: 15px;
    color: white;
}

#footer a {
    color: white;
    font-size: 13px;
}

#menu {
    margin: 0pt auto;
    background: white;
    color: black;
    font-family: Verdana;
    font-size: 14px;
    width: 1200px;
    text-align: left;
    padding: 10px auto;
    border: 1px solid #CCCCCC;
    overflow: hidden;
}

#content {
    float: left;
    width: 1180px;
    margin: 0px;
    padding: 5px;
    text-align: left;
    overflow: hidden;
}

#indicator {
    position: absolute;
    display: none;
    height: 32px;
    width: 32px;
    background-image: url('images/indicator.gif');
    left: 48.44%;
    top: 50%;
}

#ai {
    display: none;
    background: #FFA500;
    border: 1px dashed black;
    width: 750px;
    left: 50%;
    margin: 0pt auto;
    padding: 5px;
}

#ai_velden {
    width: 455px;
    height: 75px;
    text-align: right;
    float: left;
}

#iban_div {
    color: red;
    width: 275px;
    height: 35px;
    text-align: left;
    float: left;
    margin: 48px 0px 0px 5px;
}

.textarea250 {
    width: 250px;
    height: 22px;
    border: 1px solid black;
    padding: 5px;
}

.textarea350 {
    width: 350px;
    height: 22px;
    border: 1px solid black;
    padding: 5px;
}

.textarea_voornaam {
    width: 124px;
    height: 22px;
    border: 1px solid black;
    padding: 5px;
}

.textarea_naam {
    width: 175px;
    height: 22px;
    border: 1px solid black;
    padding: 5px;
}

.textarea_postcode {
    width: 75px;
    height: 22px;
    border: 1px solid black;
    padding: 5px;
}

.textarea_woonplaats {
    width: 183px;
    height: 22px;
    border: 1px solid black;
    padding: 5px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .textarea_woonplaats {
        width: 189px;
    }
}

#voorlopig {
    text-align: left;
    background-image: none;
    font-size: 8px;
    text-decoration: none;
}

#voorlopig td {
    border: 1px solid black;
}

#voorlopig td td {
    border: none;
}

/* Home pagina */
#home_top {
    overflow: hidden;
    margin-bottom: 10px;
}

#buttons {
    float: left;
    overflow: hidden;
}

#regelement {
    float: left;
    width: 250px;
    margin: 20px 0px 20px 20px;
    padding: 5px;
}

#home_content {
    clear: both;
    overflow: hidden;
}

#home_sponsoren {
    float: left;
    width: 60%;
    text-align: left;
}

#home_nieuws {
    float: left;
    width: 37%;
    margin-left: 10px;
}

#news {
    padding: 10px;
    background-color: #DCDCDC;
    border: 1px dashed #1908C3;
}

/* Sponsoren */
.sponsor_hoofd {
    background: #102b62;
    color: white;
    border: 2px solid #102b62;
    padding: 10px;
    margin: 0 0 8px 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.sponsor_hoofd span {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
    color: #FFD700;
}

.sponsor_sub {
    background: #DCDCDC;
    border: 1px solid #999999;
    padding: 8px;
    margin: 0 0 8px 0;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.sponsor_sub span {
    display: block;
    font-size: 13px;
    font-weight: bold;
    margin-top: 3px;
    color: #102b62;
}

.sponsor_overig {
    border: 1px dashed #999999;
    padding: 8px;
    margin: 0;
}

.sponsor_overig h3 {
    color: #102b62;
    font-size: 12px;
    margin: 0 0 8px 0;
    padding-bottom: 4px;
    border-bottom: 1px solid #102b62;
    text-align: center;
}

.sponsor_lijst {
    text-align: center;
    line-height: 2;
    font-size: 11px;
}

.sponsor_lijst span {
    display: inline;
    padding: 0 4px;
}

.sponsor_lijst span:after {
    content: ' \2022';
    color: #102b62;
}

.sponsor_lijst span:last-child:after {
    content: '';
}

.icon {
    height: 125px;
    width: 100px;
    float: left;
    cursor: pointer;
    background-repeat: no-repeat;
    text-align: center;
}

a:hover .icon {
    opacity: .75;
    _filter: alpha(opacity=75);
}

.form {
    text-align: left;
}

.form input {
    text-align: left;
    color: black;
    font-family: Verdana;
    font-size: 12px;
}

.label {
    margin: 5px;
}

.label2 {
    text-align: left;
    color: black;
    font-family: Verdana;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#deelnemer {
    background: white;
    border: 1px dashed black;
    overflow: hidden;
    height: 250px;
    width: 500px;
    margin: 4px;
    padding: 4px;
    background-image: url('images/deelnemer_bg.png');
    background-repeat: repeat-x;
}

#finales {
    border: 1px dashed black;
    overflow: hidden;
    width: 95%;
    padding: 4px;
    margin-bottom: 8px;
    Background: lightgrey;
}

#finales select {
    max-width: 100%;
}

#deelnemer td {
    background: none;
    border: none;
}

#gele_trui {
    background: #FFFF00;
    width: 320px;
    border: 1px dashed orange;
}

#groene_trui {
    background: #6FE60E;
    width: 320px;
    border: 1px dashed green;
}

#bollen_trui {
    background-image: url('images/bollen.jpg');
    width: 320px;
    border: 1px dashed red;
}

#team {
    width: 320px;
    border: 1px dashed black;
}

.left {
    float: left;
    text-align: left;
    width: 72%;
}

.right {
    float: right;
    text-align: left;
    width: 27%;
}

#form_rechts {
    width: 100%;
}

#stats {
    width: 900px;
    float: left;
}

.stats {
    font-size: 12px;
    margin: 40px 5px 40px 5px;
    float: left;
    width: 245px;
}

.invul_tabel {
    margin: 0px 20px;
}

.invul_tabel td {
    border: none;
    background: none;
    font-size: 10px;
    vertical-align: top;
    padding: 3px;
}

.topscorer td {
    border: none;
    background: none;
    font-size: 11px;
}

.form_dropdown {
    width: 125px;
}

h3 {
    font-size: 10pt;
}

.melding {
    background: #BEFA02;
    border: 1px dashed green;
    margin: 5px;
    padding: 5px;
}

.prijs {
    background: #BEFA02;
}

/* Responsive - medium schermen */
@media screen and (max-width: 1400px) {
    .left {
        width: 65%;
    }
    .right {
        width: 34%;
    }
}

/* Responsive - kleine schermen */
@media screen and (max-width: 1200px) {
    .left {
        float: none;
        width: 100%;
    }
    .right {
        float: none;
        width: 100%;
    }
    #menu {
        width: 98%;
    }
    #content {
        width: 98%;
    }
    #header {
        width: 98%;
        background-size: contain;
    }
    #footer {
        width: 98%;
    }
    #finales {
        width: 98%;
    }
    #deelnemer {
        width: 95%;
        height: auto;
    }
    .invul_tabel {
        margin: 0px 5px;
    }
    #home_sponsoren {
        float: none;
        width: 100%;
    }
    #home_nieuws {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
}