body    { font-size: 10px; font-family: Verdana; background: #df8d2f url(../beelden/ag_zwart.gif) repeat-y center ; margin: 0px; padding: 0px; border: 0px; scrollbar-3dlight-color: #fff; scrollbar-arrow-color: #DCDCDC; scrollbar-face-color: #fff; scrollbar-track-color: #fff  }
table { background-color: #fff }
td { font-size: 10px; font-family: Verdana }
p { font-size: 10px; font-family: Verdana }
a  { color: black; font-size: 10px; font-family: Verdana }
a:link   { color: black; font-size: 10px; font-family: Verdana }
a:hover   { color: #df8d2f; font-size: 10px; font-family: Verdana }

.agenda   { color: #fff; font-size: 12px; line-height: 120%; margin-left: 10px }
.agenda a   { color: #fff; text-decoration: none }
.agenda a:hover   { color: #df8d2f }

.homeagenda    { color: #fff; font-size: 12px; position: relative; left: 10px }
.homeagenda a   { color: #fff; text-decoration: none }
.homeagenda a:hover   { color: #df8d2f }

.leesmeer { text-align: right; width: 100% }
.leesmeer a { color: #000; text-decoration: none; text-align: right }
.leesmeer a:hover { color: #df8d2f; text-decoration: underline; text-align: right }
.grijs { background-color: #d0d1d3 }
#menuTabel td {
	padding-right: 7px;
	padding-left: 6px;
}





.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.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 on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}