.frontMessageBackground
{
    background-color:#41486c;
    border: 1px solid white;
    
    z-index:40;
    -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 20px 5px rgba(0,0,0,0.5);
    box-shadow: 0px 2px 20px rgba(0,0,0,0.5);
    display:block;
    position:fixed;
 }
.containerHarbour{
 z-index:-100;
 width:100%;
 height:100%;
 background-color:#181d35;
 
 position:fixed;
 
   

}
.container{
 z-index:-100;
 width:100%;
 height:100%;
 background-image: url(../Imgbts/bakgrund_7a.jpg);
 position:fixed;
 
   

}
.photo{
 position:absolute;
  animation:round 16s infinite;
  opacity:0;
  
}
@keyframes round{   
  55%{opacity:0;}
  40%{opacity:1;}
} 
img:nth-child(7){animation-delay:0s;}
img:nth-child(6){animation-delay:8s;}
img:nth-child(5){animation-delay:14s;}
img:nth-child(4){animation-delay:16s;}
img:nth-child(3){animation-delay:20s;}
img:nth-child(2){animation-delay:24s;}
img:nth-child(1){animation-delay:228s;}
#slideout {
  position: fixed;
  top: 40px;
  left: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#slideout_inner {
  position: fixed;
  top: 40px;
  left: -250px;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#slideout:hover {
  left: 250px;
}
#slideout:hover #slideout_inner {
  left: 0;
}