.dashes .dash {
  position: relative;
}
.dashes .dash.last {
  height: 20px;
}
.dashes.static {
  margin-left: 40px;
  position: absolute;
  top: 0px;
  bottom: 50px;
}
.verkeerslijn .dashes.static {
  top: 200px;
}
.dashes.static .dash {
  height: 100%;
  position: absolute;
}
.dashes h1,
.dashes h2,
.dashes p {
  margin-left: 40px;
}
.dashes .dash.green:before,
.dashes .vertical-dash.green {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFUlEQVQYlWNgmGv1HydGASNT4YABAInJWffCWSRQAAAAAElFTkSuQmCC");
}
.dashes .dash.blue:before,
.dashes .vertical-dash.blue {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFUlEQVQYlWNgmP/4P06MAkamwgEDAFLoerK49YuHAAAAAElFTkSuQmCC");
}
.dashes .dash.orange:before,
.dashes .vertical-dash.orange {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFklEQVQYlWP4PInhPy7MgAxGpsKBAwBJsHtFxG2gfQAAAABJRU5ErkJggg==");
}
.dashes .dash.red:before,
.dashes .vertical-dash.red {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAFklEQVQYlWN4zMD9HxdmQAYjU+HAAQBwXV5eL+IV4AAAAABJRU5ErkJggg==");
}
.dashes .dash:before {
  position: absolute;
  top: 0px;
  bottom: -40px;
  width: 5px;
  content: "";
  background-repeat: repeat-y;
}
.static.dashes .dash:before {
  left: 0px;
}
.static.dashes .dash:nth-child(2):before {
  left: 16px;
}
.static.dashes .dash:nth-child(3):before {
  left: 32px;
}
.static.dashes .dash:nth-child(4):before {
  left: 48px;
}
.dashes .vertical-dash {
  position: absolute;
  height: 5px;
  content: "";
  background-repeat: repeat-x;
  margin-top: -41.6px;
}
.dashes .vertical-dash {
  margin-left: -192px;
  width: 192px;
}
.dashes .dash:before {
  left: -192px;
}
.dashes .dash .vertical-dash {
  margin-left: -176px;
  width: 176px;
}
.dashes .dash .dash:before {
  left: -176px;
}
.dashes .dash .dash .vertical-dash {
  margin-left: -160px;
  width: 160px;
}
.dashes .dash .dash .dash:before {
  left: -160px;
}
.dashes .dash .dash .dash .vertical-dash {
  margin-left: -144px;
  width: 144px;
}
.dashes .dash .dash .dash .dash:before {
  left: -144px;
}
.dashes .dash .dash .dash .dash .vertical-dash {
  margin-left: -128px;
  width: 128px;
}
.dashes .dash .dash .dash .dash .dash:before {
  left: -128px;
}
.dashes .dash .dash .dash .dash .dash .vertical-dash {
  margin-left: -112px;
  width: 112px;
}
.dashes .dash .dash .dash .dash .dash .dash:before {
  left: -112px;
}
.dashes .dash .dash .dash .dash .dash .dash .vertical-dash {
  margin-left: -96px;
  width: 96px;
}
.dashes .dash .dash .dash .dash .dash .dash .dash:before {
  left: -96px;
}
.dashes .dash .dash .dash .dash .dash .dash .dash .vertical-dash {
  margin-left: -80px;
  width: 80px;
}
.dashes .dash .dash .dash .dash .dash .dash .dash .dash:before {
  left: -80px;
}
.dashes .dash .dash .dash .dash .dash .dash .dash .dash .vertical-dash {
  margin-left: -64px;
  width: 64px;
}
.dashes .dash .dash .dash .dash .dash .dash .dash .dash .dash:before {
  left: -64px;
}
.dashes .dash .dash .dash .dash .dash .dash .dash .dash .dash .vertical-dash {
  margin-left: -48px;
  width: 48px;
}
.dashes .dash .dash .dash .dash .dash .dash .dash .dash .dash .dash:before {
  left: -48px;
}
.dashes .dash .dash .dash .dash .dash .dash .dash .dash .dash .dash .vertical-dash {
  margin-left: -32px;
  width: 32px;
}
.dashes .dash .dash .dash .dash .dash .dash .dash .dash .dash .dash .dash:before {
  left: -32px;
}
.dashes .dash .dash .dash .dash .dash .dash .dash .dash .dash .dash .dash .vertical-dash {
  margin-left: -16px;
  width: 16px;
}
.dashes .dash .dash .dash .dash .dash .dash .dash .dash .dash .dash .dash .dash:before {
  left: -16px;
}
.dashes .vertical-dash:before {
  content: "";
  background-repeat: no-repeat;
  background-position: 0px 0px;
  position: absolute;
  right: -2px;
  top: -8px;
  width: 21px;
  height: 21px;
}
.page-content .dashes .vertical-dash,
.dash-content .dashes .vertical-dash {
  border: 5px solid white;
  border-left-width: 0px;
  background-color: white;
  height: 15px;
}
.page-content .dashes .vertical-dash.green,
.dash-content .dashes .vertical-dash.green {
  margin-left: -145px;
  width: 130px;
}
.page-content .dashes .vertical-dash.blue,
.dash-content .dashes .vertical-dash.blue {
  margin-left: -129px;
  width: 114px;
}
.page-content .dashes .vertical-dash.orange,
.dash-content .dashes .vertical-dash.orange {
  margin-left: -113px;
  width: 98px;
}
.page-content .dashes .vertical-dash.red,
.dash-content .dashes .vertical-dash.red {
  margin-left: -97px;
  width: 82px;
}
.dashes .vertical-dash.blue:before {
  background-image: url('../images/arrow-blue.png');
}
.dashes .vertical-dash.orange:before {
  background-image: url('../images/arrow-orange.png');
}
.dashes .vertical-dash.green:before {
  background-image: url('../images/arrow-green.png');
}
.dashes .vertical-dash.red:before {
  background-image: url('../images/arrow-red.png');
}