/* CSS admin */

html, body { 
	margin-bottom: 1px;
}


body{
	background: url(../websiteimages/background-fade.jpg) repeat-x top left;
}

#container{
	position:inherit;
	width:900px;
	height: 710px;
	padding:0;
	margin: 1px auto;
}

#header{
	width:900px;
	height:100px;
	border-bottom-style: inset;
	background:url(../websiteimages/header-koertse.jpg) no-repeat;

}

#menu{
	float:left;
	width: 200px;
	height: 600px;
	background-color:#FFFFFF;
	border-right-style:inset;
	font-family:Arial, Helvetica, sans-serif;

}
#menu a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #000080;
	text-decoration:none;
}

#menu a:hover{
	text-decoration:underline;
}

#content{
	float:left;
	width:696px;
	height:600px;
	color:#000080;
	background-color:#FFFFFF;
	overflow:auto;
}

#footer{
float:left;
	width:1000px;
	height:9px;
	font-size:8px;
	color:#666666;

}
/*pop css */

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

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

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

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

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -200px;
left: -200px; /*position where enlarged image should offset horizontally */

}