/* Gegenereerd door F12-ontwikkelhulpprogramma's. Dit is mogelijk geen nauwkeurige voorstelling van het oorspronkelijke bronbestand*/
html {
	background-position: center; margin: 0px auto; width: 100%; font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 110%; font-weight: 600; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-color: rgb(96, 114, 124); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
body {
	
}
#hoofd {
	top: 0px; width: 100%; height: 65px; overflow: auto; margin-right: auto; margin-left: auto; position: fixed; background-color: rgb(96, 114, 124);
}
#kop {
	top: 10px; width: 100%; text-align: center; color: red; font-family: Georgia, serif; font-size: 150%; font-weight: 700; margin-right: auto; margin-left: auto; position: fixed;
}
#tip {
	top: 1px; width: 100%; text-align: right; right: 14.5px; color: yellow; font-size: 14px; font-weight: bold; text-decoration: none; margin-right: auto; margin-left: auto; position: fixed;
}
#klokbalk {
	left: 21px; top: 1px; width: 100%; text-align: left; color: yellow; font-size: 14px; font-weight: bold; text-decoration: none; margin-right: auto; margin-left: auto; position: fixed;
}
#plaatjes {
	width: 100%; text-align: center; margin-right: auto; margin-left: auto;
}
.nummer {
	background: linear-gradient(rgb(0, 0, 0), rgb(177, 180, 180)); color: white; font-family: verdana; font-size: 85%; font-weight: 600; position: relative;
}
.kleur {
	border-color: rgb(184, 183, 183);
}
.view {
	margin: 12px; border: 0px solid white; height: 174px; text-align: center; overflow: hidden; text-decoration: none; float: left; position: relative; cursor: default; box-shadow: 0px 0px 0px #e6e6e6;
}
.view .mask {
	left: 0px; top: 0px; height: 174px; overflow: hidden; position: absolute;
}
.view .content {
	left: 0px; top: 0px; height: 174px; overflow: hidden; position: absolute;
}
.view img {
	display: block; position: relative;
}
.view h2 {
	background: linear-gradient(rgb(0, 0, 0), rgb(177, 180, 180)); margin: 0px; padding: 1.5px 0px; text-align: center; color: white; text-transform: uppercase; font-size: 12px; text-decoration: none; display: block; position: relative;
}
.view p {
	text-align: center; bottom: 18px; color: rgb(255, 255, 255); line-height: 115%; padding-right: 4px; padding-left: 4px; font-family: arial; font-size: 14px; font-style: italic; position: relative;
}
.view-first img {
	transition:linear;
}
.view-first .mask {
	transition:ease-in-out; opacity: 0; background-color: rgba(219, 127, 8, 0.7);
}
.view-first h2 {
	transition:ease-in-out; opacity: 0; transform: translateY(-100px);
}
.view-first p {
	transition:linear; opacity: 0; transform: translateY(100px);
}
.view-first a {
	transition:linear; opacity: 0; transform: translateY(100px);
}
.view-first:hover img {
	transform: scale(1.1);
}
.view-first:hover .mask {
	opacity: 1;
}
.view-first:hover h2 {
	opacity: 1; transform: translateY(0px);
}
.view-first:hover p {
	opacity: 1; transform: translateY(0px);
}
.view-first:hover a {
	opacity: 1; transform: translateY(0px);
}
.view-first:hover p {
	transition-delay: 0s;
}
.mask a {
	text-decoration: none;
}
p.cover {
	text-align: center; bottom: 7px; color: black; line-height: 100%; font-family: arial; font-size: 15px; font-style: normal; position: relative;
}
p.cover a {
	transition:linear; color: black; text-decoration: none; opacity: 0; transform: translateY(100px);
}
.view h2:hover .onderlijn {
	text-decoration: underline;
}
.midden {
	top: -2.1px; color: yellow; font-size: larger; font-weight: 900; position: relative;
}
hr {
	width: 75%; bottom: 12px; border-top-color: white; border-bottom-color: black; border-top-width: 1.5px; border-bottom-width: 1.5px; border-top-style: solid; border-bottom-style: solid; position: relative;
}
a {
	color: white; text-decoration: none;
}
#gallery {
	top: 67px; right: 350px; position: absolute;
}