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;
     font-size: 16px;
     }
a.credit {
  text-align:left;
  font-family: 'Amiri', serif;
  font-size: 13px;
  text-decoration: none;
  color: #a0a0a0;
  line-height:100%;
  }
a.extern {
  font-family : Amiri, serif, Garamond, Helvetica, Verdana, sans-serif;
  color: #a0a0a0;
  }
p.abs {
  text-align:left;
  font-family: 'Amiri', serif;
  font-size: 16px;
  line-height:120%;
  }
p.t {
  margin: 17px 0px 26px 0px;
  text-align:left;
  font-family: 'Amiri', serif;
  font-size: 18px;
  letter-spacing: 0.02em;
  line-height:1.7em;
  }
p.credit {
  text-align:left;
  font-family: 'Amiri', serif;
  font-size: 13px;
  color: #a0a0a0;
  line-height:2.0em;
  }
.container {
     position:relative; width:800px; height:870px;
     background-image:url(../image/bg_800x480.jpg); margin:0px; padding:0px;
     background-repeat:repeat-y;
}
.menue1 {
position:absolute; width:800px; height:362px;
}

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

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

.m13 {
position:absolute; width:267px; height:181px;
}
.m13 img {
position:absolute; top:0; left:533px; width:267px; height:181px; z-index:3;
}
.m13 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;}
}
.m13 img:nth-child(1) {-webkit-animation-delay: 12s; animation-delay: 12s;}
.m13 img:nth-child(2) {-webkit-animation-delay: 10s; animation-delay: 10s;}
.m13 img:nth-child(3) {-webkit-animation-delay: 8s; animation-delay: 8s;}
.m13 img:nth-child(4) {-webkit-animation-delay: 6s; animation-delay: 6s;}
.m13 img:nth-child(5) {-webkit-animation-delay: 4s; animation-delay: 4s;}
.m13 img:nth-child(6) {-webkit-animation-delay: 2s; animation-delay: 2s;}
.m13 img:nth-child(7) {-webkit-animation-delay: 0s; animation-delay: 0s;}

.m14 {
position:absolute; top:181px; left:0; z-index:4;
}

.m15 {
position:absolute; top:181px; left:533px; z-index:5;
}
.content {
position:absolute; top:359px; left:45px; width:715px; margin:0px; padding:0px; z-index:11;
}
.tooltip {
        color: #ff0000;
        text-decoration: none;
        text-align: center;
        position: absolute;
        letter-spacing: 0.02em;
}

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

.tooltip:hover span[rel=tooltip] {
        display: block;
        position: absolute;
        top: 152px;
        left: 0px;
        width: 267px;
        height:29px;
        padding: 0px;
        z-index: 101;
        color: #000;
        background: rgba(255,255,255,0.6);
        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;
}