/*@charset "utf-8";
 CSS Document. PopUp.JS kijkt hierna.... */

html, body {width: 100%; height: 100%; overflow: auto;}

body {
	margin: 0;
	padding: 0;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 0.8em;
	color: #bed5ca;
	line-height: 130%;
	background: url('../img/main_popup.jpg') top left;
	}

a {color: #b5ce87; text-decoration: underline; outline: none;}
a:hover {color: #cccb70; text-decoration: none;}

img a { filter:alpha(opacity=80);}
img a:hover { filter:alpha(opacity=100);}
	
h1, h2, h3, h4, h5, h6 {
	color: #a48829; /* goudachtig */
	font-weight: bold;
	margin: 5px 0 10px 0;
	}
	h2 { font-size: 2em; font-variant: small-caps;}
	h3 { font-size: 1.3em; font-variant: small-caps;}
	h4 { font-size: 1.2em; font-variant: small-caps; margin-top: 25px;}
	h5 { font-size: 1em;}


/*========= ID's =============================================================================*/

#popupWrap {
	position: absolute;
	width: 94%;
	height: 95%;
	margin-top: 100px;
	margin-left: 2%;
	padding: 10px;
  	text-align: left;
	}
  
  #popupImgDiv {
  	float: left;
  	width: auto;
  	height: auto;
  	padding: 7px;
		margin-right: 2%;
		margin-bottom: 40px;
  	text-align: left;
  	border: 1px solid #6c7668;
  	/*background-color: #475240;*/
  	}
  	#popupImgDiv img {
  		margin-left: auto;
  		border: 2px solid #fff; /*6c7668*/
  		}
  	
		/*______________________________________________________*/
		#mainIMG {
		position: relative;
		/*top: 18px;
		left: 18px;*/ 
  	margin-left: auto;
  	border: 2px solid #fff; /*6c7668*/
		z-index: 10;
  	}
		#teleia {/**/
			position: absolute;
			top: 13px;
			left: 13px;
			border: 0;
			z-index: 20;
			}
		/*______________________________________________________*/
	#fotoCaption {
		float: left; 
		width: auto; height: 25px;
		padding-left: 5px; 
		line-height: 25px; 
		font-size: 0.8em; 
		}
		#fotograaf, #zoomLink {
				float: left;
				width: auto;
		}
		#zoomLink {float: right;}
		
		
  #popupGegevens {
  	float: left;
		width: 240px; /* 200px */
		min-height: 448px;
  	/*padding: 10px; 	
  	background-color: #475240;
  	border: 1px solid #6c7668;*/ 
  	}
	#popupGegevens span {line-height: 15px;}

#thumbsWrapPU {
	/*position: absolute;
	left: 0;
	bottom: 100px;*/
	clear: both;
	width: 97%;
	height: 50px;
  	border: 0 solid #6c7668;
	}

/*========= TOP van Pagina ===========================================================================*/
#paddoPU {
	position: absolute;
	top: 10px; right: 10px;
	width: 95px; height: 97px;
	background: url('../img/paddo_POPUP_.gif');
	z-index: 1000;
	}
	html>body #padoPU {background-image: url('../img/paddo.gif');
	}


#vaandel {
	position: absolute;
	top: -10px; left: 0;
	width: 100%;
	height: 65px;
	background: url('../img/vaandel_structuur_leeg_2.jpg') top right; /*vaandel_POPUP*/
	}
	#amanita_POPUP {
		position: absolute;
		top: 25px; right: 130px;
		width: 204px; height: 30px;
		background: url('../img/amanita_.gif') top left;
		border: 0 solid red;		
		}

	

#topbar {
	position: absolute;
	top: 55px; left: 0;
	width: 100%;
	height: 30px;
	/*padding-left: 183px;*/
	line-height: 30px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-stretch: expanded;
	text-align: left;
	background: transparent url('../img/navbar_structuur_.jpg') top left;
	border: 0;
	}

	/**** topbar navigatie ****/
	
	#topbarNav {
		position: relative;
		width: 80%;
		height: 28px;
		left: 45px; /* 183px */
		 font-style:italic;
		font-size: 1.5em;
		font-weight: bold;
		color: #E9E3C1; 
		border: 0 solid red;
	}
/*=========== CLASSES =====================================================================*/

.borderKleur {border-color: #6c7668;}
.fontLatFam {font-size: 1.1em;}
.smallFont {font-size: 0.8em;}
.value {color: #E9E3C1;}
.currLink {border: 2px solid #AB8E30;}
.float {
	float: left;
	width: 40px;
	height: 40px;
	margin-left: 15px;
	margin-bottom: 15px;
	text-align: center;
	font-size: .9em;
	border: 0 solid red;
	}
	.float img {width: 40px; height: 40px;}
	.border2R {border: 2px solid red;}

.gallFoto {border: 2px solid #AA8D2F;}