@charset "utf-8";
/*** pop-up div to cover entire area ***/
	    #scherm  {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	/* nodig om transparantie ook in IE te laten werken */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	/* nodig om transparantie ook in IE te laten werken */
	background-color:rgb(0,0,0);
	z-index:5;
	opacity: 0.50;
	    }

/*** virtual frame containing controls, image and caption ***/
	    #popup   {
	height: auto; /* rounded corners */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	z-index: 1000;
	background: #FFF;
	border: 1px solid #000;
	margin-left: auto;
	display: block;
	position: absolute;
	visibility: visible;
	margin-top: 120px;
	margin-right: 25px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
	max-width: 500px;
}

    #marge {
	height: 30px;
	background: #FFF;
}

#popup h2  { font-size: 100%; color: #4676da; margin: 0px 0px 8px; line-height: 20px; }
#popup h3  { font-size: 95%; color: #4676da; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
#popup p  { margin-top: 5px; font-size: 90%; margin-bottom: 15px; }
#popup a  { color: #c9213a; text-align: right; display: block; margin-top: 8px; }
#popup a.left  { color: #c9213a; text-align: left; display: block; margin-top: 8px; }

/* Media Querie Iphone 5 Hamburgermenu Portrait*/	
@media only screen and (max-width: 369px) and (orientation: portrait) {
	 #popup   { margin-top: 120px; font-size: 85%; }
	 #marge  { height: 20px; background: #FFF; }
}
/* Media Querie Iphone 5 Hamburgermenu landscape */
@media only screen and (max-width: 599px) and (orientation: landscape) {
	 #popup  { margin-top: 40px; font-size: 85%; }
	 #marge  { height: 0px; background: #FFF; }
}

/* Media Querie Iphone 6/7/8 Hamburgermenu Portrait*/
@media only screen and (min-width: 370px) and (max-width: 599px) and (orientation: portrait) {
	 #popup  { margin-top: 100px; font-size: 90%; }	
	 #marge  { height: 0px; background: #FFF; }
}
/* Media Querie iPad Samsung tablets  Windows RT tablet Microsoft Surface Pro Hamburgermenu Portrait*/
@media only screen and (min-width: 600px) and (max-width: 799px) and (orientation: portrait) {
	 #popup  { margin-top: 100px; font-size: 95%; }	
	 #marge  { height: 0px; background: #FFF; }
}
/* Media Querie Iphone 6/7/8 (Plus) Hamburgermenu landscape */
@media only screen and (min-width: 600px) and (max-width: 800px) and (orientation: landscape) {
	 #popup  { margin-top: 0px; font-size: 95%; }	
	 #marge  { height: 0px; background: #FFF; }
}
/* Media Querie Samsung tabltes top menu portrait */
@media only screen and (min-width: 800px) and (max-width: 960px) and (orientation: portrait) {
	 #popup  { margin-top: 0px; font-size: 95%; }	
	 #marge  { height: 0px; background: #FFF; }
}

/* Media Querie iPhone X Topmenu*/
@media only screen and (min-width: 801px) and (max-width: 880px) and (orientation: landscape) {
	#popup  { margin-top: 70px; font-size: 100%; }
	 #marge  { height: 0px; background: #FFF; }
}

/* Media Querie Samnsung tablets Topmenu*/
@media only screen and (min-width: 881px) and (max-width: 980px) and (orientation: landscape) {
	#popup  { margin-top: 70px; font-size: 100%; }
	 #marge  { height: 0px; background: #FFF; }
}

/* Media Querie iPad Pro top menu portrait */
@media only screen and (min-width: 961px) and (orientation: portrait) {
	#popup  { margin-top: 70px; font-size: 100%; }
	 #marge  { height: 0px; background: #FFF; }
}
/* Media Querie iPads- Samsung tablets Topmenu boven*/
@media only screen and (min-width: 981px) and (max-width: 1169px) and (orientation: landscape) {
	#popup  { margin-top: 70px; font-size: 100%; }
	 #marge  { height: 0px; background: #FFF; }
}