/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/various/solar_map.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#content .xboxcontent p {
	padding: 10px 10px 10px 10px;
	margin: 0px;
	line-height: 20px;
	}
#map {position:relative; margin:0; width:700px; height:503px; font:76% arial, verdana, sans-serif;}
#map ul {padding:0; margin:0; list-style:none; position:absolute; top:0; left:0;}
#map ul li {position:absolute; display:block; cursor:pointer; background:url(transparent.gif);margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}
#map ul li.sun {width:79px; height:49px; top:48px; left:181px;}
#map ul li.trekker {width:84px; height:79px; top:33px; left:261px;}
#map ul li.handgreep {width:144px; height:65px; top:72px; left:324px;}
#map ul li.instelbarerem {width:104px; height:91px; top:148px; left:386px;}
#map ul li.quiprepeatingsystem {width:189px; height:32px; top:269px; left:31px;}
#map ul li.rubberwieltjes {width:164px; height:30px; top:241px; left:1px;}
#map ul li.beveiliging {width:129px; height:41px; top:101px; left:8px;}
#map ul li.quipindicator {width:135px; height:34px; top:70px; left:49px;}
#map ul li.tapespoel {width:105px; height:52px; top:206px; left:280px;}
#map ul li.tape {width:73px; height:34px; top:246px; left:220px;}
#map ul li.mes {width:95px; height:37px; top:194px; left:35px;}

#map ul li.dekselen {width:79px; height:49px; top:48px; left:181px;}
#map ul li.trekkeren {width:84px; height:79px; top:33px; left:261px;}
#map ul li.handgreepen {width:144px; height:65px; top:72px; left:324px;}
#map ul li.instelbareremen {width:104px; height:91px; top:148px; left:386px;}
#map ul li.quiprepeatingsystem {width:189px; height:32px; top:269px; left:31px;}
#map ul li.rubberwieltjesen {width:164px; height:30px; top:241px; left:1px;}
#map ul li.beveiligingen {width:129px; height:41px; top:101px; left:8px;}
#map ul li.quipindicator {width:135px; height:34px; top:70px; left:49px;}
#map ul li.tapespoelen {width:105px; height:52px; top:206px; left:280px;}
#map ul li.tape {width:73px; height:34px; top:246px; left:220px;}
#map ul li.mesen {width:95px; height:37px; top:194px; left:35px;}

#map ul li:hover {z-index:300;}
#map ul li.click {z-index:500;}

#map ul li:hover.sun {background:url(deksel.jpg);}
#map ul li:hover.trekker {background:url(trekker.jpg);}
#map ul li:hover.handgreep {background:url(handgreep.jpg);}
#map ul li:hover.instelbarerem {background:url(instelbarerem.jpg);}
#map ul li:hover.mes {background:url(mes.jpg);}
#map ul li:hover.tape {background:url(tape.jpg);}
#map ul li:hover.tapespoel {background:url(tapespoel.jpg);}
#map ul li:hover.quipindicator {background:url(quipindicator.jpg);}
#map ul li:hover.quiprepeatingsystem {background:url(quiprepeatingsystem.jpg);}
#map ul li:hover.rubberwieltjes {background:url(zachtrubberwieltjes.jpg);}
#map ul li:hover.beveiliging {background:url(beveiliging.jpg);}

#map ul li:hover.dekselen {background:url(deksel_en.jpg);}
#map ul li:hover.trekkeren {background:url(trekker_en.jpg);}
#map ul li:hover.handgreepen {background:url(handgreep_en.jpg);}
#map ul li:hover.instelbareremen {background:url(instelbarerem_en.jpg);}
#map ul li:hover.mesen {background:url(mes_en.jpg);}
#map ul li:hover.tape {background:url(tape.jpg);}
#map ul li:hover.tapespoelen {background:url(tapespoel_en.jpg);}
#map ul li:hover.quipindicator {background:url(quipindicator.jpg);}
#map ul li:hover.quiprepeatingsystem {background:url(quiprepeatingsystem.jpg);}
#map ul li:hover.rubberwieltjesen {background:url(zachtrubberwieltjes_en.jpg);}
#map ul li:hover.beveiligingen {background:url(beveiliging_en.jpg);}

#map ul li .xsnazzy {visibility:hidden;}

#map ul li.click .xsnazzy {visibility:visible;}

/* For IE7 to keep the :hover over .xsnazzy - goodness knows why? */
#map ul li.click .xsnazzy {background:url(transparent.gif);}

.xsnazzy {display:block; position:absolute; height:auto; text-align:center;}

.sun .xsnazzy {left:6px; top:75px; width:200px;}
.trekker .xsnazzy {left:-38px; top:75px; width:200px;}
.handgreep .xsnazzy {left:-68px; top:55px; width:200px;}
.tapespoel .xsnazzy {left:40px; top:55px; width:200px;}
.tape .xsnazzy {left:-82px; top:-55px; width:200px;}
.quiprepeatingsystem .xsnazzy {left:52px; top:-55px; width:200px;}
.rubberwieltjes .xsnazzy {left:138px; top:-75px; width:300px;}
.mes .xsnazzy {left:116px; top:-35px; width:200px;}
.beveiliging .xsnazzy {left:136px; top:35px; width:200px;}
.quipindicator .xsnazzy {left:130px; top:39px; width:200px;}
.instelbarerem .xsnazzy {left:-130px; top:30px; width:130px;}

.dekselen .xsnazzy {left:6px; top:75px; width:200px;}
.trekkeren .xsnazzy {left:-38px; top:75px; width:200px;}
.handgreepen .xsnazzy {left:-68px; top:55px; width:200px;}
.tapespoelen .xsnazzy {left:40px; top:55px; width:200px;}
.tape .xsnazzy {left:-82px; top:-55px; width:200px;}
.quiprepeatingsystem .xsnazzy {left:52px; top:-55px; width:200px;}
.rubberwieltjesen .xsnazzy {left:138px; top:-75px; width:300px;}
.mesen .xsnazzy {left:116px; top:-35px; width:200px;}
.beveiligingen .xsnazzy {left:136px; top:35px; width:200px;}
.quipindicator .xsnazzy {left:130px; top:39px; width:200px;}
.instelbareremen .xsnazzy {left:-130px; top:30px; width:130px;}

.xsnazzy h1, .xsnazzy p {margin:0 10px;}
.xsnazzy h1 {font-size:1.5em; color:#efefef; font-family:georgia, "times new roman", serif; border-bottom:1px solid #fff;}
.xsnazzy p {padding-bottom:0em; padding-left:0em; color:#eee; font-size:12px; text-align:left;}
.xsnazzy {background: transparent; margin:1em;}


.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; font-size:0; overflow:hidden;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}
.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#6f7073; border-width:0 5px;}
.xb5 {margin:0 2px; background:#6f7073; border-width:0 4px;}
.xb6 {margin:0 2px; background:#6f7073; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#6f7073; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#6f7073; border:3px solid #fff; border-width:0 3px;}
.xboxcontent a, .xboxcontent a:visited {display:block; color:#ff0; font-weight:bold; font-size:12px; text-indent:0; padding:4px;}

#map ul li.click .xsnazzy .xboxcontent a:hover {color:#fff;}

.xsnazzy em.point_top {display:block; font-size:0; width:25px; height:14px; background:url(point.gif) center top; position:absolute; left:50px; top:-11px;}

.xsnazzy em.point_bottom {display:block; font-size:0; width:25px; height:14px; background:url(point.gif) center bottom; position:absolute; right:50px; bottom:-11px;}
/* for IE5.5 */
* html .xsnazzy em.point_bottom {bottom:-12px;}

.xsnazzy em.point_left {display:block; font-size:0; width:14px; height:25px; background:url(point.gif) left center; position:absolute; left:-11px; top:30px;}

.xsnazzy em.point_right {display:block; font-size:0; width:14px; height:25px; background:url(point.gif) right center; position:absolute; right:-11px; top:65px;}
/* for IE5.5 */
* html .xsnazzy em.point_right {right:-12px; ri\ght:-11px;}