/* ################################################################### */
/* Algemeen        ################################################### */
/* ################################################################### */

#kaartje {
	width: 310px;
	height: 353px;
	background-image:url(../images/kaartje/nederland.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	position:relative;
	overflow:visible;
	z-index: 98;
}

#kaartje a {
	display: block;
	position:absolute;
	text-decoration: none;
	overflow: hidden;
}

#kaartje a:hover{
	overflow:visible;
}

#kaartje a span{
	display: block;
	position:absolute;
	text-indent:-2000em;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:0 0;
}


/* ################################################################### */
/* Friesland       ################################################### */
/* ################################################################### */

#kaartje a#fr {
	width:100px;
	height:80px;
	left: 131px;
	top: 11px;
}

#kaartje a#fr span{
	width:118px;
	height:90px;
	left: -6px;
	top: -6px;
}

#kaartje a#fr:hover span{
	background-image:url(../images/kaartje/fr.gif);
	border:none;
}

/* ################################################################### */
/* Groningen       ################################################### */
/* ################################################################### */

#kaartje a#gr {
	width:82px;
	height:50px;
	left: 221px;
	top: 11px;
}

#kaartje a#gr span{
	width:82px;
	height:77px;
	left: 0px;
	top: 0px;
}

#kaartje a#gr:hover span{
	background-image:url(../images/kaartje/gr.gif);
	border:none;
}

/* ################################################################### */
/* Drenthe       ################################################### */
/* ################################################################### */

#kaartje a#dr {
	width:70px;
	height:50px;
	left: 221px;
	top: 61px;
}

#kaartje a#dr span{
	width:74px;
	height:71px;
	left: -2px;
	top: -17px;
}

#kaartje a#dr:hover span{
	background-image:url(../images/kaartje/dr.gif);
	border:none;
}

/* ################################################################### */
/* Overijsel       ################################################### */
/* ################################################################### */

#kaartje a#ov {
	width:80px;
	height:60px;
	left: 211px;
	top: 106px;
}

#kaartje a#ov span{
	width:101px;
	height:88px;
	left: -18px;
	top: -17px;
}

#kaartje a#ov:hover span{
	background-image:url(../images/kaartje/ov.gif);
	border:none;
}


/* ################################################################### */
/* Flevoland       ################################################### */
/* ################################################################### */

#kaartje a#fl {
	width:50px;
	height:60px;
	left: 146px;
	top: 91px;
}

#kaartje a#fl span{
	width:69px;
	height:74px;
	left: -3px;
	top: -3px;
}

#kaartje a#fl:hover span{
	background-image:url(../images/kaartje/fl.gif);
	border:none;
}


/* ################################################################### */
/* Utrecht         ################################################### */
/* ################################################################### */

#kaartje a#ut {
	width:50px;
	height:35px;
	left: 121px;
	top: 161px;
}

#kaartje a#ut span{
	width:64px;
	height:44px;
	left: -1px;
	top: -5px;
}

#kaartje a#ut:hover span{
	background-image:url(../images/kaartje/ut.gif);
	border:none;
}


/* ################################################################### */
/* Gelderland      ################################################### */
/* ################################################################### */

#kaartje a#gl {
	width:100px;
	height:60px;
	left: 171px;
	top: 161px;
}

#kaartje a#gl span{
	width:143px;
	height:95px;
	left: -37px;
	top: -32px;
}

#kaartje a#gl:hover span{
	background-image:url(../images/kaartje/gl.gif);
	border:none;
}


/* ################################################################### */
/* Limburg      ################################################### */
/* ################################################################### */

#kaartje a#lb {
	width:40px;
	height:125px;
	left: 191px;
	top: 221px;
}

#kaartje a#lb span{
	width:52px;
	height:125px;
	left: -10px;
	top: -3px;
}

#kaartje a#lb:hover span{
	background-image:url(../images/kaartje/lb.gif);
	border:none;
}


/* ################################################################### */
/* Noord-Holland   ################################################### */
/* ################################################################### */

#kaartje a#nh {
	width:55px;
	height:120px;
	left: 91px;
	top: 41px;
}

#kaartje a#nh span{
	width:64px;
	height:128px;
	left: 3px;
	top: 1px;
}

#kaartje a#nh:hover span{
	background-image:url(../images/kaartje/nh.gif);
	border:none;
}


/* ################################################################### */
/* Zuid-Holland    ################################################### */
/* ################################################################### */

#kaartje a#zh {
	width:65px;
	height:70px;
	left: 56px;
	top: 161px;
}

#kaartje a#zh span{
	width:102px;
	height:82px;
	left: -10px;
	top: -9px;
}

#kaartje a#zh:hover span{
	background-image:url(../images/kaartje/zh.gif);
	border:none;
}


/* ################################################################### */
/* Zeeland         ################################################### */
/* ################################################################### */

#kaartje a#zl {
	width:65px;
	height:70px;
	left: 6px;
	top: 221px;
}

#kaartje a#zl span{
	width:73px;
	height:67px;
	left: 2px;
	top: 1px;
}

#kaartje a#zl:hover span{
	background-image:url(../images/kaartje/zl.gif);
	border:none;
}


/* ################################################################### */
/* Noord-Brabant   ################################################### */
/* ################################################################### */

#kaartje a#nb {
	width:140px;
	height:70px;
	left: 71px;
	top: 221px;
}

#kaartje a#nb span{
	width:144px;
	height:74px;
	left: 2px;
	top: -9px;
}

#kaartje a#nb:hover span{
	background-image:url(../images/kaartje/nb.gif);
	border:none;
}


/* ################################################################### */
/* Overlay         ################################################### */
/* ################################################################### */


.kaart-info  {
	position: absolute;
	left:155px; top:0px;
	width: 318px;
	height: 340px;
	background-color: #e76f00;
	z-index: 10000;
	display: none;
}

.kaart-info .inner {
	margin: 0 0 5px 0;
}

.kaart-info h5{
	width: 318px;
	height: 24px !important;
	margin:0; padding:0;
	background-repeat:no-repeat;
	text-indent:-2000em;
}

.kaart-info h5.bedrijven{
	background-image:url(../images/kaartje/bedrijven-hdr.gif);
}

.kaart-info h5.int-bedr{
	background-image:url(../images/kaartje/intermediairs-bedr-hdr.gif);
}

.kaart-info h5.int-scholen{
	background-image:url(../images/kaartje/intermediairs-scholen-hdr.gif);
}

.kaart-info h5.intermediairs{
	background-image:url(../images/kaartje/intermediairs-hdr.gif);
}

.kaart-info h3{
	width: 318px;
	height: 22px !important;
	margin:0; padding:0;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-2000em;
}

.fr h3 {
	background-image: url(../images/kaartje/friesland-hdr.gif);
}

.gr h3 {
	background-image: url(../images/kaartje/groningen-hdr.gif);
}

.dr h3 {
	background-image: url(../images/kaartje/drenthe-hdr.gif);
}

.fl h3 {
	background-image: url(../images/kaartje/flevoland-hdr.gif);
}

.ov h3 {
	background-image: url(../images/kaartje/overijssel-hdr.gif);
}

.nh h3 {
	background-image: url(../images/kaartje/noord-holland-hdr.gif);
}

.ut h3 {
	background-image: url(../images/kaartje/utrecht-hdr.gif);
}

.gl h3 {
	background-image: url(../images/kaartje/gelderland-hdr.gif);
}

.zh h3 {
	background-image: url(../images/kaartje/zuid-holland-hdr.gif);
}

.zl h3 {
	background-image: url(../images/kaartje/zeeland-hdr.gif);
}

.nb h3 {
	background-image: url(../images/kaartje/noord-brabant-hdr.gif);
}

.lb h3 {
	background-image: url(../images/kaartje/limburg-hdr.gif);
}



.kaart-info .close, 
.kaart-info .close a:link,
.kaart-info .close a:visited,
.kaart-info .close a:active {
	display: block;	
}

.kaart-info .close {
	position:absolute;
	top:2px; right:-4px;
	width: 30px;
	height: 30px;	
	background-image: url(../images/buttons/button_close_background.png);
	background-repeat:no-repeat;
}

.kaart-info .close a:link, 
.kaart-info .close a:visited,
.kaart-info .close a:active{
	width: 30px;
	height: 30px;
	text-indent: -2000em;
}

/*.kaart-info .tabs {
	position: absolute;
	left:16px; top:39px;
	height: 23px;
	width:184px;
}

.kaart-info .tabs div {
	float: left;
	width: 91px;
	height: 23px;
	margin-right: 1px;
}

.kaart-info .tabs div.bedrijven {
	background-image: url(../images/kaartje/bedrijven.gif);
	background-repeat:no-repeat;
	background-position:0 -23px;
}

.kaart-info .tabs div.bedrijven a{
	background-image: url(../images/kaartje/bedrijven.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}

.kaart-info .tabs div.intermediairs {
	background-image: url(../images/kaartje/intermediairs.gif);
	background-repeat:no-repeat;
	background-position:0 -23px;
}

.kaart-info .tabs div.intermediairs a {
	background-image: url(../images/kaartje/intermediairs.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}


.kaart-info .tabs a{
	position: relative;
	display: block;
	width: 91px;
	height: 23px;
	text-indent: -2000em;
}

.kaart-info .tabs a:hover,
.kaart-info .tabs a.active{
	background-image: none !important;
}
*/
.kaart-info-content {
	position: absolute;
	left:8px; top:44px;
	width: 308px;
	height: 295px;
	overflow:auto;
	color:#ffffff;
}
.kaart-info-content *{
	color:#ffffff;
}

.kaart-info-content .bedrijven-ct,
.kaart-info-content .intermediairs-ct {
	margin: 10px 5px 10px 2px;
	display: none;
}

.kaart-info-content h4 {
	margin: 15px 0; padding:0;
	font-size: 16px;
}

.kaart-info-content ul{
	margin: 0; padding:0;
	position: relative;
}

.kaart-info-content ul li{
	margin: 10px 0; padding:0 0 0 30px;
	list-style-type: none;
}

.kaart-info-content li a,
.kaart-info-content li a:visited {
	font-size: 12px;
	font-weight:bold;
	position: relative !important;
}