/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */
img.image{ display: none; }

dl#officeMap{
	margin-left: 0;
	padding: 0;
	background: transparent url(../images/denmark-small.png) center no-repeat;
	height: 262px;
	width: 350px;
	position: relative;    
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }
dd a{ position: absolute; width: 16px; height: 16px; text-decoration: none; }

/* ---------- Hotspot Declarations ---------- */
dd#roskildeDef{ top: 155px; left: 225px; }
dd#roskildeDef a span{ display: none; }
dd#roskildeDef a:hover{ position: absolute; top: 0px; left: 0px; }
dd#roskildeDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 100px;
}

dd#copenhagenDef{ top: 161px; left: 251px; }
dd#copenhagenDef a span{ display: none; }
dd#copenhagenDef a:hover{ position: absolute; top: 0px; left: 0px; }
dd#copenhagenDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 100px;
}

dd#arhusDef{ top: 120px; left: 160px; }
dd#arhusDef a span{ display: none; }
dd#arhusDef a:hover{ position: absolute; top: 0px; left: 0px; }
dd#arhusDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 100px;
}

dd#aalborgDef{ top: 60px; left: 150px; }
dd#aalborgDef a span{ display: none; }
dd#aalborgDef a:hover{ position: absolute; top: 0px; left: 0px; }
dd#aalborgDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	margin: 0;
	padding: 5px;
	width: 100px;
}

dd#odenseDef{ top: 178px; left: 167px; }
dd#odenseDef a span{ display: none; }
dd#odenseDef a:hover{ position: absolute; top: 0px; left: 0px; }
dd#odenseDef a:hover span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	top: 100%;
	left: 1px;
	margin: 0;
	padding: 5px;
	width: 100px;
}