/* ===== BEGIN =======  speciale classes voor Weer pagina ========== */
#buienradar1{
    width: 550px;
    margin-left: auto;
    margin-right: auto;
    display: none;
}
#buienradar2{
    width: 330px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@media (min-width: 580px){
    #buienradar1{
        display: block;
    }
    #buienradar2{
        display: none;
    }
    
}

#windfinder iframe{
    height: 450px !important;
}

/* ===== EINDE =======  speciale classes voor Weer pagina ========== */

.ruimtelinks{
    padding-left: 20px;
}

/* =====  BEGIN ========== toon bij smalle schermen de rechter kolom boven de linker kolom   ====== */
@media (max-width: 768px) {
    .rechtsboven {
        flex-direction: column-reverse;
    }
}
/* =====  EINDE ========== toon bij smalle schermen de rechter kolom boven de linker kolom   ====== */


/* ===== BEGIN =======  speciale cLasses voor tabellen ========== */
/* ===== minimale breedte tabel colommen  === */
.tijdsmal td {
    min-width: 100px;
    vertical-align: top;
}

.tijdbreed td {
    min-width: 180px;
    vertical-align: top;
}

/* ===== verwijder randen in tabellen  ==== */
.tabelgeenrand  table, 
.tabelgeenrand  tr, 
.tabelgeenrand  td {
    border: none !important;
}

/* ===== show verschillende tabel voor breede en smalle schermen ===== */
.tabelbreed{
    display: none;
}

.tabelsmal{
    display:block;
}

@media (min-width: 768px){
    .tabelbreed{
        display: block;
    }

    .tabelsmal{
        display: none;
    }
}
/* ===== EIND =======  speciale calsses voor tabellen ========== */