.landingpage {
  width: 960px;
  margin: 0 auto;
  background: #fff;
  margin-top: 20px; }
  .landingpage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }
  .landingpage .header {
    width: 960px;
    height: 77px;
    background: #fff url(/images/motif_landingpage/header.png) no-repeat; }
  .landingpage ul.nav {
    width: 790px;
    height: 40px;
    margin-left: 170px;
    margin-top: 10px;
    margin-bottom: 20px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px; }
    .landingpage ul.nav:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    .landingpage ul.nav li {
      float: left;
      display: block;
      height: 40px;
      width: 156px;
      text-align: center;
      line-height: 40px;
      background: #cce1f8 url(/images/header_bg_highlighted.png) repeat-x;
      color: #068fe0;
      font-size: 120%;
      border-left-style: solid;
      border-left-color: #0079ca;
      border-left-width: 2px; }
      .landingpage ul.nav li.active a {
        background: #cce1f8 url(/images/header_bg_highlighted.png) repeat-x;
        color: #068fe0; }
      .landingpage ul.nav li.first {
        border-left: none;
        width: 158px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-bottomleft: 5px;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px; }
        .landingpage ul.nav li.first a {
          width: 158px;
          -moz-border-radius-topleft: 5px;
          -moz-border-radius-bottomleft: 5px;
          -webkit-border-top-left-radius: 5px;
          -webkit-border-bottom-left-radius: 5px; }
      .landingpage ul.nav li a {
        display: block;
        line-height: 40px;
        text-decoration: none;
        color: #fff;
        background: #068fe0 url(/images/header_bg.png) repeat-x; }
        .landingpage ul.nav li a:hover {
          background: #cce1f8 url(/images/header_bg_highlighted.png) repeat-x;
          color: #068fe0; }
  .landingpage .picture {
    width: 960px;
    height: 234px;
    background: #fff url(/images/motif_landingpage/key_visual.jpg) no-repeat; }
    .landingpage .picture h1 {
      position: absolute;
      float: none;
      width: 380px;
      height: 100px;
      margin: 30px 0 0 280px;
      font-weight: normal;
      font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Trebuchet MS", Arial, Helvetica, sans-serif; }
    .landingpage .picture img.stoerer {
      margin-top: 100px;
      margin-left: 465px; }
    .landingpage .picture ul.bullets {
      position: absolute;
      width: 380px;
      height: 100px;
      margin: 25px 0 0 420px;
      list-style-image: url(/images/tick.gif); }
      .landingpage .picture ul.bullets li {
        font-size: 20px;
        color: #444; }
  .landingpage .content {
    float: left;
    width: 650px;
    margin-right: 20px; }
    .landingpage .content:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    .landingpage .content .key_facts,
    .landingpage .content .key_facts_einfachte_karte {
      padding-left: 20px;
      padding-top: 35px; }
      .landingpage .content .key_facts:after,
      .landingpage .content .key_facts_einfachte_karte:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0; }
      .landingpage .content .key_facts .box,
      .landingpage .content .key_facts_einfachte_karte .box {
        width: 305px;
        height: 100px;
        float: left;
        margin-bottom: 20px; }
        .landingpage .content .key_facts .box.margin,
        .landingpage .content .key_facts_einfachte_karte .box.margin {
          margin-right: 15px; }
        .landingpage .content .key_facts .box img.icon,
        .landingpage .content .key_facts_einfachte_karte .box img.icon {
          float: left;
          height: 51px;
          width: 52px; }
        .landingpage .content .key_facts .box h2,
        .landingpage .content .key_facts_einfachte_karte .box h2 {
          font-size: 20px;
          font-family: "Trebuchet MS", "Lucida Grande", helvetica, arial, sans-serif;
          color: #5f5c5c;
          border-bottom: 0px solid #fff;
          margin: 0px;
          padding-left: 60px;
          padding-bottom: 5px;
          padding-top: 3px; }
        .landingpage .content .key_facts .box ul,
        .landingpage .content .key_facts_einfachte_karte .box ul {
          padding-left: 75px; }
          .landingpage .content .key_facts .box ul li,
          .landingpage .content .key_facts_einfachte_karte .box ul li {
            list-style-image: url(/images/motif_landingpage/bullet.png);
            color: #333;
            font-size: 12px; }
    .landingpage .content .key_facts_einfachte_karte .box {
      width: 300px;
      height: 220px; }
      .landingpage .content .key_facts_einfachte_karte .box p {
        padding-left: 61px; }
    .landingpage .content .table {
      clear: both;
      background: #fff url(/images/motif_landingpage/table_bg.png) no-repeat;
      width: 640px;
      height: 330px;
      margin-left: 10px;
      border-top: 1px solid #fff; }
      .landingpage .content .table table {
        clear: both;
        margin-top: 50px;
        margin-left: 15px; }
        .landingpage .content .table table th {
          position: absolute;
          left: -9999px; }
        .landingpage .content .table table td.text {
          font-size: 11px;
          width: 170px;
          height: 37px;
          text-align: center;
          line-height: 1.1em; }
        .landingpage .content .table table td.legend {
          margin-left: 16px;
          text-align: left; }
        .landingpage .content .table table td.spacer {
          width: 36px; }
        .landingpage .content .table table td.spacer_two {
          width: 52px; }
        .landingpage .content .table table td.bordered {
          border-bottom: 1px solid #ccc; }
    .landingpage .content .buttons {
      margin-top: 5px;
      margin-left: 20px; }
    .landingpage .content .info_text {
      padding-top: 10px;
      padding-left: 20px; }
      .landingpage .content .info_text h2 {
        padding-top: 20px;
        font-family: "Trebuchet MS", "Lucida Grande", helvetica, arial, sans-serif;
        color: #5ab6dd;
        font-size: 20px;
        border-bottom: 0px solid #fff;
        padding: 0;
        margin: 20px 0 10px 0; }
      .landingpage .content .info_text h3 {
        font-size: 12px;
        font-weight: bold;
        color: #333;
        margin: 1em 0; }
      .landingpage .content .info_text ul {
        margin-left: 15px; }
        .landingpage .content .info_text ul li {
          list-style-image: url(/images/motif_landingpage/bullet.png);
          color: #333;
          font-size: 12px; }
    .landingpage .content .more_motifs {
      margin-top: 30px; }
      .landingpage .content .more_motifs:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0; }
      .landingpage .content .more_motifs .text {
        width: 110px;
        float: left;
        padding: 15px 0 0 40px; }
        .landingpage .content .more_motifs .text h2 {
          font-family: "Trebuchet MS", "Lucida Grande", helvetica, arial, sans-serif;
          color: #5ab6dd;
          font-size: 20px;
          border-bottom: 0px solid #fff;
          padding: 0;
          margin: 0; }
      .landingpage .content .more_motifs .images {
        float: left;
        width: 500px; }
        .landingpage .content .more_motifs .images:after {
          content: ".";
          display: block;
          clear: both;
          visibility: hidden;
          line-height: 0;
          height: 0; }
  .landingpage .side {
    float: left;
    width: 280px;
    margin-right: 10px;
    margin-top: -235px;
    margin-left: -10px; }
    .landingpage .side .motif_box {
      margin-bottom: 20px; }
      .landingpage .side .motif_box .motif_box_top {
        background: url(/images/motif_landingpage/preview_bg_top.png) no-repeat top center;
        min-height: 235px;
        width: 302px; }
      .landingpage .side .motif_box .motif_box_bottom {
        background: url(/images/motif_landingpage/preview_bg_bottom.png) no-repeat bottom center;
        min-height: 50px;
        width: 302px;
        padding-bottom: 20px; }
      .landingpage .side .motif_box .preview {
        padding-top: 21px;
        padding-left: 21px; }
        .landingpage .side .motif_box .preview img {
          position: absolute;
          width: 260px;
          height: 167px; }
      .landingpage .side .motif_box dl.prices {
        margin-top: 180px;
        margin-left: 26px;
        margin-bottom: 20px; }
        .landingpage .side .motif_box dl.prices:after {
          content: ".";
          display: block;
          clear: both;
          visibility: hidden;
          line-height: 0;
          height: 0; }
        .landingpage .side .motif_box dl.prices dt {
          float: left;
          width: 220px;
          height: 25px;
          font-weight: normal; }
        .landingpage .side .motif_box dl.prices dd {
          float: left;
          width: 30px;
          text-align: right;
          height: 25px;
          font-weight: bold; }
      .landingpage .side .motif_box.premium dl.prices {
        margin-bottom: 0; }
      .landingpage .side .motif_box p.button_container {
        text-align: center; }
        .landingpage .side .motif_box p.button_container span a {
          text-decoration: underline;
          color: #b3b3b3; }
    .landingpage .side .customers_feedback {
      margin-left: 10px;
      margin-bottom: 20px; }
      .landingpage .side .customers_feedback h2 {
        font-size: 15px;
        font-family: "Trebuchet MS", "Lucida Grande", helvetica, arial, sans-serif;
        color: #5f5c5c;
        border-bottom: 0px solid #fff;
        margin: 20px 0 0 0;
        font-weight: bold; }
      .landingpage .side .customers_feedback .feedback {
        padding: 10px 0;
        width: 280px;
        background: url(/images/motif_landingpage/feedback_bg.png) no-repeat; }
        .landingpage .side .customers_feedback .feedback p.text {
          padding-left: 30px;
          padding-right: 10px; }
        .landingpage .side .customers_feedback .feedback p.name {
          margin-top: 5px;
          padding-left: 30px;
          font-size: 11px;
          color: #ccc; }
    .landingpage .side .teaser02 {
      margin-left: 10px; }
      .landingpage .side .teaser02 h2 {
        font-size: 15px;
        font-family: "Trebuchet MS", "Lucida Grande", helvetica, arial, sans-serif;
        color: #5f5c5c;
        border-bottom: 0px solid #fff;
        margin: 20px 0 0 0;
        font-weight: bold; }
      .landingpage .side .teaser02 p {
        padding: 10px 0; }
    .landingpage .side .design_box {
      margin: 0px 0 20px 9px;
      background: url(/images/motif_landingpage/design_bg_alt.png) no-repeat;
      width: 282px;
      height: 141px;
      padding: 44px 0 0 14px; }
      .landingpage .side .design_box h2 {
        font-size: 18px;
        font-family: "Trebuchet MS", "Lucida Grande", helvetica, arial, sans-serif;
        color: #5ab6dd;
        border-bottom: 0px solid #fff;
        margin: 0px;
        padding-bottom: 7px;
        font-weight: bold; }
      .landingpage .side .design_box p {
        margin-bottom: 7px; }
        .landingpage .side .design_box p a {
          color: #5ab6dd; }
    .landingpage .side img.awards {
      margin-left: 40px; }
  .landingpage .footer {
    clear: both;
    width: 960px;
    height: 50px;
    background: #fff url(/images/motif_landingpage/footer.png) no-repeat left bottom;
    margin-top: 20px;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding-top: 30px; }
    .landingpage .footer:after {
      content: ".";
      display: block;
      clear: both;
      visibility: hidden;
      line-height: 0;
      height: 0; }
    .landingpage .footer ul#general_links {
      margin-left: 20px;
      float: left;
      width: 390px;
      text-align: left; }
      .landingpage .footer ul#general_links li {
        display: inline; }
        .landingpage .footer ul#general_links li a {
          text-decoration: none;
          color: #666;
          margin-right: 10px;
          font-size: 0.9em; }
    .landingpage .footer #bookmark_links {
      margin-left: -300px; }

#zoom_content table {
  display: table; }
  #zoom_content table tbody tr.highlight {
    background: #f1f7fa; }
  #zoom_content table tbody td {
    font-size: 100%;
    padding: 5px;
    line-height: 1.3em;
    display: table-cell;
    vertical-align: top; }
    #zoom_content table tbody td.key {
      color: #666;
      font-weight: bold;
      width: 260px; }
    #zoom_content table tbody td.value {
      color: #222; }