@charset "utf-8";
/*ALGEMEEN*/
#cover {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(255,233,194,0.6);
	z-index: 5;
	width: 100%;
	height: 100%;
	display: none;
}
.cancel {
	display: block;
	position: absolute;
	top: -2px;
	right: -5px;
	color: #000000;
	height: 30px;
	width: 35px;
	font-size: 24px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}
/*foto 1*/
.container .gallerij .alignfoto1 {
	height: 76px;
	width: 60px;
	position: absolute;
	top: 47px;
	left: 117px;
}
.container .gallerij .alignfoto1 a.menufoto1 {
	height: 76px;
	width: 60px;
	background-image: url(img/gallerij/1.png);
	display: block;
	position: relative;
}
.container .gallerij .alignfoto1 a.menufoto1:hover {
	height: 76px;
	width: 60px;
	background-image: url(img/gallerij/1o.png);
	display: block;
	position: relative;
}
#foto1 {
	height: 500px;
	width: 750px;
	margin: 0 auto;
	position: absolute;
	left: -90px;
	top: -110px;
	z-index: 10;
	display: none;
	background: url(img/gallerij/1b.jpg) no-repeat;
	border: 10px solid #fff;
	border-radius: 10px;
}
#foto1:target, #foto1:target + #cover {
	display: block;
	opacity: 2;
}
/*foto 2*/
.container .gallerij .alignfoto2 {
	height: 95px;
	width: 95px;
	position: absolute;
	top: 130px;
	left: 105px
}
.container .gallerij .alignfoto2 a.menufoto2 {
	height: 95px;
	width: 95px;
	background-image: url(img/gallerij/2.png);
	display: block;
	position: relative;
}
.container .gallerij .alignfoto2 a.menufoto2:hover {
	height: 95px;
	width: 95px;
	background-image: url(img/gallerij/2o.png);
	display: block;
	position: relative;
}
#foto2 {
	height: 500px;
	width: 750px;
	margin: 0 auto;
	position: absolute;
	left: -90px;
	top: -110px;
	z-index: 10;
	display: none;
	background: url(img/gallerij/2b.jpg) no-repeat;
	border: 10px solid #fff;
	border-radius: 10px;
}
#foto2:target, #foto2:target + #cover {
	display: block;
	opacity: 2;
}
/*foto 3*/
.container .gallerij .alignfoto3 {
	height: 60px;
	width: 46px;
	position: absolute;
	left: 182px;
	top: 1px;
}
.container .gallerij .alignfoto3 a.menufoto3 {
	height: 60px;
	width: 46px;
	background-image: url(img/gallerij/3.png);
	display: block;
	position: relative;
}
.container .gallerij .alignfoto3 a.menufoto3:hover {
	height: 60px;
	width: 46px;
	background-image: url(img/gallerij/3o.png);
	display: block;
	position: relative;
}
#foto3 {
	height: 500px;
	width: 750px;
	margin: 0 auto;
	position: absolute;
	left: -90px;
	top: -110px;
	z-index: 10;
	display: none;
	background: url(img/gallerij/3b.jpg) no-repeat;
	border: 10px solid #fff;
	border-radius: 10px;
}
#foto3:target, #foto3:target + #cover {
	display: block;
	opacity: 2;
}
/*foto 4*/
.container .gallerij .alignfoto4 {
	height: 59px;
	width: 46px;
	position: absolute;
	top: 64px;
	left: 182px;
}
.container .gallerij .alignfoto4 a.menufoto4 {
	height: 59px;
	width: 46px;
	background-image: url(img/gallerij/4.png);
	display: block;
	position: relative;
}
.container .gallerij .alignfoto4 a.menufoto4:hover {
	height: 59px;
	width: 46px;
	background-image: url(img/gallerij/4o.png);
	display: block;
	position: relative;
}
#foto4 {
	height: 500px;
	width: 750px;
	margin: 0 auto;
	position: absolute;
	left: -90px;
	top: -110px;
	z-index: 10;
	display: none;
	background: url(img/gallerij/4b.jpg) no-repeat;
	border: 10px solid #fff;
	border-radius: 10px;
}
#foto4:target, #foto4:target + #cover {
	display: block;
	opacity: 2;
}
/*foto 5*/
.container .gallerij .alignfoto5 {
	height: 122px;
	width: 93px;
	position: absolute;
	left: 233px;
	top: 1px;
}
.container .gallerij .alignfoto5 a.menufoto5 {
	height: 122px;
	width: 93px;
	background-image: url(img/gallerij/5.png);
	display: block;
	position: relative;
}
.container .gallerij .alignfoto5 a.menufoto5:hover {
	height: 122px;
	width: 93px;
	background-image: url(img/gallerij/5o.png);
	display: block;
	position: relative;
}
#foto5 {
	height: 500px;
	width: 750px;
	margin: 0 auto;
	position: absolute;
	left: -90px;
	top: -110px;
	z-index: 10;
	display: none;
	background: url(img/gallerij/5b.jpg) no-repeat;
	border: 10px solid #fff;
	border-radius: 10px;
}
#foto5:target, #foto5:target + #cover {
	display: block;
	opacity: 2;
}
/*foto 6*/
.container .gallerij .alignfoto6 {
	height: 59px;
	width: 76px;
	position: absolute;
	top: 1px;
	left: 331px
}
.container .gallerij .alignfoto6 a.menufoto6 {
	height: 59px;
	width: 76px;
	background-image: url(img/gallerij/6.png);
	display: block;
	position: relative;
}
.container .gallerij .alignfoto6 a.menufoto6:hover {
	height: 59px;
	width: 76px;
	background-image: url(img/gallerij/6o.png);
	display: block;
	position: relative;
}
#foto6 {
	height: 500px;
	width: 750px;
	margin: 0 auto;
	position: absolute;
	left: -90px;
	top: -110px;
	z-index: 10;
	display: none;
	background: url(img/gallerij/6b.jpg) no-repeat;
	border: 10px solid #fff;
	border-radius: 10px;
}
#foto6:target, #foto6:target + #cover {
	display: block;
	opacity: 2;
}
/*foto 7*/
.container .gallerij .alignfoto7 {
	height: 59px;
	width: 76px;
	position: absolute;
	top: 64px;
	left: 331px;
}
.container .gallerij .alignfoto7 a.menufoto7 {
	height: 59px;
	width: 76px;
	background-image: url(img/gallerij/7.png);
	display: block;
	position: relative;
}
.container .gallerij .alignfoto7 a.menufoto7:hover {
	height: 59px;
	width: 76px;
	background-image: url(img/gallerij/7o.png);
	display: block;
	position: relative;
}
#foto7 {
	height: 500px;
	width: 750px;
	margin: 0 auto;
	position: absolute;
	left: -90px;
	top: -110px;
	z-index: 10;
	display: none;
	background: url(img/gallerij/7b.jpg) no-repeat;
	border: 10px solid #fff;
	border-radius: 10px;
}
#foto7:target, #foto7:target + #cover {
	display: block;
	opacity: 2;
}
/*foto 8*/
.container .gallerij .alignfoto8 {
	height: 122px;
	width: 151px;
	position: absolute;
	top: 1px;
	left: 412px;
}
.container .gallerij .alignfoto8 a.menufoto8 {
	height: 122px;
	width: 151px;
	background-image: url(img/gallerij/8.png);
	display: block;
	position: relative;
}
.container .gallerij .alignfoto8 a.menufoto8:hover {
	height: 122px;
	width: 151px;
	background-image: url(img/gallerij/8o.png);
	display: block;
	position: relative;
}
#foto8 {
	height: 500px;
	width: 750px;
	margin: 0 auto;
	position: absolute;
	left: -90px;
	top: -110px;
	z-index: 10;
	display: none;
	background: url(img/gallerij/8b.jpg) no-repeat;
	border: 10px solid #fff;
	border-radius: 10px;
}
#foto8:target, #foto8:target + #cover {
	display: block;
	opacity: 2;
}
/*foto 9*/
.container .gallerij .alignfoto9 {
	height: 93px;
	width: 65px;
	position: absolute;
	top: 30px;
	left: 567px;
}
.container .gallerij .alignfoto9 a.menufoto9 {
	height: 93px;
	width: 65px;
	background-image: url(img/gallerij/9.png);
	display: block;
	position: relative;
}
.container .gallerij .alignfoto9 a.menufoto9:hover {
	height: 93px;
	width: 65px;
	background-image: url(img/gallerij/9o.png);
	display: block;
	position: relative;
}
#foto9 {
	height: 500px;
	width: 750px;
	margin: 0 auto;
	position: absolute;
	left: -90px;
	top: -110px;
	z-index: 10;
	display: none;
	background: url(img/gallerij/9b.jpg) no-repeat;
	border: 10px solid #fff;
	border-radius: 10px;
}
#foto9:target, #foto9:target + #cover {
	display: block;
	opacity: 2;
}
/*foto 10*/
.container .gallerij .alignfoto10 {
	height: 152px;
	width: 121px;
	position: absolute;
	top: 130px;
	left: 205px;
}
.container .gallerij .alignfoto10 a.menufoto10 {
	height: 152px;
	width: 121px;
	background-image: url(img/gallerij/10.png);
	display: block;
	position: relative;
}
.container .gallerij .alignfoto10 a.menufoto10:hover {
	height: 152px;
	width: 121px;
	background-image: url(img/gallerij/10o.png);
	display: block;
	position: relative;
}
#foto10 {
	height: 500px;
	width: 750px;
	margin: 0 auto;
	position: absolute;
	left: -90px;
	top: -110px;
	z-index: 10;
	display: none;
	background: url(img/gallerij/10b.jpg) no-repeat;
	border: 10px solid #fff;
	border-radius: 10px;
}
#foto10:target, #foto10:target + #cover {
	display: block;
	opacity: 2;
}
/*foto 11*/
.container .gallerij .alignfoto11 {
	height: 60px;
	width: 76px;
	position: absolute;
	top: 130px;
	left: 331px;
}
.container .gallerij .alignfoto11 a.menufoto11 {
	height: 60px;
	width: 76px;
	background-image: url(img/gallerij/11.png);
	display: block;
	position: relative;
}
.container .gallerij .alignfoto11 a.menufoto11:hover {
	height: 60px;
	width: 76px;
	background-image: url(img/gallerij/11o.png);
	display: block;
	position: relative;
}
#foto11 {
	height: 500px;
	width: 750px;
	margin: 0 auto;
	position: absolute;
	left: -90px;
	top: -110px;
	z-index: 10;
	display: none;
	background: url(img/gallerij/11b.jpg) no-repeat;
	border: 10px solid #fff;
	border-radius: 10px;
}
#foto11:target, #foto11:target + #cover {
	display: block;
	opacity: 2;
}
/*foto 12*/
.container .gallerij .alignfoto12 {
	height: 59px;
	width: 76px;
	position: absolute;
	top: 195px;
	left: 331px;
}
.container .gallerij .alignfoto12 a.menufoto12 {
	height: 59px;
	width: 76px;
	background-image: url(img/gallerij/12.png);
	display: block;
	position: relative;
}
.container .gallerij .alignfoto12 a.menufoto12:hover {
	height: 59px;
	width: 76px;
	background-image: url(img/gallerij/12o.png);
	display: block;
	position: relative;
}
#foto12 {
	height: 500px;
	width: 750px;
	margin: 0 auto;
	position: absolute;
	left: -90px;
	top: -110px;
	z-index: 10;
	display: none;
	background: url(img/gallerij/12b.jpg) no-repeat;
	border: 10px solid #fff;
	border-radius: 10px;
}
#foto12:target, #foto12:target + #cover {
	display: block;
	opacity: 2;
}
.gallerij #foto12 .cancel {
	display: block;
	position: absolute;
	top: -2px;
	right: -5px;
	color: #fff;
	height: 30px;
	width: 35px;
	font-size: 24px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}
/*foto 13*/
.container .gallerij .alignfoto13 {
	height: 60px;
	width: 45px;
	position: absolute;
	top: 130px;
	left: 412px;
}
.container .gallerij .alignfoto13 a.menufoto13 {
	height: 60px;
	width: 45px;
	background-image: url(img/gallerij/13.png);
	display: block;
	position: relative;
}
.container .gallerij .alignfoto13 a.menufoto13:hover {
	height: 60px;
	width: 45px;
	background-image: url(img/gallerij/13o.png);
	display: block;
	position: relative;
}
#foto13 {
	height: 500px;
	width: 750px;
	margin: 0 auto;
	position: absolute;
	left: -90px;
	top: -110px;
	z-index: 10;
	display: none;
	background: url(img/gallerij/13b.jpg) no-repeat;
	border: 10px solid #fff;
	border-radius: 10px;
}
#foto13:target, #foto13:target + #cover {
	display: block;
	opacity: 2;
}
/*foto 14*/
.container .gallerij .alignfoto14 {
	height: 59px;
	width: 44px;
	position: absolute;
	top: 195px;
	left: 412px;
}
.container .gallerij .alignfoto14 a.menufoto14 {
	height: 59px;
	width: 44px;
	background-image: url(img/gallerij/14.png);
	display: block;
	position: relative;
}
.container .gallerij .alignfoto14 a.menufoto14:hover {
	height: 59px;
	width: 44px;
	background-image: url(img/gallerij/14o.png);
	display: block;
	position: relative;
}
#foto14 {
	height: 500px;
	width: 750px;
	margin: 0 auto;
	position: absolute;
	left: -90px;
	top: -110px;
	z-index: 10;
	display: none;
	background: url(img/gallerij/14b.jpg) no-repeat;
	border: 10px solid #fff;
	border-radius: 10px;
}
#foto14:target, #foto14:target + #cover {
	display: block;
	opacity: 2;
}
/*foto 15*/
.container .gallerij .alignfoto15 {
	height: 94px;
	width: 95px;
	position: absolute;
	top: 130px;
	left: 461px;
}
.container .gallerij .alignfoto15 a.menufoto15 {
	height: 94px;
	width: 95px;
	background-image: url(img/gallerij/15.png);
	display: block;
	position: relative;
}
.container .gallerij .alignfoto15 a.menufoto15:hover {
	height: 94px;
	width: 95px;
	background-image: url(img/gallerij/15o.png);
	display: block;
	position: relative;
}
#foto15 {
	height: 500px;
	width: 750px;
	margin: 0 auto;
	position: absolute;
	left: -90px;
	top: -110px;
	z-index: 10;
	display: none;
	background: url(img/gallerij/15b.jpg) no-repeat;
	border: 10px solid #fff;
	border-radius: 10px;
}
#foto15:target, #foto15:target + #cover {
	display: block;
	opacity: 2;
}
/*foto 16*/
.container .gallerij .alignfoto16 {
	height: 45px;
	width: 59px;
	position: absolute;
	top: 130px;
	left:561px;
}
.container .gallerij .alignfoto16 a.menufoto16 {
	height: 45px;
	width: 59px;
	background-image: url(img/gallerij/16.png);
	display: block;
	position: relative;
}
.container .gallerij .alignfoto16 a.menufoto16:hover {
	height: 45px;
	width: 59px;
	background-image: url(img/gallerij/16o.png);
	display: block;
	position: relative;
}
#foto16 {
	height: 500px;
	width: 750px;
	margin: 0 auto;
	position: absolute;
	left: -90px;
	top: -110px;
	z-index: 10;
	display: none;
	background: url(img/gallerij/16b.jpg) no-repeat;
	border: 10px solid #fff;
	border-radius: 10px;
}
#foto16:target, #foto16:target + #cover {
	display: block;
	opacity: 2;
}
