@-ms-viewport {
  width: device-width;
  zoom: 1;
}
@-o-viewport { 
  width: device-width;
  zoom: 1;
}
@viewport {
  width: device-width; 
  zoom: 1;
}
html {
  -moz-hyphens   : auto;
  -o-hyphens     : auto;
  -webkit-hyphens: auto;
  -ms-hyphens    : auto;
  hyphens        : auto;
  hyphenate-limit-chars: auto 3;
  hyphenate-limit-lines: 3;
  color      : #333333;
  font-family: Arial;
  font-size  : 12pt;
}
body {
  background-color: #EAEAEA;
}
a, a:link, a:active,
a:visited, a:hover {
  color: #0066CC;
}
hr {
  border: 1px solid #EAEAEA;
}
h1 {
  font-family: Verdana;
  font-size  : 24pt;
  margin-top: 0px;
  margin-bottom: 1rem;
}
h2, h3, h4, h5, h6 {
  font-family: Verdana;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
em, i {
  font-family: Arial;
}
form {
  margin: 0px;
}
.alertbox {
  background-color: #FFCC99;
  padding: 1rem;
}
.hintbox {
  background-color: #CCFFCC;
  padding: 1rem;
}
.wrapper {
  max-width: 1140px;
  margin: 0 auto;
  background-color: #FFFFFF;
}
header {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}
.headermenuwrapper {
  background-image: linear-gradient(to top, #103C7E, #3862A1);
  color: #FFFFFF;
  clear: both;
  width: 100%;
}
nav {
}
nav ul {
  list-style: none;
}
nav li {
  float: left;
  padding: 15px;
}
nav li:hover {
  background-image: linear-gradient(to top, #3862A1, #103C7E);
}
nav .sel {
  background-color: #0F2F60;
}
nav a, nav a:link, nav a:active,
nav a:visited, nav a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
main {
  clear: both;
  padding: 30px;
  line-height: 1.5;
}
.flexcontainer {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 1em 30px;
  padding: 0;
  margin: 0;
}
.flexitem {
  width: 1px;
  flex: 1 1 100%;
}
@media (min-width: 600px)  {
.flexitem {
  flex: 1 1 auto;
}
}
footer {
  clear: both;
  padding: 15px;
  border-top: 1px dashed #BBBBBB;
  text-align: center;
}