/* CSS Document */
img { border: none 0px; }
body {
	background-color: #000;
	cursor: default;
	margin: 0px;
}
html, body {
	height: 100%;
}
#background {
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: transparent;
	position: fixed;
  z-index: -1;
}

#logo {
	position: absolute;
	bottom: 40px;
	left: 80px;
}
#menu {
	z-index: 10;
	position: absolute;
	top: 80px;
	left: 80px;
	white-space: nowrap;
}
#menu A:hover IMG {
	opacity: 0.4;
	filter: alpha(opacity=40);
}
#menu .a IMG {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#menu A:active {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#menu .divider {
	width: 1px;
	display: inline-block;
	height: 12px;
	background-color: #FFF;
	margin: 0px 8px 0px 8px;
}

#content {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	top: 120px;
	bottom: 100px;
	right: 0px;
	left: 80px;
	overflow: auto;
}

.contentA {
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 650px;
	font-size: 12px;
}

H2 {
	font-size: 14px;
	font-weight: 100;
	font-family: Gill Sans, Gill Sans MT, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0px;
	margin: 10px 0px 25px 0px;
}
H3 {
	font-size: 20px;
	font-weight: 100;
	font-family: Gill Sans, Gill Sans MT, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
}
.h2 {
	margin: 10px 0px 25px 0px;
}

#content A {
	color: #FFF;
	text-decoration: none;
}
#content A:hover {
	color: #999;
	text-decoration: none;
}

#introfloater {
	width: 100%;
	height: 50%;
	margin-bottom: -25px; /* #content height/2 */
}
#intro {
	clear: both; 
	height: 50px; 
	position: relative;
	width: 211px;
	margin: auto;
}
.items {
	width: 700px;
}
.item {
	float: left;
	margin-right: 50px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	margin-bottom: 33px;
}
.item .sub {
	font-size: 12px;
	font-style: italic;
	margin-left: 7px;
}
.item .beeld {
	margin-bottom: 5px;
	width: 300px;
	height: 100px;
}
.item A:hover IMG {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#subitems {
	margin: 10px 0px 25px 0px;
}
#subitems A {
	font-size: 14px;
	font-weight: 100;
	font-family: Gill Sans, Gill Sans MT, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#subitems .a {
	color: #999;
}
#subitems .divider {
	width: 1px;
	display: inline-block;
	height: 11px;
	background-color: #FFF;
	margin: 0px 8px 0px 8px;
}

#overlay {
	background-color: #000;
	opacity: 0.7;
	filter: alpha(opacity=70);
	left: 0px;
	bottom: 0px;
	top: 0px;
	right: 0px;
	position: fixed;
	z-index: 200;
}
#popupcontainer {
	left: 0px;
	height: 100%;
	width: 100%;
	top: 0px;
	position: fixed;
	z-index: 201;
}
#popupfloater {
	width: 100%;
	height: 50%; 
	margin-bottom: -200px; /* #content height/2 */
}
#popup {
	height: 400px;
	clear: both;
	position: relative;
	width: 600px;
	border: solid 1px #2d2d2d;
	background-color: #000;
	margin: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}
#popup .content2 {
	padding: 0px 40px 0px 40px;
	height: 380px;
	width: 502px;
	overflow: hidden;
	float: left;
}
#popup .content2top {
	height: 60px;
}
#popup .intro {
	padding: 20px 0px 0px 0px;
}
#popup #close {
	font-family: Gill Sans, Gill Sans MT, Arial, Helvetica, sans-serif;
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 0px 5px 3px 10px;
	cursor: pointer;
	font-size: 10px;
}
#popup #fotoscroll {
	position: absolute;
	width:540px;
	overflow:hidden;
	bottom: 20px;
}
#popup #fotos {
	width:1000px
}
#popup #fotos IMG {
	width: 80px;
	height: 80px;
	margin-right: 10px;
}

.enlargeBackground {
	background-color:#000000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.enlarge {
	border-spacing: 0px;
	padding: 0px;
}
.enlarge TD {
	padding: 0px;
}
.enlarge .enlargeContainer {
	margin: auto;
	display: table;
	padding: 5px;
	background-color: #fff;
	width: auto;
}
.enlarge .enlargeClose {
	text-align: right;
	padding-bottom: 5px;
}
.enlarge .enlargeImage {
	padding: 0px 0px 0px 0px;
	border: 1px solid #2d2d2d;
}
.enlarge .enlargePrev DIV {
	position: relative;
	margin-right: -250px;
	padding-top: 200px;
	padding-left: 10px;
	height: 380px;
	width: 240px;
	text-align: left;
	cursor: pointer;
}
.enlarge .enlargePrev DIV:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.enlarge .enlargePrev DIV {
	opacity: 0;
	filter: alpha(opacity=0);
}
.enlarge .enlargeNext DIV {
	position: relative;
	margin-left: -250px;
	padding-top: 200px;
	padding-right: 10px;
	height: 380px;
	width: 240px;
	text-align: right;
	cursor: pointer;
}
.enlarge .enlargeNext:hover DIV {
	opacity: 1;
	filter: alpha(opacity=100);
}
.enlarge .enlargeNext DIV {
	opacity: 0;
	filter: alpha(opacity=0);
}

.enlarge .caption {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	padding-top: 2px;
	color: #ccc;
	float: left;
}
.enlarge .enlargeClose {
	font-family: Gill Sans, Gill Sans MT, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 2px;
	color: #ccc;
	cursor: pointer;
}
div#slide{
	position:relative;
	width:9px;
	height:380px;
	float:left;
	margin-left:6px;
	border:1px solid #000;
}
div#slide div#slider{
	width:9px;
	height:9px;
	margin-left: 1px;
	background-color:#555;
	position:absolute;
	left:0px;
	top:0px;
	cursor:pointer;
	overflow:hidden;
}
div#slide div#slidebar{
	width:5px;
	height:380px;
	border-right:1px solid #444;
}