
/* SCREEN1 */
a.screen1, a.screen1:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen1 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 #CCCCCC; /* add a border */
left:30px; /* position:the image */
top:10px;
}
a.screen1:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen1:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen1:hover b img {
border:0; /* remove the link border */
}




/* SCREEN2 */
a.screen2, a.screen2:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen2 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 #CCCCCC; /* add a border */
left:-140px; /* position:the image */
top:10px;
}
a.screen2:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen2:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen2:hover b img {
border:0; /* remove the link border */
}




/* SCREEN3 */
a.screen3, a.screen3:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen3 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 #CCCCCC; /* add a border */
left:-290px; /* position:the image */
top:10px;
}
a.screen3:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen3:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen3:hover b img {
border:0; /* remove the link border */
}




/* SCREEN4 */
a.screen4, a.screen4:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen4 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 #CCCCCC; /* add a border */
left:30px; /* position:the image */
top:-100px;
}
a.screen4:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen4:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen4:hover b img {
border:0; /* remove the link border */
}




/* SCREEN5 */
a.screen5, a.screen5:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen5 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 #CCCCCC; /* add a border */
left:-140px; /* position:the image */
top:-100px;
}
a.screen5:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen5:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen5:hover b img {
border:0; /* remove the link border */
}



/* SCREEN6 */
a.screen6, a.screen6:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen6 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 #CCCCCC; /* add a border */
left:-250px; /* position:the image */
top:-100px;
}
a.screen6:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen6:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen6:hover b img {
border:0; /* remove the link border */
}




/* SCREEN7 */
a.screen7, a.screen7:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen7 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 #CCCCCC; /* add a border */
left:30px; /* position:the image */
top:-200px;
}
a.screen7:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen7:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen7:hover b img {
border:0; /* remove the link border */
}



/* SCREEN8 */
a.screen8, a.screen8:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen8 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 #CCCCCC; /* add a border */
left:-140px; /* position:the image */
top:-200px;
}
a.screen8:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen8:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen8:hover b img {
border:0; /* remove the link border */
}



/* SCREEN9 */
a.screen9, a.screen9:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.screen9 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 #CCCCCC; /* add a border */
left:-290px; /* position:the image */
top:-200px;
}
a.screen9:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen9:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen9:hover b img {
border:0; /* remove the link border */
}




/* HUISPLAN1 */
a.huisplan1, a.huisplan1:visited {
color:#c00; 
position:relative; 
z-index:1;
}
a.huisplan1 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 #CCCCCC; /* add a border */
left:0px; /* position:the image */
top:-50px;
}
a.huisplan1:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.huisplan1:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.huisplan1:hover b img {
border:0; /* remove the link border */
}



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



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













