@media (min-width: 1010px) {
  body {
    background: #e2e2e2;
  }
  #page {
    background: #fff;
    margin: 2em auto;
    max-width: 1000px;
  }
}
#head {
  font-size: 0;
  position: relative;
}

div.navbar {
  font-family: Sans-Serif;
  font-size: 14px;
  padding: 3px;
  background: #000;
  color: #fff;
}
div.navbar-main {
  text-align: center;
}
div.navbar-language {
  text-align: right;
  position: absolute;
  top: 0;
  right: 0;
}
div.navbar a {
  margin: 0;
  font-weight: bold;
  padding: 10px;
  color: #fff;
}
div.navbar a:hover {
  color: #ffa500;
}
div.navbar span.thispage {
  margin: 0;
  font-weight: bold;
  padding: 10px;
  color: #ff0;
}
.wheel h1 {
  text-align: center;
}
.wheel {
  margin: 3ex 5.6% 3ex 5.6%;
}

@media (min-width: 1000px) {
  #middle-left {
    float: left;
    margin: 0 0 0 7.6%;
    width: 50%;
  }
  #middle-right {
    float: right;
    margin: 3ex 5.6% 3ex 5.6%;
    width: 30%;
  }
  #bottom {
    margin: 0 7.6% 0 7.6%;
  }
}
@media (max-width: 999px) {
  #middle-left {
    display: inline;
  }
  #middle-right {
    float: right;
    margin: 3ex 5.6% 3ex 5.6%;
    width: 30%;
  }
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

.group2:after {
  content: "";
  display: table;
  clear: both;
}

a:link {
  text-decoration: none;
}

ul.tail {
  margin-top: -12px;
}

textarea {
  max-width: 100%;
}

/* override styles when printing */
@media print {
  #head {
    display: none;
  }
  .noprint {
    display: none;
  }
  body {
    background: #fff;
  }
  #page {
    margin: 0;
  }
  @page {
    margin: 0;
  }
}