body{
	margin:0;
	font-family: Verdana;
	padding:0;
	padding-bottom:50px;
	width:		100%;
	height:		100%;
	overflow-x:	hidden;
	background: url(fotos/achtergrond.jpg) repeat;
background-size:100% 100%;
	background-attachment:fixed;
}
html{
	height:100%;
}
#logo{
	margin-top:20px;
	margin-bottom:20px;
	margin-left:3%;
	height:100px;
	vertical-align:middle;
}



#bovenbalk{
	background: -webkit-linear-gradient(left,#aaaaaa,#252525); /* For Safari 5.1 to 6.0 */
	background: -ms-linear-gradient(left,#aaaaaa,#252525); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left,#aaaaaa,#252525); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left,#aaaaaa,#252525); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left,#aaaaaa,#252525);
	overflow:hidden;
}

#knoppen{
	width:160px;
	margin:30px 30px 0 0;
}
#page{
	min-height:100%;
	bottom:0;
	padding:15px;
	z-index:1;
	width:70%;
	margin-left:50%;
	transform:translate(-50%,0);
background:#b3b3b3;
}
#realpage{
float:left;
width:100%;

min-height:100%;
}

.headerspan{
	font-size:24px;
}
.text{
	font-size:	16px;
}
td{
	vertical-align:top;
}
.coverdiv{
	background-color:	gray;
	width:				240px;
	padding:			5px;
	text-align:			center;
	float:left;
	margin-left:10px;
	margin-top:10px;
}
.coverdiv:hover{
	background-color:rgb(3,130,131);
}
#fb{
	color:rgb(51,157,157);
	font-size:24px;
}

.picture{
	margin:5px;
	border: 5px solid white;
	vertical-align:middle;
}
.foto,.foto2,.foto3{
	display:none;
	float:right;
	position:absolute;
	top:8px;
	height:120px;
	border:2px solid white;
}
.foto{
	right:10px;
}
.foto2{
	right:180px;
}
.foto3{
	right:350px;
}
a{
	text-decoration:none;
	color:black;
	font-size:20px;
}
.tab{
	margin-top:1px;
	width:160px;
	padding:5px 0px 5px 5px;
	background: gray;
}
.tab:hover{
	color:white;
	background-color:rgb(3,130,131);
}

footer{
	position:fixed;
	font-size:16px;
	font-weight:bold;
	bottom:0;
	width:100%;
	background: -webkit-linear-gradient(left,#aaaaaa,#252525); /* For Safari 5.1 to 6.0 */
	background: -ms-linear-gradient(left,#aaaaaa,#252525); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left,#aaaaaa,#252525); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left,#aaaaaa,#252525); /* For Firefox 3.6 to 15 */
    background: linear-gradient(left,#aaaaaa,#252525);

}
.rightpic{
	width:160px;
	border:2px solid white;
}
#pictures{
position:absolute;
float:right;
right:10px;
}
#fullimg{
position:absolute;
display:none;
z-index:2;
}
#volgende{
position:absolute;
display:none;
z-index:3;
height:100px;
right:0;
top:calc(50% - 50px);
}
#vorige{
position:absolute;
display:none;
z-index:3;
left:0;
height:100px;
top:calc(50% - 50px);
}
#exit{
	position:absolute;
	display:none;
	top:0;
	z-index:3;
	right:0;
	width:80px;
	height:80px;
}
.intext{
	color:rgb(51,157,157);
	text-decoration: underline;
}
.imagebox{
padding:100px;
width:100%;
height:100%;
left:0;
top:0;
opacity:0.8;
display:none;
background-color:gray;
position:absolute;
z-index:2;
}
.exithf{
	right:0;
	top:0;
	position:absolute;
	width:100px;
	height:100px;
	display:none;
	z-index:4;
}

@media (max-width: 1122px){
	iframe{
		width:100%;
	}
}