html
{
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
    height: 100%;
}
h1{
    font-size: 24px;
}
h2{
    font-size: 22px;
}
h3{
    font-size: 20px;
}
p{
    font-size: 16px;
}
.liste:hover{
    background-color:#1aff1a;
}
.shop-display-bottomleft {
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.shop-row {
  margin: 0; padding-left: 16px; padding-right: 16px; padding-top: 16px; padding-bottom: 16px;
}
pageheader {
  background-color: black;
  width:100%;
  top:0px;
  left:0px;
  height:15%;
  position:fixed;
  color:white
}
#content{
  overflow-y: scroll;
  width:100%;
  top:15%;
  left:0px;
  height:80%;
  position:fixed;
}

.headerlink, .headeranmelden{
  color: white;
  font-size: 17px;
  padding:10px 16px;
  text-decoration: none;
}
.headeranmelden{
   position: relative;
   top: -10px;
   float:right;
   cursor: pointer;
}
.headerlink:hover, .headeranmelden:hover{
  background-color: white;
  border-style: solid;
  border-width: 1px;
  color: black;
  text-decoration: none;
}

body{
    height: 100%;
    box-sizing: border-box;
}

footer{
  background-color: black;
  width:100%;
  top:95%;
  left:0px;
  height:5%;
  position:fixed;
  color:white
}
footer:hover{
  background-color: white;
  color:black;
}

.city {
    display:none
}


tr, rd, th {
    table-layout: fixed;
  vertical-align: top;
  text-align: left;
}
BODY, TD {
    table-layout: fixed;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
.vertical-menu {
  border-style: solid;
  border-width: 1px;
  width: 200px;
  max-height: 740px;
  overflow-y: auto;
}

.vertical-menu .menulink {
  background-color: #eee;
  color: black;
  display: block;
  padding: 12px;
  text-decoration: none;
}

.vertical-menu .menulink:hover {
  background-color: #ccc;
}

.vertical-menu .menulink.active {
  background-color: #4CAF50;
  color: white;
}