*{
	/* A universal CSS reset */
	margin:0;
	padding:0;
}
body {
 	 background-image: url("Maison de vacances.JPG");
    background-repeat:no-repeat;
    background-size:cover;
    background-color: #aae;
    overflow:auto;
}
div.beeld {
    position: fixed;
    top: 50px;
    right: 8%;
    width: 14%;
    height:100%;
    color:#006;
    background-color:#556;
    overflow:auto;
}

div.opaque {
  margin-top:4%;
  margin-left:0%;
  width: 840px;
  height : 950px;
  background-color:#222;
  padding: 10px;
  text-align:center;
}
p {
  background-color:#222;  
  color:#eee;
  
}
#cf7_controls {
  text-align:center;
}
#cf7_controls span {
  padding-right:2em;
  cursor:pointer;
}
#cf7 {
  position:relative;
  height:100%;
  width:100%;

}
#cf7 img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity:0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}

#cf7 img.opaque {
  opacity:1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=1);
}