html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }


.my-gallery {
float: left;
width: 100%;
border: thin silver solid;
}

.my-gallery figure {
  display: block;
  float: left;
  margin: .1em .2em;
  width: 150px;
  height: 275px;
}

.my-gallery img {
  width: 100%;
  height: auto;
  margin-top: 3px;
}

.my-gallery figcaption {
font-size: 80%;
}

.pswp__caption__center {
line-height: 2.5em;
}

.pswp__caption__center a {
font-size: 2em;
line-height: 2em;
color: FFFFFF !important;
}


.smalllist {
}

.smalllist ul {
list-style-image: url("http://www.bomengids.nl/cssimages/treeicon-sss.png");
list-style-position:inside;}
    margin: 10;     padding: 20;
    overflow: hidden;
}
.smalllist li {
    float: left;
}

.smalllist a {
    font-size: 80%;
}

.smalllist {
}

.startpointlist ul {
list-style-image: url("http://www.bomengids.nl/cssimages/treeicon-sss.png");
list-style-position:inside;
    margin: 10;     padding: 20;
    overflow: hidden;
}
.startpointlist li {
    float: left;
}

.languageblock {
float: left;
width: 50%;
border: thin silver solid;
margin: 5;
}

.seclet {
float: left;
width: 100%;
color: @white;
}

.barlist ul {
list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.barlist li {
float: left;
}

.barlist a {
display: block;
font-size: 70%;
}