/* CSS Document */

/* ------------------------------- formatting ----------------------------- */

body {
	margin:0px 0px; 
	padding:0px;
	background-color:#fff;
	background-image: url( ../pics/mijnster1024.jpg);
	font-family: verdana, arial, helvetica;
	width:984px; margin: 0 auto;
	}
	
.royal {
	font-family: verdana, arial, helvetica;
	color: #0000CD;
	font-size:12px;
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px;
	}
	
.royal2 {
	font-family: verdana, arial, helvetica;
	color: #0000CD;
	font-size:10px;
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px;
	}	
	
.pre {
	font-family: verdana, arial, helvetica;
	color: #0000CD;
	font-size:12px;
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px;
	}	
	
img {	
	border: 0;
	}	
	
	
/* ------------------------------- layout ----------------------------- */

#top {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px solid #000;
	
	background-image: url( ../pics/s8.jpg);
	height: 122px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 122px;
	}
html>body #top {
	height: 122px; /* ie5win fudge ends */
	}
#left {
	position: absolute;
	top: 130px;
	left: 10px;
	margin: 0px;
	padding: 0px;
	border: 0px solid #fff;
	background: #000;
	width: 190px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 190px;
	}
html>body #left {
	width: 190px; /* ie5win fudge ends */
	}
	
#middle {
	position: absolute;
	top: 130px;
	left: 210px;
	margin: 0px;
	padding: 0px;
	border: 0px solid #000;
	background: #fff;
}

#middle2 {
	position: absolute;
	top: 130px;
	left: 210px;
	margin: 0px;
	padding: 0px;
	border: 0px solid #000;
	background: #fff;
}
	
#right {
	position: absolute;
	top: 130px;

	left: 715px;
	margin: 0px;
	padding: 0px;
	border: 0px solid #000;
	background: #fff;
	width: 280px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 280px;
	}
html>body #right {
	width: 280px; /* ie5win fudge ends */
	}
	
#right2 {
	position: absolute;
	top: 130px;
	left: 605px;
	margin: 0px;
	padding: 0px;
	border: 0px solid #000;
	background: #fff;
	width: 385px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 385px;
	}
html>body #right2 {
	width: 385px; /* ie5win fudge ends */
	}	

#zwaluw {
    position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px solid #000;
	top: 115px;
	left: 620px;
	z-index: 500;
	}	
	
#zwaluw2 {
    position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px solid #000;
	top: 130px;
	left: 680px;
	z-index: 500;
	}	
	
/* ------------------------------- pop-up image        ----------------------------- */
/* ------------------------------- courtesy ccsplay.uk ----------------------------- */

a.screen, a.screen:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}


a.screenboek, a.screenboek:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screenboek b {
position:absolute;
visibility:hidden; /* hide the image */
width:100px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:-156px;
}
a.screenboek:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screenboek:hover b {
visibility:visible; /* make the image visible */
height:156px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screenboek:hover b img {
border:0; /* remove the link border */
}




