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

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

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

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

.m15 {
position:absolute; top:0; left:1024; z-index:5;
}
.content {
position:absolute; top:202; left:65; width:1165px; height:400px; margin:0px; padding:0px; z-index:11;
}
.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;
}