.uk h2 { line-height:16px}
.hell { background-color:#ffffff}
.dunkel{background-color:#ffffff}

/* setup the background image of the British Isles */
.uk {padding:0; margin:0; list-style-type:none; list-style-image:none; background:url(../upload/Jugendherbergen/uebersicht/karte_jugendherbergen.gif) ; background-repeat:no-repeat; width:540px; height:556px; margin:0px; position:relative; z-index:100;}
/* move the text off screen */
.uk li a {
	background:url(../images/transparent.gif);
	text-indent:-999px;
	display:block;
	width:18px;
	height:14px;
	position:absolute;
	line-height:8px;
	left: 88px;
	top: 99px;
}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.uk li a em {visibility:hidden; position:absolute;}
/* position the square markers */



.uk li a.altenahr {top:104px; left:190px;}
.uk li a.altleiningen {top:367px; left:368px;}
.uk li a.bacharach {top:221px; left:300px;}
.uk li a.bad-bergzabern {top:446px; left:333px;}
.uk li a.bad-ems {top:160px; left:303px;}
.uk li a.bad-kreuznach {top:273px; left:321px;}
.uk li a.bad-marienberg {top:84px; left:341px;}
.uk li a.ahrweiler {top:107px; left:210px;}
.uk li a.bernkastel-kues {top:255px; left:192px;}
.uk li a.bingen {top:241px; left:324px;}
.uk li a.bollendorf {top:228px; left:90px;}
.uk li a.cochem {top:200px; left:220px;}
.uk li a.dahn {top:438px; left:295px;}
.uk li a.daun {top:182px; left:170px;}
.uk li a.diez {top:150px; left:340px;}
.uk li a.dreisbach {top:351px; left:136px;}
.uk li a.gerolstein {top:174px; left:142px;}
.uk li a.hermeskeil {top:299px; left:188px;}
.uk li a.hochspeyer {top:367px; left:344px;}
.uk li a.homburg {top:415px; left:237px;}
.uk li a.idar-oberstein {top:295px; left:243px;}
.uk li a.kaub {top:206px; left:313px;}
.uk li a.koblenz {top:147px; left:279px;}
.uk li a.mainz {top:249px; left:382px;}
.uk li a.manderscheid{top:210px; left:174px;}
.uk li a.mayen {top:162px; left:232px;}
.uk li a.montabaur {top:137px; left:323px;}
.uk li a.neustadt {top:393px; left:350px;}
.uk li a.oberwesel{top:206px; left:292px;}
.uk li a.pruem {top:183px; left:108px;}
.uk li a.saarbruecken {top:421px; left:196px;}
.uk li a.saarburg {top:325px; left:119px;}
.uk li a.st-goar {top:191px; left:284px;}
.uk li a.sargenroth {top:263px; left:278px;}
.uk li a.speyer {top:395px; left:399px;}
.uk li a.steinbach {top:341px; left:336px;}
.uk li a.thallichtenberg {top:342px; left:249px;}
.uk li a.tholey {top:363px; left:182px;}
.uk li a.traben-trarbach {top:241px; left:210px;}
.uk li a.trier {top:292px; left:140px;}
.uk li a.weiskirchen {top:339px; left:168px;}
.uk li a.wolfstein {top:325px; left:316px;}
.uk li a.worms {top:340px; left:398px;}


/* move the text back into view on hover */
.uk li a:hover { background-image:none; border:none; text-indent:0; text-decoration:none; height:1.2em; font-size:11px; color:#ffffff;  padding:0px 0px; width:25px;  z-index:200;}
/* hack for IE5.x */
* html .uk li a:hover {width:110px; height:1.5em; w\idth:90px; he\ight:1.2em;}
/* make the descriptive text visible, give it a size and position */
.uk li a:hover em {visibility:visible; margin-left:5px; background:#fff; border:1px solid #ed802e; width:240px; color:#000000; padding:25px;font-style:normal; top:-65px; font-family:verdana, arial, sans-serif; line-height:14px}
/* hack for IE5.x */
* html .uk li a:hover em {width:200px; w\idth:150px;}
/* give the image a border and margin */
.uk li a:hover em img {border:1px solid #ed802e; display:block; margin-bottom:0px;}
/* style the empty span (I know it's not semantically correct) into an arrow point */
.uk li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:15px solid #fff; border-width:15px 0 15px 15px; border-left-color:#ed802e; position:absolute; left:0; top:58px;}
/* hack for IE5.x */
* html .uk li a:hover em span {width:30px; height:30px; w\idth:0; he\ight:0;}