/* setup the background image of the British Isles */
.uk {padding:0; margin:0; list-style-type:none; background:url(/img/erlebnis-tipps/karte-wallis.gif); width:220px; height:184px; margin:90px 0 0 0; position:relative; z-index:100;}
/* move the text off screen */
.uk li a {text-indent:-999px; display:block; width:8px; height:8px; background:#000; position:absolute; line-height:8px;}
.uk li a:hover, #current {text-indent:-999px; display:block; width:12px; height:12px; background:#FF0000; position:absolute; line-height:12px;}
/* 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.selkingen {top:29px; left:205px;}
.uk li a.blitzingen {top:37px; left:190px;}
.uk li a.muehlebach {top:47px; left:170px;}
.uk li a.riederalp {top:56px; left:130px;}
.uk li a.naters {top:60px; left:124px;}
.uk li a.brig {top:75px; left:120px;}
.uk li a.ried-brig {top:85px; left:130px;}
.uk li a.visp {top:72px; left:89px;}
.uk li a.visperterminen {top:78px; left:100px;}
.uk li a.ausserberg {top:58px; left:84px;}
.uk li a.stalden {top:93px; left:90px;}
.uk li a.toerbel {top:93px; left:73px;}
.uk li a.raron {top:72px; left:78px;}
.uk li a.niedergesteln {top:72px; left:70px;}
.uk li a.blatten {top:35px; left:98px;}
.uk li a.fafleralp {top:30px; left:108px;}
.uk li a.albinen {top:48px; left:32px;}
.uk li a.turtmann {top:68px; left:53px;}
.uk li a.erschmatt {top:52px; left:42px;}
.uk li a.gondo {top:110px; left:170px;}
.uk li a.inden {top:48px; left:22px;}
.uk li a.leuk {top:70px; left:22px;}
.uk li a.salgesch {top:77px; left:1px;}
.uk li a.val-d-anniviers {top:90px; left:0px;}
.uk li a.fang {top:100px; left:2px;}
.uk li a.saint-luc {top:110px; left:10px;}
.uk li a.vissoie {top:120px; left:0px;}
.uk li a.grimentz {top:130px; left:0px;}
.uk li a.ayer {top:140px; left:4px;}







/* move the text back into view on hover 
.uk li a:hover {background:#600; text-indent:0; height:1.2em; font-size:1em; color:#fff; line-height:1em; padding:2px 10px; width:90px;}*/
/* 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 #600; width:150px; color:#600; padding:25px;font-style:normal; top:-135px; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande", arial, sans-serif; letter-spacing:1px; line-height:1.5em;}*/
/* 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 #000; display:block; margin-bottom:10px;}*/
/* 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:#600; position:absolute; left:0; top:128px;}*/
/* hack for IE5.x 
* html .uk li a:hover em span {width:30px; height:30px; w\idth:0; he\ight:0;}*/