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

html{ 
	scrollbar-base-color: #9FCA29;
	scrollbar-arrow-color: #2D4236;
	scrollbar-track-color: #2D4236; 
    /*scrollbar-face-color: #2D4236; */
    scrollbar-highlight-color: #CCFF66; 
    scrollbar-3dlight-color: #CCFF66; 
    scrollbar-darkshadow-color: #2F3B34; 
    scrollbar-shadow-color: #2F3B34;
}

body {
	color:#0000CC;
	background-color:#CCFF66;
}
a {
	text-decoration:none;
}
img {
	border: none;
}
.small {
	width:62px;
	height:62px;
}
.big1 {
	margin-top:68px;
}
.foto_691E7A {
	border:5px solid #691E7A;
}
.foto_B3A2AA {
	border:5px solid #B3A2AA;
}
.foto_2D4236 {
	border:5px solid #2D4236;
}
.foto_9FCA29 {
	border:5px solid #9FCA29;
}
.foto_2F3B34 {
	border:5px solid #2F3B34;
}
.foto_919C8E {
	border:5px solid #919C8E;
}
.foto_919D81 {
	border:5px solid #919D81;
}
.foto_CCFF00 {
	border:5px solid #CCFF00;
}

div#image {	
	position:relative;
	background-color: #919D81;
	width:550px;
	height:440px;
}
input {
	background-color:#919D81;
	color:#2D4236;
	font-size:12pt;
	border:0;
	text-align:center;
	width:400px;
	height:20px;
	font-family: "Courier New", Courier, monospace;
}
#Dewi {
	float:left;
	font-family:"Porky's","Bradley Hand ITC";
	font-size:85pt;
	color:#691E7A;
	text-align:center;
}
#Dewi_right {
	float:left;
	font-family:"Porky's", "Bradley Hand ITC";
	font-size:42pt;
	color:#691E7A;
	text-align:center;
}


/*filmstrip*/
ul.imageRow {	
	position:relative;
	/* width of all of your images plus the margins/padding you use .... wordt door php in width.css gezet*/
	height:140px;
	list-style:none;
	/*background: url(../images/filmstrip.jpg) 0 0 repeat-x;*/
	background-image: url(../images/filmstrip.jpg);
	background-repeat:repeat-x;
}
ul.imageRow li {
	top:25px;
	float: left;
	display: inline;
	position:relative;
	left:-40px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
ul.imageRow li:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	/*background-color:#FFFFCC;*/
}
ul.imageRow li img {
	margin:5px;
}
div.filmstrip {	
	background:#919D81;
	position:relative;
	overflow-x: scroll;
	overflow-y: hidden;
	width:550px;
	height:180px;
}





/*gallery*/

/*ul#gallery, ul#gallery li{
	margin:0;
	padding:0;
	list-style:none;
	}
ul#gallery{
	width:410px;
	height:390px;
	left:100px;
	position:relative;
	background:#919D81;
	}			
ul#gallery li{
	float:left;
	display:inline;
	margin-top:310px;
	margin-left:10px;
	}								
ul#gallery a span{
	display:none;
	}
ul#gallery a:hover{
	background:none;
	z-index:100;
	}	
ul#gallery a:hover span{
	position:absolute;
	width:400px;
	height:300px;
	float:left;
	top:5px;
	left:5px;
	display:block;
	}	*/