body {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 11em;
}

body > * {
  margin: 0;
}

.header, .menubar, .footer {
  grid-column: 1 / 3;
  padding-left: 1em;
}

.header, .menubar {
  border-bottom: 1pt solid #b28462; /* = theme border */
}

.footer {
  border-top: 1pt solid #b28462; /* = theme border */
  padding-top: 0.5ex;
}

.sidemenu {
  border-left: 1pt solid #b28462; /* = theme border */
}

/* customization */

.sidemenu > h2 {
  display: none;
}
  
.sidemenu > ul {
  text-indent: 0px;
}
  
.sidemenu > ul > li {
  margin-left: -30px;
  display: block;
}
  
.sidemenu > ul > li.newblock {
  margin-top: 1ex;
}
  
.footer > * {
  font-size: small;
}
  
.footer img {
  height: 2em;
}
  
.menubar a + a:before {
  content: " > " ;
}
  
#online img {
  max-height: 1.5em;
  width: 1.5em;
}


@media (max-width:800px) {
  .sidemenu {
    grid-column: 1/3;
    grid-row: 3;
    border-left: none;
    border-bottom: 1pt solid #b28462; /* = theme border */
  }

  #content {
    grid-column: 1/3;
  }
}