body {
    // background-color: black;
}

.topline {
  background-color: black;
  margin: 1%;
  padding-top: 1.5%;
  padding-bottom: 1.5%;
}

.footer {
  background-color: black;
  color: white;
  font-size: 80%;
  link-color: white;
  margin: 1%;
  padding-top: 2%;
  padding-bottom: 1%;
  text-align: center;
}

.header {
  display: flex;
justify-content:center;
align-items:center;
text-align:center;
}
/*
.header > div {
  width: 33%;
}
*/
.contentmain {
  padding-top: 1.5%;
  padding-bottom: 1.5%;
  margin-left: 5%;
  margin-right: 5%;
}

.menubar-navigation {
  margin: 1%;
  padding: 1%;
  font-size: 110%;
  list-style: none;
  text-align: center;
  background-color: black;
}

.menubar-navigation > li > [role="menuitem"] {
  display: inline-block;
  margin: 2px;
  padding: 4px;
  padding-bottom: 8px;
  /* background-color: #eee; */
  background-color: black;
  border: 0 solid #eee;
  /* color: black; */
  color: white;
}

.menubar-navigation > li {
  display: inline-block;
  position: relative;
}

.footerbar-navigation {
  list-style: none;
  text-align: center;
  background-color: black;
}

.footerbar-navigation > li {
  display: inline-block;
  padding-left: 1%;
  padding-right: 1%;
}

input[type='checkbox'] {
    zoom:4;
    border-radius:5%;
    border-color:#abd;
}

input[type='checkbox']:checked {
    background: #abd;
}

.logocontainer {
  width: 70%;
  height: 96px;
}
.headerlogo {
  height: 96px;
  float: left;
}
.iconcontainerphone {
  width: 15%;
}
.iconcontainermap {
  width: 15%;
}
.iconphone {
}
.iconmap {
  transform: scale(5.0);
}
.iconmail {
}

img {
    max-width: 100%;
    max-height: 100%;
    object-fit: scale-down;
}