discomap
discomap.html
— 48 KB
File contents
<!DOCTYPE html>
<!-- saved from url=(0074)http://discomap.eea.europa.eu/Trial/ROLF/sitemap/overview-2015-birgit.html -->
<html style="height:100%;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>Untitled</title>
<!--Adobe Edge Runtime-->
<script type="text/javascript" charset="utf-8" src="./discomap_files/edge.6.0.0.min.js"></script>
<script src="./discomap_files/overview-2016-birgit_edge.js"></script>
<style>
.edgeLoad-EDGE-2280342 {
visibility: hidden;
}
</style>
<script>
AdobeEdge.loadComposition('overview-2016-birgit', 'EDGE-2280342', {
scaleToFit: "none",
centerStage: "none",
minW: "0px",
maxW: "undefined",
width: "1200px",
height: "100%"
}, { "dom": {} }, { "dom": {} });
</script>
<!--Adobe Edge Runtime End-->
</head>
<body style="margin:0;padding:0;height:100%;">
<div id="Stage" class="EDGE-2280342" style="position: relative; height: 800%; width: 900px; z-index: 0; right: auto; bottom: auto; background-color: rgb(255, 255, 255); overflow: auto; background-size: 100% 100%;">
<div id="Stage_Rectangle2Copy8" class="Stage_Rectangle2Copy8_id" style="position: absolute; margin: 0px; left: 667px; top: 228px; width: 3px; height: 131px; right: auto; bottom: auto; background-color: rgb(0, 236, 252); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_Rectangle2Copy" class="Stage_Rectangle2Copy_id" style="position: absolute; margin: 0px; left: 130px; top: 229px; width: 3px; height: 132px; right: auto; bottom: auto; background-color: rgb(0, 236, 252); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_Rectangle2Copy2" class="Stage_Rectangle2Copy2_id" style="position: absolute; margin: 0px; left: 270px; top: 229px; width: 3px; height: 133px; right: auto; bottom: auto; background-color: rgb(0, 236, 252); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_Rectangle2Copy3" class="Stage_Rectangle2Copy3_id" style="position: absolute; margin: 0px; left: 392px; top: 229px; width: 3px; height: 133px; right: auto; bottom: auto; background-color: rgb(0, 236, 252); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_Rectangle2Copy4" class="Stage_Rectangle2Copy4_id" style="position: absolute; margin: 0px; left: 531px; top: 229px; width: 3px; height: 131px; right: auto; bottom: auto; background-color: rgb(0, 236, 252); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_RectangleCopy" class="Stage_RectangleCopy_id" style="position: absolute; margin: 0px; left: 76px; top: 245px; width: 106px; height: 67px; right: auto; bottom: auto; background-color: rgb(255, 255, 255); background-size: 100% 100%; border-width: 1px; border-color: rgb(1, 1, 1); border-style: solid; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_Rectangle2Copy10" class="Stage_Rectangle2Copy10_id" style="position: absolute; margin: 0px; left: 400px; top: -39px; width: 2px; height: 538px; right: auto; bottom: auto; background-color: rgb(0, 236, 252); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; cursor: pointer; transform-style: preserve-3d; transform: translate(0px, 0px) translateZ(0px) rotate(90deg) scale(1, 1); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div>
<div id="Stage_Rectangle2Copy5" class="Stage_Rectangle2Copy5_id" style="position: absolute; margin: 0px; left: 384px; top: -126px; width: 2px; height: 405px; right: auto; bottom: auto; background-color: rgb(0, 236, 252); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; cursor: pointer; transform-style: preserve-3d; transform: translate(0px, 0px) translateZ(0px) rotate(90deg) scale(1, 1); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div>
<div id="Stage_Rectangle2" class="Stage_Rectangle2_id" style="position: absolute; margin: 0px; left: 304px; top: 91px; width: 3px; height: 137px; right: auto; bottom: auto; background-color: rgb(0, 236, 252); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_Rectangle2Copy6" class="Stage_Rectangle2Copy6_id" style="position: absolute; margin: 0px; left: 667px; top: 230px; width: 3px; height: 82px; right: auto; bottom: auto; background-color: rgb(0, 236, 252); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_Rectangle2Copy7" class="Stage_Rectangle2Copy7_id" style="position: absolute; margin: 0px; left: 476px; top: 63px; width: 3px; height: 107px; right: auto; bottom: auto; background-color: rgb(0, 236, 252); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_Rectangle" class="Stage_Rectangle_id" style="position: absolute; margin: 0px; left: 81px; top: 42px; width: 106px; height: 67px; right: auto; bottom: auto; background-color: rgb(255, 255, 255); background-size: 100% 100%; border-width: 1px; border-color: rgb(0, 0, 0); border-style: solid; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<a style="display:block" href="/cca/knowledge/tools/urban-adaptation/introduction" target="_blank">
<div id="Stage_Text" class="Stage_Text_id" style="position: absolute; margin: 0px; left: 81px; top: 42px; width: 108px; height: 67px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<p style="margin:23px"></p>
<p style="margin:0px">Introduction</p>
</div>
</a>
<a style="display:block" href="/cca/knowledge/tools/urban-adaptation/climatic-threats/heat-waves" target="_blank">
<div id="Stage_TextCopy" class="Stage_TextCopy_id" style="position: absolute; margin: 0px; left: 76px; top: 245px; width: 108px; height: 69px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<p style="margin:24px"></p>
<p style="margin:0px">Heat</p>
</div>
</a>
<div id="Stage_Group13" class="Stage_Group13_id" style="position: absolute; margin: 0px; left: 76px; top: 345px; width: 108px; height: 100px; right: auto; bottom: auto; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<div id="Stage_RectangleCopy10" class="Stage_RectangleCopy10_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 106px; height: 98px; right: auto; bottom: auto; background-color: rgb(255, 255, 255); background-size: 100% 100%; border-width: 1px; border-color: rgb(1, 1, 1); border-style: solid; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy10" class="Stage_TextCopy10_id" style="position: absolute; margin: 0px; left: 16px; top: 7px; width: 92px; height: 20px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">Maps per
<br>
<br>
</div>
<a style="display:block" href="/cca/knowledge/tools/urban-adaptation/climatic-threats/heat-waves/exposure" target="_blank">
<div id="Stage_TextCopy32" class="Stage_TextCopy32_id" style="position: absolute; margin: 0px; left: 17px; top: 27px; width: 90px; height: 16px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<p style="margin:0px">· Exposure</p>
<p style="margin: 0px;"></p>
</div>
</a>
<a style="display:block" href="/cca/knowledge/tools/urban-adaptation/climatic-threats/heat-waves/sensitivity" target="_blank">
<div id="Stage_TextCopy33" class="Stage_TextCopy33_id" style="position: absolute; margin: 0px; left: 17px; top: 49px; width: 91px; height: 16px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<p style="margin:0px">· Sensitivity</p>
</div>
</a>
<a style="display:block" href="/cca/knowledge/tools/urban-adaptation/climatic-threats/heat-waves/response-capacity" target="_blank">
<div id="Stage_TextCopy34" class="Stage_TextCopy34_id" style="position: absolute; margin: 0px; left: 17px; top: 70px; width: 88px; height: 16px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<p style="margin:0px">· Response</p>
</div>
</div>
</a>
<div id="Stage_Group13Copy" class="Stage_Group13Copy_id" style="position: absolute; margin: 0px; left: 219px; top: 344px; width: 108px; height: 100px; right: auto; bottom: auto; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<div id="Stage_RectangleCopy15" class="Stage_RectangleCopy15_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 106px; height: 98px; right: auto; bottom: auto; background-color: rgb(255, 255, 255); background-size: 100% 100%; border-width: 1px; border-color: rgb(1, 1, 1); border-style: solid; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy38" class="Stage_TextCopy38_id" style="position: absolute; margin: 0px; left: 16px; top: 7px; width: 92px; height: 20px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">Maps per
<br>
<br>
</div>
<a style="display:block" href="/cca/knowledge/tools/urban-adaptation/climatic-threats/droughts/exposure" target="_blank">
<div id="Stage_TextCopy37" class="Stage_TextCopy37_id" style="position: absolute; margin: 0px; left: 17px; top: 27px; width: 90px; height: 16px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">· Exposure
<br>
</div>
</a>
<a style="display:block" href="/cca/knowledge/tools/urban-adaptation/climatic-threats/heat-waves/sensitivity" target="_blank">
<div id="Stage_TextCopy36" class="Stage_TextCopy36_id" style="position: absolute; margin: 0px; left: 17px; top: 49px; width: 91px; height: 16px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">· Sensitivity</div>
</a>
<a style="display:block" href="/cca/knowledge/tools/urban-adaptation/climatic-threats/heat-waves/response-capacity" target="_blank">
<div id="Stage_TextCopy35" class="Stage_TextCopy35_id" style="position: absolute; margin: 0px; left: 17px; top: 70px; width: 88px; height: 16px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">· Response</div>
</a>
</div>
<div id="Stage_Group13Copy2" class="Stage_Group13Copy2_id" style="position: absolute; margin: 0px; left: 344px; top: 345px; width: 108px; height: 100px; right: auto; bottom: auto; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<div id="Stage_RectangleCopy16" class="Stage_RectangleCopy16_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 106px; height: 98px; right: auto; bottom: auto; background-color: rgb(255, 255, 255); background-size: 100% 100%; border-width: 1px; border-color: rgb(1, 1, 1); border-style: solid; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy42" class="Stage_TextCopy42_id" style="position: absolute; margin: 0px; left: 16px; top: 7px; width: 92px; height: 20px; right: auto; bottom: auto; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">Maps per
<br>
<br>
</div>
<a style="display:block" href="/cca/knowledge/tools/urban-adaptation/climatic-threats/flooding/exposure" target="_blank">
<div id="Stage_TextCopy41" class="Stage_TextCopy41_id" style="position: absolute; margin: 0px; left: 17px; top: 27px; width: 90px; height: 16px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">· Exposure
<br>
</div>
</a>
<a style="display:block" href="/cca/knowledge/tools/urban-adaptation/climatic-threats/heat-waves/sensitivity" target="_blank">
<div id="Stage_TextCopy40" class="Stage_TextCopy40_id" style="position: absolute; margin: 0px; left: 17px; top: 49px; width: 91px; height: 16px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">· Sensitivity</div>
</a>
<a style="display:block" href="/cca/knowledge/tools/urban-adaptation/climatic-threats/heat-waves/response-capacity" target="_blank">
<div id="Stage_TextCopy39" class="Stage_TextCopy39_id" style="position: absolute; margin: 0px; left: 17px; top: 70px; width: 88px; height: 16px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">· Response</div>
</a>
</div>
<div id="Stage_Group13Copy3" class="Stage_Group13Copy3_id" style="position: absolute; margin: 0px; left: 477px; top: 345px; width: 108px; height: 100px; right: auto; bottom: auto; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<div id="Stage_RectangleCopy17" class="Stage_RectangleCopy17_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 106px; height: 98px; right: auto; bottom: auto; background-color: rgb(255, 255, 255); background-size: 100% 100%; border-width: 1px; border-color: rgb(1, 1, 1); border-style: solid; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy46" class="Stage_TextCopy46_id" style="position: absolute; margin: 0px; left: 16px; top: 7px; width: 92px; height: 20px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">Maps per
<br>
<br>
</div>
<a style="display:block" href="/cca/knowledge/tools/urban-adaptation/climatic-threats/flooding/exposure" target="_blank">
<div id="Stage_TextCopy45" class="Stage_TextCopy45_id" style="position: absolute; margin: 0px; left: 17px; top: 27px; width: 90px; height: 16px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">· Exposure
<br>
</div>
</a>
<div id="Stage_TextCopy44" class="Stage_TextCopy44_id" style="position: absolute; margin: 0px; left: 17px; top: 49px; width: 91px; height: 16px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">· Sensitivity</div>
<div id="Stage_TextCopy43" class="Stage_TextCopy43_id" style="position: absolute; margin: 0px; left: 17px; top: 70px; width: 88px; height: 16px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">· Response</div>
</div>
<a style="display:block" href="cca/knowledge/tools/urban-adaptation/climatic-threats/droughts" target="_blank">
<div id="Stage_RectangleCopy7" class="Stage_RectangleCopy7_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 106px; height: 67px; right: auto; bottom: auto; background-color: rgb(255, 255, 255); background-size: 100% 100%; border-width: 1px; border-color: rgb(1, 1, 1); border-style: solid; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; transform-style: preserve-3d; transform: translate(211px, 245px) translateZ(0px) rotate(0deg) scale(1, 1); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div>
<div id="Stage_TextCopy7" class="Stage_TextCopy7_id" style="position: absolute; margin: 0px; left: 211px; top: 245px; width: 108px; height: 69px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<p style="margin:16px"></p>
<p style="margin:0px">Water scarcity </p>
<p style="margin: 0px;">and droughts</p>
</div>
</a>
<a style="display:block" href="cca/knowledge/tools/urban-adaptation/climatic-threats/flooding" target="_blank">
<div id="Stage_RectangleCopy8" class="Stage_RectangleCopy8_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 106px; height: 67px; right: auto; bottom: auto; background-color: rgb(255, 255, 255); background-size: 100% 100%; border-width: 1px; border-color: rgb(1, 1, 1); border-style: solid; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; transform-style: preserve-3d; transform: translate(344px, 245px) translateZ(0px) rotate(0deg) scale(1, 1); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div>
<div id="Stage_TextCopy8" class="Stage_TextCopy8_id" style="position: absolute; margin: 0px; left: 344px; top: 245px; width: 108px; height: 67px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<p style="margin:22px"></p>
<p style="margin:0px">Flooding</p>
</div>
</a>
<a style="display:block" href="cca/knowledge/tools/urban-adaptation/climatic-threats/forest-fires" target="_blank">
<div id="Stage_RectangleCopy9" class="Stage_RectangleCopy9_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 106px; height: 67px; right: auto; bottom: auto; background-color: rgb(255, 255, 255); background-size: 100% 100%; border-width: 1px; border-color: rgb(1, 1, 1); border-style: solid; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; transform-style: preserve-3d; transform: translate(478px, 245px) translateZ(0px) rotate(0deg) scale(1, 1); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div>
<div id="Stage_TextCopy9" class="Stage_TextCopy9_id" style="position: absolute; margin: 0px; left: 478px; top: 245px; width: 107px; height: 67px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<p style="margin:22px"></p>
<p style="margin:0px">Forest fires</p>
</div>
</a>
<div id="Stage_RectangleCopy2" class="Stage_RectangleCopy2_id" style="position: absolute; margin: 0px; left: 425px; top: 137px; width: 106px; height: 67px; right: auto; bottom: auto; background-color: rgb(255, 255, 255); background-size: 100% 100%; border-width: 1px; border-color: rgb(1, 1, 1); border-style: solid; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy2" class="Stage_TextCopy2_id" style="position: absolute; margin: 0px; left: 426px; top: 137px; width: 107px; height: 69px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<p style="margin:16px"></p>
<p style="margin:0px">Overview to </p>
<p style="margin: 0px;">all maps</p>
</div>
<a style="display:block" href="http://eea.maps.arcgis.com/home/webmap/viewer.html?webmap=50eb789e44044dbbb2e27946c1e92c16" target="_blank">
<div id="Stage_RectangleCopy29" class="Stage_RectangleCopy29_id" style="position: absolute; margin: 0px; left: 70px; top: 500px; width: 60px; height: 50px; bottom: auto; background-color: rgb(192, 192, 192); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_Group11" class="Stage_Group11_id" style="position: absolute; margin: 0px; left: 2px; top: 500px; width: 60px; height: 50px; right: auto; bottom: auto; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<div id="Stage_RectangleCopy19" class="Stage_RectangleCopy19_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 60px; height: 50px; bottom: auto; background-color: rgb(192, 192, 192); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy6" class="Stage_TextCopy6_id" style="position: absolute; margin: 0px; left: 2.7%; top: 6px; width: 55px; height: auto; right: auto; bottom: auto; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">City
<br>committed</div>
</div>
</a>
<a style="display:block" href="http://eea.maps.arcgis.com/home/webmap/viewer.html?webmap=d0a0105731ef4bc59308bd48e2224147" target="_blank">
<div id="Stage_Group11_a" class="Stage_Group11_id_1a" style="position: absolute; margin: 0px; left: 150px; top: 500px; width: 60px; height: 50px; right: auto; bottom: auto; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<div id="Stage_RectangleCopyZZ" class="Stage_RectangleCopy18_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 60px; height: 50px; right: auto; bottom: auto; background-color: rgb(192, 192, 192); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy12" class="Stage_TextCopy12_id" style="position: absolute; margin: 0px; left: 5px; top: 5px; width: 53px; height: 43px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
Drought & water scarcity
</div>
</div>
</a>
<a style="display:block" href="http://eea.maps.arcgis.com/home/webmap/viewer.html?webmap=ffd7c266c4844678bf4cad410100ba89" target="_blank">
<div id="Stage_Group14" class="Stage_Group14_id" style="position: absolute; margin: 0px; left: 75px; top: 500px; width: 60px; height: 50px; right: auto; bottom: auto; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<div id="Stage_RectangleCopy18" class="Stage_RectangleCopy18_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 60px; height: 50px; right: auto; bottom: auto; background-color: rgb(192, 192, 192); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy24" class="Stage_TextCopy24_id" style="position: absolute; margin: 0px; left: 4px; top: 6px; width: 53px; height: 28px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">Coastal
<br>flodding</div>
</div>
</a>
<a style="display:block" href="http://eea.maps.arcgis.com/home/webmap/viewer.html?webmap=66898b22be334a7884e471a2d45f9f32" target="_blank">
<div id="Stage_Group9" class="Stage_Group9_id" style="position: absolute; margin: 0px; left: 820px; top: 500px; width: 60px; height: 50px; right: auto; bottom: auto; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<div id="Stage_RectangleCopy20" class="Stage_RectangleCopy20_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 60px; height: 50px; right: auto; bottom: auto; background-color: rgb(192, 192, 192); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy13" class="Stage_TextCopy13_id" style="position: absolute; margin: 0px; left: 3px; top: 6px; width: 53px; height: 26px; right: auto; bottom: auto; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">Trust</div>
</div>
</a>
<a style="display:block" href="http://eea.maps.arcgis.com/home/webmap/viewer.html?webmap=51347de552ef4e2f82b90706f6a24474" target="_blank">
<div id="Stage_Group10" class="Stage_Group10_id" style="position: absolute; margin: 0px; left: 891px; top: 500px; width: 72px; height: 50px; right: auto; bottom: auto; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<div id="Stage_RectangleCopy6" class="Stage_RectangleCopy6_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 72px; height: 50px; right: auto; bottom: auto; background-color: rgb(192, 192, 192); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy23" class="Stage_TextCopy23_id" style="position: absolute; margin: 0px; left: 7px; top: 6px; width: 58px; height: 26px; right: auto; bottom: auto; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">Water consumption</div>
</div>
</a>
<a style="display:block" href="http://eea.maps.arcgis.com/home/webmap/viewer.html?webmap=7c91ec6aa2c2445a9a1684f54391f6a3" target="_blank">
<div id="Stage_Group8" class="Stage_Group8_id" style="position: absolute; margin: 0px; left: 745px; top: 500px; width: 60px; height: 50px; right: auto; bottom: auto; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<div id="Stage_RectangleCopy21" class="Stage_RectangleCopy21_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 60px; height: 50px; right: auto; bottom: auto; background-color: rgb(192, 192, 192); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy14" class="Stage_TextCopy14_id" style="position: absolute; margin: 0px; left: 3px; top: 6px; width: 53px; height: 27px; right: auto; bottom: auto; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">Thermal Comfort</div>
</div>
</a>
<a style="display:block" href="http://eea.maps.arcgis.com/home/webmap/viewer.html?webmap=75e71bd8f54246b0be3a4ddded724343" target="_blank">
<div id="Stage_Group7" class="Stage_Group7_id" style="position: absolute; margin: 0px; left: 671px; top: 500px; width: 60px; height: 50px; right: auto; bottom: auto; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<div id="Stage_RectangleCopy22" class="Stage_RectangleCopy22_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 60px; height: 50px; right: auto; bottom: auto; background-color: rgb(192, 192, 192); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy15" class="Stage_TextCopy15_id" style="position: absolute; margin: 0px; left: 3px; top: 6px; width: 57px; height: 28px; right: auto; bottom: auto; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">Soil sealing</div>
</div>
</a>
<a style="display:block" href="http://eea.maps.arcgis.com/home/webmap/viewer.html?webmap=b7dbf7120856411f961f13d61c13928a" target="_blank">
<div id="Stage_Group6" class="Stage_Group6_id" style="position: absolute; margin: 0px; left: 594px; top: 500px; width: 60px; height: 50px; right: auto; bottom: auto; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<div id="Stage_RectangleCopy23" class="Stage_RectangleCopy23_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 60px; height: 50px; right: auto; bottom: auto; background-color: rgb(192, 192, 192); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy16" class="Stage_TextCopy16_id" style="position: absolute; margin: 0px; left: 4px; top: 5px; width: 53px; height: 43px; right: auto; bottom: auto; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">Socio-economic status</div>
</div>
</a>
<a style="display:block" href="https://eea.maps.arcgis.com/home/signin.html?returnUrl=http%3A//eea.maps.arcgis.com/home/webmap/viewer.html%3Fwebmap%3D37bad3ed156948d4a19bad10f6e192ed">
<div id="Stage_Group5" class="Stage_Group5_id" style="position: absolute; margin: 0px; left: 522px; top: 500px; width: 60px; height: 50px; right: auto; bottom: auto; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<div id="Stage_RectangleCopy24" class="Stage_RectangleCopy24_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 60px; height: 50px; right: auto; bottom: auto; background-color: rgb(192, 192, 192); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy17" class="Stage_TextCopy17_id" style="position: absolute; margin: 0px; left: 4px; top: 6px; width: 53px; height: 26px; right: auto; bottom: auto; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">River flooding</div>
</div>
</a>
<a style="display:block" href="http://eea.maps.arcgis.com/home/webmap/viewer.html?webmap=57da803f22da4529b500303200e7afc6" target="_blank">
<div id="Stage_Group4" class="Stage_Group4_id" style="position: absolute; margin: 0px; left: 447px; top: 500px; width: 60px; height: 50px; right: auto; bottom: auto; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<div id="Stage_RectangleCopy25" class="Stage_RectangleCopy25_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 60px; height: 50px; right: auto; bottom: auto; background-color: rgb(192, 192, 192); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy18" class="Stage_TextCopy18_id" style="position: absolute; margin: 0px; left: 3px; top: 6px; width: 53px; height: 13px; right: auto; bottom: auto; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">Population</div>
</div>
</a>
<a style="display:block" href="http://eea.maps.arcgis.com/home/webmap/viewer.html?webmap=c31f2deed3094bc2b69f0263edd2ad56" target="_blank">
<div id="Stage_Group3" class="Stage_Group3_id" style="position: absolute; margin: 0px; left: 373px; top: 500px; width: 60px; height: 50px; right: auto; bottom: auto; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<div id="Stage_RectangleCopy26" class="Stage_RectangleCopy26_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 60px; height: 50px; right: auto; bottom: auto; background-color: rgb(192, 192, 192); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy19" class="Stage_TextCopy19_id" style="position: absolute; margin: 0px; left: 2px; top: 6px; width: 53px; height: 13px; right: auto; bottom: auto; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">Forest fires</div>
</div>
</a>
<a style="display:block" href="http://eea.maps.arcgis.com/home/webmap/viewer.html?webmap=395b44bba1d643dfa7a72019d94afb77" target="_blank">
<div id="Stage_Group2" class="Stage_Group2_id" style="position: absolute; margin: 0px; left: 298px; top: 500px; width: 60px; height: 50px; right: auto; bottom: auto; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<div id="Stage_RectangleCopy27" class="Stage_RectangleCopy27_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 60px; height: 50px; right: auto; bottom: auto; background-color: rgb(192, 192, 192); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy20" class="Stage_TextCopy20_id" style="position: absolute; margin: 0px; left: 3px; top: 6px; width: 53px; height: 26px; right: auto; bottom: auto; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">Elderly people</div>
</div>
</a>
<a style="display:block" href="http://eea.maps.arcgis.com/home/webmap/viewer.html?webmap=c118515b02e84a61990247b4bd035b93" target="_blank">
<div id="Stage_Group" class="Stage_Group_id" style="position: absolute; margin: 0px; left: 224px; top: 500px; width: 60px; height: 50px; right: auto; bottom: auto; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<div id="Stage_RectangleCopy28" class="Stage_RectangleCopy28_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 60px; height: 50px; right: auto; bottom: auto; background-color: rgb(192, 192, 192); background-size: 100% 100%; border-width: 0px; border-color: rgb(0, 0, 0); border-style: none; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy21" class="Stage_TextCopy21_id" style="position: absolute; margin: 0px; left: 3px; top: 6px; width: 53px; height: 20px; right: auto; bottom: auto; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">Education</div>
</div>
</a>
<a style="display:block" href="cca/knowledge/tools/urban-adaptation/climatic-threats/maps-response-capacity" target="_blank" target="_blank">
<div id="Stage_RectangleCopy3" class="Stage_RectangleCopy3_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 106px; height: 67px; right: auto; bottom: auto; background-color: rgb(255, 255, 255); background-size: 100% 100%; border-width: 1px; border-color: rgb(0, 0, 0); border-style: solid; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; transform-style: preserve-3d; transform: translate(616px, 245px) translateZ(0px) rotate(0deg) scale(1, 1); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div>
<div id="Stage_TextCopy3" class="Stage_TextCopy3_id" style="position: absolute; margin: 0px; left: 617px; top: 245px; width: 106px; height: 69px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<p style="margin:18px"></p>
<p style="margin:0px">
<span style="font-size: 14px;">Response capacity</span>
</p>
</div>
</a>
<div id="Stage_RectangleCopy4" class="Stage_RectangleCopy4_id" style="position: absolute; margin: 0px; left: 421px; top: 42px; width: 106px; height: 67px; right: auto; bottom: auto; background-color: rgb(255, 255, 255); background-size: 100% 100%; border-width: 1px; border-color: rgb(0, 0, 0); border-style: solid; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy4" class="Stage_TextCopy4_id" style="position: absolute; margin: 0px; left: 430px; top: 60px; width: 92px; height: auto; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">Explore
<br>further</div>
<a style="display:block" href="cca/knowledge/tools/urban-adaptation/overview" target="_blank">
<div id="Stage_RectangleCopy30" class="Stage_RectangleCopy30_id" style="position: absolute; margin: 0px; left: 0px; top: 0px; width: 106px; height: 67px; right: auto; bottom: auto; background-color: rgb(255, 255, 255); background-size: 100% 100%; border-width: 1px; border-color: rgb(0, 0, 0); border-style: solid; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; transform-style: preserve-3d; transform: translate(588px, 42px) translateZ(0px) rotate(0deg) scale(1, 1); -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></div>
<div id="Stage_TextCopy11" class="Stage_TextCopy11_id" style="position: absolute; margin: 0px; left: 588px; top: 42px; width: 109px; height: 67px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<p style="margin:16px"></p>
<p style="margin:0px">Site </p>
<p style="margin: 0px;">overview</p>
</div>
</a>
<a style="display:block" href="cca/knowledge/tools/urban-adaptation/climatic-threats/heat-waves" target="_blank">
<div id="Stage_RectangleCopy5" class="Stage_RectangleCopy5_id" style="position: absolute; margin: 0px; left: 248px; top: 42px; width: 106px; height: 67px; right: auto; bottom: auto; background-color: rgb(255, 255, 255); background-size: 100% 100%; border-width: 1px; border-color: rgb(0, 0, 0); border-style: solid; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy5" class="Stage_TextCopy5_id" style="position: absolute; margin: 0px; left: 248px; top: 42px; width: 106px; height: 69px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<p style="margin:23px"></p>
<p style="margin:0px">Climatic threats</p>
</div>
</a>
<a style="display:block" href="cca/knowledge/tools/urban-adaptation/climatic-threats/forest-fires/response-capacity" target="_blank">
<div id="Stage_RectangleCopy11" class="Stage_RectangleCopy11_id" style="position: absolute; margin: 0px; left: 613px; top: 344px; width: 106px; height: 98px; right: auto; bottom: auto; background-color: rgb(255, 255, 255); background-size: 100% 100%; border-width: 1px; border-color: rgb(1, 1, 1); border-style: solid; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.65) 3px 3px 3px 0px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);"></div>
<div id="Stage_TextCopy27" class="Stage_TextCopy27_id" style="position: absolute; margin: 0px; left: 624px; top: 352px; width: 92px; height: 20px; right: auto; bottom: auto; cursor: pointer; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: rgb(0, 0, 0); text-decoration: none; word-wrap: break-word; text-align: left; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); transform: translateZ(0px);">
<p style="margin:25px">Maps</p>
<p style="margin: 0px;"></p>
<p style="margin: 0px;"></p>
</div>
</a>
</div>
</body>
</html>