a {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none
}
a.menu {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none
}
a:hover {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none
}
a.menu:hover {
	font:  10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none
}
td {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none
}
.wt {
	font: normal 12px Verdana, Courier New, Courier, mono;
	color: #333333;
	text-decoration: none
}
.title {
	font: bold 17px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none
}
a.img:hover {border: solid 0px #3366FF;} 

.klein {
	font: 7px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none
}

body {
margin-top: 0px;
border-style: none;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #eeeeee;
scrollbar-3dlight-color: #dddddd;
scrollbar-darkshadow-color: #dddddd;
scrollbar-shadow-color: #dddddd;
scrollbar-arrow-color: #aaaaaa;
scrollbar-track-color: #ffffff;
}

.iframe {
frameborder: 0;
border-style: none;
background: white url('http://www.johanheersink.dds.nl/images/jh_bg.jpg');
background-attachment: fixed;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #eeeeee;
scrollbar-3dlight-color: #dddddd;
scrollbar-darkshadow-color: #dddddd;
scrollbar-shadow-color: #dddddd;
scrollbar-arrow-color: #aaaaaa;
scrollbar-track-color: #ffffff
}

table.main {
width: 100%; 
height: 100%; 
align: center;
border: none;
cellpadding: 0px; 
cellspacing: 0px; 
}

table.curl {
height: 180px; 
align: center;
border: none;
cellpadding: 0px; 
cellspacing: 0px; 
}

table.fietslog {
border-style: solid;
border-width: 1px; 
border-collapse: collapse;
}

td.topfietslog {
vertical-align: top;
text-align: left;
line-height: 12px; 
background: #cccccc;
border: 1px solid #111111;
}

td.fietslog {
vertical-align: top;
text-align: left; 
border: 1px solid #555555;
letter-spacing: -1px;
}

tr.fietslog { 
border-top: 1px solid #555555;
valign: top;
align: middle;
}

td.links {
width: 180px;
vertical-align: top;
text-align: left;
line-height: 9px; 
}

td.toplinks {
vertical-align: top;
text-align: left;
line-height: 12px; 
background: #cccccc;
}

.graphic {
border:1px;
border-thickness:1px;
border-color: #888888;
border-style: solid;
}

.graphic A:link { color: #CCCC66; text-decoration: none; }
.graphic A:visited { color: #CCCC66; text-decoration: none; }
.graphic A:active { color: #FFFF99; }
.graphic A:hover { color: #FFFF99; }

A:hover .graphic, A:active .graphic {
border:1px;
border-thickness:1px;
border-color: #CC6600;
border-style: solid;
}




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

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

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

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

.thumbnailleft:hover img{
border: 1px solid white;
}

.thumbnailright:hover img{
border: 1px solid white;
}

.thumbnailright span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 4 4 4 4;
left: 0px;
right: 0px; /*position where enlarged HIDDEN image should offset horizontally */
border: 1px solid white;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailleft span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 4 4 4 4;
left: -161px; /*position where enlarged HIDDEN image should offset horizontally */
right: 0px;
border: 1px solid white;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailright span img{ /*CSS for enlarged image*/
border: 1px solid black;
padding: 0px;
}

.thumbnailleft span img{ /*CSS for enlarged image*/
border: 1px solid black;
padding: 0px;
}

.thumbnailright:hover span{ /*CSS for enlarged image*/
visibility: visible;
border: 1px solid black;
color: #333333;
top: 0;
left: -3px; /*position where enlarged image should offset horizontally */
z-index: 200;
}

.thumbnailleft:hover span{ /*CSS for enlarged image*/
visibility: visible;
border: 1px solid black;
color: #333333;
top: 0;
left: -161px; /*position where enlarged image should offset horizontally */
z-index: 200;
}




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

.thumbnailright img{
border: 1px solid black;
margin: 0 0px 0px 0;
}

.thumbnailleft img{
border: 1px solid black;
margin: 0 0px 0px 0;
}

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

.thumbnailleft:hover img{
border: 1px solid black;
}

.thumbnailright:hover img{
border: 1px solid black;
}

.thumbnailright span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 0 0 0 0;
left: -3px;
right: 0px; /*position where enlarged HIDDEN image should offset horizontally */
border: 6px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailleft span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 0 0 0 0 ;
left: 0px; /*position where enlarged HIDDEN image should offset horizontally */
right: 0px;
border: 6px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnailright span img{ /*CSS for enlarged image*/
border: 0px solid black;
padding: 0px;
}

.thumbnailleft span img{ /*CSS for enlarged image*/
border: 0px solid black;
padding: 0px;
}

.thumbnailright:hover span{ /*CSS for enlarged image*/
visibility: visible;
border: 6px solid black;
color: #333333;
top: 0;
left: -3px; /*position where enlarged image should offset horizontally */
z-index: 200;
}

.thumbnailleft:hover span{ /*CSS for enlarged image*/
visibility: visible;
border: 6px solid black;
color: #333333;
top: 0;
left: -5px; /*position where enlarged image should offset horizontally */
z-index: 200;
}

</style>