#uberschrift {
    position: absolute;
    top: 80px;
    left: 760px;
}
#uberschrift h1 {
    position: absolute;
    top: 15px;
    left: 0px;
    font-family: Arial;
    font-size: 30px;
    color: #877B6D;
    text-decoration: underline;
}
#uberschrift p {
    font-family:  Times;
    font-size: 30px;
    font-weight: bold;
    color: #6A6A6A;
}
#uberschrift-ustdolap {
    position: absolute;
    top: 150px;
    left: 0px;
}
#uberschrift-ustdolap p {
    font-family:  Times;
    font-size: 30px;
    font-weight: bold;
    color: #6A6A6A;
}
/*beginn navi 2 */
#navi2-alt {
    position: absolute;
    top: 140px;
    left: 515px;
    width: 700px;
    height: 10px;
    background-color: ;
    font-family: Tahoma;
    z-index: 999999;
    
}
#navi2-alt ul {
    list-style: none;
    padding-left: 0px;
}
#navi2-alt a {
    text-decoration: none;
}
.button-navi2-alt a {
    color: white;
    text-shadow:0px 0px 2px #000000;
    margin: 0px;
    padding: 0px;
}
.button-navi2-alt  {
    background-color: #363738;
    display:  inline-block;
    float: left; /* wichtig damit li abstaende = null */
    padding: 10px 0px 15px 0px;
    font-size: 12px;
    font-weight: bold;
    border-left: solid 1px #C0C0C0;
    text-align: center;
    width: 110px;
    height: 10px;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 1.5s;
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 1.5s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 1.5s;
    -ms-transition-property: background-color, color;
    -ms-transition-duration: 1.5s;
    transition-property: background-color, color;
    transition-duration: 1.5s;
}
.button-navi2-alt:hover  {
    background-color: black;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
.button-navi2-alt:hover a {
    color: #C0C0C0;
}
.button-navi2-alt li .altmenu-navi2 ul {
    display: none;
    
}

.button-navi2-alt:hover li .altmenu-navi2 ul {
    display: block;
    position: absolute;
    top: 35px;
    z-index: 2000;
}
.button-navi2-alt:hover li .altmenu-navi2 ul li {
    height: 60px;
    background-color: #363738;
    border-bottom: solid 1px white;
}
.button-navi2-alt li .altmenu-navi2 ul li {
  background-color: #363738;
    
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 1.5s;
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 1.5s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 1.5s;
    -ms-transition-property: background-color, color;
    -ms-transition-duration: 1.5s;
    transition-property: background-color, color;
    transition-duration: 1.5s;
}

.button-navi2-alt li .altmenu-navi2 ul li:hover {
 background-color: black;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
.button-navi2-alt li .altmenu-navi2 ul li:hover h6 {
 color: white;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}

.button-navi2-alt:hover li .altmenu-navi2 ul a {
    color: #C0C0C0;
}

.button-navi2-2-alt li {
    height: 10px;
}
.button-navi2-2-alt a {
    color: white;
    text-shadow:0px 0px 2px #000000;
    margin: 0px;
    padding: 0px;
}
.button-navi2-2-alt  {
    background-color: #363738;
    display:  inline-block;
    float: left; /* wichtig damit li abstaende = null */
    padding: 10px 0px 15px 0px;
    font-size: 12px;
    font-weight: bold;
    border-left: solid 1px #C0C0C0;
    text-align: center;
    width: 170px;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 1.5s;
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 1.5s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 1.5s;
    -ms-transition-property: background-color, color;
    -ms-transition-duration: 1.5s;
    transition-property: background-color, color;
    transition-duration: 1.5s;
}
.button-navi2-2-alt:hover  {
    background-color: black;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
.button-navi2-alt:hover a {
    color: #C0C0C0;
}
.button-navi2-2-alt:hover li .altmenu-navi2 ul {
    display: block;
    position: absolute;
    top: 48px;
    z-index: 2000;
}
.button-navi2-2-alt:hover li .altmenu-navi2 ul a {
    color: #C0C0C0;
}

#navi2-alt ul .altmenu-navi2 ul {
padding-left: 0px !important;
  width: 110px !important;
  
   }
#navi2-alt ul .altmenu-navi2 li {
     width: 110px !important;
     height: 30px !important;
    

   }
#navi2-alt ul .altmenu-navi2 li h6 {
 text-align: center;
 font-size: 12px;
  font-family: Tahoma;
  line-height: 35px;

   }
/*ende navi2 */

#box-bereich {
    position: absolute;
    top: 120px;
    left: 0px;
    width: 1024px;
    height:550px;
}
#box-bereich h1, h3 {
    font-family: Arial;
    font-size: 16px;
    color: #808080;
    text-decoration: underline;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 2s;
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 2s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 2s;
    -ms-transition-property: background-color, color;
    -ms-transition-duration: 2s;
    transition-property: background-color, color;
    transition-duration: 2s;
}
#box-bereich h2, h4 {
    font-family: Arial;
    font-size: 14px;
    color: #FF8600;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 2s;
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 2s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 2s;
    -ms-transition-property: background-color, color;
    -ms-transition-duration: 2s;
    transition-property: background-color, color;
    transition-duration: 2s;
}
.box-bereich h1 {
    position: absolute;
    top: 30px;
    left: 180px;
}
.box-bereich h2 {
    position: absolute;
    top: 50px;
    left: 180px;
}
.box-bereich h3 {
    position: absolute;
    top: 90px;
    left: 180px;
}
.box-bereich h4 {
    position: absolute;
    top: 110px;
    left: 180px;
}

#box1 {
    position: absolute;
    top: 70px;
    left: 0px;
    width: 334px;
    height:150px;
    background-color: #F4F4F4;
    border: solid 2px #808080;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 2s;
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 2s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 2s;
    -ms-transition-property: background-color, color;
    -ms-transition-duration: 2s;
    transition-property: background-color, color;
    transition-duration: 2s;
}
#box1:hover {
    background-color: #808080;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
    z-index: 9999999999;
}
#box1:hover h1, #box1:hover h2, #box1:hover h3,#box1:hover h4 {
    color: white;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
#box1:hover h4 {
    color: #000000;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
#box2 {
    position: absolute;
    top: 70px;
    left: 342px;
    width: 334px;
    height:150px;
    background-color: #F4F4F4;
    border: solid 2px #808080;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 2s;
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 2s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 2s;
    -ms-transition-property: background-color, color;
    -ms-transition-duration: 2s;
    transition-property: background-color, color;
    transition-duration: 2s;
}
#box2:hover {
    background-color: #808080;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
#box2:hover h1, #box2:hover h2, #box2:hover h3,#box2:hover h4 {
    color: white;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
#box2:hover h4 {
    color: #000000;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
#box3 {
    position: absolute;
    top: 70px;
    left: 684px;
    width: 334px;
    height:150px;
    background-color: #F4F4F4;
    border: solid 2px #808080;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 2s;
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 2s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 2s;
    -ms-transition-property: background-color, color;
    -ms-transition-duration: 2s;
    transition-property: background-color, color;
    transition-duration: 2s;
}
#box3:hover {
    background-color: #808080;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
#box3:hover h1, #box3:hover h2, #box3:hover h3,#box3:hover h4 {
    color: white;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
#box3:hover h4 {
    color: #000000;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
#box4 {
    position: absolute;
    top: 230px;
    left: 0px;
    width: 334px;
    height:150px;
    background-color: #F4F4F4;
    border: solid 2px #808080;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 2s;
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 2s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 2s;
    -ms-transition-property: background-color, color;
    -ms-transition-duration: 2s;
    transition-property: background-color, color;
    transition-duration: 2s;
    
}
#box4:hover {
    background-color: #808080;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
#box4:hover h1, #box4:hover h2, #box4:hover h3,#box4:hover h4 {
    color: white;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
#box4:hover h4 {
    color: #000000;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
#box5 {
    position: absolute;
    top: 230px;
    left: 342px;
    width: 334px;
    height:150px;
    background-color: #F4F4F4;
    border: solid 2px #808080;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 2s;
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 2s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 2s;
    -ms-transition-property: background-color, color;
    -ms-transition-duration: 2s;
    transition-property: background-color, color;
    transition-duration: 2s;
}
#box5:hover {
    background-color: #808080;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
#box5:hover h1, #box5:hover h2, #box5:hover h3,#box5:hover h4 {
    color: white;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
#box5:hover h4 {
    color: #000000;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
#box6 {
    position: absolute;
    top: 230px;
    left: 684px;
    width: 334px;
    height:150px;
    background-color: #F4F4F4;
    border: solid 2px #808080;
    -webkit-transition-property: background-color, color;
    -webkit-transition-duration: 2s;
    -moz-transition-property: background-color, color;
    -moz-transition-duration: 2s;
    -o-transition-property: background-color, color;
    -o-transition-duration: 2s;
    -ms-transition-property: background-color, color;
    -ms-transition-duration: 2s;
    transition-property: background-color, color;
    transition-duration: 2s;
}
#box6:hover {
    background-color: #808080;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
#box6:hover h1, #box6:hover h2, #box6:hover h3,#box6:hover h4 {
    color: white;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
#box6:hover h4 {
    color: #000000;
    -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
#detail-box {
    position: absolute;
    top: 150px;
    left: 0px;
    width: 336px;
    height: 0px;
    background-color: #808080;
    border-top : solid 0px black;
    z-index: 999999999;
    
     -webkit-transition-property: background-color, color, height, border-top;
    -webkit-transition-duration: 2s;
    -moz-transition-property: background-color, color, height, border-top;
    -moz-transition-duration: 2s;
    -o-transition-property: background-color, color, height, border-top;
    -o-transition-duration: 2s;
    -ms-transition-property: background-color, color, height, border-top;
    -ms-transition-duration: 2s;
    transition-property: background-color, color, height, border-top;
    transition-duration: 2s;
}
#detail-box2 {
    position: absolute;
    top: -160px;
    left: 0px;
    width: 336px;
    height: 0px;
    background-color: #808080;
    z-index: 999999999;

     -webkit-transition-property: background-color, color, height, border-bottom;
    -webkit-transition-duration: 2s;
    -moz-transition-property: background-color, color, height, border-bottom;
    -moz-transition-duration: 2s;
    -o-transition-property: background-color, color, height, border-bottom;
    -o-transition-duration: 2s;
    -ms-transition-property: background-color, color, height, border-bottom;
    -ms-transition-duration: 2s;
    transition-property: background-color, color, height, border-bottom;
    transition-duration: 2s;
}
#box1:hover #detail-box,#box2:hover #detail-box,#box3:hover #detail-box,#box4:hover #detail-box2,#box5:hover #detail-box2,#box6:hover #detail-box2 {
    height: 160px;
    
     -webkit-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}
#detail-box p,#detail-box2 p {
    font-size: 0px;
     color: transparent;
     -webkit-transition-property: background-color, color, height,font-size;
    -webkit-transition-duration: 2s;
    -moz-transition-property: background-color, color, height,font-size;
    -moz-transition-duration: 2s;
    -o-transition-property: background-color, color, height,font-size;
    -o-transition-duration: 2s;
    -ms-transition-property: background-color, color, height,font-size;
    -ms-transition-duration: 2s;
    transition-property: background-color, color, height,font-size;
    transition-duration: 2s;
}
#box1:hover #detail-box p, #box2:hover #detail-box p,#box3:hover #detail-box p,#box4:hover #detail-box2 p,#box5:hover #detail-box2 p,#box6:hover #detail-box2 p {
    font-size: 14px;
    color: white;
      -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.text-pos {
    position: absolute;
    top: 20px;
    left: 10px;
}
.text-pos2 {
    position: absolute;
    top: 20px;
    left: 100px;
}
.text-pos3 {
    position: absolute;
    top: 20px;
    left: 120px;
}
.text-pos4 {
    position: absolute;
    top: 20px;
    left: 200px;
}