@charset "utf-8";
/* Algemene opmaak */

body {
	margin:50px 0px; padding:0px;
	text-align:center;
	font-family:Verdana;
	font-size:10px;
	background-color:#F5F5F5;
	margin-top:12px;
	}

a:link { /* Instellingen van hyperlinks */
text-decoration: none;
color:#09357A;
}

a:visited { /* Instellingen van eerder bezochte links */
text-decoration: none;
color:#09357A;
}

a:active { /* Instellingen als je op de link klikt */
text-decoration: none;
color:#09357A;
}

a:hover { /* Instellingen als je met de muis over een link gaat */
text-decoration: none;
color:#476FAD;
}

img { /* Geen border om afbeeldingen met een link */
border:0px;
}

/* Einde algemene opmaak */

/* Basis opmaak */ 

.hoofd_website {
width:996px;
margin:0px auto;
} 

table.spacer {
width:109px;
height:5px;
border:0px;
}
table.spacer10 {
width:10px;
height:10px;
border:0px;
}

.copyspacer span {
display:block;
width:124px;
height:4px;
}

.forminput{
    font-size: 10px; /* Hoogte van invoerveld, 10 pixels */
	font-family: Verdana;
    color: #09357a;  /* Tekstkleur van text in invoer zoekvak */
    background-color: #FFFFFF; 
    border: 1px solid #09357A; /* Kleur van de rand om invoervak. Standaard staat de rand uit */
}

/* Einde basis opmaak */


/* Middenstuk opmaak (containers, wrappers en spacers) */

div.container { 
width: 996px; 
margin:0px auto;
}

div.containermain { 
width: 996px; 
margin:0px auto;
}  

div.containercopy { 
width: 996px; 
margin:0px auto;
}  

div.wrapper { 
width: 875px; 
float: left; 
} 

div.wrappermenu {
width: 875px; 
float: left; 
}

div.wrappercopy {
width: 996px; 
float: left; 
text-align:center;
border:1px solid #476FAD;
background-color:#EEEEEE;
font-size:10px;
padding-top:2px;
padding-bottom:3px;
}


div.hoofdpaginaknop { 
width: 113px; 
position: relative; 
float: left;
text-align:left;
border:1px solid #476FAD;
background-color:#EEEEEE;
font-size:12px;
padding-top:1px;
padding-bottom:2px;
padding-left:2px;
} 

div.menulinks {
width: 117px; /* Breedte van het menu */
position: relative; 
float: left;
text-align:left; /* Tekst positie in het menu */
font-family: Verdana; /* Lettertype van het menu */
font-size: 12px; /* Tekstgrootte van menuknoppen */
color: #000000; /* Tekstkleur van de menuknoppen */
/* padding-bottom: 10px; /* Effect onbekend, daarom uitgeschakeld */
/* background: url(bottom.gif) no-repeat  right bottom; /* Een afsluitend plaatje aan de onderkant van het menu, uitgeschakeld */
}

div.locatie { 
width: 749px; 
position: relative; 
float: right;
text-align:left;
padding-left:3px;
border:1px solid #476FAD;
background-color:#EEEEEE;
padding-top:3px;
padding-bottom:2px;
padding-left:2px;
} 

div.main { /* de opmaak voor het vak met de inhoud */
width: 747px; 
position: relative; 
float: right;
text-align:left;
font-size:12px;
padding-left:3px;
border:1px solid #476FAD;
background-color:#EEEEEE;
padding: 2px 2px 2px 2px; /* Padding boven, rechts, onder, links */
} 

p{
margin: 0px 0px 10px 0px;
}

.inhoudtabel {
width:747px;
border:0;
}

.opmaaktekstvak {
vertical-align:top;
margin-top:0;
padding-top:0;

}

.inhoudplaatjes {
width:125px;
vertical-align:top;
padding-left:0px;
}

.inhoudIMG {
border: 1px #09357A;
}

.inhoudVR {
width:7px;
text-align:center;
vertical-align:top;
background: url(../afbeeldingen/layout/VRgeel.gif) repeat-y;
}

div.menurechts { /* De opmaak voor titelblok aan de rechterkant, NIEUWS */
width: 112px; 
position: relative; 
float: right;
text-align:right;
border:1px solid #476FAD;
background-color:#EEEEEE;
font-size:12px;
padding: 1px 2px 2px 0px; /* Padding boven, rechts, onder, links */
}

div.inhoudmenurechts { /* De opmaak voor de inhoud onder het bovenstaande titelblok */
width: 114px; 
position: relative; 
float: right;
text-align:justify;
border:1px solid #476FAD;
background-color:#EEEEEE;
padding-left:0px;
}

div.inhoudmenurechts div a:hover {
	background: #E4E4E4; /* Kleur van links met hover en een afbeelding erbij */
	color: #09357A; /* Kleur van de tekst als er over gehoverd wordt */
	text-decoration: none;
	/* background: #E4E4E4; /* Link achtergrondkleur bij hover */
}

div.inhoudmenurechts div a {
	padding: 0px 2px 0px 2px;
	background: #EEEEEE;
	display: block;
	color: #09357A; /* Tekstkleur link */
	text-decoration: none;
	font-size:10px;
}

div.inhoudmenurechts p { margin-top: 0px; margin-bottom: 1px; }
div.inhoudmenurechts hr { width:75px; border: dashed 1px; color:#476FAD; float:middle;}

/* Einde middenstuk opmaak */

/* Opmaak klap-down menu */

div.menulinks div:first-child {
	background:#EEEEEE; /* Enkel de achtergrondkleur van de eerste menuknop */
}
div.menulinks div {
	background:#EEEEEE; /* Achtergrondkleur van de opvolgende menuknoppen */
	overflow: hidden;
	border-bottom: 1px solid #476FAD;
}
div.menulinks div.collapsed {
	height: 17px; /* Hoogte van menuknoppen */
}
div.menulinks div span {
	display: block;
	padding: 1px 5px;  /* Ruimte van boven - Ruimte links (boven eerste submenu) */
	font-weight: normal; /* Tekstdikte/schuinte/normaalte van de titelteksten */
	color: black; /* Kleur van de titelteksten in de menuknoppen */
	background: #EEEEEE;
	cursor: default;
	border-bottom: 1px solid #476FAD; /* Border van onder de menuknopjes */
	border-top: 1px solid #476FAD;
	border-left: 1px solid #476FAD;
	border-right: 1px solid #476FAD; /* Border-rechts rond menuknop en sub items */

}
div.menulinks div.collapsed span {
	/* background-image: url(collapsed.gif); /* Achtergrond afbeelding van opvolgende menuknoppen */
	background:#EEEEEE;
}
div.menulinks div a {
	padding: 2px 10px;
	background: #EEEEEE;
	display: block;
	border-left: 1px solid #476FAD; /* Border-links rond submenu items */
	border-right: 1px solid #476FAD; /* Border-rechts rond submenu items */
	color: #09357A; /* Tekstkleur sublink */
	text-decoration: none;
	font-size:10px;
}
div.menulinks div a.current {
	text-decoration: none;
}
div.menulinks div a:hover {
	background: #E4E4E4 url(../afbeeldingen/layout/dot5pxs.gif) no-repeat left center ; /* Kleur van links met hover en een afbeelding erbij */
	color: #476FAD; /* Kleur van de tekst als er over gehoverd wordt */
	text-decoration: none;
	/* background: #E4E4E4; /* Link achtergrondkleur bij hover */
}
  
/* Einde opmaak klap-down menu */

/* Begin opmaak van de ImageBOX */
.imgbox {
	background:url(../afbeeldingen/layout/schaduwrechts.png) right 0 repeat-y;
	width:124px;
	
}
.imgboximg {
border:1px solid #09357A;
}

.imgbox span {
	display:block;
	width:124px;
	height:4px; 
}

.imgborder {
	width:121px;
}
/* Einde opmaak van de ImageBOX

/* Lightbox opmaak */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../afbeeldingen/layout/lb/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../afbeeldingen/layout/lb/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Einde opmaak Lightbox */