html, body {
     border: 0px solid #ffffff;
     background-color: #d9dfdf;
     padding: 0 0 0 0;
     margin: 0 0 0 0;
     text-align:left;
     font-family : Amiri, serif, Garamond, Helvetica, Verdana, sans-serif;
     font-size: 16px;
     }
a.credit {
  text-align:left;
  font-family : Amiri, serif, Garamond, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  text-decoration: none;
  color: #a0a0a0;
  line-height:100%;
  }
p.abs {
  text-align:left;
  font-family : Amiri, serif, Garamond, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  line-height:120%;
  }
p.k {
  text-align:left;
  font-family : Amiri, serif, Garamond, Helvetica, Verdana, sans-serif;
  font-size: 16px;
  font-style:italic;
  line-height:1.7;
  }
p.t {
  margin: 17px 0px 26px 0px;
  text-align:left;
  font-family : Amiri, serif;
  font-size: 17px;
  letter-spacing: 0.02em;
  line-height:1.7;
  }
p.t1 {
  margin: 17px 0px 26px 0px;
  text-align:right;
  font-family : Amiri, serif;
  font-size: 17px;
  letter-spacing: 0.02em;
  line-height:1.7;
  }
p.credit {
  text-align:left;
  font-family : Amiri, serif, Garamond, Helvetica, Verdana, sans-serif;
  font-size: 13px;
  color: #a0a0a0;
  line-height:2.0;
  }
#container {
           position: relative; top:0px;
           height: 720px;
           width: 1280px;
           padding: 0 0 0 0;
           margin: 0 auto;
           clear: left;
           background: #ffffff; background-image:url(../image/bg.jpg);
           border: 0px solid #000000;
           text-align: left;
}
.menue1 {
position:absolute; width:1280px; height:200px;
}

.m11 {
position:absolute; top:0; left:0; z-index:1;
}

.m12 {
position:absolute; top:0; left:256; z-index:2;
}

.m13 {
position:absolute; top:0; left:512; z-index:3;
}

.m14 {
position:absolute; width:256px; height:174px;
}
.m14 img {
position:absolute; top:0; left:768; z-index:4;
}
.m14 img {
-webkit-animation-name: slider;
-webkit-animation-timing-function: ease;
-webkit-animation-duration: 14s;
-webkit-animation-iteration-count: infinite;
animation-name: slider;
animation-timing-function: ease;
animation-duration: 14s;
animation-iteration-count: infinite;
}
@-webkit-keyframes slider {
0% {opacity:1;} 20% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;}
}
@keyframes slider {
0% {opacity:1;} 20% {opacity:0;} 80% {opacity:0;} 100% {opacity:1;}
}
.m14 img:nth-child(1) {-webkit-animation-delay: 12s; animation-delay: 12s;}
.m14 img:nth-child(2) {-webkit-animation-delay: 10s; animation-delay: 10s;}
.m14 img:nth-child(3) {-webkit-animation-delay: 8s; animation-delay: 8s;}
.m14 img:nth-child(4) {-webkit-animation-delay: 6s; animation-delay: 6s;}
.m14 img:nth-child(5) {-webkit-animation-delay: 4s; animation-delay: 4s;}
.m14 img:nth-child(6) {-webkit-animation-delay: 2s; animation-delay: 2s;}
.m14 img:nth-child(7) {-webkit-animation-delay: 0s; animation-delay: 0s;}

.m15 {
position:absolute; top:0; left:1024; z-index:5;
}
.contentleft {
position:absolute; top:259; left:65; width:580px; height:400px; margin-top:0px; z-index:11;
}
.preise {
position:absolute; top:0; left:230; width:100px; height:300px; margin-top:0px; z-index:13;
}
.contentright {
position:absolute; top:259; left:645; width:585px; height:400px; padding:0px; z-index:12;
}
.tooltip {
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        cursor: help;
        position: absolute;
}

.tooltip span[rel=tooltip] {
        display: none;
}

.tooltip:hover span[rel=tooltip] {
        display: block;
        position: absolute;
        top: 180px;
        left: 0px;
        width: 256px;
        padding: 0px;
        z-index: 101;
        color: #000;
        background-color: #ffffff;
        border: solid 0px #ffffff;
        border-radius: 0em;
}
.tooltip2 {
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        cursor: help;
        position: absolute;
}

.tooltip2 span[rel=tooltip2] {
        display: none;
}

.tooltip2:hover span[rel=tooltip2] {
        display: block;
        position: absolute;
        top: 0px;
        left: 15px;
        width: 50px;
        padding: 0px;
        z-index: 101;
        color: #000;
        background-color: #ffffff;
        border: solid 0px #ffffff;
        border-radius: 0em;
}


.upbox {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(255,255,255,0.1);
z-index: 200;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.upbox:target {
opacity:1;
pointer-events: auto;
}
.upbox > div {
width: 360px;
position: relative;
margin: 10% auto;
padding: 5px 20px 13px 20px;
border: 0px;
border-radius: 0px;
background: rgba(244,244,244,1);
}
.close {
color: #000;
line-height: 25px;
position: absolute;
right: -1px;
text-align: center;
top: -2px;
width: 24px;
text-decoration: none;
}
@keyframes marquee {
 100%   { text-indent: -80% }
 0% { text-indent: 100% }
}

.marquee {
position: relative; top:-40px;
 width: 1280px;
 margin: auto;
 padding: 0px;
 overflow: hidden;
 white-space: nowrap;
 border: solid 0px #CCCCCC;
 animation: marquee 42s linear infinite;
 color: #FD9F38; /*#EC9953; */
  font-family : Amiri, serif;
  font-size: 17px;
  letter-spacing: 0.02em;
}
/*
.marquee:hover {
 animation-play-state: paused;
}
*/