/* CSS Document */

body {
	text-align: left;
	background-image: url(../afbeeldingen/bg2.jpg);
	repeat: none;
	font-size: 11px;
	line-height: 18px;
	scrollbar-face-color:#EBF5FF;
	scrollbar-base-color:#EBF5FF;
	scrollbar-arrow-color:black;
	scrollbar-track-color:#F3F3F3;
	scrollbar-shadow-color:#EBF5FF;
	scrollbar-highlight-color:#EBF5FF;
	scrollbar-3dlight-color:#78AAFF;
	scrollbar-darkshadow-Color:#78AAFF;
}

A:link { 
	text-decoration: none }

A:visited { 
	text-decoration: none }

A:active { 
	text-decoration: none }

A:hover { 
	text-decoration: color: #ff0000 }

#wrapper {
	width: 1020px;
	margin: 0 auto;
	text-align: left;
	position: absolute;
}


#top {
	width: 1020px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #cccc66;
	height: 145px;
	text-valign: top;
}
#menu {
	width: 1020px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #C7D4F0;
	height: 20px;
	text-valign: middle;
}
#contentArea {
	width: 450px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	background-color: transparant;
	padding-left: 20px;
	padding-right: 23px;
	height: 635px;
}
#leftPanel {
	width: 195px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 36px;
	background-color: transparant;
	padding-left: 10px;
	height: 635px;
}
#leftPanel2 {
	width: 195px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	background-color: transparant;
	padding-left: 10px;
	height: 635px;
}
#rightPanel {
	width: 150px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	background-color: transparant;
	height: 635px;
	text-valign: top;
}
#news {
	width: 140px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	background-color: transparant;
	padding-left: 10px;
	padding-right: 0px;
	height: 635px;
	text-valign: top;
}
  
#footer {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #C7D4F0;
	height: 20px;
	text-valign: top;
	width: 1020px;
}
#imover {
	width: 150px;
	float: left;
	background-color: transparant;
	height: 635px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-valign: top;
}
.thumbnail img{
	border: 0px solid white;
	margin: 0 0px 0px 0;
}
.thumbnail:hover{
	background-color: transparent;
}
.thumbnail:hover img{
	border: 0px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	padding: 0px;
	left: -1000px;
	visibility: hidden;
	text-decoration: none;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	position: absolute;
	top: 165px;
	left: 205px; /*position where enlarged image should offset horizontally */
}
.foto img{
	border: 0px solid white;
	margin: -6 6px 6px -6;
}
.foto:hover{
	background-color: transparent;
		width: 305px;
	height: 410px;
}
.foto:hover img{
	border: 0px solid blue;

}
.foto span{ /*CSS for enlarged image*/
	position: absolute;
	padding: 0px;
	left: 1000px;
	visibility: hidden;

}
.foto:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	position: absolute;
	top: 165px; /*position where enlarged image should offset vertically */
	left: -100px; /*position where enlarged image should offset horizontally */
	float:left;
	clear:left;
	background: url(shadow.gif) no-repeat bottom right;
	background: url(shadowAlpha.png) no-repeat bottom right !important;
	margin: 0px 0 0px 0px !important;
	margin: 0px 0 0px 0px;
	width: 305px;
	height: 410px;

}
.foto p{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	font-size:14px;
	margin: 0px;
}

.foto1 img{
	border: 0px solid white;
	margin: -6 6px 6px -6;
}
.foto1:hover{
	background-color: transparent;
}
.foto:hover img{
	border: 0px solid blue;
}
.foto1 span{ /*CSS for enlarged image*/
	position: absolute;
	padding: 0px;
	left: 1000px;
	visibility: hidden;
}
.foto1:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	position: absolute;
	top: 165px; /*position where enlarged image should offset vertically */
	left: -100px; /*position where enlarged image should offset horizontally */
	float:left;
	clear:left;
	background: url(shadow.gif) no-repeat bottom right;
	background: url(shadowAlpha.png) no-repeat bottom right !important;
	margin: 0px 0 10px 0px !important;
	margin: 10px 0 10px 5px;
	width: 311px;
	height: 235px;
}
.foto1 p{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	font-size:14px;
	margin: 0px;
}

.foto2 img{
	border: 0px solid white;
	margin: -6 6px 6px -6;
}
.foto2:hover{
	background-color: transparent;
}
.foto:hover img{
	border: 0px solid blue;
}
.foto2 span{ /*CSS for enlarged image*/
	position: absolute;
	padding: 0px;
	left: 1000px;
	visibility: hidden;
}
.foto2:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	position: absolute;
	top: 165px; /*position where enlarged image should offset vertically */
	left: -100px; /*position where enlarged image should offset horizontally */
	float:left;
	clear:left;
	background: url(shadow.gif) no-repeat bottom right;
	background: url(shadowAlpha.png) no-repeat bottom right !important;
	margin: 0px 0 10px 0px !important;
	margin: 10px 0 10px 5px;
	width: 305px;
	height: 205px;
}
.foto2 p{
	position:relative;
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	font-size:14px;
	margin: 0px;
}