html, body  {
   margin: 0px;
   background-color: #000;
}

#container  {
   width: 870px;
   height: 530px;
   position: absolute;
   margin-left: -435px;
   margin-top: -266px;
   left: 50%;
   top: 50%;
   background-color: #000;
}

#horizontaal  {
   width: 100%;
   height: 1px;
   overflow: visible;
   position: absolute;
   top: 50%;
}

#logo {
	position: absolute;
	background: url(afbeeldingen/logo.gif) no-repeat;
	width: 215px;
	height: 15px;
	left: 0;
	top: 0;
}

#btnCv {
	position: absolute;
	background: url(afbeeldingen/btnCv.gif) no-repeat;
	width: 15px;
	height: 12px;
	right: 70px;
	cursor: pointer;
}

#btnCv.active {
	background: url(afbeeldingen/btnCvHover.gif) no-repeat;
	cursor: pointer;
}

#btnContact {
	position: absolute;
	background: url(afbeeldingen/btnContact.gif) no-repeat;
	width: 51px;
	height: 12px;
	right: 0;
	cursor: pointer;
}

#btnContact.active {
	background: url(afbeeldingen/btnContactHover.gif) no-repeat;
	cursor: pointer;
}

#filter {
	position: absolute;
	right: 2px;
	top: -5px;
}

#thumbnails {
	position: absolute;
	left: 0;
	top: 20px;
}

#thumbnails table tr td {
	margin: 0;
	padding: 0;
	width: 60px;
	height: 60px;
}

#thumbnails a img {
	border: 0;
}

#thumbnails table tr td a img.active {
	width: 56px;
	height: 56px;
}

#thumbnails table tr.red td a img.active {
	border:2px solid red;
}

#thumbnails table tr.yellow td a img.active {
	border:2px solid yellow;
}

#thumbnails table tr.green td a img.active {
	border:2px solid #0f0;
}


#thumbnails a img.thumb_uit:hover {
	opacity: .6;
	filter:alpha(opacity=60);
} 


#thumbnails a img.thumb_uit { 
	opacity: .2; 
	filter: alpha(opacity=20); 
} 
	
#thumbnails a img.active, #thumbnails img.active:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}

#thumbnails table.dark tr td a img:hover {
	opacity: .6;
	filter:alpha(opacity=60);
}


#paginafoto {
	position: absolute;
	top: 245px;
}

#content {
	position: absolute;
	overflow:auto;
	height: 50px;
	top: 245px;
	right: 0;
	width: 420px;
	height: 265px;
	
	padding-right: 5px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#content a{
	color: white;
}

#content a:hover {
	text-decoration: none;
}

#button-prev {
	position: absolute;
	left: 389px;
	top: 513px;
}

#button-next {
	position: absolute;
	left: 410px;
	top: 513px;
}

#buttons a img {
	border: 0;
}