@import url('https://fonts.googleapis.com/css?family=Varela&display=swap');

body {
        margin: 0px;
        }
        
p {
        margin-bottom: 0px;
        }
        
.blok {
        font-family: Varela;
        width: 100%;
        text-align: center;
        color: #696969;
}
.blokGroen {
        font-family: Varela;
        background-color: #fff;
        width: 100%;
        text-align: center;
        margin-top: 100px;
}
.imgLogoKlant {
        padding-left: 60px;
        width: 299px;
        height: 150px;
}

.login label {
        display: inline-block;
        width: 200px;
        height: 50px;
}
.login input {
        display: inline-block;
        width: 200px;
        height: 50px;
}

table {
        margin-left:auto; 
        margin-right:auto;
}
th {
        padding: 10px;
        background-color: #8dc63f;
        color: #fff;
        font-size: 14px;
}
th.opgeslagenDokument {
        padding: 2px;
        background-color: #eee;
        color: #444;
        font-size: 11px;
}
th.nieuwDokument {
        padding: 2px;
        background-color: #eee;
        color: #444;
        font-size: 11px;
}
td {
        vertical-align: bottom;
}

.artikel a:link {
        
        color: #444;
        
}
.artikel a:visited {
        
        color: #444;
        
}
.artikel a:hover {
        
        color: #444;
        
}
.artikel a:active {
        
        color: #444;
        
}

.menu {
        display: inline-block;
        padding: 10px;
        color: #444;
        font-size: 16px;
        font-weight: 400;
}  
.menu a {
        color: #696969;
        text-decoration: none;
}  
.menu a:hover {
        bdocument-bottom: thin;
        bdocument-bottom-style: solid;
        bdocument-bottom-color: #ec008c;
}

.submenu {
        display: none;
        position: absolute;
        padding: 10px 15px;
        margin-left: -10px;
        z-index: 1;
}

.submenu a {
        color: #696969;
        text-decoration: none;
        display: block;
        text-align: center;
}

.submenu a:hover {
        bdocument-bottom: thin;
        bdocument-bottom-style: solid;
        bdocument-bottom-color: #ec008c;
}

.menu:hover .submenu {
        display: block;
}

.kop {
        display: inline-block;
        margin-bottom: 50px;
        padding-top: 50px;
        color: #ec008c;
        font-size: 26px;
        font-weight: 400;
}

.soort {
        color: #ec008c;
}

.artikel {
        margin-top: 0px;
        color: #444;
        font-size: 13px;
}

table input {
        text-align: center;
        color: #000;
        font-size: 14px;
        font-weight: 400;
        text-transform: none;
}


.portal {
        display: inline-block;
        padding: 10px;
        font-size: 16px;
        font-weight: 400;
}  
.portal a {
        color: #696969;
        text-decoration: none;
}

.portal a:hover {
        bdocument-bottom: thin;
        bdocument-bottom-style: solid;
        bdocument-bottom-color: #ec008c;
}
.zichtbaar {
        display: none;
}