p {
  margin-left: 30px;
}
	p.boven a {
	  color: #0d4464;
	}
 
#kaart {
  padding-bottom: 4.6em;
  width: 56em; /*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: 551px;
  min-height: 600px;
  position: relative;
  background: url(../../images/kaart/zuidamerika.gif) 0 0 no-repeat;
}
* html dl {height: 600px;}
 
	dt {
	  display: block;
	  width: 12em;
	  white-space: nowrap;
	  margin-left: 560px;
	}
* html dl dt {margin-left: 550px; padding-left: 8px; width: 21em; background-color: #e1eef4;} /*expanding-box bug*/
* html dl dt#ie6 {height: 360px;}
 
	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/zuidamerika.gif) -9999em -9999em no-repeat;
		}
		dd a {
		  left: 0;
		  top: 0;
		  text-decoration: none;
		  width: 100%;
		  height: 100%;
		}
		dd a span { 
		  left: -9999em;
	  	  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%;}
 
			/*trigger*/
			* html dd a:hover {visibility: visible;}
 
 
			/*speciaal positioning... */
			dt:hover+#ec span, #ec a:focus span, #ec:hover span,
			dt:hover+#fk span, #fk a:focus span, #fk:hover span {
		 	 left: 90%;
			}* html #ec a:hover span, * html fk a:hover span {left: 90%;}
			dt:hover+#cl span, #cl a:focus span, #cl:hover span {
		 	 left: 30%;
			}* html #cl a:hover span {left: 30%;}
			dt:hover+#gs span, #gs a:focus span, #gs:hover span {
		 	 top: -50px;
			}* html #gs a:hover span {top: -10px; white-space: nowrap;}
 
 
	#br {
  	  width:  353px;
  	  height: 348px;
  	  top: 51px;
  	  left: 198px;
	}
* html #br a, * html #br a:hover {height: 348px;} 
* html #br a:hover {background-position: -786px -105px;}
 
		dt:hover+#br, #br:hover, #br a:focus {
		  background-position: -786px -105px;
		}
	#fr {
  	  width: 27px;
  	  height: 33px;
  	  top: 42px;
  	  left: 365px;
	}
* html #fr a, * html #fr a:hover {height: 33px;} 
* html #fr a:hover {background-position: -830px 0px;}
 
		dt:hover+#fr, #fr:hover, #fr a:focus {
		  background-position: -830px 0px;
		}
	#sr {
  	  width: 38px;
  	  height: 39px;
  	  top: 41px;
  	  left: 333px;
	  z-index: 10;
	}
* html #sr a, * html #sr a:hover {height: 39px;} 
* html #sr a:hover {background-position: -786px -65px;}
 
		dt:hover+#sr, #sr:hover, #sr a:focus {
		  background-position: -786px -65px;
		}
	#gy {
  	  width: 44px;
  	  height: 65px;
  	  top: 23px;
  	  left: 302px;
	}
* html #gy a, * html #gy a:hover {height: 65px;} 
* html #gy a:hover {background-position: -786px 0px;}
 
		dt:hover+#gy, #gy:hover, #gy a:focus {
		  background-position: -786px 0px;
		}
	#co {
  	  width: 108px;
  	  height: 144px;
  	  top: 1px;
  	  left: 143px;
	}
* html #co a, * html #co a:hover {height: 144px;} 
* html #co a:hover {background-position: -553px 0px;}
 
		dt:hover+#co, #co:hover, #co a:focus {
		  background-position: -553px 0px;
		}
	#ve {
  	  width: 123px;
  	  height: 97px;
  	  top: 1px;
  	  left: 190px;
	}
* html #ve a, * html #ve a:hover {height: 97px;} 
* html #ve a:hover {background-position: -662px 0px;}
 
		dt:hover+#ve, #ve:hover, #ve a:focus {
		  background-position: -662px 0px;
		}
	#pe {
  	  width: 122px;
  	  height: 158px;
  	  top: 117px;
  	  left: 132px;
	}
* html #pe a, * html #pe a:hover {height: 158px;} 
* html #pe a:hover {background-position: -664px -98px;}
 
		dt:hover+#pe, #pe:hover, #pe a:focus {
		  background-position: -664px -98px;
		}
	#ec {
  	  width: 169px;
  	  height: 58px;
  	  top: 109px;
  	  left: 10px;
	}
* html #ec a, * html #ec a:hover {height: 58px;} 
* html #ec a:hover {background-position: -858px 0px;}
 
		dt:hover+#ec, #ec:hover, #ec a:focus {
		  background-position: -858px 0px;
		}
	#cl {
  	  width: 78px;
  	  height: 332px;
  	  top: 267px;
  	  left: 243px;
	}
* html #cl a, * html #cl a:hover {height: 332px;} 
* html #cl a:hover {background-position: -553px -145px;}
 
		dt:hover+#cl, #cl:hover, #cl a:focus {
		  background-position: -553px -145px;
		}
	#bo {
  	  width: 109px;
  	  height: 120px;
  	  top: 191px;
  	  left: 244px;
	}
* html #bo a, * html #bo a:hover {height: 120px;} 
* html #bo a:hover {background-position: -844px -454px;}
 
		dt:hover+#bo, #bo:hover, #bo a:focus {
		  background-position: -844px -454px;
		}
	#ar {
  	  width: 128px;
  	  height: 296px;
  	  top: 299px;
  	  left: 263px;
	}
* html #ar a, * html #ar a:hover {height: 296px;} 
* html #ar a:hover {background-position: -636px -258px;}
 
		dt:hover+#ar, #ar:hover, #ar a:focus {
		  background-position: -636px -258px;
		}
	#py {
  	  width: 71px;
  	  height: 72px;
  	  top: 271px;
  	  left: 314px;
	}
* html #py a, * html #py a:hover {height: 72px;} 
* html #py a:hover {background-position: -1029px 0px;}
 
		dt:hover+#py, #py:hover, #py a:focus {
		  background-position: -1029px 0px;
		}
	#uy {
  	  width: 38px;
  	  height: 43px;
  	  top: 368px;
  	  left: 357px;
	}
* html #uy a, * html #uy a:hover {height: 43px;} 
* html #uy a:hover {background-position: -831px -61px;}
 
		dt:hover+#uy, #uy:hover, #uy a:focus {
		  background-position: -831px -61px;
		}
 
	#fk {
  	  width: 20px;
  	  height: 8px;
  	  top: 572px;
  	  left: 356px;
	}
* html #fk a, * html #fk a:hover {height: 8px;} 
* html #fk a:hover {background-position: -765px -259px;}
 
		dt:hover+#fk, #fk:hover, #fk a:focus {
		  background-position: -765px -259px;
		}
	#gs {
  	  width: 24px;
  	  height: 17px;
  	  top: 582px;
  	  left: 443px;
	}
* html #gs a, * html #gs a:hover {height: 17px; } 
* html #gs a:hover {background-position: -633px -145px; border: 1px solid #f00;}
 
		dt:hover+#gs, #gs:hover, #gs a:focus {
		  background-position: -633px -145px;
		  border: 1px solid #f00;
		}