div.red {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  background: url(redbackground.jpg) no-repeat center center fixed;
  opacity:0;
}
div.grey {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  background: url(greybackground.jpg) no-repeat center center fixed;
	opacity:0
}

div.videogrey {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
  background: url(videogrey.jpg) no-repeat center center fixed;
	opacity:1
}

div.old {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	background:url(http://www.ericmagnee.nl/wp-content/uploads/VoidP.gif)no-repeat center center;
	opacity:0;
}
div.maindiv {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
}

div.rand2 {
  position:absolute;
  background: rgba(0,0,0,0);
  width:100%;
  height:25%;
  top:0%;
  left:0%;
  z-index:2;
}
p {
  margin:0;
	color:#000000;
}
p.p_email {
  font-size:1em;
  margin:7.5;
	
}
p.header{
  font-size:2em;
  text-decoration:bold;
}

span {
	position:relative;
	z-index:4;
}

p.menu{
  font-size:1.2em;
}
div.email {
  position:absolute;
  width:100%;
  height:100%;
  bottom:0%;
  left:0%;
  background:rgba(0,0,0,0.5);
  display:none;
	z-index:2;
}

div.emailpull {
	position:absolute;
	width:100%;
	height:5%;
	bottom:0%;
	left:0%;
	background:rgba(0,0,0,0);
	z-index:2;
}

div.rand {
  position:relative;
  width:100%;
  height:100%;
  top:0px;
  left:0px;
  background: #FFFFFF;
  opacity:0.5;
  margin:0;
  display: none;
  z-index:3;
}
div.puller {
  position:relative;
  width:10%;
  height:5%;
  top:0%;
  left:45%;
  background:#000000;
  opacity:1;
  border-radius: 0px 0px 25px 25px;
  border: 2px solid;
  border-color:rgba(0,0,0,0);
  z-index:3;
}
div.videos {
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  z-index:1;
	opacity:0;
}
div.mainaudios {
	position:absolute;
  top:35%;
	left:25%;
  width:50%;
  height:30%;
  z-index:-1;
	background:rgba(0,0,0,0.4);
}
div.audios {
  position:absolute;
  top:25%;
	left:0%;
  width:100%;
  height:75%;
	background:rgba(0,0,0,0.5);
}
html, body {
  font-size:16px;
  height:100%;
  margin:0;
  background:#000000;
	font-family:'Avenir Next';
}
span {
  text-decoration:underline;
  cursor:pointer;
}
#player {
 z-index:2;
}

#audioframe {
	display:none;
	position:absolute;
	top:0%;
}

div.playbutton{
	position:relative;
	top:2%;
	left:1%;
	width:65px;
	height:40px;
	border: 1px solid transparent;
	border-radius:5px;
	background:#333333;
}
div.play{
	display: block;
	position:absolute;
	top: 10.5px;
	left:24px;
	margin: 0 auto;
	border-style:solid;
	border-width:9.5px 0 9.5px 17px;
	border-color:transparent transparent transparent rgba(255,255,255,1);
}
div.pause {
	position:absolute;
	top:10.5px;
	left:21px;
	margin: 0 auto;
	border-style:solid;
	border-width:9.5px 4px 9.5px 4px;
	border-color:rgba(255,255,255,1);
	display:none;
}
div.posser{
	position:absolute;
	top:0%;
	background-color:rgba(0,0,0,0.7);
	width:0.1%;
	height:100%;
}
div.information {
	position:absolute;
	top:5%;
	left:45%;
}

span.audiotitel {
	text-decoration:none;
	cursor:normal;
}

div.oldbutton {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
}
div.zwartblokje {
	position:absolute;
	right:0;
	bottom:0;
	width:10%;
	height:10%;
	background:#000000;
	opacity:0;
}