html {scroll-behavior:smooth;}
* {box-sizing:border-box;}

.topbtns {
  position:relative;
  width:100%;
  max-width:1016px;
  margin:10px auto;
  padding:1px 3px;
}

.topbtns .btn {
  position:relative;
  width:248px;
  max-height:50px;
  font-size:16px!important;
  color:#333;
  padding:10px 0;
  margin:2px 0;
  border:1px solid lightgrey;
  box-shadow:none!important;
}

.topbtns .btn:hover {background:#c3cdd5!important;}
#salo, #poez, #opdr {display:none;}
.svgspan {position:absolute;top:50%;transform: translateY(-50%);}
.svgpijl polyline {fill:none;stroke:blue; stroke-width:3px;}
.svgpijlneer polyline {fill:blue;stroke:blue;stroke-width:1px;}
.dropdown:hover .svgpijlneer polyline {fill:none;stroke-width:2px;}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  font-size: 14px;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 6px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

#inhoud .row, #inhoud .row > .column {padding:8px;}
#inhoud .column {float:left;width:50%;}
#inhoud .row:after {content: "";display:table;clear:both;}
#inhoud .content {height:100%;background-color:white;padding:10px;box-shadow:0px 0px 8px #eee;}
#inhoud img {padding-bottom:10px!important;}
#spp > .content {margin:26px 0;}

#voorstellingen .vimg {padding:2px;}
.salonimg2 {width:100%;height:100%;}
.poeziebarimg2 {width:100%;height:100%;}
#opdr div.gallery {min-height:250px;border:1px solid #ccc;border-radius:6px;}
#opdr div.gallery:hover {border:1px solid #777;}
#opdr div.gallery img {width:100%;max-width:500px;height:auto;border-top-left-radius:6px;border-top-right-radius:6px}
#opdr div.desc {padding:6px;font-style:italic;font-size:90%;text-align:center;}
#opdr .responsive {float:left;width:16.5%;padding:0 6px;}
#voorstellingen .vcontainer {padding:20px 2px 0 6px;}
#voorstellingen .vcontainer h5 {text-indent:10px;}
ul.workshops {clear:left;}
ul.workshops li {margin-left:-18px;list-style-image: url('../images/icons/ci-red-tr2.png');}
ul.workshops img {margin:4px 10px 10px 0;}

footer {margin-bottom:4px;padding:8px;text-align:center;border-top:2px solid #e6e6e6;}

@media screen and (min-width: 1076px) {
  #totopBtn:hover {box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);}
}

@media screen and (max-width: 1076px) {
  .topbtns {max-width:508px;}
  .topbtns .btn {padding:4px 0;font-size:15px!important;}
}

@media screen and (max-width: 900px) {
 #inhoud .column {width: 100%;}
 #gallerij {display:none}
}

@media screen and (max-width: 570px) {
  .topbtns {max-width:254px;}
}