/*ECKHARDT EN LEEUWENSTEIN CSS*//* pagemaster bepaalt de inhoud van het venster*/.pagemaster {
background-image: url('backgroundrepeatgrey.jpg');
background-repeat:x y;
background-position:center;
}.pagemasterintro{}.ContentPane {
width: 900px;
height: auto;
background-color: #333333;
}/* ------------------ Onderstaande is CSS die gebruikt wordt door JetPhoto Studio/thumbnails-------------------*/
img {
border: 0;
}a:link {
color: #808080;
}
a:visited {
color: #808080;
}
a:hover {
color: #808080;
}
a:active {
color: #808080;
} #content{ 
margin-top: 38px;
margin-left: 300px;}/*positie van de thumbnails-groep*/#album_title{ 
color: #000000;
font-family: "Trebuchet MS", Verdana, Sans-Serif;
font-size: 18px;
line-height: 150%;
}#album_description{ 
color: #c0c0c0;
font-family: "Trebuchet MS", Verdana, Sans-Serif;
font-size: 12px; 
line-height: 150%;
}/*opmaak van de thumbnails zelf*/.thumbnail {
float: left;
margin-right: 0px;  
margin-bottom: 0px;
}/* {
height: 128px; 
width: 128px;
text-align: center;
padding: 0px;             bepaald ruimte van foto in de thumbnails
background-color: #191919;
border: 0px solid #191919;
float: left;
margin-right: 5px;        bepaald ruimte tussen de thumbnails
margin-bottom: 0px; 
} */.thumbnail_text {/* tijdelijk uitgeschakeld 
height: 145px;          bepaald ruimte onder thumbnail voor tekst
width: 128px;
text-align: center;
padding:8px;
background-color: #303030;
border: 1px solid #404040;
float: left;
margin-right: 15px;
margin-bottom: 15px;
overflow: hidden; 
font-family: "Trebuchet MS", Verdana, Sans-Serif;
font-size: 11px; */} /* -------------------------- Lightbox css-------------------*//* bepaald de opacity achter de vergrote foto's*/
#overlay
{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #191919;
filter:alpha(opacity=40);
-moz-opacity: 0.6;
opacity: 0.6;
}/*niet meer dan de div rondom de inhoudselementen (imagecontainers etc).
bepaald wel gecentreerde positie van lightbox*/#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}/* ----------------------- Lightbox Container CSS ---------------------------------*/#lightbox a img{ border: none; }/*opmaak van de rand/container om de lightbox
en de positie van de lightbox, imagedatacontainer gaat niet automatisch mee*/#outerImageContainer
{
position: relative;
background-color: #fff; /*bepaald de kleur van de container, rand aan 3 zijden rondom*/
top: 0px;  /*bepaald de toppositie van de lightboxuitvoer*/
width: 0px; /*stond 250px maar heeft geen functie*/
height: 0px;
margin: 0 auto; /*bepaald afstand tot container die sluitbutton bevat*/
}/*container voor image data*/#imageDataContainer
{
font: 10px Verdana, Helvetica, sans-serif; color: #D0D0D0; /*kleur van imagedata in de imagadatacontainer*/
background-color: #D0D0D0; /*licht grijs*/
margin: 150 auto; /*moet gelijk zijn aan de top in #outerImageContainer*/
line-height: 1.4em;
display: block;
width:100%;
}/* opmaak voor de close functie, en bepaald positie van onderste balk*/#imageData #bottomNavClose{ width: 100%; float: left;  padding-bottom: 13px; text-align:center;}#imageData{padding:0 0px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;}	/*bepaald de positie van de foto tov container*/
#imageContainer
{
padding-left: 5px;
padding-top: 10px;
padding-right: 5px;
}/*----------------------------------------------------------*//* bepaald positie en opmaak van het loading teken voor weergave van lightbox*/
#loading
{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}/* -------------- CSS van de >> en << pijlen in LIGHTBOX--------------*/#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}/*opmaak van de >> en << pijlen in de foto*/
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/portals/28/icons/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/portals/28/icons/next.gif) right 15% no-repeat; }/* ---------------- CSS elementen van sluiten LIGHTBOX script --------------*/.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}* html>body .clearfix {
display: inline-block; 
width: 100%;
}* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}	/* -------------------- Thumbnail Opacity CSS ---------------------------------------*//* bepaald de hover van de thumbs, automatische opacitywisseling gebeurd in paginacode*/.toggleopacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
-moz-opacity: 0.4;
}.toggleopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}
/*bevat de border van alle thumbnails*/
.toggleopacity img{
border: 0px solid #ccc;
}/*--------------------------------- oude lightboxcode -----------------------------------------*/#lightbox{position: absolute;top: 40px;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}#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: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background: url(/portals/28/icons/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/portals/28/icons/next.gif) right 15% no-repeat; }#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.4em;}#imageData{padding:0 10px;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold; color: #660033;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	color: #ffffff;}			
#imageData #bottomNavClose{ width: 98%; float: right;  padding-bottom: 13px;	}	
#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;background-color: #444444;filter:alpha(opacity=40);-moz-opacity: 0.4;opacity: 0.4;}.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}* html>body .clearfix {display: inline-block; width: 100%;}* html .clearfix {/* Hides from IE-mac \*/height: 1%;/* End hide from IE-mac */}	.content_wide
{margin-top: 0px;
margin-left: 0px;
}