@import url("w3.css");
tr:nth-child(even) {
  background-color: #eee;
}
li:nth-child(even) {
  background-color: #eee;
}
/* Show on hover */
.sh-hide {
  display: none;
}
.sh-el:hover + .sh-hide {
  display: block;
  color: red;
}
.kn-bk-groen {
background-image: url('https://www.fietsroute.org/images/central/fietsroute_menu_back.jpg');
background-size: contain;
text-align: center;
}
.bckgrnd-dark {
background-image: url('https://s.42l.fr/bhiwlpr');
background-color: DimGrey;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
            font-size: 13px;
            color: seashell;
        }
.image-container {
  width: 333px;
  height: 333px;
  border: 1px solid black;
  margin-bottom: 5px;
background-image: url('https://s.42l.fr/sball3');
background-repeat: no-repeat;
background-position: left top;
background-size: cover;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
/* start of sortable */
.sortable th {
    cursor: pointer;
}
.sortable th.no-sort {
    pointer-events: none;
}
.sortable th::after,
.sortable th::before {
    transition: color 0.2s ease-in-out;
    font-size: 1.2em;
    color: transparent;
}
.sortable th::after {
    margin-left: 3px;
    content: "\025B8";
}
.sortable th:hover::after {
    color: inherit;
}
.sortable th.dir-d::after {
    color: inherit;
    content: "\025BE";
}
.sortable th.dir-u::after {
    color: inherit;
    content: "\025B4";
}
/* end of sortable */