TD,P,B,INPUT{font-family:arial,helvetica; font-size:12px; color: #006633;}

.clCMEvent{position:absolute; width:99%; height:99%; clip:rect(0,100%,100%,0); left:0; top:0; visibility:hidden}
.clCMAbs{position:absolute; left:0; top:0; visibility:hidden}

.clT,.clTover,.clS,.clSover,.clS2,.clS2over{position:absolute; overflow:hidden; width:130; height:25; cursor:pointer; cursor:hand;}
.clT,.clTover{padding:4px; font-size:12px; font-weight:bold}
.clT{color:white; }   
.clTover{color:#FFFFFF;}
.clS,.clSover{padding:2px; font-size:11px; font-weight:bold}
.clS2,.clS2over{padding:2px; font-size:11px;}
.clS,.clS2{color:#D6E8D6; background-color:#006633; layer-background-color:#D6E8D6;}
.clSover,.clS2over{color:#FFFFFF;}
.clSover,.clS2over,.clTover,.clB,.clBar{layer-background-color:#009933; background-color:#006633;}
.clB{position:absolute; visibility:hidden; z-index: 300}
.clBar{position:absolute; width:10; height:10; visibility:hidden}


a.knop{
	background-color: #006600;
	background-image: url(knop0.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	color: #006633;
	display: block;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 11pt;
	height:30px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	width: 120px;
}

a.knop:hover{
	background-color: #99CC99;
	background-image: url(knop1.gif);
	color: #FFFFFF;
}

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

A:link    {text-decoration: underline; color: #006633}
A:visited {text-decoration: none; color: #006633}
A:hover   {text-decoration: underline; color: #006633;}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

body{
margin:0;
padding:0;
line-height: 1.5em;
font-family:arial,helvetica; 
scrollbar-arrow-color: #660066;
scrollbar-base-color: #99CC99;
scrollbar-dark-shadow-color: #009933	;
scrollbar-track-color: #006633;
font-family:arial,helvetica; 
font-size:12px; 
color: #006633;
}

b{font-size: 110%;}
em{color: red;}

#koptekst{
font-family:arial,helvetica; 
font-size:30px;
color: #FFFFFF;
}


#maincontainer{
background: #D6E8D6; /* Achtergrond van de hoofdcontainer */
width: 750px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#maincontainer_voor{
background: #FFFFFF; /* Achtergrond van de hoofdcontainer */
width: 750px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
height: 100px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#menuheader{
clear: left;
width: 750px;
hight: 19px;
background: #006633;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 5px; /*Set left margin to LeftColumnWidth*/
margin-right:5px;
}

#footer{
clear: left;
width: 750px;
background: #006633;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#update{
clear: left;
width: 100px;
background: #006633;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
font-family:arial,helvetica; 
font-size:12px;
color: #FFFFFF;
}

#photolijst{
line-height: 6px; 

}

#results{
line-height: 12px; 
font-size: 10px;
font-style: italic;
}

.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
.innertube_top{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0px;
}


#Dropdown{
position:absolute; 
visibility: hidden; 
border: 2px solid; 
border-color: #006633; 
background-color: white; 
width: 300px; 
padding: 8px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

 
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
 
.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}
 
.thumbnail:hover{
background-color: transparent;
}
 
.thumbnail:hover img{
border: 1px solid blue;
}
 
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #D6E8D6;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
 
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
 
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}