/*styles internal omdat css alleen voor 1 pagina is, dus liever 1 GET request*/
/*ook geen reden om 2 GET requests voor IE6 en onder... laat maar*/


 
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 met de kleiner beeldschermen*/
	#kaart:after {
	  content: " ";
	  display: block;
	  clear: both;
	  height: 0;
	}
 
dl {
  float: left;
  margin: 2px 5px 2px 2px;
  width: 717px;
  min-height: 509px;
  position: relative;
  background: url(../../images/kaart/europa.gif) 0 0 no-repeat;
}
	dt {
	  width: 12em;
	  white-space: nowrap;
	  margin-left: 725px;
	}
* html dl dt {margin-left: 718px; padding-left: 8px; 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/europa.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%;}
 
			/*trigger*/
			* html dd a:hover {visibility: visible;}
 
 
			/*speciaal positioning... */
			dt:hover+#no span, #no a:focus span, #no:hover span {
		 	 left: 20%;
			}* html #no a:hover span {left: 20%;}
			dt:hover+#se span, #se a:focus span, #se:hover span {
		 	 left: 30%;
			}* html #se a:hover span {left: 30%;}
			dt:hover+#dk span, #dk a:focus span, #dk:hover span {
			  left: 60%;
			  top: 0;
			}* html #dk a:hover span {left: 60%; top: 0;}
			dt:hover+#es span, #es a:focus span, #es:hover span,
			dt:hover+#pt span, #pt a:focus span, #pt:hover span {
			  top: 25%;
			  left: 20%;
			}* html #es a:hover span, * html #pt a:hover span {top: 20%; left: 20%;}
			dt:hover+dd.klein span, dd.klein a:focus span, dd.klein:hover span {
		 	 left: 100%;
			  top: 0;
			}* html dd.klein a:hover span {left: 100%; top: 0;}
			dt:hover+#tr span, #tr a:focus span, #tr:hover span {
		 	 left: 40%;
			}* html #tr a:hover span {left: 40%;}
 
 
	#is {
  	  width: 106px;
  	  height: 42px;
	  top: 58px;
	  left: 3px;
	}
* html #is a, * html #is a:hover {height: 42px;} /*height stopt collapse van anchors... anders is een tweede kind nodig*/
* html #is a:hover {background-position: -715px 0px;}
 
		dt:hover+#is, #is:hover, #is a:focus  {
  		  background-position: -715px 0px;
		}
	#fo {
  	  width: 11px;
  	  height: 12px;
 	  top: 106px;
  	  left: 153px;
	}
* html #fo a, * html #fo a:hover {height: 12px;} 
* html #fo a:hover {background-position: -1104px -362px; border: 1px solid #f00;}
  
		dt:hover+#fo, #fo:hover, #fo a:focus {
		  background-position: -1104px -362px;
		  border: 1px solid #f00;
		}
	#no {
  	  width: 233px;
  	  height: 161px;
 	  top: 2px;
  	  left: 268px;
	}
* html #no a, * html #no a:hover {height: 161px;} 
* html #no a:hover {background-position: -814px 2px;}
  
		dt:hover+#no, #no:hover, #no a:focus {
		  background-position: -814px 2px;
		}
	#se {
  	  width: 120px;
  	  height: 170px;
  	  top: 28px;
  	  left: 329px;
	}
* html #se a, * html #se a:hover {height: 170px;} 
* html #se a:hover {background-position: -1050px 0px;}
 
		dt:hover+#se, #se:hover, #se a:focus {
  		  background-position: -1050px 0px;
		}
	#fi {
  	  width:  110px;
  	  height: 122px;
  	  top: 18px;
  	  left: 412px;
	}
* html #fi a, * html #fi a:hover {height: 122px;} 
* html #fi a:hover {background-position: -1212px 0px;}
 
		dt:hover+#fi, #fi:hover, #fi a:focus {
		  background-position: -1212px 0px;
		}
	#uk {
  	  width: 99px;
  	  height: 141px;
  	  top: 127px;
  	  left: 136px;
	}
* html #uk a, * html #uk a:hover {height: 141px;} 
* html #uk a:hover {background-position: -1325px 0px;}
 
		dt:hover+#uk, #uk:hover, #uk a:focus {
		  background-position: -1325px 0px;
		}
	#ie {
  	  width: 50px;
  	  height: 52px;
  	  top: 198px;
  	  left: 106px;
	}
* html #ie a, * html #ie a:hover {height: 52px;} 
* html #ie a:hover {background-position: -1376px -145px;}
 
		dt:hover+#ie, #ie:hover, #ie a:focus {
		  background-position: -1376px -145px;
		}
/*	#im {
  	  width: 10px;
  	  height: 6px;
  	  top: 209px;
  	  left: 168px;
	}
* html #im a, * html #im a:hover {height: 6px;} 
* html #im a:hover {background-position: -1119px -363px; border: 1px solid #f00;}
 
		dt:hover+#im, #im:hover, #im a:focus {
		  background-position: -1119px -363px;
		  border: 1px solid #f00;
		} */
 
	#dk {
  	  width: 46px;
  	  height: 43px;
  	  top: 165px;
  	  left: 301px;
	}
* html #dk a, * html #dk a:hover {height: 43px;} 
* html #dk a:hover {background-position: -1070px -176px;}
 
		dt:hover+#dk, #dk:hover, #dk a:focus {
		  background-position: -1070px -176px;
		}
	#ee {
  	  width: 58px;
  	  height: 26px;
  	  top: 142px;
  	  left: 437px;
	}
* html #ee a, * html #ee a:hover {height: 26px;} 
* html #ee a:hover {background-position: -1252px -225px;}
 
		dt:hover+#ee, #ee:hover, #ee a:focus {
		  background-position: -1252px -225px;
		}
	#lv {
  	  width: 72px;
  	  height: 30px;
  	  top: 163px;
  	  left: 430px;
	}
* html #lv a, * html #lv a:hover {height: 30px;} 
* html #lv a:hover {background-position: -1252px -253px;}
 
		dt:hover+#lv, #lv:hover, #lv a:focus {
		  background-position: -1252px -253px;
		}
	#ua {
  	  width: 191px;
  	  height: 108px;
  	  top: 235px;
  	  left: 449px;
	}
* html #ua a, * html #ua a:hover {height: 108px;} 
* html #ua a:hover {background-position: -720px -309px;}
 
		dt:hover+#ua, #ua:hover, #ua a:focus {
		  background-position: -720px -309px;
		}
	#by {
  	  width: 95px;
  	  height: 65px;
  	  top: 187px;
  	  left: 457px;
	}
* html #by a, * html #by a:hover {height: 65px;} 
* html #by a:hover {background-position: -1325px -225px;}
 
		dt:hover+#by, #by:hover, #by a:focus {
		  background-position: -1325px -225px;
		}
	#lt {
  	  width: 57px;
  	  height: 32px;
  	  top: 184px;
  	  left: 430px;
	}
* html #lt a, * html #lt a:hover {height: 32px;} 
* html #lt a:hover {background-position: -1254px -285px;}
 
		dt:hover+#lt, #lt:hover, #lt a:focus {
		  background-position: -1254px -285px;
		}
	#pl {
  	  width: 109px;
  	  height: 79px;
  	  top: 202px;
  	  left: 361px;
	}
* html #pl a, * html #pl a:hover {height: 79px;} 
* html #pl a:hover {background-position: -1267px -145px;}
 
		dt:hover+#pl, #pl:hover, #pl a:focus {
		  background-position: -1267px -145px;
		}
	#it {
  	  width: 130px;
  	  height: 141px;
  	  top: 308px;
  	  left: 284px;
	}
* html #it a, * html #it a:hover {height: 141px;} 
* html #it a:hover {background-position: -1188px -319px;}
 
		dt:hover+#it, #it:hover, #it a:focus {
		  background-position: -1188px -319px;
		}
	#mt {
  	  width: 7px;
  	  height: 7px;
  	  top: 454px;
  	  left: 366px;
	}
* html #mt a, * html #mt a:hover {height: 7px;} 
* html #mt a:hover {background-position: -1026px -363px; border: 1px solid #f00;}
 
		dt:hover+#mt, #mt:hover, #mt a:focus {
		  background-position: -1026px -363px;
		  border: 1px solid #f00;
		}
	#fr {
  	  width: 155px;
  	  height: 132px;
  	  top: 252px;
  	  left: 161px;
	}
* html #fr a, * html #fr a:hover {height: 132px;} 
* html #fr a:hover {background-position: -869px -163px;}
 
		dt:hover+#fr, #fr:hover, #fr a:focus {
		  background-position: -869px -163px;
		}
	#es {
  	  width: 149px;
  	  height: 117px;
  	  top: 350px;
  	  left: 107px;
	}
* html #es a, * html #es a:hover {height: 117px;} 
* html #es a:hover {background-position: -719px -176px;}
 
		dt:hover+#es, #es:hover, #es a:focus {
		  background-position: -719px -176px;
		}
	#ad {
  	  width: 8px;
  	  height: 8px;
  	  top: 363px;
  	  left: 222px;
	}
* html #ad a, * html #ad a:hover {height: 8px;} 
* html #ad a:hover {background-position: -1035px -394px;  border: 1px solid #f00;}
 
		dt:hover+#ad, #ad:hover, #ad a:focus {
		  background-position: -1035px -394px;
		  border: 1px solid #f00;
		}
 
	#pt {
  	  width: 38px;
  	  height: 71px;
  	  top: 374px;
  	  left: 101px;
	}
* html #pt a, * html #pt a:hover {height: 71px;} 
* html #pt a:hover {background-position: -721px -42px;}
 
		dt:hover+#pt, #pt:hover, #pt a:focus {
		  background-position: -721px -42px;
		}
	#de {
  	  width: 94px;
  	  height: 100px;
  	  top: 203px;
  	  left: 278px;
	}
* html #de a, * html #de a:hover {height: 100px;} 
* html #de a:hover {background-position: -1172px -124px;}
 
		dt:hover+#de, #de:hover, #de a:focus {
		  background-position: -1172px -124px;
		}
	#be {
  	  width: 39px;
  	  height: 26px;
  	  top: 248px;
  	  left: 242px;
	}
* html #be a, * html #be a:hover {height: 26px;} 
* html #be a:hover {background-position: -1025px -176px;}
 
		dt:hover+#be, #be:hover, #be a:focus {
		  background-position: -1025px -176px;
		}
	#nl {
  	  width: 40px;
  	  height: 33px;
  	  top: 221px;
  	  left: 250px;
	}
* html #nl a, * html #nl a:hover {height: 33px;} 
* html #nl a:hover {background-position: -1024px -215px;}
 
		dt:hover+#nl, #nl:hover, #nl a:focus {
		  background-position: -1024px -215px;
		}
	#lu {
  	  width: 7px;
  	  height: 8px;
  	  top: 266px;
  	  left: 274px;
	}
* html #lu a, * html #lu a:hover {height: 8px;} 
* html #lu a:hover {background-position: -1025px -204px;}
 
		dt:hover+#lu, #lu:hover, #lu a:focus {
		  background-position: -1025px -204px;
		}
	#ch {
  	  width: 47px;
  	  height: 24px;
  	  top: 298px;
  	  left: 277px;
	}
* html #ch a, * html #ch a:hover {height: 24px;} 
* html #ch a:hover {background-position: -1121px -175px;}
 
		dt:hover+#ch, #ch:hover, #ch a:focus {
		  background-position: -1121px -175px;
		}
	#at {
  	  width: 80px;
  	  height: 34px;
  	  top: 281px;
  	  left: 315px;
	}
* html #at a, * html #at a:hover {height: 34px;} 
* html #at a:hover {background-position: -1031px -262px;}
 
		dt:hover+#at, #at:hover, #at a:focus {
		  background-position: -1031px -262px;
		}
	#cz {
  	  width: 69px;
  	  height: 31px;
  	  top: 255px;
  	  left: 344px;
	}
* html #cz a, * html #cz a:hover {height: 31px;} 
* html #cz a:hover {background-position: -1069px -223px;}
 
		dt:hover+#cz, #cz:hover, #cz a:focus {
		  background-position: -1069px -223px;
		}
	#hu {
  	  width: 69px;
  	  height: 37px;
  	  top: 287px;
  	  left: 388px;
	}
* html #hu a, * html #hu a:hover {height: 37px;} 
* html #hu a:hover {background-position: -1117px -260px;}
 
		dt:hover+#hu, #hu:hover, #hu a:focus {
		  background-position: -1117px -260px;
		}
	#sk {
  	  width: 58px;
  	  height: 24px;
  	  top: 273px;
  	  left: 393px;
	}
* html #sk a, * html #sk a:hover {height: 24px;} 
* html #sk a:hover {background-position: -1139px -226px;}
 
		dt:hover+#sk, #sk:hover, #sk a:focus {
		  background-position: -1139px -226px;
		}
	#ro {
  	  width: 101px;
  	  height: 62px;
  	  top: 290px;
  	  left: 433px;
	}
* html #ro a, * html #ro a:hover {height: 62px;} 
* html #ro a:hover {background-position: -1025px -298px;}
 
		dt:hover+#ro, #ro:hover, #ro a:focus {
		  background-position: -1025px -298px;
		}
	#md {
  	  width: 36px;
  	  height: 39px;
  	  top: 288px;
  	  left: 498px;
	}
* html #md a, * html #md a:hover {height: 39px;} 
* html #md a:hover {background-position: -1127px -299px;}
 
		dt:hover+#md, #md:hover, #md a:focus {
		  background-position: -1127px -299px;
		}
	#hr {
  	  width: 61px;
  	  height: 43px;
  	  top: 315px;
  	  left: 357px;
	}
* html #hr a, * html #hr a:hover {height: 43px;} 
* html #hr a:hover {background-position: -915px -309px;}
 
		dt:hover+#hr, #hr:hover, #hr a:focus {
		  background-position: -915px -309px;
		}
	#si {
  	  width: 33px;
  	  height: 19px;
  	  top: 310px;
  	  left: 356px;
	}
* html #si a, * html #si a:hover {height: 19px;} 
* html #si a:hover {background-position: -1118px -201px;}
 
		dt:hover+#si, #si:hover, #si a:focus {
		  background-position: -1118px -201px;
		}
	#rs {
  	  width: 46px;
  	  height: 54px;
  	  top: 319px;
  	  left: 416px;
	}
* html #rs a, * html #rs a:hover {height: 54px;} 
* html #rs a:hover {background-position: -1201px -225px;}
 
		dt:hover+#rs, #rs:hover, #rs a:focus {
		  background-position: -1201px -225px;
		}
	#bg {
  	  width: 69px;
  	  height: 40px;
  	  top: 345px;
  	  left: 455px;
	}
* html #bg a, * html #bg a:hover {height: 40px;} 
* html #bg a:hover {background-position: -921px -353px;}
 
		dt:hover+#bg, #bg:hover, #bg a:focus {
		  background-position: -921px -353px;
		}
	#ba {
  	  width: 42px;
  	  height: 35px;
  	  top: 331px;
  	  left: 381px;
	}
* html #ba a, * html #ba a:hover {height: 35px;} 
* html #ba a:hover {background-position: -977px -309px;}
 
		dt:hover+#ba, #ba:hover, #ba a:focus {
		  background-position: -977px -309px;
		}
	#me {
  	  width: 20px;
  	  height: 23px;
  	  top: 354px;
  	  left: 412px;
	}
* html #me a, * html #me a:hover {height: 23px;} 
* html #me a:hover {background-position: -1187px -282px;}
 
		dt:hover+#me, #me:hover, #me a:focus {
		  background-position: -1187px -282px;
		}
	#gr {
  	  width: 101px;
  	  height: 94px;
  	  top: 379px;
  	  left: 427px;
	}
* html #gr a, * html #gr a:hover {height: 94px;} 
* html #gr a:hover {background-position: -932px -394px;}
 
		dt:hover+#gr, #gr:hover, #gr a:focus {
		  background-position: -932px -394px;
		}
	#al {
  	  width: 20px;
  	  height: 40px;
  	  top: 367px;
  	  left: 422px;
	}
* html #al a, * html #al a:hover {height: 40px;} 
* html #al a:hover {background-position: -1165px -299px;}
 
		dt:hover+#al, #al:hover, #al a:focus {
		  background-position: -1165px -299px;
		}
	#mk {
  	  width: 27px;
  	  height: 20px;
  	  top: 371px;
  	  left: 436px;
	}
* html #mk a, * html #mk a:hover {height: 20px;} 
* html #mk a:hover {background-position: -1128px -340px;}
 
		dt:hover+#mk, #mk:hover, #mk a:focus {
		  background-position: -1128px -340px;
		}
	#tr {
  	  width: 213px;
  	  height: 84px;
  	  top: 374px;
  	  left: 498px;
	}
* html #tr a, * html #tr a:hover {height: 84px;} 
* html #tr a:hover {background-position: -718px -420px;}
 
		dt:hover+#tr, #tr:hover, #tr a:focus {
		  background-position: -718px -420px;
		}
	#cy {
  	  width: 26px;
  	  height: 16px;
  	  top: 461px;
  	  left: 574px;
	}
* html #cy a, * html #cy a:hover {height: 16px;} 
* html #cy a:hover {background-position: -1065px -362px;}
 
		dt:hover+#cy, #cy:hover, #cy a:focus {
		  background-position: -1065px -362px;
		}