/* Please do NOT EDIT the .css file. Instead make your changes in the .less file
   and create the .css file afterwards by calling 'lessc sdsd.less sdsd.css'
*/
body {
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  max-width: 100em;
  margin: 0 auto;
}
header,
nav,
article,
section,
aside,
footer {
  /* border-radius: 0px 0.5em 0.5em;   (* here upper left corner is not rounded *) */
  border-radius: 0.5em 0.5em;
  border: 1px solid;
  padding: 10px;
  margin: 10px;
  -webkit-flex: 1 100%;
  flex: 1 100%;
  order: 10;
}
header {
  border-color: #009900;
  order: 5;
}
nav {
  background: #F8F8F8;
  border: 1px solid;
  border-color: #009900;
  margin-bottom: 50px;
}
nav ul {
  margin-left: 0;
  padding: 0;
}
section {
  background: #F1F3F4;
  border-color: #009900;
}
article {
  /*background: @hyserv_light_grey;*/
  border-color: #009900;
  -webkit-flex: 3 1 0%;
  flex: 3 1 0%;
}
aside {
  /*background: @hyserv_dark_grey;*/
  /*background: @hyserv_light_grey;*/
  border-color: #009900;
  -webkit-flex: 1 1 0%;
  flex: 1 1 0%;
}
footer {
  /*background: @hyserv_light_green;*/
  border-color: #009900;
  order: 100;
}
#header_content {
  min-height: 130px;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
}
#header_content img {
  padding-right: 50px;
}
#logos {
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  align-items: center;
  /*justify-content: space-around;*/
}
#logos img,
#logos span {
  padding: 0 10px;
}
header {
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
}
.bigLogo {
  -webkit-flex: 1 1 100%;
  flex: 1 1 100%;
  max-width: 12em;
  padding-left: 16px;
}
#footerCopyright {
  /* font-size:140%; */
  font-size: 110%;
}
/*** Navigation ***/
#navNonSmallDisplay {
  display: none;
}
/* By default put navigation below main content */
nav,
aside {
  order: 50;
}
nav li {
  list-style-type: none;
  padding: 3px 0;
}
#navigationToggleLink:link,
#navigationToggleLink:active,
#navigationToggleLink:visited,
#backToTop:link,
#backToTop:active,
#backToTop:visited {
  color: black;
}
#navigationToggleLink:hover,
#backToTop:hover {
  color: #009900;
}
#navigationToggle {
  display: block;
}
/*** Screen width specific ***/
@media screen and (min-width: 600px) {
  #navSmallDisplay {
    display: none;
  }
  #navNonSmallDisplay {
    display: block;
  }
  /* Move navigation before main content */
  nav,
  aside {
    order: 10;
  }
  #navigationToggle {
    display: none;
  }
}
@media screen and (min-width: 900px) {
  aside {
    max-width: 20em;
  }
}