@charset "UTF-8";
/* CSS Document */

body {
	background:url(template/bg.jpg) bottom right no-repeat fixed #222222; 
}

/*-------------------------------- layout divs ------------------------------------ */

#container {
      width:972px;
      height:585px;
      border:0px;
      position:absolute;
      top:50%;
      left:50%;
      margin-left: -486px;
      margin-top: -293px;
}

div#logo {
	position:absolute;
	width: 181px;
	height: 78px;
	left: 10px;
	top:0px;
}

div#hoofdnav {
	position:absolute;
	right: 2px;
	top: 50px;
	overflow:hidden;
}

div#subnav {
	position:absolute;
	width: 170px;
	left: 20px;
	top: 130px;
	z-index: 40;
}

div#content {
	position:absolute;
	width: 763px;
	height: 400px;
	top: 112px;
	left: 189px;
	z-index: 30;
}

div#contact {
	position:absolute;
	width: 300px;
	height: 400px;
	top: 22px;
	left: 389px;
	z-index: 30;
}

div#line1 {
	position:absolute;
	width: 943px;
	height: 29px;
	left: 15px;
	top: 65px;
}

div#line2 {
	position:absolute;
	width: 943px;
	height: 29px;
	left: 15px;
	top: 530px;
}

div#background {
	position:absolute;
	width: 971px;
	height:430px;
	left: 0px;
	top: 97px;
	z-index: 1;
}

div#adres {
	position:absolute;
	width: 800px;
	right: 12px;
	top: 560px;
	text-align:right;
}


/*-------------------------------- hoofdmenu en albummenu ------------------------------------ */
div#hoofdnav ul {
	list-style:none;
}

div#hoofdnav ul li {
	list-style:none;
	font-size:12px;
	position:relative;
	float:left;
	right:-3px;
	padding-left:10px;
	padding-right:10px;
	background:url(template/spacer.jpg) right no-repeat;
	text-transform:uppercase;
}

div#subnav ul {
	list-style:none;
}

div#subnav ul li {
	list-style: none;
	font-size:11px;
	margin-bottom: 15px;
}

div#subnav ul {
	list-style:none;
}

div#subnav ul ul {
	position:relative;
	left: 11px;
	margin-bottom: 0px;
	margin-top: 5px;
}

div#subnav ul ul li {
	margin-bottom: 6px;
}

/*-------------------------------- tekstpagina ------------------------------------ */

div#tekst {
	position:absolute;
	width: 485px;
	left: 20px;
	top: 15px;
	height: 380px;
}

div#foto1 {
	position:absolute;
	width:202px;
	height:125px;
	left: 540px;
	top: 45px;
}

div#foto2 {
	position:absolute;
	width:202px;
	height:125px;
	left: 540px;
	top: 210px;
}



/*-------------------------------- fotopagina ------------------------------------ */

div#thumbs {
	position:absolute;
	left: 0px;
	width: 80px;
	height: 400px;
	z-index: 70;
	top: 0px;
	text-align:center;
	overflow:hidden;
}

.thumb {
	margin-bottom: 8px;
}

div#omhoog {
	position:absolute;
	width: 92px;
	height: 22px;
	left:0px;
	top:0px;
	text-align:left;
	z-index:80;
}

div#omlaag {
	position:absolute;
	width: 92px;
	height: 22px;
	top:378px;
	z-index: 80;
	text-align:left;
}

div#gallery {
	position:absolute;
	width: 675px;
	height: 405px;
	top: 0px;
	right: 0px;
	text-align:center;
}

div#left {
	position: absolute;
	left: -10px;
	width: 10px;
	height: 12px;
	top: 200px;
}

div#right {
	position: absolute;
	right: -10px;
	width: 10px;
	height: 12px;
	top: 200px;
}

.back {	
}

div#image {
	position:relative;
	width: auto;
	display:inline;
}

div#fotoinfo {
	position:absolute;
	left:9px;
	height: auto;
	bottom: 12px;
	background-color:#FFFFFF;
	z-index: 80;
	-moz-opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity:0.8;
	text-align:left;
	z-index: 40;
	right:13px;
	display:none;
}

div#meerinfo {
	position:absolute;
	left:9px;
	height: 13px;
	bottom: 12px;
	background:url(template/plus.gif) right no-repeat;
	background-color:#FFFFFF;
	-moz-opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity:0.8;
	text-align:left;
	z-index: 98;
	right:13px;	
	display:block;
}

div#image:hover div#meerinfo, div#image.mouseover div#meerinfo {
	display:none;
}

div#image:hover div#fotoinfo, div#image.mouseover div#fotoinfo {
	display:block;
}

div#fotoinfo p {
	margin: 10px;
	color:#333333;	
	font-size:11px;
	max-width: 233px;
}

div#image img {
	padding: 8px;
	background:#333333;
	border: thin #666666 solid;
}

div#spacerfoto {
	position:absolute;
	width:24px;
	height:383px;
	right: -24px;
	bottom:-50px;
	z-index:95;
	background:url(template/spacer.gif);
}