/* 
    Author     : RADIUSMEDIA KG - Bremen, Germany - www.radiusmedia.de
*/
/* definied colors */
/* styling */
body {
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  font-size: 16px;
  color: #706f6f;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 400; }

#page {
  position: relative;
  width: 100%; }

img {
  border: 0 none;
  outline: 0 none; }

cite {
  color: #1883b2;
  line-height: 190%; }

strong {
  font-weight: 700; }

hr {
  height: 4px;
  border: 0 none;
  width: 100%;
  margin: 0;
  padding: 0; }

header {
  height: 7.25em;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
  z-index: 500;
  position: relative;
  display: block;
  background-color: #ffffff;
  width: 100%; }
  header .headercontent {
    height: 4.0625em;
    margin: auto;
    width: 1208px;
    position: relative;
    text-align: left;
    background-color: #ffffff; }
    header .headercontent div {
      width: 82.61589%;
      margin: 0 auto; }
      header .headercontent div img {
        margin-left: 1.5em; }
  header .headernavigation {
    background-color: #a81916;
    position: relative;
    width: 100%; }
  header section {
    width: 1208px;
    margin: 0 auto;
    position: relative;
    background-color: #a81916; }
  header nav {
    height: 3.1875em; }
    header nav .mainnav {
      float: left;
      width: 100%;
      overflow: hidden;
      position: relative; }
      header nav .mainnav > ul {
        clear: left;
        float: left;
        left: 50%;
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: center;
        margin-top: 0.65em; }
        header nav .mainnav > ul > li {
          background-color: #a81916;
          display: block;
          float: left;
          list-style: none;
          margin: -10px 2.25em 0 0;
          padding: 0.6875em 1.5em;
          position: relative;
          right: 50%;
          cursor: pointer; }
          header nav .mainnav > ul > li.active, header nav .mainnav > ul > li:hover {
            background-color: #706f6f; }
          header nav .mainnav > ul > li > span {
            display: block;
            color: #ffffff;
            font-size: 1.53125em;
            font-weight: 500;
            text-transform: uppercase;
            text-decoration: none; }
            header nav .mainnav > ul > li > span:hover {
              color: #ffffff; }

#contentwrap {
  width: 1208px;
  margin: 0 auto;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.25);
  position: relative;
  z-index: 100; }
  #contentwrap nav {
    background-image: url("../images/layout/bg-grey_menu.jpg");
    background-repeat: repeat-x;
    font-size: 1.34375em;
    font-weight: 500;
    height: 3.75em; }
  #contentwrap .info {
    background-color: #ffffff;
    display: block;
    height: 425px;
    left: 105px;
    position: absolute;
    top: -450px;
    width: 998px;
    z-index: 400;
    border-top: 3px solid #706f6f;
    border-bottom: 3px solid #706f6f;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25); }
    #contentwrap .info .left {
      font-size: 1.125em;
      line-height: 135%;
      float: left;
      width: 38.5%;
      margin-top: 2em; }
    #contentwrap .info .right {
      font-size: 1.125em;
      line-height: 135%;
      float: right;
      width: 61.5%;
      margin-top: 2em; }
    #contentwrap .info .btn-close {
      bottom: 0;
      position: absolute;
      text-align: center;
      width: 100%; }
      #contentwrap .info .btn-close img:hover {
        cursor: pointer; }
    #contentwrap .info.info-contact-form {
      top: 0; }
      #contentwrap .info.info-contact-form .left {
        font-size: 1.125em;
        line-height: 135%;
        margin-top: 2em;
        text-align: right; }
        #contentwrap .info.info-contact-form .left img {
          margin-right: 2em; }
      #contentwrap .info.info-contact-form .right {
        font-size: 1.125em;
        line-height: 135%;
        margin-top: 2em; }
        #contentwrap .info.info-contact-form .right p {
          margin-right: 4em; }
    #contentwrap .info.info-contact {
      font-size: 0.75em; }
      #contentwrap .info.info-contact .left {
        width: 45%;
        margin-top: 1em;
        margin-left: 1em; }
        #contentwrap .info.info-contact .left div {
          margin-bottom: 0.25em; }
      #contentwrap .info.info-contact .right {
        width: 45%;
        margin-top: 1em;
        margin-right: 1em; }
        #contentwrap .info.info-contact .right div {
          margin-bottom: 0.25em; }
      #contentwrap .info.info-contact form label {
        display: block;
        font-size: 0.9em;
        max-width: 316px;
        line-height: 135%; }
      #contentwrap .info.info-contact form textarea,
      #contentwrap .info.info-contact form input {
        background-color: #eeeeee;
        border: 1px solid #cccccc; }
      #contentwrap .info.info-contact form .btn-submit {
        background-color: #1883b2;
        border: 1px solid #56bdda;
        color: #ffffff;
        margin-top: 1em; }
    #contentwrap .info.info-about-onz .left {
      font-size: 1.125em;
      line-height: 135%;
      margin-top: 2em; }
    #contentwrap .info.info-about-onz .right {
      font-size: 1.125em;
      line-height: 135%;
      margin-top: 2em; }
      #contentwrap .info.info-about-onz .right p {
        margin-right: 1em; }
        #contentwrap .info.info-about-onz .right p:first-child {
          margin-top: -4px;
          line-height: 150%; }
        #contentwrap .info.info-about-onz .right p.highlighted {
          color: #a81916;
          font-weight: 300;
          font-style: italic;
          font-size: 1.3333333333em;
          line-height: 135%;
          margin-top: -8px; }
      #contentwrap .info.info-about-onz .right ul {
        display: inline-block;
        list-style: none;
        margin: 0 2em 0 0;
        padding: 0; }
        #contentwrap .info.info-about-onz .right ul li {
          margin-bottom: 0.25em;
          text-transform: uppercase; }
          #contentwrap .info.info-about-onz .right ul li a {
            color: #706f6f;
            text-decoration: none; }
          #contentwrap .info.info-about-onz .right ul li:before {
            content: "> ";
            color: #a81916; }
  #contentwrap section {
    width: 100%; }
    #contentwrap section article {
      width: 82.61589%;
      margin: 0 auto; }
      #contentwrap section article a {
        color: #706F6F;
        font-style: italic; }
      #contentwrap section article h2 {
        color: #1883b2;
        text-transform: uppercase;
        font-weight: 400; }
      #contentwrap section article p {
        font-size: 1.1875em;
        font-weight: 400;
        line-height: 147.368421052%; }
      #contentwrap section article ul {
        font-size: 1.1875em;
        margin: 0;
        padding: 0;
        list-style: none; }
        #contentwrap section article ul p {
          text-transform: uppercase;
          font-size: 1em;
          margin-bottom: 0; }
        #contentwrap section article ul li:before {
          content: "> ";
          color: #1883b2; }
      #contentwrap section article img.imagespace {
        margin-right: 1em; }
    #contentwrap section .fourcolumns {
      margin: 0 auto;
      padding: 2em 0;
      width: 82.61589%; }
      #contentwrap section .fourcolumns .onecolumn {
        display: inline;
        float: left;
        margin-right: 1.33333%;
        text-align: center;
        width: 24%; }
        #contentwrap section .fourcolumns .onecolumn:last-child {
          margin-right: 0; }
        #contentwrap section .fourcolumns .onecolumn h3 {
          font-size: 1.375em;
          font-weight: 400;
          margin: 0.25em 0;
          padding: 0;
          text-transform: uppercase; }
        #contentwrap section .fourcolumns .onecolumn p {
          font-size: 1.375em;
          font-style: italic;
          font-weight: 300;
          margin: 0;
          padding: 0 1em; }
    #contentwrap section hr {
      width: 82.61589%;
      border: 0 none;
      background-color: #cccccc;
      height: 1px;
      margin: 0 auto; }
    #contentwrap section.grey-bg {
      background-color: #eeeeee;
      padding: 0 0 1em 0; }
      #contentwrap section.grey-bg article {
        padding: 1em; }
    #contentwrap section.info-register-now {
      height: 0;
      margin: 1em 0 1em 0;
      overflow: hidden; }
      #contentwrap section.info-register-now h2 {
        color: #706f6f; }
      #contentwrap section.info-register-now.max {
        background-color: #e3f0f6;
        height: auto;
        margin: 1em 0;
        min-height: 180px;
        overflow: visible; }
      #contentwrap section.info-register-now article {
        padding: 1em; }

.two-col {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 2em;
  -webkit-column-gap: 2em;
  column-gap: 2em;
  font-size: 1.3125em;
  line-height: 165%;
  text-align: justify;
  padding-right: 2em;
  margin: 0; }

footer {
  background-color: #eeeeee;
  z-index: 500;
  position: relative;
  display: block;
  margin: 0;
  padding: 0; }
  footer .footercontent {
    width: 1208px;
    margin: 0 auto;
    font-size: 1.5em;
    line-height: 133%;
    padding-top: 1em;
    padding-bottom: 1em; }
    footer .footercontent p {
      margin: 0.4em 0 0 0; }
    footer .footercontent > div {
      width: 82.61589%;
      margin: 0 auto;
      text-align: left; }
      footer .footercontent > div .left {
        float: left;
        width: 33%; }
      footer .footercontent > div .right {
        float: left;
        width: 67%; }

.clearfix:after {
  content: ".";
  clear: both;
  display: block;
  visibility: hidden;
  height: 0px; }

.centeredmenu {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative; }
  .centeredmenu ul {
    clear: left;
    float: left;
    left: 50%;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    margin-top: 0.65em; }
    .centeredmenu ul li {
      display: block;
      float: left;
      list-style: none;
      margin: 0 1.25em 0 0;
      padding: 0;
      position: relative;
      right: 50%; }
      .centeredmenu ul li a {
        display: block;
        color: #1883b2;
        text-shadow: 0 -1px 1px #b3b3b3, 0 1px 1px #ffffff;
        text-transform: uppercase;
        text-decoration: none; }
        .centeredmenu ul li a:hover {
          color: #56bdda; }

#btn-registernow {
  background-color: #a81916;
  -webkit-transition: background-color 1000ms linear;
  -moz-transition: background-color 1000ms linear;
  -o-transition: background-color 1000ms linear;
  -ms-transition: background-color 1000ms linear;
  transition: background-color 1000ms linear;
  color: #ffffff;
  float: right;
  padding: 0.625em;
  width: auto; }
  #btn-registernow:hover {
    cursor: pointer;
    background-color: #706f6f;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear; }
  #btn-registernow .btn {
    border: 2px solid #ffffff; }
    #btn-registernow .btn p {
      font-size: 1.375em;
      line-height: 125%;
      margin: 0.35em 0;
      text-align: center;
      text-transform: uppercase; }
      #btn-registernow .btn p:last-child {
        font-size: 1.875em;
        font-weight: 700;
        line-height: 105%; }

.highlight {
  -webkit-transition: all 2s linear;
  -moz-transition: all 2s linear;
  -ms-transition: all 2s linear;
  -o-transition: all 2s linear;
  transition: all 2s linear; }

.highlight:hover,
.highlight.glow {
  background-color: #ffffff; }

label.error {
  color: #a81916;
  padding-left: 0.5em;
  display: inline-block !important; }

.highlighted {
  color: #1883b2;
  font-style: italic; }

.spam_prevention {
  display: none; }

.grey-bg {
  background-color: #eeeeee; }

.red {
  color: #a81916; }
  .red a {
    color: #a81916;
    text-decoration: none; }

.red-bg {
  background-color: #a81916; }

.blue {
  color: #1883b2; }

.blue-bg {
  background-color: #56bdda; }

.blue-light {
  color: #56bdda; }

.blue-light-bg {
  background-color: #56bdda; }

html body div#page header nav div.mainnav ul li div {
  width: 200px;
  display: none; }

.max {
  height: auto;
  min-height: 0;
  background-color: #000000; }