img.pictoNav {
	padding-left: 13px;
	padding-right: 8px;
	padding-bottom: 10px;
	float: left;
}
img.pictoGoogle {
	padding-left: 0px;
	padding-right: 8px;
	margin-bottom: -7px;
}
#routebuttons1 {
	color: #7f8487;	
}
#routebuttons2 {
	color: #7f8487;	
}
.legendaTekst {
	color: #ffffff;
	padding: 0 6px 6px 6px;
}
.legendaTable {
	color: #ffffff;
	margin-left: 5px;
}
div.mapNav {
	color: #666666;
	height: 20px;
	padding-left: 13px;
	padding-bottom: 10px;
}
.help_div {
	 float:left;
	 width:460px;	
}
.print_div {
	float:left;
	width:80px;
	height:14px;
}
.mapNav a {
	color: #7f8487;
	text-decoration: none;
}

.mapNav a:hover {
	text-decoration: underline;
}

/* POP-UP */

.popup_container {
	width: 281px;
	position: absolute;
	z-index: 1000;
}

.popup_top {
	background-image:url('../images/top-ballon.png');
	background-repeat: no-repeat;
	background-position: top left;
	height: 10px;
	width: 281px;
}

.popup_middle {
	background-color: #ffffff;
	border-left: solid 1px #999999;
	border-right: solid 1px #999999;
}

.popup_content {
	padding: 0px 12px 18px 12px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px;	
	height: 162px;
	overflow: hidden;
	background-image:url('../images/legenda_01.gif');
	background-repeat: no-repeat;
	background-position: 255px 1px;
}

.popup_middle h2 {
	color: #666666;
	font-weight: normal;
	font-size: 12px;
	padding: 2px 0 0 0;
	margin: 0;
	width: 281px;
}

.popup_content p {
	margin: 0;
	padding: 0;
}

.popup_middle img {
	position: relative;
	float: right;
	margin-top: 13px;
} 

.legenda_baistad {
	padding: 0px 12px 18px 12px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px;	
	height: 162px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 253px 1px;
}

.legenda_ks {
	padding: 0px 12px 18px 12px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px;	
	height: 162px;
	overflow: hidden;
	background-image:url('../images/legenda_01.gif');
	background-repeat: no-repeat;
	background-position: 253px 1px;
}

.legenda_is {
	padding: 0px 12px 18px 12px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px;	
	height: 162px;
	overflow: hidden;
	background-image:url('../images/legenda_02.gif');
	background-repeat: no-repeat;
	background-position: 252px 1px;
}

.legenda_ms {
	padding: 0px 12px 18px 12px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px;	
	height: 162px;
	overflow: hidden;
	background-image:url('../images/legenda_03.gif');
	background-repeat: no-repeat;
	background-position: 253px 1px;
}

.legenda_ims {
	padding: 0px 12px 18px 12px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px;	
	height: 162px;
	overflow: hidden;
	background-image:url('../images/legenda_04.gif');
	background-repeat: no-repeat;
	background-position: 253px 1px;
}

.legenda_et {
	padding: 0px 12px 18px 12px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px;	
	height: 162px;
	overflow: hidden;
	background-image:url('../images/legenda_05.gif');
	background-repeat: no-repeat;
	background-position: 253px 1px;
}

.legenda_es {
	padding: 0px 12px 18px 12px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px;	
	height: 162px;
	overflow: hidden;
	background-image:url('../images/legenda_06.gif');
	background-repeat: no-repeat;
	background-position: 253px 1px;
}

.legenda_ns {
	padding: 0px 12px 18px 12px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px;	
	height: 162px;
	overflow: hidden;
	background-image:url('../images/legenda_07.gif');
	background-repeat: no-repeat;
	background-position: 253px 1px;
}

.legenda_vs {
	padding: 0px 12px 18px 12px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px;	
	height: 162px;
	overflow: hidden;
	background-image:url('../images/legenda_08.gif');
	background-repeat: no-repeat;
	background-position: 244px 0px;
}

.legenda_ds {
	padding: 0px 12px 18px 12px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px;	
	height: 162px;
	overflow: hidden;
	background-image:url('../images/legenda_09.gif');
	background-repeat: no-repeat;
	background-position: 253px 1px;
}

.legenda_ins {
	padding: 0px 12px 18px 12px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px;	
	height: 162px;
	overflow: hidden;
	background-image:url('../images/legenda_10.gif');
	background-repeat: no-repeat;
	background-position: 253px 1px;
}


.legenda_img {
	border: none;
	padding-left: 10px;
}

.popup_thumb {
	width: 108px;
	height: 108px;
	border: solid 1px #a1a1a1;
	margin-left: 15px;
	margin-top: 3px;
}

.popup_bottom {
	background-image:url('../images/bottom-ballon.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 39px;
	width: 281px;
}

/* Infobalken */

.info_container {
	padding-top: 20px;
	padding-bottom: 20px;
	width: 546px;
	min-height: 140px;
}

.info_thumb {
	width: 108px;
	height: 108px;
	border: solid 1px #a1a1a1;
	margin-right: 9px;
	float: left;
}

.info_text {
	width: 427px;
	float: left;
}

.info_header {
	padding: 0 5px 4px 7px;
	font-weight: normal;
	font-size: 13px;
	color: #ffffff;
	background: #4A4A4A;
	height: 26px;
}

.info_delete {
	border: none;
	padding-top: 2px;
	margin: 0;
}

.info_content {
	padding: 7px 5px 5px 5px;
}

.info_adres {
	padding: 6px 5px 5px 5px;
}

.info_gray {
	color: #666666;
}

.info_hr {
	display: block;
	border: 0;
	height: 1px;
	color:  #c2c2c2;
	background-color:  #c2c2c2;
	padding: 0;
}


/* Map */
	
div.mapContainer { /* container: tevens het masker */
	width: 542px; 
	height: 340px;
	padding: 1px;
	position: relative;
	float: left;
	background: #999999; 
	z-index: 700;
	margin-bottom: 15px;
}

div.mask { /* container: tevens het masker */
	width: 542px; 
	height: 340px; 
	overflow: hidden; 
	position: relative; 
	background:#cccccc; 
	z-index: 600;
}
	
div.corner_tl {
	width:13px; 
	height:13px; 
	position: absolute; 
	background-image:url('../images/hoek_map_tl.png');
	background-repeat: no-repeat;
	background-position: top left;
	top: 0;
	left: 0;
	z-index: 800;
}

div.corner_tr {
	width:13px; 
	height:13px; 
	position: absolute; 
	background-image:url('../images/hoek_map_tr.png');
	background-repeat: no-repeat;
	background-position: top right;
	top: 0;
	right: 0;
	z-index: 800;
}
	
div.corner_br {
	width:13px; 
	height:13px; 
	position: absolute; 
	background-image:url('../images/hoek_map_br.png');
	background-repeat: no-repeat;
	background-position: bottom right;
	bottom: 0;
	right: 0;
	z-index: 800;
}
	
div.corner_bl {
	width:13px; 
	height:13px; 
	position: absolute; 
	background-image:url('../images/hoek_map_bl.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	bottom: 0;
	left: 0;
	z-index: 800;
}


div.box { /* de sleepbare div */
	background-image:url('../images/architectuurgidstotaal.gif');
	background-position: center;
	background-repeat: no-repeat;
	width:3220px; 
	height:2300px; 
    cursor: all-scroll;
	position: relative; 
	left: 1300px; /* positie kaart - om te centreren: (breedte restrictiekader) - (542)/4 */
	top: 390px; /* positie kaart - om te centreren: ((hoogte restrictiekader) - (340)/4 */
	z-index: 100;
}

div.box-container { /* restrictiekader: geeft de grenzen aan waarbinnen de sleepbare div zich mag bewegen */
	background-color: #ffffff;
	background-image:url('../images/bg_map.gif');
	background-position: center; 
	width:5756px; 
	height:4200px; 
	position: relative; 
	right: 2607px; 
	bottom: 1900px
}

/* Map overzicht */

#box-grid-procedural-overview {
	display: none;
}

.box-overview {
	width: 544px; 
	height: 342px;
	position: relative;
	background-image:url('../images/architectuurgidstotaal-klein.gif');
	background-position: center;
	background-repeat: no-repeat;
	z-index: 110;
}

/* 
	(a/2) - (b/2) = c
	a = breedte of lengtemaat restrictiekader
	b = breedte of lengtemaat container

	(5756/2)-(250) = 2628
	(4200/2)-(200) = 1900
*/

/* markers */

/* Katholieke stad */
.marker_baistad {
	background-position: center;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	color: #000000;
	text-align: center;
	padding-top: 7px;
	position: absolute;
} 

.marker_href_baistad {
	display: block;
	text-decoration: none;
	color: #000000;
	font-size: 10px;
}

.markerKAST {
	width: 20px;
	height: 20px;
	background-image:url('../images/marker-kast.png');
	background-position: center;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	color: #000000;
	text-align: center;
	padding-top: 7px;
	position: absolute;
}

.markerHREF_KAST {
	width: 20px;
	height: 20px;
	display: block;
	text-decoration: none;
	color: #000000;
	line-height: 13px;
	font-size: 10px;
}

/* Industriestad */
.markerINST {
	width: 20px;
	height: 22px;
	background-image:url('../images/marker-inst.png');
	background-position: center;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	color: #000000;
	text-align: center;
	padding-top: 5px;
	position: absolute;
}

.markerHREF_INST {
	width: 20px;
	height: 20px;
	display: block;
	text-decoration: none;
	color: #000000;
	line-height: 22px;
	font-size: 10px;
}

/* Modelstad */
.markerMOST {
	width: 19px;
	height: 19px;
	background-image:url('../images/marker-most.png');
	background-position: center;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	color: #000000;
	text-align: center;
	padding-top: 5px;
	position: absolute;
}

.markerHREF_MOST {
	width: 19px;
	height: 19px;
	display: block;
	text-decoration: none;
	color: #000000;
	line-height: 13px;
	font-size: 10px;
}

/* Imaginaire stad */
.markerIMST {
	width: 21px;
	height: 22px;
	background-image:url('../images/marker-imst.png');
	background-position: center;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	color: #000000;
	text-align: center;
	padding-top: 5px;
	position: absolute;
}

.markerHREF_IMST {
	width: 21px;
	height: 20px;
	display: block;
	text-decoration: none;
	color: #000000;
	line-height: 27px;
	font-size: 10px;
}

/* Easytown */
.markerEATO {
	width: 23px;
	height: 22px;
	background-image:url('../images/marker-eato.png');
	background-position: center;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	color: #000000;
	text-align: center;
	padding-top: 5px;
	position: absolute;
}

.markerHREF_EATO {
	width: 23px;
	height: 22px;
	display: block;
	text-decoration: none;
	color: #000000;
	line-height: 11px;
	font-size: 10px;
}

/* Eilandstad */
.markerEIST {
	width: 28px;
	height: 20px;
	background-image:url('../images/marker-eist.png');
	background-position: center;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	color: #000000;
	text-align: center;
	padding-top: 5px;
 	position: absolute;
}

.markerHREF_EIST {
	width: 28px;
	height: 20px;
	display: block;
	text-decoration: none;
	color: #000000;
	line-height: 13px;
	font-size: 10px;
}

/* Neo-Klassieke stad */
.markerNKST {
	width: 18px;
	height: 22px;
	background-image:url('../images/marker-nkst.png');
	background-position: center;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	color: #000000;
	text-align: center;
	padding-top: 5px;
	position: absolute;
}

.markerHREF_NKST {
	width: 18px;
	height: 20px;
	display: block;
	text-decoration: none;
	color: #000000;
	line-height: 18px;
	font-size: 10px;
}

/* Vestingstad */
.markerVEST {
	width: 30px;
	height: 30px;
	background-image:url('../images/marker-vest.png');
	background-position: center;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	color: #000000;
	text-align: center;
	padding-top: 5px;
	position: absolute;
}

.markerHREF_VEST {
	width: 30px;
	height: 30px;
	display: block;
	text-decoration: none;
	color: #000000;
	line-height: 25px;
	font-size: 10px;
	padding-left: 1px;
}

/* Deltastad */
.markerDEST {
	width: 17px;
	height: 30px;
	background-image:url('../images/marker-dest.png');
	background-position: center;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	color: #000000;
	text-align: center;
	padding-top: 5px;
	position: absolute;
}

.markerHREF_DEST {
	width: 17px;
	height: 30px;
	display: block;
	text-decoration: none;
	color: #000000;
	line-height: 32px;
	font-size: 10px;
}

/* Inventieve stad */
.markerINVST {
	width: 18px;
	height: 22px;
	background-image:url('../images/marker-invst.png');
	background-position: center;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS",Helvetica,Jamrul,sans-serif;
	color: #000000;
	text-align: center;
	padding-top: 5px;
	position: absolute;
}

.markerHREF_INVST {
	width: 18px;
	height: 22px;
	display: block;
	text-decoration: none;
	color: #000000;
	line-height: 13px;
	font-size: 10px;
	padding-left: 1px;
}
a.legendalink {
	color: #FFFFFF;
}