.cvoBtn{
    width: 160px;
    height: 50px;  
        padding-top:120px;
        padding-left:10px;
    color: white;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    font-weight: bold;
        /* A KIES HIER DE KLEUR VOOR DE 2e,3e,4e KNOP */
        background-color:#ea5b0d;
        background-size: 170px 170px;

}

#start{
        /* B KIES HIER DE KLEUR VOOR DE 1e KNOP */
        background-color:#f5b540;
        background-image: url(https://medewerker.miras.be/canvas/1start.png);
}
#planning{
        background-image: url(https://medewerker.miras.be/canvas/1planning.png);
}
#info{
        background-image: url(https://medewerker.miras.be/canvas/1info.png);
}
#contact{
        background-image: url(https://medewerker.miras.be/canvas/1contact.png);
}

/* C KIES HIER DE KLEUR VOOR DE CONTACTGEGEVENS */
table#tblcontact {
  border: 3px solid #ea5b0d;
}

/* D KIES HIER DE KLEUR VOOR DE CONTACTGEGEVENS */
table#tblcontact tr:nth-child(2) {
  color: white;
  background-color: #ea5b0d;
}

/* E KIES HIER DE PRIMAIRE KLEUR VOOR DE PLANNING even rijen*/
table#tblplanning tr:nth-child(even) {
  background-color: #ea5b0d;
}

/* F KIES HIER DE SECUNDAIRE KLEUR VOOR DE PLANNING oneven rijen*/
table#tblplanning tr:nth-child(odd) {
  background-color: #f49f71;
}

/* G KIES HIER DE KLEUR VOOR DE PLANNING header */
table#tblplanning tr:first-child {
  color: white;
  background-color: #ea5b0d !important;
}

/* H KIES HIER DE KLEUR VOOR DE PLANNING kolom1 */
table#tblplanning td:first-child {
  background-color: #ea5b0d!important;
}

/* I KIES HIER DE KLEUR VOOR DE ICONEN planning-contact-info */
.iconpages {
    background-color: #ea5b0d;
}

.courseImage{
height: 100px;
float: left;
margin-right: 20px;
}


.course-title{
float: left;
}

.header-bar{
        padding-bottom:0px;
}

.header-bar-right.header-right-flex {
    margin-top: 24px;
}

h2.course-title.ellipsis {
    padding-top: 25px
}
/*div#content {
        // Dit trekt de andere pagina's op canvas wat scheef... 
    padding-top: 0px;
}
*/

#bannerImage {
    height: 100px;
    background: no-repeat;
}


#intro {
        width: 100%;
        margin-top: 50px;
}

div#aankondigingen {
    width: 100%;
    clear: left;
    margin-top: 50px;
}

#knoppen {
        margin-top: 50px;
    display: block;
    width: 100%;
    height: auto;
   /* height: 170px; */
    margin-bottom: 30px;
}

.cvoPageMenu {
    margin-left: 0px;
}

.cvoPageMenu li {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 5px;
    background-color: #ea5b0d;
    padding: 10px 20px;
    cursor: pointer;
}

.cvoPageMenu a {
    text-decoration: none !important;
}


.cvoPageMenu a:hover {
    text-decoration: underline !important;
}