/* === Begin Main Styles ===  */

/* Measure the width and height including padding and border. The element does not
   inherit and must be defined for every element */
*
{ box-sizing: border-box; }

/* This is needed so fonts are not increased on the mobile phone randomly.
 * Yes, the texts are small but readable, automatic increasing makes it
 * actually a mess. */
html
{ -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none; }

body
{ background-color: #FFFDFB;
  padding-top: 20px;
  min-width: 550px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333; }

a
{ text-decoration: none;
  color: #48c; }

hr.splitter
{ border-radius: 1px;
  border-style: solid;
  border-color: white;
  border-width: 2px; }

dl.horizontal
{ margin-right: 30px;
}

dl.horizontal dt
{ float: left;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  font-weight: bold;
  white-space: nowrap; }

dl.horizontal dd::after
{ display: table;
  content: " ";
  clear: both; }

.s2a-mainsite
{ margin: auto;
  max-width: 1200px; }

.s2a-container
{ }

/* Makes sure every container starts in a clean way after floats etc. This is called: the clear-fix-hack.*/
.s2a-container::after
{ content: "";
  clear: both;
  display: table; }


.s2a-column-container
{ display: flex;
  align-items: stretch;
  flex-flow: row wrap;
}

.s2a-column-left
{ flex-basis: 300px;
  flex-grow: 1;
  padding-right: 10px;
}

.s2a-column-right
{ flex-basis: 400px;
  flex-grow: 1;
  padding-left: 10px;
}

/* Background definitions. */
.s2a-back-block
{ background: #EEE;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 18px;
}

.s2a-text-inert
{ user-select: none;
  -webkit-user-select: none; }

.s2a-text-block
{ text-align: justify;
  text-justify: inter-word; }

/* Use sr-only to hide an element visually without hiding it from screen readers. */
.s2a-sr-only
{ position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0; }

.s2a-footer-left
{ float: left; }

.s2a-footer-right
{ float: right;  }

/* === End Main Styles ===  */