.divTable {
    display:table;
    margin-left:5vw
}
PPP.divTableRow { 
    display:table-row;
    height:100px
}
.jaarrij .divTableRow {
    display:table-row;
    height:141px
}
.divTableHeading{
    display:table-header-group
}
.divTableCell,.divTableHead{
    display:table-cell;
    width:100px
}
.divTableHeading{
    display:table-header-group
}
.divTableFoot{
    display:table-footer-group
}
.divTableBody{
    display:table-row-group
}
.outer{
    position:relative;
    display:inline-block
}
.jaarrij .divTableRow .outer{
    border:solid grey 1px
}
.poster{
    position:relative;
    max-height:141px
}
.poster img{
    width:100px;
    height:141px;
    object-fit:cover;
}

.content{
    display:none
}
.kop_re{
    float:right;
    text-decoration:underline;
    cursor:pointer
}
#inhoudsoverzicht{
    position:fixed;
    top:70px;
    left:20px;
    padding:20px;
    background:#fff;
    z-index:10;
    border-radius:20px;
    border-color:#000;
    border-style:solid;
    border-width:2px;
    box-shadow:#786f6f;
    max-height:80vh;
    overflow:scroll;
    opacity:0;
    transition:opacity .5s;
    font-family:sans-serif
}
#inhoudsoverzicht.active{
    opacity:1
}
#inhoudsoverzicht a{
    text-decoration:none;
    color:#000;
    font-family:sans-serif
}
#inhoudsoverzicht ul{
    clear:both;
    list-style:square
}
#bladinhoud{
    clear:both
}
#bladinhoud h4{
    float:left;
    margin-left:8px
}
#bladinhoud img{
    float:right;
    height:141px;
    width:auto;
    margin-left:8px
}
#bladinhoud img:after{
    clear:both
}

.jaarrij .divTableRow .legend{
    position:relative;
    display:block;
    bottom:20px;
    width:100%;
    text-align:center;
    padding:4px 0;
    background-color:#006;
    color:#fff;
    font-family:sans-serif;
    z-index:10
}
.divTableCell.jaar{
    position:relative;
    min-width:120px;
    text-align:center;
    vertical-align:middle
}
.divTableCell.jaar div.tekst{
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-top:0;
    line-height:80px;
    width:80px;
    height:80px;
    font-family:sans-serif;
    color:#fff;
    background:#000;
    border-radius:40px;
    z-index:0
}.divTableCell.jaar div.line{
    position:absolute;
    border-left:4px solid #000;
    height:100%;
    top:20px;
    left:58px;
    z-index:-20
}
.divTableCell.titel{
    vertical-align:middle;
    font-family:sans-serif;
	min-width:100px
}
.divTableCell.blad{
    min-width:100px
}
.bladrij{
    position:relative;
    width:60vw;
    overflow:scroll;
	 overflow-y: hidden;
}
@media(any-pointer:coarse){
    .divTableRow{
        cursor:pointer
    }
}
@media(max-width:800px){
    .divTable{
		margin-left:20px
    }
    .divTableCell.titel{
        display: none
    }
}