/* CSS FOR EFFECT BIJ IMAGES MET LINK */

.w3-card-8 img:hover
{
/* border:2px solid red */
box-shadow: 0 0 10px #333;
-webkit-box-shadow: 0 0 10px #333;
-moz-box-shadow: 0 0 10px #333;
-o-box-shadow: 0 0 10px #333;
-ms-box-shadow: 0 0 10px #333;
}

.w3-card-8 img
{
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}

/* EIND CSS FOR EFFECT BIJ IMAGES MET LINK */

/* CSS FOR BACKGROUND IMAGE COLLAGE NEL */

#ogen_top
{
background-image: url("../pix/Ogen_Collage_Nel_Scan_03_deel_oog_anders_1376px.png");
background-repeat: no-repeat;
background-attachment: fixed;
}

#ogen_full
{
background-image: url("../pix/Ogen_Collage_Nel_Scan_01_original_totaal_1600px.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
}

/* EIND CSS FOR BACKGROUND IMAGE COLLAGE NEL */

.doorzicht
{
	background-color: #ffffff;
	opacity:0.5;
}

/* CSS FOR POPUP BOXES KAART VERGROTINGEN */

/*  Pop-up content shifted off-screen when not in view.
    Still readable by screen-reader software.
    When targeted it fills the browser window.
*/

.pop-up
{
position:absolute;
top:0;
left:-500em;
}

.pop-up:target
{
	position:static;
	left:0;
}

/* The pop-up itself */

.popBox
{
	background:#ffffff;

	/* alternatively fixed width / height and negative margins from 50% */
	position:absolute; left:5%; right:5%; top:5%; bottom:5%;
	
	z-index:10;
	border:1px solid #3a3a3a;
	
	/* CSS3 where available: rounded corners, drop-shadow, and fade in. */
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:2px 2px 4px #3a3a3a;
	-moz-box-shadow:2px 2px 4px #3a3a3a;
	box-shadow:2px 2px 4px #3a3a3a;
	opacity:0;
	filter: alpha(opacity=0); /* For IE8 and earlier */
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}

:target .popBox
{
	position:fixed;
	opacity:1;
	filter: alpha(opacity=100); /* For IE8 and earlier */
}

/* Light box properties */

.lightbox
{
	display:none;
	text-indent:-200em;
	background:#000;
	opacity:0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:5;
}

:target .lightbox
{
	display:block;
}

.lightbox:hover
{
	background:#fff;
}

/* The pop-ups close link, moved via CSS to the top right of the pop-up */

.close:link,
.close:visited
{
	position:absolute;
	top:-0.75em;
	right:-0.75em;
	display:block;
	width:1em;
	height:1em;
	padding:0;
	font:bold large/0.5 arial, sans-serif;
	text-align:center;
	text-decoration:none;
	background:#000;
	border:3px solid #fff;
	color:#fff;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border-radius: 1em;
	-moz-box-shadow: 0 0 1px 1px #3a3a3a;
	-webkit-box-shadow: 0 0 1px 1px #3a3a3a;
	box-shadow: 0 0 1px 1px #3a3a3a;
}

.close:before
{
	content:"x";
}

.close:hover,
.close:active,
.close:focus
{
	box-shadow:0 0 1px 1px #c00;
	background:#c00;
	color:#fff;
}

.close span
{
	text-indent:-200em;
	display:block;
}

/* The pop-up content div will scroll if it has too much content */

.popScroll
{
	position:absolute;
	top:2%;
	left:1%;
	right:1%;
	bottom:2%;
	overflow:auto;
}

/* EIND VAN CSS FOR POPUP BOXES KAART VERGROTINGEN */