html {background-color:#606060;
      font-family		:century gothic, arial, sans-serif;}


a:link {text-decoration:none;color:#ffffff} 
a:visited {text-decoration:none;color:#ffffff}
a {font-size:13px}
a:hover{color:#01c4ff}

p{
	font-size:13px;
	color:#ffffff;
	padding:0px;
	margin:0px;
	}

h2 {
   display:none;
   opacity: 0.0;
   filter:alpha(opacity=00);
   -moz-opacity:0.0;
   filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=00);
   position: absolute;
   z-index:20;
   top: -5px;
   left:0px;
   width:100%;
   font-family:century gothic, calibri, verdana, sans-serif;
   font-size: 20px;
   }
  
h2:hover{
    display:none;
    z-index:20;
    opacity: 0.0;
    filter:alpha(opacity=00);
    -moz-opacity:0.0;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=00);
	}

.image {
   position: relative;
   float:left;
   padding:0px;
   margin:4px;
   border:;
   overflow:hidden;
   opacity:0.9;
	filter:alpha(opacity=90)
}
.image:hover {
   	opacity:1.0;
	filter:alpha(opacity=100)
}

#logolinks{
position:absolute;
border:0px; 
left:4px; 
width:76px; 
margin:5px; 
padding:0px; 
height:419px;
z-index:2;
}

#logolinks img{ 
border: 0px;
width:100%;
height:100%
}

div.fadehover {
	position: relative;
	top: 0px;
	left: 0;
	float:left;
	width:195px;
	height:123px;
	padding:5px;
	margin:4px;
	overflow:hidden;
	color:#858585;
	background-color:#858585;
	}
 
img.a {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width:100%;
	height:100%;
        }
 
img.b {
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height:100%;
	}
		
#button {
	color			:#bababa;
	line-height		:30px;
	width			:205px;
	height			:33px;
	float			:left;
	margin			:4px;
	padding			:0px;
	text-align		:center;
    font-family		:"century gothic", arial, sans-serif;
	border			:0px solid #858585;
	font-size		:20px;
	color			:#ffffff;
	cursor			:pointer;
	background		:#858585;/* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#404040'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#404040)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #757575,  #404040); /* for firefox 3.6+ */
	}
#button:hover {
font-family		:century gothic, arial, sans-serif;	
font-size		:23px;
	color			:#000000;
	font-style		:bold;
	border			:0px solid #01c4ff;
	cursor			:pointer;
	background		:#01c4ff;/* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ddcfd', endColorstr='#01c4ff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#6ddcfd), to(#01c4ff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #6ddcfd,  #01c4ff); /* for firefox 3.6+ */}

#button.active{
	/*text-shadow:#666666 2px 2px 2px;*/
    font-family		:century gothic, arial, sans-serif;
	font-size		:23px;
	color			:#000000;
	font-style		:bold;
	border			:0px solid #01c4ff;
	cursor			:pointer;
	background		:#01c4ff;/* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ddcfd', endColorstr='#01c4ff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#6ddcfd), to(#01c4ff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #6ddcfd,  #01c4ff); /* for firefox 3.6+ */}

#scrollup  {
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
/*background-color:#858585;*/
position:absolute;
top:0px;
z-index:20;
width:100%;
height:40px;}

#kleinepijlup {
font-size: 0px; 
line-height: 0%; 
width: 0px;
margin:0px;
margin-top:0px;
float:right;
border-bottom: 10px solid #ffffff;
border-left: 6px solid #858585;
border-right: 6px solid #858585;
 }
#kleinepijlup:hover {
border-bottom: 10px solid #01c4ff; }

#scrolldown {
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
/*background-color:#858585;*/
position:absolute;
bottom:0px;
z-index:20;
width:100%;
height:40px;}

#kleinepijldown {
font-size: 0px;
line-height: 0%; 
width:0px;
margin:0px;
margin-top:30px;
float:right;
border-top:10px solid #ffffff;
border-left: 6px solid #858585;
border-right: 6px solid #858585;"> 
}
#kleinepijldown:hover {
border-top:10px solid #01c4ff; }
	
	
	
	
body {
	margin-top      :100px;
	background-color:#606060;
	background-image:;
	background-repeat: repeat;
	text-align		:center;
	font-family		:century gothic, arial, sans-serif;
	}

#DIV_main {
 	width:940px; 
	height:524px;
	border: 0px;
	text-align: left;
	position: relative;
	margin-left: auto;
	margin-right:auto;	
	margin-top:auto;
}

#outer {
	width		: 852px;
	position	: relative;
	z-index		: 2;
	}
	
#blocktext {
color:#ffffff;
border:3px solid #606060; 
float:right; 
width:190px; 
height:410px; 
text-align:justify; 
margin:4px; 
padding:0px; 
overflow:auto;
}

#middleblock {
	z-index		: 1;
	visibility	: visible;
	padding		:0px;
	margin		:0px 0px 0px 8px
 }

#tekstvak{
	display: block; 
    position:relative;
	z-index:1;
	float:right;
	width:199px;
	height:127px;
	Border:3px solid #858585;
	padding:0px;
	margin:4px;
	overflow:hidden;
	background-color:#858585;

 } 
 
#galleryintro{
	display: block; 
	vertical-align: middle;
	text-align:center;
	width:160;
	height:auto;
	z-index:2;
	font-size:14px;
	font-family:century gothic, calibri, verdana, sans-serif;
	color:#ffffff;
	text-align:justify;
	padding:4px;
	overflow:hidden;
	
}
 
#middlescreen {
	width       				:631px;
	height      				:416px;
	border						:;
	position					:absolute;
	left						:0px;
	background					:#01c4ff;
	padding						:0px;
	margin						:4px;
	z-index						:1;
	}

#middlescreen img { 
    display: block;
    margin-left: auto;
    margin-right: auto;
	height:100%; 
	width:100%;
	max-width:100%;
	max-height:100%;
} 

#nextimage {
	z-index		:5;
	width		: 205px;
	height		: 133px;
	float		: right;
	font-size:40px;
	color:#ffffff;
	text-align:center;
	vertical-align:middle;
	background-color:#858585;
	cursor:pointer;
	margin:4px;
	position:absolute;
	top:0px;
	opacity:1.0;filter:alpha(opacity=100)
	
 }
#nextimage:hover {
	background-color:#01c4ff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6ddcfd', endColorstr='#01c4ff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#6ddcfd), to(#01c4ff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #6ddcfd,  #01c4ff); /* for firefox 3.6+ */
	 }

#previmage {
	z-index		:5;
	width		: 205px;
	height		: 133px;
	float		: right;
    font-size:40px;
	color:#ffffff;
	text-align:center;
	background-color:#858585;
	cursor:pointer;
	margin:4px;
	position:absolute;
	bottom:0px;
	opacity:1.0;filter:alpha(opacity=100)
 }
 
#previmage:hover {
	background-color:#01c4ff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01c4ff', endColorstr='#6ddcfd'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#01c4ff), to(#6ddcfd)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #01c4ff,  #6ddcfd); /* for firefox 3.6+ */

	 }
 
 #disclaimer {
	float:left;
	color	: #fefefe;
	font-size:12px;
	padding:4px;
	 }

 
/* layer for Next and Prev */

#outer-1 {
	width		: 213px;
	position	: relative;
	float:right;
	z-index		: 1;
	top: 0px;
	 }

#prev {
	float:right;
	width		: 205px;
	height		: 133px;
	visibility	: visible;
	z-index		: 1;
	padding		: 0px;
	margin		: 4px;
	FILTER		: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    background-color:#858585;

	}
#prev img {
    width       : 192px;
    height      : 133px;
 }
#next {
	float:right;
	width       : 205px;
	height      : 133px;
	visibility	: visible;
	z-index		:1;
	padding		: 0px;
	margin		: 4px;
	FILTER		: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    background-color:#858585;

	}

#next img {
    width       : 192px;
    height      : 133px;
 }