h1 { font-family: Verdana; font-size: 12px; font-weight: normal; color: #FFFFFF; } h2 { font-family: Verdana; font-size: 12px; font-weight: normal; color: #FFFFFF; line-height:14px; } #menu a, #menu a:visited { font-family: Tahoma, Verdana, Geneva, Helvetica, Arial, Trebuchet, Sans-Serif; font-size: 11px; font-weight: normal; text-decoration:none; background-color:#000; color:#fff; display:block; width:12em; height:1.5em; border-bottom:1px solid #fff; border-right:1px solid #000; padding:0.5em; } #menu a:hover { border-bottom:1px solid #000; text-align:right; } /* set the size of the definition list
and add the background image */ #imap2 { display:block; width:675px; height:650px; background:url(../image/map-euro2.gif) no-repeat; position:relative; } /* set up the definition list
to hold the background image for the hover state */ #imap2 a#title2 { display:block; width:393px; height:0; padding-top:639px; overflow:hidden; position:absolute; left:0; top:0; cursor:default; } /* the
hover style to move the background image to position 0 0 */ #imap2 a#title2:hover { background-position: 0 0; z-index:10; } /* place the
s in the correct absolute position */ #imap2 dd { position:absolute; padding:0; margin:0; } #imap2 #uko2 {left:206px;top:242px;z-index:20;} #imap2 #ireo2 {left:188px;top:349px;z-index:20;} #imap2 #frao2 {left:244px;top:413px;z-index:20;} #imap2 #spao2 {left:200px;top:513px;z-index:20;} #imap2 #poro2 {left:201px;top:534px;z-index:20;} #imap2 #belo2 {left:312px;top:405px;z-index:20;} #imap2 #neto2 {left:325px;top:373px;z-index:20;} #imap2 #gero2 {left:343px;top:352px;z-index:20;} #imap2 #deno2 {left:364px;top:307px;z-index:20;} #imap2 #swio2 {left:345px;top:463px;z-index:20;} #imap2 #itao2 {left:352px;top:471px;z-index:20;} #imap2 #malo2 {left:424px;top:603px;z-index:20;} #imap2 #auso2 {left:380px;top:443px;z-index:20;} #imap2 #ruso2 {left:477px;top:43px;z-index:20;} #imap2 #turo2 {left:518px;top:535px;z-index:20;} #imap2 #noro2 {left:336px;top:9px;z-index:20;} #imap2 #sweo2 {left:392px;top:66px;z-index:20;} #imap2 #fino2 {left:472px;top:42px;z-index:20;} #imap2 #polo2 {left:424px;top:355px;z-index:20;} #imap2 #czeo2 {left:404px;top:415px;z-index:20;} #imap2 #ukro2 {left:499px;top:394px;z-index:20;} #imap2 #romo2 {left:484px;top:454px;z-index:20;} #imap2 #molo2 {left:545px;top:452px;z-index:20;} #imap2 #huno2 {left:443px;top:448px;z-index:20;} #imap2 #sero2 {left:465px;top:482px;z-index:20;} #imap2 #sloo2 {left:448px;top:426px;z-index:20;} #imap2 #bulo2 {left:501px;top:507px;z-index:20;} #imap2 #greo2 {left:483px;top:536px;z-index:20;} #imap2 #bero2 {left:510px;top:334px;z-index:20;} #imap2 #lato2 {left:489px;top:301px;z-index:20;} #imap2 #lito2 {left:489px;top:328px;z-index:20;} #imap2 #esto2 {left:495px;top:274px;z-index:20;} #imap2 #croo2 {left:418px;top:476px;z-index:20;} #imap2 #boso2 {left:438px;top:493px;z-index:20;} #imap2 #slvo2 {left:418px;top:475px;z-index:20;} #imap2 #albo2 {left:472px;top:527px;z-index:20;} #imap2 #maco2 {left:483px;top:531px;z-index:20;} #imap2 #iceo2 {left:54px;top:129px;z-index:20;} #imap2 #ando2 {left:301px;top:528px;z-index:20;} #imap2 #luxo2 {left:342px;top:428px;z-index:20;} #imap2 #lieo2 {left:377px;top:467px;z-index:20;} /* style the
links physical size and the background image for the hover */ #uko {display:block; width:100px; height:187px; background:transparent url(../image/uko.gif) -100px -90px no-repeat;text-decoration:none;z-index:20;} #ireo {display:block; width:44px; height:59px; background:transparent url(../image/ireo.gif) -100px -90px no-repeat;text-decoration:none;z-index:20;} #frao {display:block; width:123px; height:120px; background:transparent url(../image/frao.gif) -123px -120px no-repeat;text-decoration:none;z-index:20;} #spao {display:block; width:134px; height:94px; background:transparent url(../image/spao.gif) -134px -94px no-repeat;text-decoration:none;z-index:20;} #poro {display:block; width:31px; height:62px; background:transparent url(../image/poro.gif) -31px -62px no-repeat;text-decoration:none;z-index:20;} #belo {display:block; width:36px; height:29px; background:transparent url(../image/belo.gif) -36px -29px no-repeat;text-decoration:none;z-index:20;} #neto {display:block; width:31px; height:44px; background:transparent url(../image/neto.gif) -31px -44px no-repeat;text-decoration:none;z-index:20;} #gero {display:block; width:89px; height:115px; background:transparent url(../image/gero.gif) -89px -115px no-repeat;text-decoration:none;z-index:20;} #deno {display:block; width:70px; height:66px; background:transparent url(../image/deno.gif) -70px -66px no-repeat;text-decoration:none;z-index:20;} #swio {display:block; width:43px; height:24px; background:transparent url(../image/swio.gif) -43px -24px no-repeat;text-decoration:none;z-index:20;} #itao {display:block; width:114px; height:130px; background:transparent url(../image/itao.gif) -114px -130px no-repeat;text-decoration:none;z-index:20;} #malo {display:block; width:10px; height:10px; background:transparent url(../image/malo.gif) -10px -10px no-repeat;text-decoration:none;z-index:20;} #auso {display:block; width:73px; height:37px; background:transparent url(../image/auso.gif) -73px -37px no-repeat;text-decoration:none;z-index:20;} #ruso {display:block; width:199px; height:481px; background:transparent url(../image/ruso.gif) -199px -481px no-repeat;text-decoration:none;z-index:20;} #turo {display:block; width:178px; height:80px; background:transparent url(../image/turo.gif) -178px -80px no-repeat;text-decoration:none;z-index:20;} #noro {display:block; width:250px; height:293px; background:transparent url(../image/noro.gif) -250px -293px no-repeat;text-decoration:none;z-index:20;} #sweo {display:block; width:127px; height:283px; background:transparent url(../image/sweo.gif) -127px -283px no-repeat;text-decoration:none;z-index:20;} #fino {display:block; width:118px; height:228px; background:transparent url(../image/fino.gif) -118px -228px no-repeat;text-decoration:none;z-index:20;} #polo {display:block; width:95px; height:90px; background:transparent url(../image/polo.gif) -95px -90px no-repeat;text-decoration:none;z-index:20;} #czeo {display:block; width:66px; height:38px; background:transparent url(../image/czeo.gif) -66px -38px no-repeat;text-decoration:none;z-index:20;} #ukro {display:block; width:173px; height:113px; background:transparent url(../image/ukro.gif) -173px -113px no-repeat;text-decoration:none;z-index:20;} #romo {display:block; width:90px; height:63px; background:transparent url(../image/romo.gif) -90px -63px no-repeat;text-decoration:none;z-index:20;} #molo {display:block; width:34px; height:44px; background:transparent url(../image/molo.gif) -34px -44px no-repeat;text-decoration:none;z-index:20;} #huno {display:block; width:64px; height:41px; background:transparent url(../image/huno.gif) -64px -41px no-repeat;text-decoration:none;z-index:20;} #sero {display:block; width:45px; height:55px; background:transparent url(../image/sero.gif) -45px -55px no-repeat;text-decoration:none;z-index:20;} #sloo {display:block; width:59px; height:36px; background:transparent url(../image/sloo.gif) -59px -36px no-repeat;text-decoration:none;z-index:20;} #bulo {display:block; width:62px; height:39px; background:transparent url(../image/bulo.gif) -62px -39px no-repeat;text-decoration:none;z-index:20;} #greo {display:block; width:71px; height:86px; background:transparent url(../image/greo.gif) -71px -86px no-repeat;text-decoration:none;z-index:20;} #bero {display:block; width:89px; height:75px; background:transparent url(../image/bero.gif) -89px -75px no-repeat;text-decoration:none;z-index:20;} #lato {display:block; width:70px; height:41px; background:transparent url(../image/lato.gif) -70px -41px no-repeat;text-decoration:none;z-index:20;} #lito {display:block; width:58px; height:42px; background:transparent url(../image/lito.gif) -58px -42px no-repeat;text-decoration:none;z-index:20;} #esto {display:block; width:62px; height:37px; background:transparent url(../image/esto.gif) -62px -37px no-repeat;text-decoration:none;z-index:20;} #croo {display:block; width:55px; height:46px; background:transparent url(../image/croo.gif) -55px -46px no-repeat;text-decoration:none;z-index:20;} #boso {display:block; width:37px; height:40px; background:transparent url(../image/boso.gif) -37px -40px no-repeat;text-decoration:none;z-index:20;} #slvo {display:block; width:27px; height:20px; background:transparent url(../image/slvo.gif) -27px -20px no-repeat;text-decoration:none;z-index:20;} #albo {display:block; width:20px; height:43px; background:transparent url(../image/albo.gif) -20px -43px no-repeat;text-decoration:none;z-index:20;} #maco {display:block; width:27px; height:21px; background:transparent url(../image/maco.gif) -27px -21px no-repeat;text-decoration:none;z-index:20;} #iceo {display:block; width:107px; height:72px; background:transparent url(../image/iceo.gif) -107px -72px no-repeat;text-decoration:none;z-index:20;} #ando {display:block; width:5px; height:5px; background:transparent url(../image/ando.gif) -5px -5px no-repeat;text-decoration:none;z-index:20;} #luxo {display:block; width:7px; height:7px; background:transparent url(../image/luxo.gif) -7px -7px no-repeat;text-decoration:none;z-index:20;} #lieo {display:block; width:5px; height:5px; background:transparent url(../image/lieo.gif) -5px -5px no-repeat;text-decoration:none;z-index:20;} /* style the span text so that it is not initially displayed */ #imap2 a span, #imap2 a:visited span {display:none;} /* move the link background image to position 0 0 when hovered */ #imap2 a#uko:hover,a#ireo:hover,a#frao:hover,a#spao:hover,a#poro:hover,a#belo:hover,a#neto:hover,a#gero:hover,a#deno:hover,a#swio:hover,a#itao:hover,a#malo:hover,a#auso:hover,a#ruso:hover,a#turo:hover,a#noro:hover,a#sweo:hover,a#fino:hover,a#polo:hover,a#czeo:hover,a#ukro:hover,a#romo:hover,a#molo:hover,a#huno:hover,a#sero:hover,a#sloo:hover,a#bulo:hover,a#greo:hover,a#bero:hover,a#lato:hover,a#lito:hover,a#esto:hover,a#croo:hover,a#boso:hover,a#slvo:hover,a#albo:hover,a#maco:hover,a#iceo:hover,a#ando:hover,a#luxo:hover,a#lieo:hover { background-position:0 0; } /* define the common styling for the span text */ #imap2 a:hover span {position:absolute;width:150px;display:block;font-family:arial;font-size:12px;background:#fff;color:#000;border:1px solid #000;padding:5px;} /* the hack for IE pre IE6 */ /* html #imap2 a:hover span {width:100px; width:639px;} /* move the span text to a common position at the bottom of the image map */ #imap2 a#uko:hover span {left:-206px;top:100px;} #imap2 a#ireo:hover span {left:-188px;top:-7px;} #imap2 a#frao:hover span {left:-244px;top:-71px;} #imap2 a#spao:hover span {left:-200px;top:-171px;} #imap2 a#poro:hover span {left:-201px;top:-192px;} #imap2 a#belo:hover span {left:-312px;top:-63px;} #imap2 a#neto:hover span {left:-325px;top:-31px;} #imap2 a#gero:hover span {left:-343px;top:-10px;} #imap2 a#deno:hover span {left:-364px;top:35px;} #imap2 a#swio:hover span {left:-345px;top:-121px;} #imap2 a#itao:hover span {left:-352px;top:-129px;} #imap2 a#malo:hover span {left:-424px;top:-261px;} #imap2 a#auso:hover span {left:-380px;top:-101px;} #imap2 a#ruso:hover span {left:-477px;top:299px;} #imap2 a#turo:hover span {left:-518px;top:-193px;} #imap2 a#noro:hover span {left:-336px;top:333px;} #imap2 a#sweo:hover span {left:-392px;top:276px;} #imap2 a#fino:hover span {left:-472px;top:300px;} #imap2 a#polo:hover span {left:-424px;top:-13px;} #imap2 a#czeo:hover span {left:-404px;top:-73px;} #imap2 a#ukro:hover span {left:-499px;top:-52px;} #imap2 a#romo:hover span {left:-484px;top:-112px;} #imap2 a#molo:hover span {left:-545px;top:-110px;} #imap2 a#huno:hover span {left:-443px;top:-106px;} #imap2 a#sero:hover span {left:-465px;top:-140px;} #imap2 a#sloo:hover span {left:-448px;top:-84px;} #imap2 a#bulo:hover span {left:-501px;top:-165px;} #imap2 a#greo:hover span {left:-483px;top:-194px;} #imap2 a#bero:hover span {left:-510px;top:8px;} #imap2 a#lato:hover span {left:-489px;top:41px;} #imap2 a#lito:hover span {left:-489px;top:14px;} #imap2 a#esto:hover span {left:-495px;top:68px;} #imap2 a#croo:hover span {left:-418px;top:-134px;} #imap2 a#boso:hover span {left:-438px;top:-151px;} #imap2 a#slvo:hover span {left:-418px;top:-133px;} #imap2 a#albo:hover span {left:-472px;top:-185px;} #imap2 a#maco:hover span {left:-483px;top:-189px;} #imap2 a#iceo:hover span {left:-54px;top:213px;} #imap2 a#ando:hover span {left:-301px;top:-186px;} #imap2 a#luxo:hover span {left:-342px;top:-86px;} #imap2 a#lieo:hover span {left:-377px;top:-125px;} /* add the style for the link span text - first line */ #imap2 a span:first-line { font-weight:bold; font-style:italic; }