* {
  margin: 0;
  padding: 0; }

body {
  height: 100%; }

img {
  border: none; }

#supersized-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  text-indent: -999em; }

#supersized {
  position: fixed;
  left: 0;
  top: 0;
  overflow: hidden;
  z-index: -999;
  height: 100%;
  width: 100%; }
  #supersized img {
    width: auto;
    height: auto;
    position: relative;
    outline: none;
    border: none; }
  #supersized a {
    z-index: -30;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #111111;
    display: block; }
    #supersized a.image-loading {
      background: #111111;
      width: 100%;
      height: 100%; }

html, body, div, span, applet, object, iframe, h1, h2, .teaser.n3col p, .teaser.n3col .overview-block ul, .overview-block .teaser.n3col ul, h3, h4, h5, h6, p, .overview-block ul, blockquote, pre, hr, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

h1, h2, .teaser.n3col p, .teaser.n3col .overview-block ul, .overview-block .teaser.n3col ul, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

strong, b, mark {
  font-weight: bold;
  font-style: inherit; }

em, i, cite, q, address, dfn, var {
  font-style: italic;
  font-weight: inherit; }

abbr[title], dfn[title] {
  cursor: help;
  border-bottom: 1px dotted; }

ins {
  border-bottom: 1px solid; }

a, u, ins {
  text-decoration: none; }

del, s {
  text-decoration: line-through; }

pre, code, samp, kbd {
  font-family: monospace; }

small {
  font-size: 0.75em; }

img {
  border: none;
  font-style: italic; }

input, select, textarea {
  font: inherit; }

@font-face {
  font-family: "Quicksand-Regular";
  src: url("../fonts/Quicksand-Regular.eot");
  src: url("../fonts/Quicksand-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Quicksand-Regular.woff") format("woff"), url("../fonts/Quicksand-Regular.ttf") format("truetype"), url("../fonts/Quicksand-Regular.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal; }

body {
  font-family: Sans, sans-serif; }

.wrapper, .wrapper2 {
  width: 780px;
  margin: 0 auto; }

#nav {
  background: url(../img/bg-topnav.png) repeat-x;
  width: 100%;
  min-width: 880px;
  margin-top: 20px; }
  #nav .inner {
    width: 780px;
    margin: 0 auto;
    background-image: url("../img/geko-logo-blau.png");
    background-repeat: no-repeat;
    background-position: right center;
    height: 70px;
    line-height: 70px;
    font-size: 15px; }
    @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-moz-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min-device-pixel-ratio: 1.5) {
      #nav .inner {
        background-image: url("../img/geko-logo-blau@2x.png");
        background-size: 101px 39px; } }
    #nav .inner ul {
      list-style: none; }
      #nav .inner ul li {
        float: left;
        display: block;
        padding: 0 8px;
        position: relative; }
        #nav .inner ul li a {
          color: #2d2d2d; }
          #nav .inner ul li a:hover {
            color: #1c76a5; }
        #nav .inner ul li:hover {
          background: url(../img/bg-topnav.png); }
          #nav .inner ul li:hover ul {
            display: block;
            left: 0; }
        #nav .inner ul li.active {
          font-weight: bold; }
          #nav .inner ul li.active a {
            color: #1c76a5; }
          #nav .inner ul li.active li a {
            color: #2d2d2d; }
            #nav .inner ul li.active li a:hover {
              color: #1c76a5; }
          #nav .inner ul li.active li.active a {
            color: #1c76a5; }
        #nav .inner ul li ul {
          position: absolute;
          display: none;
          width: 150px;
          line-height: 20px;
          font-weight: normal; }
          #nav .inner ul li ul li {
            display: block;
            background: url(../img/bg-topnav.png);
            width: 150px;
            padding: 4px 8px; }
            #nav .inner ul li ul li:first-child {
              padding-top: 10px; }
            #nav .inner ul li ul li:last-child {
              padding-bottom: 10px; }

.contentblock {
  width: 780px;
  margin: 50px auto; }
  .contentblock h1 {
    font-size: 94px;
    font-family: "Quicksand-Regular", Sans, sans-serif;
    color: #1c76a5;
    letter-spacing: -8px;
    line-height: 96px;
    margin-bottom: 50px; }
  .contentblock h2, .contentblock .teaser.n3col p, .teaser.n3col .contentblock p, .contentblock .teaser.n3col .overview-block ul, .teaser.n3col .overview-block .contentblock ul, .contentblock .overview-block .teaser.n3col ul, .overview-block .teaser.n3col .contentblock ul {
    font-size: 28px;
    font-family: "Quicksand-Regular", Sans, sans-serif;
    color: #1c76a5;
    letter-spacing: -2px;
    margin: 30px 0 15px 0; }
  .contentblock p, .contentblock .overview-block ul, .overview-block .contentblock ul {
    font-size: 15px;
    margin-bottom: 15px;
    color: #2d2d2d;
    font-family: Sans, sans-serif;
    line-height: 24px; }
  .contentblock a {
    color: #1c76a5; }
    .contentblock a:hover {
      border-bottom: 1px dotted #1c76a5; }

.overview-block {
  width: 780px;
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid #dddddd;
  overflow: hidden; }
  .overview-block:last-child {
    border-bottom: 1px solid #dddddd; }
  .overview-block img {
    float: left;
    margin: 0 20px 0 0; }
  .overview-block h2, .overview-block .teaser.n3col p, .teaser.n3col .overview-block p, .teaser.n3col .overview-block ul, .overview-block .teaser.n3col ul {
    color: #1c76a5;
    font-size: 15px;
    margin-bottom: 15px;
    float: left;
    width: 540px; }
  .overview-block.longlist h2, .overview-block.longlist .teaser.n3col p, .teaser.n3col .overview-block.longlist p, .teaser.n3col .overview-block.longlist ul, .overview-block.longlist .teaser.n3col ul {
    margin-bottom: 0; }
  .overview-block h3 {
    color: #1c76a5;
    font-weight: bold;
    margin: 15px 0 5px 0; }
  .overview-block p, .overview-block ul {
    font-size: 13px;
    line-height: 21px;
    display: inline-block;
    float: left;
    width: 540px; }
    .overview-block p + p, .overview-block ul + p, .overview-block p + ul, .overview-block ul + ul {
      margin-top: 11px; }
    .overview-block p.grey, .overview-block ul.grey {
      margin-top: 11px; }
      .overview-block p.grey + p, .overview-block ul.grey + p, .overview-block p.grey + ul, .overview-block ul.grey + ul {
        margin-top: 30px; }
  .overview-block h3 + p.grey, .overview-block h3 + ul.grey, .overview-block ul + p.grey, .overview-block ul + ul.grey {
    margin-top: 0; }
  .overview-block ul {
    padding: 15px 0 15px 20px;
    list-style-type: disc; }
    .overview-block ul + p, .overview-block ul + ul {
      margin-top: 0; }
  .overview-block li {
    padding: 2px 0 2px 5px;
    clear: left; }
    .overview-block li p, .overview-block li ul {
      margin: 0 0 3px 0;
      float: none; }
    .overview-block li ul {
      padding-left: 20px; }
      .overview-block li ul li {
        padding: 4px 0; }

.dot {
  font-weight: bold;
  font-family: Sans, sans-serif;
  color: #1c76a5;
  font-size: 20px;
  padding: 0 5px;
  position: relative;
  top: 2px; }

.wrapper2 .overview-block {
  padding: 25px 0; }
  .wrapper2 .overview-block h2, .wrapper2 .overview-block .teaser.n3col p, .teaser.n3col .wrapper2 .overview-block p, .wrapper2 .teaser.n3col .overview-block ul, .teaser.n3col .wrapper2 .overview-block ul, .wrapper2 .overview-block .teaser.n3col ul {
    font-size: 28px;
    font-family: "Quicksand-Regular", Sans, sans-serif;
    color: #1c76a5;
    letter-spacing: -2px; }
  .wrapper2 .overview-block ul {
    display: block;
    clear: left; }
    .wrapper2 .overview-block ul:last-child {
      margin-bottom: 0; }
  .wrapper2 .overview-block p, .wrapper2 .overview-block ul, .wrapper2 .overview-block h2, .wrapper2 .overview-block .teaser.n3col p, .teaser.n3col .wrapper2 .overview-block p, .wrapper2 .teaser.n3col .overview-block ul, .teaser.n3col .wrapper2 .overview-block ul, .wrapper2 .overview-block .teaser.n3col ul, .wrapper2 .overview-block ul, .wrapper2 .overview-block li {
    width: auto; }

.blueblock {
  background: url(../img/bg-teaserblock-blau.png) repeat-x; }
  .blueblock .inner {
    width: 780px;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0 25px 0; }
  .blueblock p, .blueblock .overview-block ul, .overview-block .blueblock ul {
    font-size: 15px;
    line-height: 24px;
    color: white;
    margin-bottom: 15px;
    letter-spacing: 0; }
    .blueblock p:last-child, .blueblock .overview-block ul:last-child, .overview-block .blueblock ul:last-child {
      margin-bottom: 0; }
  .blueblock ul {
    padding-left: 20px;
    color: white;
    font-size: 15px;
    font-family: Sans, sans-serif; }
    .blueblock ul li {
      line-height: 24px; }
      .blueblock ul li:first-child {
        padding-top: 0; }
      .blueblock ul li:last-child {
        padding-bottom: 0; }
  .blueblock .left {
    width: 520px;
    margin-right: 60px;
    float: left; }
  .blueblock .right {
    width: 200px;
    float: left; }

.teaser {
  overflow: hidden;
  margin: 50px 0;
  font-family: Sans, sans-serif; }
  .teaser.n3col {
    padding: 0 30px;
    width: 219px;
    float: left;
    border-right: 1px solid #dddddd; }
    .teaser.n3col:first-child {
      padding-left: 0; }
    .teaser.n3col:nth-child(3) {
      padding-right: 0;
      border-right: none; }
    .teaser.n3col img {
      margin-bottom: 20px; }
    .teaser.n3col h2, .teaser.n3col p, .teaser.n3col .overview-block ul, .overview-block .teaser.n3col ul {
      font-size: 13px;
      color: #1c76a5;
      font-family: Sans, sans-serif;
      font-weight: bold;
      margin-bottom: 13px;
      line-height: 18px; }
    .teaser.n3col p, .teaser.n3col .overview-block ul, .overview-block .teaser.n3col ul {
      font-weight: normal;
      color: #2d2d2d; }
      .teaser.n3col p a, .teaser.n3col .overview-block ul a, .overview-block .teaser.n3col ul a {
        color: #1c76a5; }
        .teaser.n3col p a:hover, .teaser.n3col .overview-block ul a:hover, .overview-block .teaser.n3col ul a:hover {
          border-bottom: 1px dotted #1c76a5; }

#footer {
  clear: left;
  font-size: 13px;
  color: #777777;
  overflow: hidden;
  margin-bottom: 40px; }
  #footer a {
    color: #777777; }
    #footer a:hover {
      color: #1c76a5; }
  #footer ul {
    list-style-type: none; }
  #footer li {
    display: inline;
    height: 40px;
    line-height: 40px; }
    #footer li img {
      position: relative;
      top: 5px; }
  #footer .left {
    width: 390px;
    float: left; }
    #footer .left li {
      margin-right: 5px; }
  #footer .right {
    width: 390px;
    float: left;
    text-align: right; }
    #footer .right li {
      margin-left: 5px; }

iframe {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px; }