.main {
  width: 1020px;
  height: 590px;
  margin: 0 auto;
  margin-top: 50px;
  background: #ffffff;
  background: -moz-linear-gradient(45deg, #ffffff 0%, #97d6ec 69%);
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #ffffff), color-stop(69%, #97d6ec));
  background: -webkit-linear-gradient(45deg, #ffffff 0%, #97d6ec 69%);
  background: -o-linear-gradient(45deg, #ffffff 0%, #97d6ec 69%);
  background: -ms-linear-gradient(45deg, #ffffff 0%, #97d6ec 69%);
  background: linear-gradient(45deg, #ffffff 0%, #97d6ec 69%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#97d6ec',GradientType=1 ); }

.horizontalLine {
  width: 100%;
  height: 1px;
  background-color: #BD953D;
  position: absolute;
  top: 170px; }

.heading {
  width: 100%;
  height: 130px;
  border-bottom: 1px solid #BD953D; }
  .heading div {
    width: 350px;
    margin: 0 auto; }
  .heading .heading1 {
    font-family: "Times New Roman";
    font-size: 32px;
    font-style: italic;
    color: #262159; }
  .heading .heading2 {
    font-family: "Palatino Linotype";
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 4px;
    color: #BD953D; }
  .heading .heading3 {
    font-family: "Palatino Linotype";
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 8px;
    margin-top: -8px;
    color: #BD953D; }
  .heading .heading4 {
    font-family: "Palatino Linotype";
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: -8px;
    color: #BD953D; }

.content {
  width: 100%;
  height: 340px;
  position: relative; }
  .content div.foto_birgit {
    width: 256px;
    height: 170px;
    background-image: url("./img/birgit_mancevski.jpg");
    background-size: 100% 100%; }
  .content div.logo {
    width: 256px;
    height: 170px;
    background-image: url("./img/logo.jpg");
    background-size: 100% 100%;
    margin-left: 22px; }
  .content div.home.left {
    text-align: center;
    color: #262159;
    line-height: 20px;
    padding-top: 20px;
    font-family: "Times New Roman";
    font-style: italic; }
  .content div.home.center {
    text-align: center;
    color: #BD953D;
    line-height: 20px;
    padding-top: 20px;
    font-family: "Times New Roman";
    font-style: italic;
    font-weight: bold; }
  .content div.home.right h3 {
    font-size: 16px;
    color: #BD953D;
    margin-top: 5px;
    margin-bottom: 5px; }
  .content div.home.right ul {
    margin-top: 5px;
    color: #262159;
    font-size: 15px; }
  .content div.lebensmutmacherin.left {
    color: #262159;
    line-height: 20px; }
    .content div.lebensmutmacherin.left h3 {
      font-size: 16px;
      color: #BD953D;
      margin-top: 5px;
      margin-bottom: 0px; }
    .content div.lebensmutmacherin.left span.small {
      font-size: 10px; }
    .content div.lebensmutmacherin.left ul {
      margin: 0;
      margin-top: 15px;
      padding: 0; }
      .content div.lebensmutmacherin.left ul a {
        text-decoration: none;
        color: #262159; }
        .content div.lebensmutmacherin.left ul a:hover li {
          list-style-image: url("../img/smallBall.png"); }
        .content div.lebensmutmacherin.left ul a li {
          list-style: none;
          font-weight: bold;
          margin-top: 10px; }
    .content div.lebensmutmacherin.left .text {
      margin-top: 20px; }
  .content div.lebensmutmacherin.center {
    text-align: center;
    color: #BD953D;
    line-height: 20px;
    padding-top: 20px;
    font-family: "Times New Roman";
    font-style: italic;
    font-weight: bold; }
  .content div.lebensmutmacherin.right h3 {
    font-size: 16px;
    color: #BD953D;
    margin-top: 5px;
    margin-bottom: 5px; }
  .content div.lebensmutmacherin.right span {
    font-size: 15px;
    color: #262159; }
  .content div.lebensmutmacherin.right ul {
    margin-top: 5px;
    color: #262159;
    font-size: 15px; }
  .content div.lebensmutmacherin.right .rightText .hidden {
    display: none; }
  .content div.mediation.left {
    color: #262159;
    line-height: 20px; }
    .content div.mediation.left h3 {
      font-size: 16px;
      color: #BD953D;
      margin-top: 5px;
      margin-bottom: 0px; }
    .content div.mediation.left span.small {
      font-size: 10px; }
    .content div.mediation.left ul {
      margin: 0;
      margin-top: 10px;
      padding: 0; }
      .content div.mediation.left ul a {
        text-decoration: none;
        color: #262159; }
        .content div.mediation.left ul a:hover li {
          list-style-image: url("../img/smallBall.png"); }
        .content div.mediation.left ul a li {
          list-style: none;
          font-weight: bold;
          margin-top: 10px; }
    .content div.mediation.left .text {
      margin-top: 40px;
      font-size: 13px; }
  .content div.mediation.center {
    text-align: center;
    color: #BD953D;
    line-height: 20px;
    padding-top: 20px;
    font-family: "Times New Roman";
    font-style: italic;
    font-weight: bold; }
    .content div.mediation.center ul {
      font-weight: normal;
      text-align: left;
      margin-top: 5px; }
  .content div.mediation.right h3 {
    font-size: 16px;
    color: #BD953D;
    margin-top: 5px;
    margin-bottom: 5px; }
  .content div.mediation.right span {
    font-size: 15px;
    color: #262159; }
  .content div.mediation.right ul {
    margin-top: 5px;
    color: #262159;
    font-size: 15px; }
  .content div.mediation.right .textBottom {
    position: absolute;
    top: 190px;
    font-size: 13px;
    color: #262159;
    width: 300px; }
  .content div.mediation.right .rightText.hidden {
    display: none; }
  .content div.mediation.right .rightText.rightText1 ul {
    font-size: 13px; }
    .content div.mediation.right .rightText.rightText1 ul li {
      line-height: 15px; }
  .content div.methodenvielfalt.left {
    color: #262159;
    line-height: 20px; }
    .content div.methodenvielfalt.left h3 {
      font-size: 16px;
      color: #BD953D;
      margin-top: 5px;
      margin-bottom: 0px; }
    .content div.methodenvielfalt.left span.small {
      font-size: 10px; }
    .content div.methodenvielfalt.left ul {
      margin: 0;
      margin-top: 10px;
      padding: 0;
      font-size: 14px; }
      .content div.methodenvielfalt.left ul a {
        text-decoration: none;
        color: #262159; }
        .content div.methodenvielfalt.left ul a:hover li {
          list-style-image: url("../img/smallBall.png"); }
        .content div.methodenvielfalt.left ul a li {
          list-style: none;
          font-weight: bold;
          line-height: 17px; }
    .content div.methodenvielfalt.left .text {
      margin-top: 40px;
      font-size: 13px; }
  .content div.methodenvielfalt.center {
    text-align: center;
    color: #BD953D;
    line-height: 20px;
    padding-top: 20px;
    font-family: "Times New Roman";
    font-style: italic;
    font-weight: bold; }
    .content div.methodenvielfalt.center span.smaller {
      font-size: 13px; }
    .content div.methodenvielfalt.center ul {
      font-weight: normal;
      text-align: left;
      margin-top: 5px; }
  .content div.methodenvielfalt.right h3 {
    font-size: 16px;
    color: #BD953D;
    margin-top: 5px;
    margin-bottom: 5px; }
  .content div.methodenvielfalt.right span {
    font-size: 15px;
    color: #262159; }
  .content div.methodenvielfalt.right ul {
    margin-top: 5px;
    color: #262159;
    font-size: 15px; }
  .content div.methodenvielfalt.right .textBottom {
    position: absolute;
    top: 190px;
    font-size: 13px;
    color: #262159;
    width: 300px; }
  .content div.methodenvielfalt.right .rightText span.text {
    font-size: 14px;
    color: #262159; }
  .content div.methodenvielfalt.right .rightText.hidden {
    display: none; }
  .content div.methodenvielfalt.right .rightText.rightText1 ul {
    font-size: 13px; }
    .content div.methodenvielfalt.right .rightText.rightText1 ul li {
      line-height: 15px; }
  .content div.column {
    width: 256px;
    height: 100%;
    float: left; }
    .content div.column.colLeft {
      margin-left: 35px; }
    .content div.column.colCenter {
      margin-left: 70px;
      width: 300px; }
    .content div.column.colRight {
      margin-left: 40px;
      width: 300px; }
  .content div.eigene_texte {
    width: 100%;
    position: absolute;
    top: 200px;
    height: 100px; }
    .content div.eigene_texte ul li {
      float: left;
      width: 300px;
      text-align: center;
      list-style: none;
      border: 1px solid #BD953D;
      margin-left: 10px; }
      .content div.eigene_texte ul li span.text_heading {
        color: #BD953D;
        font-size: 18px;
        font-style: italic;
        line-height: 10px; }
      .content div.eigene_texte ul li a {
        text-decoration: none;
        font-size: 12px; }
        .content div.eigene_texte ul li a:hover {
          text-decoration: underline; }
  .content div.kontakt.left {
    text-align: left;
    color: #262159;
    line-height: 20px;
    padding-top: 20px;
    font-family: "Times New Roman"; }
  .content div.kontakt.center {
    text-align: center;
    color: #262159;
    line-height: 10px;
    padding-top: 20px;
    font-size: 10px;
    font-family: "Times New Roman"; }
  .content div.kontakt.right h3 {
    font-size: 16px;
    color: #BD953D;
    margin-top: 5px;
    margin-bottom: 5px; }
  .content div.kontakt.right ul {
    margin-top: 5px;
    color: #262159;
    font-size: 15px; }

.menu {
  width: 100%;
  height: 100px; }
  .menu .col1, .menu .col2, .menu .col3 {
    float: left;
    height: 100%;
    width: 250px;
    position: relative;
    font-family: "Palatino Linotype";
    color: #BD953D;
    font-size: 15px;
    font-weight: 900 !important;
    letter-spacing: 1px;
    overflow: hidden; }
    .menu .col1.col1, .menu .col2.col1, .menu .col3.col1 {
      margin-left: 40px; }
    .menu .col1.col2, .menu .col2.col2, .menu .col3.col2 {
      margin-left: 100px; }
    .menu .col1.col3, .menu .col2.col3, .menu .col3.col3 {
      margin-left: 100px; }
    .menu .col1 .underground, .menu .col2 .underground, .menu .col3 .underground {
      width: 1000px;
      height: 100%; }
  .menu ul {
    list-style: none;
    list-style-position: inside;
    margin: 0;
    padding: 0; }
    .menu ul a {
      color: #BD953D;
      text-decoration: none; }
      .menu ul a.active {
        color: #262159; }
        .menu ul a.active .circle {
          background-image: url("./img/circle_hover.png"); }
        .menu ul a.active .lineUntilEnd {
          background-color: #262159; }
    .menu ul a:hover {
      color: #262159; }
    .menu ul a:hover .lineUntilEnd {
      background-color: #262159; }
    .menu ul a:hover .circle {
      background-image: url("./img/circle_hover.png"); }
    .menu ul li {
      position: relative;
      margin-top: 8px; }

.lineUntilEnd {
  width: 300px;
  height: 2px;
  background-color: #BD953D;
  display: inline-block;
  margin-bottom: 4px; }

.circle {
  width: 20px;
  height: 20px;
  background-image: url("./img/circle.png");
  position: absolute;
  top: 0px;
  left: 230px; }

.footer {
  width: 680px;
  height: 50px;
  margin: 10px auto;
  font-size: 9px;
  text-align: center;
  color: #262159;
  letter-spacing: 1px;
  font-family: Arial; }
  .footer .smallHeading {
    color: #BD953D;
    font-weight: bold; }
  .footer a {
    color: #BD953D; }