p {
  margin-left: 30px;
}
	p.boven a {
	  color: #0d4464;
	}
 
#kaart {
  padding-bottom: 4.6em;
  width: 60em; /*Haslayout*/
  font: normal 1em arial, helvetica, sans-serif;
}
/*clearfix; overflow: hidden fux0rs with small-width screens*/
	#kaart:after {
	  content: " ";
	  display: block;
	  clear: both;
	  height: 0;
	}
 
dl {
  float: left;
  margin: 2px 5px 2px 2px;
  width: 602px;
  position: relative;
  min-height: 600px;
  background: url(../../images/kaart/afrika.gif) 0 0 no-repeat;
}
	dt {
	  width: 12em;
	  white-space: nowrap;
	  margin-left: 610px;
	}
* html dl dt {margin-left: 602px; padding-left: 8px; width: 14em; background-color: #e1eef4;} /*expanding-box bug*/
 
	dt a {
	  font-weight: bold;
	  color: #265975;
	  font-size: .8em;
	  display: block;
	}
		dt a:visited {
		  color: #a9076a;
		}
		dt a:focus, dt a:hover, dt a:active  {
		  color: #fd8402;
		}
 
	dd, dd a, dd span {
	  position: absolute;
	}
		dd, dd a {
		  background: url(../../images/kaart/afrika.gif) -9999em -9999em no-repeat;
		}
		dd a {
		  left: 0;
		  top: 0;
		  text-decoration: none;
		  width: 100%;
		  height: 100%;
		}
 
		dd a span { 
		  left: -9999em; /*konqueror heeft problemen met "left" maar Window-Eyes met "top" arg*/
	  	  top: -999em; /*bedankt RyanReese, Opera grens probleem*/ 
		  color: #000;
		  background-color: #fbeb92;
		  border: 1px solid #000;
		  padding:  2px 5px;
		  text-align: center;
	 	  font: normal .8em/1em palatino, georgia, "times new roman", serif;
		}
		dd a span.nw {
		  white-space: nowrap;
		}
			dt:hover+dd span, dd:hover span, dd a:focus span {
 			  left: 80%;
			  top: 50%;
			}
			/*IE6 heeft eigen declaration nodig*/
			* html dd a:hover span {left: 80%; top: 50%;}
 
 
			/* IE trigger*/
			* html dd a:hover {visibility: visible;}
 
 
			/*speciaal positioning... */
			dt:hover+dd.klein span, dd.klein a:focus span, dd.klein:hover span {
		 	 left: 40px;
			}* html dd.klein a:hover span {left: 40px;}
			dt:hover+dd.links span, dd.links a:focus span, dd.links:hover span {
		 	 left: -80px;
			 top: 20px;
			}* html dd.links a:hover span {left: -80px;}
			dt:hover+#tz span, #tz a:focus span, #tz:hover span {
		 	 top: 10%;
			}* html #tz a:hover span {top: 10%;}
 
 
	#pt {
  	  width: 8px;
  	  height: 5px;
	  top: 36px;
	  left: 64px;
	}
* html #pt a, * html #pt a:hover {height: 5px;}
* html #pt a:hover {background-position: -602px 0px; border: 1px solid #f00;}
 
		dt:hover+#pt, #pt:hover, #pt a:focus  {
  		  background-position: -602px 0px;
		  border: 1px solid #f00;
		}
	#es {
  	  width: 36px;
  	  height: 16px;
 	  top: 67px;
  	  left: 55px;
	}
* html #es a, * html #es a:hover {height: 16px;} 
* html #es a:hover {background-position: -612px 0px; border: 1px solid #f00;}
  
		dt:hover+#es, #es:hover, #es a:focus {
		  background-position: -612px 0px;
		  border: 1px solid #f00;
		}
	#dz {
  	  width: 148px;
  	  height: 151px;
 	  top: 2px;
  	  left: 123px;
	}
* html #dz a, * html #dz a:hover {height: 151px;} 
* html #dz a:hover {background-position: -689px 0px;}
  
		dt:hover+#dz, #dz:hover, #dz a:focus {
		  background-position: -689px 0px;
		}
	#ma {
  	  width: 86px;
  	  height: 69px;
  	  top: 13px;
  	  left: 92px;
	}
* html #ma a, * html #ma a:hover {height: 69px;} 
* html #ma a:hover {background-position: -602px -16px;}
 
		dt:hover+#ma, #ma:hover, #ma a:focus {
  		  background-position: -602px -16px;
		}
	#ly {
  	  width:  112px;
  	  height: 113px;
  	  top: 36px;
  	  left: 251px;
	}
* html #ly a, * html #ly a:hover {height: 114px;} 
* html #ly a:hover {background-position: -869px -33px;}
 
		dt:hover+#ly, #ly:hover, #ly a:focus {
		  background-position: -869px -33px;
		}
	#tn {
  	  width: 30px;
  	  height: 59px;
  	  top: 1px;
  	  left: 237px;
	}
* html #tn a, * html #tn a:hover {height: 59px;} 
* html #tn a:hover {background-position: -838px 0px;}
 
		dt:hover+#tn, #tn:hover, #tn a:focus {
		  background-position: -838px 0px;
		}
	#eg {
  	  width: 83px;
  	  height: 86px;
  	  top: 47px;
  	  left: 358px;
	}
* html #eg a, * html #eg a:hover {height: 86px;} 
* html #eg a:hover {background-position: -982px 0px;}
 
		dt:hover+#eg, #eg:hover, #eg a:focus {
		  background-position: -982px 0px;
		}
	#sd {
  	  width: 121px;
  	  height: 161px;
  	  top: 120px;
  	  left: 341px;
	}
* html #sd a, * html #sd a:hover {height: 161px;} 
* html #sd a:hover {background-position: -1006px -94px;}
 
		dt:hover+#sd, #sd:hover, #sd a:focus {
		  background-position: -1006px -94px;
		} 
 
	#et {
  	  width: 109px;
  	  height: 93px;
  	  top: 189px;
  	  left: 423px;
	}
* html #et a, * html #et a:hover {height: 93px;} 
* html #et a:hover {background-position: -1066px 0px;}
 
		dt:hover+#et, #et:hover, #et a:focus {
		  background-position: -1066px 0px;
		}
	#er {
  	  width: 51px;
  	  height: 47px;
  	  top: 161px;
  	  left: 446px;
	}
* html #er a, * html #er a:hover {height: 47px;} 
* html #er a:hover {background-position: -871px -449px;}
 
		dt:hover+#er, #er:hover, #er a:focus {
		  background-position: -871px -449px;
		}
	#so {
  	  width: 76px;
  	  height: 114px;
  	  top: 210px;
  	  left: 481px;
	}
* html #so a, * html #so a:hover {height: 114px;} 
* html #so a:hover {background-position: -1128px -95px;}
 
		dt:hover+#so, #so:hover, #so a:focus {
		  background-position: -1128px -95px;
		}
	#dj {
  	  width: 14px;
  	  height: 16px;
  	  top: 205px;
  	  left: 486px;
	}
* html #dj a, * html #dj a:hover {height: 16px;} 
* html #dj a:hover {background-position: -864px -418px;}
 
		dt:hover+#dj, #dj:hover, #dj a:focus {
		  background-position: -864px -418px;
		}
	#td {
  	  width: 78px;
  	  height: 133px;
  	  top: 116px;
  	  left: 279px;
	}
* html #td a, * html #td a:hover {height: 133px;} 
* html #td a:hover {background-position: -927px -147px;}
 
		dt:hover+#td, #td:hover, #td a:focus {
		  background-position: -927px -147px;
		}
	#ne {
  	  width: 114px;
  	  height: 97px;
  	  top: 116px;
  	  left: 184px;
	}
* html #ne a, * html #ne a:hover {height: 97px;} 
* html #ne a:hover {background-position: -812px -152px;}
 
		dt:hover+#ne, #ne:hover, #ne a:focus {
		  background-position: -812px -152px;
		}
	#ml {
  	  width: 120px;
  	  height: 124px;
  	  top: 103px;
  	  left: 94px;
	}
* html #ml a, * html #ml a:hover {height: 124px;} 
* html #ml a:hover {background-position: -691px -152px;}
 
		dt:hover+#ml, #ml:hover, #ml a:focus {
		  background-position: -691px -152px;
		}
	#mr {
  	  width: 88px;
  	  height: 103px;
  	  top: 86px;
  	  left: 60px;
	}
* html #mr a, * html #mr a:hover {height: 103px;} 
* html #mr a:hover {background-position: -602px -153px;}
 
		dt:hover+#mr, #mr:hover, #mr a:focus {
		  background-position: -602px -153px;
		}
	#eh {
  	  width: 63px;
  	  height: 53px;
  	  top: 82px;
  	  left: 60px;
	}
* html #eh a, * html #eh a:hover {height: 53px;} 
* html #eh a:hover {background-position: -602px -86px;}
 
		dt:hover+#eh, #eh:hover, #eh a:focus {
		  background-position: -602px -86px;
		}
	#cv {
  	  width: 22px;
  	  height: 24px;
  	  top: 165px;
  	  left: 0px;
	}
* html #cv a, * html #cv a:hover {height: 24px;} 
* html #cv a:hover {background-position: -870px 0px; border: 1px solid #f00;}
 
		dt:hover+#cv, #cv:hover, #cv a:focus {
		  background-position: -870px 0px;
	          border: 1px solid #f00;
		}
	#sn {
  	  width: 45px;
  	  height: 38px;
  	  top: 172px;
  	  left: 56px;
	}
* html #sn a, * html #sn a:hover {height: 38px;} 
* html #sn a:hover {background-position: -616px -552px;}
 
		dt:hover+#sn, #sn:hover, #sn a:focus {
		  background-position: -616px -552px;
		}
 
	#gm {
  	  width: 25px;
  	  height: 5px;
  	  top: 195px;
  	  left: 59px;
	}-693px -552px;
* html #gm a, * html #gm a:hover {height: 5px;} 
* html #gm a:hover {background-position: -621px -592px; border: 1px solid #f00;}
 
		dt:hover+#gm, #gm:hover, #gm a:focus {
		  background-position: -621px -592px;
	          border: 1px solid #f00;
		}
	#gn {
  	  width: 53px;
  	  height: 46px;
  	  top: 205px;
  	  left: 74px;
	}
* html #gn a, * html #gn a:hover {height: 46px;} 
* html #gn a:hover {background-position: -662px -505px;}
 
		dt:hover+#gn, #gn:hover, #gn a:focus {
		  background-position: -662px -505px;
		}
	#gw {
  	  width: 23px;
  	  height: 16px;
  	  top: 205px;
  	  left: 61px;
	}
* html #gw a, * html #gw a:hover {height: 16px;} 
* html #gw a:hover {background-position: -891px 0px;}
 
		dt:hover+#gw, #gw:hover, #gw a:focus {
		  background-position: -891px 0px;
		}
	#lr {
  	  width: 30px;
  	  height: 36px;
  	  top: 240px;
  	  left: 99px;
	}
* html #lr a, * html #lr a:hover {height: 36px;} 
* html #lr a:hover {background-position: -662px -552px;}
 
		dt:hover+#lr, #lr:hover, #lr a:focus {
		  background-position: -662px -552px;
		}
	#sl {
  	  width: 24px;
  	  height: 28px;
  	  top: 227px;
  	  left: 84px;
	}
* html #sl a, * html #sl a:hover {height: 28px;} 
* html #sl a:hover {background-position: -915px 0px;}
 
		dt:hover+#sl, #sl:hover, #sl a:focus {
		  background-position: -915px 0px;
		}
	#ci {
  	  width: 45px;
  	  height: 52px;
  	  top: 223px;
  	  left: 120px;
	}
* html #ci a, * html #ci a:hover {height: 52px;} 
* html #ci a:hover {background-position: -864px -364px;}
 
		dt:hover+#ci, #ci:hover, #ci a:focus {
		  background-position: -864px -364px;
		}
	#bf {
  	  width: 58px;
  	  height: 45px;
  	  top: 186px;
  	  left: 142px;
	}
* html #bf a, * html #bf a:hover {height: 45px;} 
* html #bf a:hover {background-position: -693px -552px;}
 
		dt:hover+#bf, #bf:hover, #bf a:focus {
		  background-position: -693px -552px;
		}
	#gh {
  	  width: 32px;
  	  height: 54px;
  	  top: 218px;
  	  left: 159px;
	}
* html #gh a, * html #gh a:hover {height: 54px;} 
* html #gh a:hover {background-position: -910px -364px;}
 
		dt:hover+#gh, #gh:hover, #gh a:focus {
		  background-position: -910px -364px;
		}
	#tg {
  	  width: 15px;
  	  height: 43px;
  	  top: 218px;
  	  left: 182px;
	}
* html #tg a, * html #tg a:hover {height: 43px;} 
* html #tg a:hover {background-position: -838px -60px;}
 
		dt:hover+#tg, #tg:hover, #tg a:focus {
		  background-position: -838px -60px;
		}
	#ng {
  	  width: 87px;
  	  height: 81px;
  	  top: 194px;
  	  left: 202px;
	}
* html #ng a, * html #ng a:hover {height: 81px;} 
* html #ng a:hover {background-position: -835px -496px;}
 
		dt:hover+#ng, #ng:hover, #ng a:focus {
		  background-position: -835px -496px;
		}
	#bj {
  	  width: 23px;
  	  height: 53px;
  	  top: 208px;
  	  left: 188px;
	}
* html #bj a, * html #bj a:hover {height: 53px;} 
* html #bj a:hover {background-position: -944px -364px;}
 
		dt:hover+#bj, #bj:hover, #bj a:focus {
		  background-position: -944px -364px;
		}
	#cd {
  	  width: 139px;
  	  height: 156px;
  	  top: 266px;
  	  left: 272px;
	}
* html #cd a, * html #cd a:hover {height: 156px;} 
* html #cd a:hover {background-position: -602px -277px;}
 
		dt:hover+#cd, #cd:hover, #cd a:focus {
		  background-position: -602px -277px;
		}
	#cm {
  	  width: 57px;
  	  height: 94px;
  	  top: 202px;
  	  left: 244px;
	}
* html #cm a, * html #cm a:hover {height: 94px;} 
* html #cm a:hover {background-position: -752px -506px;}
 
		dt:hover+#cm, #cm:hover, #cm a:focus {
		  background-position: -752px -506px;
		}
	#cf {
  	  width: 95px;
  	  height: 71px;
  	  top: 219px;
  	  left: 287px;
	}
* html #cf a, * html #cf a:hover {height: 71px;} 
* html #cf a:hover {background-position: -923px -498px;}
 
		dt:hover+#cf, #cf:hover, #cf a:focus {
		  background-position: -923px -498px;
		}
	#cg {
  	  width: 56px;
  	  height: 73px;
  	  top: 280px;
  	  left: 263px;
	}
* html #cg a, * html #cg a:hover {height: 73px;} 
* html #cg a:hover {background-position: -1049px -423px;}
 
		dt:hover+#cg, #cg:hover, #cg a:focus {
		  background-position: -1049px -423px;
		}
	#ga {
  	  width: 43px;
  	  height: 53px;
  	  top: 290px;
  	  left: 246px;
	}
* html #ga a, * html #ga a:hover {height: 53px;} 
* html #ga a:hover {background-position: -969px -363px;}
 
		dt:hover+#ga, #ga:hover, #ga a:focus {
		  background-position: -969px -363px;
		}
	#gq {
  	  width: 22px;
  	  height: 25px;
  	  top: 277px;
  	  left: 244px;
	}
* html #gq a, * html #gq a:hover {height: 25px;} 
* html #gq a:hover {background-position: -717px -505px;}
 
		dt:hover+#gq, #gq:hover, #gq a:focus {
		  background-position: -717px -505px;
		}
	#st {
  	  width: 9px;
  	  height: 15px;
  	  top: 295px;
  	  left: 228px;
	}
* html #st a, * html #st a:hover {height: 15px;} 
* html #st a:hover {background-position: -839px -105px; border: 1px solid #f00;}
 
		dt:hover+#st, #st:hover, #st a:focus {
		  background-position: -839px -105px;
	  	  border: 1px solid #f00;
		}
	#tz {
  	  width: 79px;
  	  height: 90px;
  	  top: 318px;
  	  left: 398px;
	}
* html #tz a, * html #tz a:hover {height: 90px;} 
* html #tz a:hover {background-position: -834px -250px;}
 
		dt:hover+#tz, #tz:hover, #tz a:focus {
		  background-position: -834px -250px;
		}
	#ke {
  	  width: 58px;
  	  height: 78px;
  	  top: 272px;
  	  left: 430px;
	}
* html #ke a, * html #ke a:hover {height: 78px;} 
* html #ke a:hover {background-position: -990px -419px;}
 
		dt:hover+#ke, #ke:hover, #ke a:focus {
		  background-position: -990px -419px;
		}
	#ug {
  	  width: 41px;
  	  height: 48px;
  	  top: 276px;
  	  left: 398px;
	}
* html #ug a, * html #ug a:hover {height: 48px;} 
* html #ug a:hover {background-position: -1013px -364px;}
 
		dt:hover+#ug, #ug:hover, #ug a:focus {
		  background-position: -1013px -364px;
		}
	#rw {
  	  width: 15px;
  	  height: 15px;
  	  top: 319px;
  	  left: 393px;
	}
* html #rw a, * html #rw a:hover {height: 15px;} 
* html #rw a:hover {background-position: -853px -103px;}
 
		dt:hover+#rw, #rw:hover, #rw a:focus {
		  background-position: -853px -103px;
		}
	#bi {
  	  width: 14px;
  	  height: 18px;
  	  top: 330px;
  	  left: 394px;
	}
* html #bi a, * html #bi a:hover {height: 18px;} 
* html #bi a:hover {background-position: -854px -120px;}
 
		dt:hover+#bi, #bi:hover, #bi a:focus {
		  background-position: -854px -120px;
		}
	#ao {
  	  width: 90px;
  	  height: 113px;
  	  top: 347px;
  	  left: 269px;
	}
* html #ao a, * html #ao a:hover {height: 113px;} 
* html #ao a:hover {background-position: -744px -277px;}
 
		dt:hover+#ao, #ao:hover, #ao a:focus {
		  background-position: -744px -277px;
		}
	#na {
  	  width: 96px;
  	  height: 99px;
  	  top: 451px;
  	  left: 268px;
	}
* html #na a, * html #na a:hover {height: 99px;} 
* html #na a:hover {background-position: -1019px -498px;}
 
		dt:hover+#na, #na:hover, #na a:focus {
		  background-position: -1019px -498px;
		}
	#za {
  	  width: 118px;
  	  height: 105px;
  	  top: 494px;
  	  left: 300px;
	}
* html #za a, * html #za a:hover {height: 105px;} 
* html #za a:hover {background-position: -742px -391px;}
 
		dt:hover+#za, #za:hover, #za a:focus {
		  background-position: -742px -391px;
		}
	#mz {
  	  width: 78px;
  	  height: 138px;
  	  top: 396px;
  	  left: 401px;
	}
* html #mz a, * html #mz a:hover {height: 138px;} 
* html #mz a:hover {background-position: -1058px -284px;}
 
		dt:hover+#mz, #mz:hover, #mz a:focus {
		  background-position: -1058px -284px;
		}
	#mw {
  	  width: 24px;
  	  height: 64px;
  	  top: 388px;
  	  left: 419px;
	}
* html #mw a, * html #mw a:hover {height: 64px;} 
* html #mw a:hover {background-position: -810px -506px;}
 
		dt:hover+#mw, #mw:hover, #mw a:focus {
		  background-position: -810px -506px;
		}
	#zm {
  	  width: 85px;
  	  height: 81px;
  	  top: 379px;
  	  left: 342px;
	}
* html #zm a, * html #zm a:hover {height: 81px;} 
* html #zm a:hover {background-position: -914px -281px;}
 
		dt:hover+#zm, #zm:hover, #zm a:focus {
		  background-position: -914px -281px;
		}
	#bw {
  	  width: 66px;
  	  height: 76px;
  	  top: 457px;
  	  left: 326px;
	}
* html #bw a, * html #bw a:hover {height: 76px;} 
* html #bw a:hover {background-position: -923px -421px;}
 
		dt:hover+#bw, #bw:hover, #bw a:focus {
		  background-position: -923px -421px;
		}
	#zw {
  	  width: 57px;
  	  height: 57px;
  	  top: 439px;
  	  left: 365px;
	}
* html #zw a, * html #zw a:hover {height: 57px;} 
* html #zw a:hover {background-position: -1000px -281px;}
 
		dt:hover+#zw, #zw:hover, #zw a:focus {
		  background-position: -1000px -281px;
		}
	#sz {
  	  width: 11px;
  	  height: 13px;
  	  top: 524px;
  	  left: 402px;
	}
* html #sz a, * html #sz a:hover {height: 13px;} 
* html #sz a:hover {background-position: -897px -418px;}
 
		dt:hover+#sz, #sz:hover, #sz a:focus {
		  background-position: -897px -418px;
		}
	#ls {
  	  width: 17px;
  	  height: 18px;
  	  top: 547px;
  	  left: 375px;
	}
* html #ls a, * html #ls a:hover {height: 18px;} 
* html #ls a:hover {background-position: -879px -418px;}
 
		dt:hover+#ls, #ls:hover, #ls a:focus {
		  background-position: -879px -418px;
		}
	#mg {
  	  width: 56px;
  	  height: 114px;
  	  top: 409px;
  	  left: 493px;
	}
* html #mg a, * html #mg a:hover {height:114px;} 
* html #mg a:hover {background-position: -604px -435px;}
 
		dt:hover+#mg, #mg:hover, #mg a:focus {
		  background-position: -604px -435px;
		}
	#sc {
  	  width: 63px;
  	  height: 42px;
  	  top: 361px;
  	  left: 515px;
	}
* html #sc a, * html #sc a:hover {height: 42px;} 
* html #sc a:hover {background-position: -680px -457px; border: 1px solid #f00;}
 
		dt:hover+#sc, #sc:hover, #sc a:focus {
		  background-position: -680px -457px;
		  border: 1px solid #f00;
		}
	#km {
  	  width: 13px;
  	  height: 13px;
  	  top: 402px;
  	  left: 494px;
	}
* html #km a, * html #km a:hover {height: 13px;} 
* html #km a:hover {background-position: -673px -434px; border: 1px solid #f00;}
 
		dt:hover+#km, #km:hover, #km a:focus {
		  background-position: -673px -434px;
		  border: 1px solid #f00;
		}
	#yt {
  	  width: 7px;
  	  height: 5px;
  	  top: 414px;
  	  left: 508px;
	}
* html #yt a, * html #yt a:hover {height: 5px;} 
* html #yt a:hover {background-position: -687px -446px; border: 1px solid #f00;}
 
		dt:hover+#yt, #yt:hover, #yt a:focus {
		  background-position: -687px -446px;
		  border: 1px solid #f00;
		}
	#mu {
  	  width: 7px;
  	  height: 8px;
  	  top: 473px;
  	  left: 592px;
	}
* html #mu a, * html #mu a:hover {height: 8px;} 
* html #mu a:hover {background-position: -604px -559px; border: 1px solid #f00;}
 
		dt:hover+#mu, #mu:hover, #mu a:focus {
		  background-position: -604px -559px;
		  border: 1px solid #f00;
		}
	#fr {
  	  width: 10px;
  	  height: 9px;
  	  top: 480px;
  	  left: 576px;
	}
* html #fr a, * html #fr a:hover {height: 9px;} 
* html #fr a:hover {background-position: -602px -551px; border: 1px solid #f00;}
 
		dt:hover+#fr, #fr:hover, #fr a:focus {
		  background-position: -602px -551px;
		  border: 1px solid #f00;
		}
	#sh {
  	  width: 10px;
  	  height: 7px;
  	  top: 451px;
  	  left: 127px;
	}
* html #sh a, * html #sh a:hover {height: 7px;} 
* html #sh a:hover {background-position: -811px -572px; border: 1px solid #f00;}
 
		dt:hover+#sh, #sh:hover, #sh a:focus {
		  background-position: -811px -572px;
		  border: 1px solid #f00;
		}