@media all and (orientation:portrait){ 
.tabelrij{
    display: flex;
    flex-direction: row;
    color:#175B99;
    background-color:white;
        border-bottom:#175B99;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 18px;
    padding: 3px;

}
.tabelrijzonder{
    display: flex;
    flex-direction: row;
    color: #9D8AD3;
    background-color:white;
    border-bottom: #B4AD9F;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-size: 14px;

    justify-content: left;

    
}
.tabelkolomvraag{
    display: flex;
    flex-direction: row;
    width: 900px;

    text-decoration: none;


text-align: left;
justify-content:baseline;
align-content: center;

}

.tabelheader{
    display: flex;
    flex-direction: column;
    border-bottom:#175B99;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    padding: 3px;
    font-size: 12px;

}
.tabeltitel{
    display: flex;
    flex-direction: column;
    color:#175B99;
    width: 300px;
    text-align: left;
    font-size: 14px;
    background-color: #F49712;

}
.tabelkolom{
    display: flex;
    flex-direction: row;
 

    text-align: left;

}
.kolom1{
    display: flex;
    flex-direction: column;
 
    width: 100%;
    text-align: left;

}
.kolom2{
    display: flex;
    flex-direction: row;
    width: 100%;
    align-content: center;
    text-align: left;

}
.kolomrij{
    display: flex;
    flex-direction: row;
 
    width: 100%;
    text-align: left;

}
.kolom100{
    display: flex;
    flex-direction: column;
    width: 150px;

    text-align: left;

}
.tabelkolomgroot{
    display: flex;
    flex-direction: row;
    width: 70%;
    font-size: 22px;
    text-align: center;



}
.tabelkolom45{
    display: flex;
    flex-direction: row;
    width: 45%;

    font-size: 13px;
    padding: 2px;
    text-align: left;



}
.tabelkolomklein{
    display: flex;
    flex-direction: row;
    text-align: left;
    text-decoration: none;


}
}
@media all and (orientation:landscape){ 
    .tabelrij{
        display: flex;
        flex-direction: row;
        color:#175B99;
        background-color:white;
        border-bottom:#175B99;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        font-size: 18px;
        padding: 10px;
    
    }
    .tabelrijzonder{
        display: flex;
        flex-direction: row;
        color: #9D8AD3;
        background-color:white;
        border-bottom: #B4AD9F;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        font-size: 18px;
        padding: 10px;
        justify-content: left;
    
    }
    .tabelkolomvraag{
        display: flex;
        flex-direction: row;
        width: 900px;
    
        text-decoration: none;
    
    
    text-align: left;
    justify-content:baseline;
    align-content: center;
    
    }
    .tabelheader{
        display: flex;
        flex-direction: row;
        border-bottom:#175B99;
        border-bottom-style: solid;
        border-bottom-width: 2px;
        padding: 10px;
    
    }
    .tabeltitel{
        display: flex;
        flex-direction: column;
        color:#175B99;
        width: 300px;
        text-align: left;
        font-size: 22px;
        background-color: #F49712;
    
    }
    .tabelkolom{
        display: flex;
        flex-direction: row;

        text-align: left;
        text-decoration: none;
   
    
    }
    .kolom1{
        display: flex;
        flex-direction: column;
        width: 100%;
    
        text-align: left;
    
    }
    .kolom2{
        display: flex;
        flex-direction: row;
        width: 100%;
    
        text-align: left;
    
    }
    .kolom100{
        display: flex;
        flex-direction: column;
        width: 150px;
    
        text-align: left;
    
    }
    .kolomrij{
    display: flex;
    flex-direction: row;
 
    width: 100%;
    text-align: left;

}
    .tabelkolom45{
        display: flex;
        flex-direction: row;
        width: 400px;
        color:#175B99;
       
        padding: 2px;
        text-align: left;
    
    
    
    }
    .tabelkolomgroot{
        display: flex;
        flex-direction: row;
        width: 600px;
        text-align: left;
        text-decoration: none;
        font-size: 26px;
    
    
    }
    .tabelrij:hover{
        background-color: #dad3c7;
    
    }
    .tabelkolomklein{
        display: flex;
        flex-direction: column;
        width: 200px;
        text-align: left;
        font-size: 26px;
        text-decoration: none;
    
    
    }


    }