body {
    padding: 50px;
    background-color:#000000;
}

#contentContact{
    width:500px;
    height: 540px;
    margin-top: 22px;
    margin-left: 10px;
    padding-top:0px;
    padding-left:20px;
    padding-right: 20px;
    float:left;
    /*position:relativ;*/
    font-family:akzid-Reg;
    font-size:16px;
    text-align:left;
    /*color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity:0.9;*/
}

#contentIndex{
    width:200px;
    height: 540px;
    margin-top: 22px;
    margin-left: 10px;
    padding-top:0px;
    padding-left:20px;
    padding-right: 20px;
    float:left;
    /*position:relativ;*/
    font-family:akzid-Reg;
    font-size:16px;
    text-align:left;
    text-align: justify;
    /*color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity:0.9;*/
}

#contentKontakt{
    width:200px;
    height: 540px;
    margin-top: 42px;
    margin-left: 10px;
    padding-top:0px;
    padding-left:20px;
    padding-right: 20px;
    float:left;
    /*position:relativ;*/
    font-family:akzid-Reg;
    font-size:16px;
    text-align:left;
    /* color: rgb(255, 255, 255);
     background: rgba(0, 0, 0, 0.5);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     opacity:0.9; */
}

#contentWhat{
    width:230px;
    height: 682px;
    margin-top: 22px;
    margin-left: 10px;
    padding-top:0px;
    padding-left:20px;
    padding-right: 20px;
    float:left;
    text-align: left;
    text-align: justify;
    /*position:relativ;*/
    font-family:akzid-Reg;
    font-size:16px;
    /* color: rgb(255, 255, 255);
     background: rgba(0, 0, 0, 0.5);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     opacity:0.9;*/
}

#contentWhat2{
    width:240px;
    height: 340px;
    margin-top: 22px;
    margin-left: 40px;
    padding-top:0px;
    padding-left:20px;
    padding-right: 20px;
    float:left;
    /*position:relativ;*/
    font-family:akzid-Reg;
    font-size:16px;
    text-align:left;
    text-align:justify;
    /* color: rgb(255, 255, 255);
     background: rgba(0, 0, 0, 0.5);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     opacity:0.9;*/
}

#contentWhatWoman{
    width:228px;
    height: 662px;
    margin-top: 22px;
    margin-left: 10px;
    padding-top:0px;
    padding-left:20px;
    padding-right: 20px;
    float:left;
    text-align: left;
    text-align:justify;
    font-family:akzid-Reg;
    font-size:16px;
    /*   color: rgb(255, 255, 255);
       background: rgba(0, 0, 0, 0.5);
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px;
       opacity:0.9;*/
}

#contentWhatWoman2{
    width:223px;
    height: 610px;
    margin-top: 22px;
    margin-left: 40px;
    padding-top:0px;
    padding-left:20px;
    padding-right: 20px;
    float:left;
    /*   line-height: 18px;*/
    /*position:relativ;*/
    font-family:akzid-Reg;
    font-size:16px;
    text-align:left;
    text-align:justify;
    /* color: rgb(255, 255, 255);
     background: rgba(0, 0, 0, 0.5);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     opacity:0.9;*/
}

#contentWhatMan{
    width:240px;
    height: 662px;
    margin-top: 22px;
    margin-left: 10px;
    padding-top:0px;
    padding-left:20px;
    padding-right: 20px;
    float:left;
    text-align: left;
    text-align:justify;
    /* line-height: 18px; */
    /*position:relativ;*/
    font-family:akzid-Reg;
    font-size:16px;
    /*color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity:0.9;*/
}

#contentWhatMan2{
    width:223px;
    height: 345px;
    margin-top: 22px;
    margin-left: 40px;
    padding-top:0px;
    padding-left:20px;
    padding-right: 20px;
    float:left;
    /* line-height: 18px; */
    /*position:relativ;*/
    font-family:akzid-Reg;
    font-size:16px;
    text-align:left;
    text-align:justify;
    /* color: rgb(255, 255, 255);
     background: rgba(0, 0, 0, 0.5);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     opacity:0.9;*/
}

#contentRef{
    width:168px;
    height: 662px;
    margin-top: 22px;
    margin-left: 10px;
    padding-top:0px;
    padding-left:20px;
    padding-right: 20px;
    float:left;
    text-align: left;
    text-align:justify;
    /* line-height: 18px;*/
    /*position:relativ;*/
    font-family:akzid-Reg;
    font-size:16px;
    /*  color: rgb(255, 255, 255);
      background: rgba(0, 0, 0, 0.5);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      opacity:0.9;*/
}

#contentRef2{
    width:168px;
    height: 662px;
    margin-top: 22px;
    margin-left: 10px;
    padding-top:0px;
    padding-left:20px;
    padding-right: 20px;
    float:left;
    text-align: left;
    text-align:justify;
    line-height: 18px;
    /*position:relativ;*/
    font-family:akzid-Reg;
    font-size:16px;
    /*   color: rgb(255, 255, 255);
       background: rgba(0, 0, 0, 0.5);
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px;
       opacity:0.9;*/
}

#contentRef3{
    width:228px;
    height: 222px;
    margin-top: 22px;
    margin-left: 10px;
    padding-top:0px;
    padding-left:20px;
    padding-right: 20px;
    float:left;
    text-align: left;
    text-align:justify;
    line-height: 18px;
    /*position:relativ;*/
    font-family:akzid-Reg;
    font-size:16px;
    /*   color: rgb(255, 255, 255);
       background: rgba(0, 0, 0, 0.5);
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px;
       opacity:0.9;*/
}

#contentLern{
    width:228px;
    height: 662px;
    margin-top: 22px;
    margin-left: 10px;
    padding-top:0px;
    padding-left:20px;
    padding-right: 10px;
    float:left;
    text-align: left;
    text-align:justify;
    /* line-height: 18px;*/
    /*position:relativ;*/
    font-family:akzid-Reg;
    font-size:16px;
    /*  color: rgb(255, 255, 255);
      background: rgba(0, 0, 0, 0.5);
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      opacity:0.9;*/
}

#contentLern2{
    width:228px;
    height: 200px;
    margin-top: 22px;
    margin-left: 10px;
    padding-top:0px;
    padding-left:0px;
    padding-right: 20px;
    float:left;
    text-align: left;
    text-align:justify;
    line-height: 18px;
    /*position:relativ;*/
    font-family:akzid-Reg;
    font-size:16px;
    /*   color: rgb(255, 255, 255);
       background: rgba(0, 0, 0, 0.5);
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px;
       opacity:0.9;*/
}

#contentLern3{
    width:228px;
    height: 100px;
    margin-top: 180px;
    margin-left: 0px;
    padding-top:0px;
    padding-left:0px;
    padding-right: 0px;
    float:left;
    text-align: left;
    text-align:justify;
    vertical-align: baseline;
    line-height: 18px;
    /*position:relativ;*/
    font-family:akzid-It;
    font-size:16px;
    /*   color: rgb(255, 255, 255);
       background: rgba(0, 0, 0, 0.5);
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px;
       opacity:0.9;*/
}
#contentLern4{
    width:448px;
    height: 202px;
    margin-top: 0px;
    margin-left: 10px;
    padding-top:0px;
    padding-left:0px;
    padding-right: 0px;
    /*   float:left; */
    float: left;
    position: static;
    text-align: left;
    text-align:justify;
    line-height: 18px;
    /*position:relativ;*/
    font-family:akzid-It;
    font-size:16px;
    /*   color: rgb(255, 255, 255);
       background: rgba(0, 0, 0, 0.5);
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px;
       opacity:0.9;*/
}
#back{
    width:0px;
    height: 0px;
    margin-top: 170px;
    margin-left: 10px;
    padding-top:0px;
    padding-left:5px;
    padding-right: 20px;
    float:left;
    text-align: left;
    line-height: 18px;
    /*position:relativ;*/
    font-family:akzid-It;
    font-size:16px;
    /*   color: rgb(255, 255, 255);
       background: rgba(0, 0, 0, 0.5);
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px;
       opacity:0.9;*/
}
#next{
    width:0px;
    height: 0px;
    margin-top: 170px;
    margin-left: 380px;
    padding-top:0px;
    padding-left:0px;
    padding-right: 0px;
    float:left;

    text-align: left;
    line-height: 18px;
    /*position:relativ;*/
    font-family:akzid-It;
    font-size:16px;
    /*   color: rgb(255, 255, 255);
       background: rgba(0, 0, 0, 0.5);
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       border-radius: 5px;
       opacity:0.9;*/
}

#clickNext{
    cursor: pointer;
}

#clickBack{
    cursor: pointer;
}

#naviKontakt{
    width:190px;
    height: 380px;
    margin-top: 180px;
    margin-left: 30px;
    padding-top:0px;
    padding-left:10px;
    float:left;
    /*position:relativ;*/
    font-family:akzid-Reg;
    font-size:23px;
    text-align:left;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity:0.9;
}



#naviKontakt p.active a, p, a, #navi p.active a:visited {
    color: #ffffff;
    text-decoration:none;
    margin-bottom:-23px;
}

#naviKontakt p.active {
    font-family: akzid-It;
    border: none;
    text-decoration: underline;
}

#naviKontakt a:hover {
    font-family: akzid-It;
    border: none;
    text-decoration: underline;
}

#navi{
    width:200px;
    padding-top:180px;
    padding-left:40px;
    float:left;
    /*position:relativ;*/
    font-family:akzid-Reg;
    font-size:23px;
    text-align:left;
    color: rgb(255, 255, 255);
    opacity:0.9;
}


#navi p.active a, p, a, #navi p.active a:visited {
    color: #ffffff;
    text-decoration:none;
    margin-bottom:-23px;
}

#navi p.active {
    font-family: akzid-It;
    border: none;
    text-decoration: underline;
}

#navi a:hover {
    font-family: akzid-It;
    border: none;
    text-decoration: underline;
}

@font-face {
    font-family: akzid-Reg;
    src: url('fonts/AkzidenzGroteskBE-Regular.otf');
}

@font-face {
    font-family: akzid-Md;
    src: url('fonts/AkzidenzGroteskBE-Md.otf');
}

@font-face {
    font-family: akzid-MdIt;
    src: url('fonts/AkzidenzGroteskBE-MdIt.otf');
}

@font-face {
    font-family: akzid-It;
    src: url('fonts/AkzidenzGroteskBE-It.otf');
}

#main {
    /* basic */
    background-image: url('img/base.jpg');
    margin: 0 auto;
    width: 1000px;
    height: 707px;
    /* padding: 707px;*/
    text-align: center;
    /* border-radius */
    /* -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     /* box-shadow */
    /*  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
      -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;
      box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; */
    margin-left: auto;
    margin-right: auto;
}

#martina{
    background-image: url('img/martina2.jpg');
    background-position: center;
	background-repeat:no-repeat;
    width: 447px;
    height: 618px;
    /*position: relative;*/
    margin-right:42px;
    margin-top:42px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float:right;
}