svg#svg2{
	
}

svg g {
	position: relative;
    	fill: #ffffff;
	z-index: 5;
}

svg g path, svg g polygon{
	fill: rgba(174, 174, 174, 0.2);
}

.clipped {
   	-webkit-clip-path: inset(23% 29% 0 0);
	clip-path: inset(23% 29% 0 0);
	margin-top: -500px;
	position: relative;
	margin-left: -0px;
}
.clipped-alppilomat path{
	stroke-width: 0.3px;
}
.clipped-alppilomat-de {
	width: 1300px;
	height: 1300px;
	margin-top: -650px;
	margin-left: -300px;
}
.clipped-alppilomat-fr {
	width: 1260px;
	height: 1300px;
	margin-top: -330px;
	margin-left: -550px;
}
.clipped-alppilomat-it{
	width: 1300px;
	height: 1300px;
	margin-top: -20px;
	margin-left: -100px;
}
.clipped-alppilomat-ch{
	margin-top: -60px;
	margin-left: -70px;
}
.clipped-alppilomat-ch text{
	font-size: 15px;
}
.clipped-alppilomat-ch path{
	stroke-width: 1.7px;
}
.clipped-alppilomat-at{
	width: 705px;
	margin-top: -60px;
}
.clipped-alppilomat-at text{
	font-size: 19px;
}
.clipped-alppilomat-at path{
	stroke-width: 1.7px;
}
text{
	font: 10px arial, helvetica, sans-serif;
	pointer-events: none;
	text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000; 
	}
.tooltip{
	display:none;
    	background: #ffffff;
	font: 18px arial, helvetica, sans-serif;
	color: #424242;
    	padding:10px;
    	z-index: 21;
    	border: 1px solid #0AB2FF;
	border-radius: 30px;
}
#map-back{
	cursor: pointer;
	outline: 0;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.7);
	border: 0;
	position: absolute;
	width: 125px;
	height: 40px;
	background-color: #e63957;
	z-index: 5;
	margin-top: 50px;
	font: 24px arial, helvetica, sans-serif;
	color: #ffffff;
	}
#map-back:hover{
	background-color: #0AB2FF;
	}
#kartta-outer{
	position: absolute;
	width: auto;
	min-width:705px;
	height: 520px;
	bottom: 27px;
	top: 20px;
	left: 380px;
	overflow: hidden;
	float: middle;
	padding-bottom: 50px;
	
}
#kartta{
	position: relative;
	width: 705px;
	height: 520px;
	background: rgba(66,66,66, 0.2);
	margin-top: 25px;
	overflow: hidden;
	
}
#es, #fr, #it, #gr, #nl, #gb, #ie, #dk, #hr, #de, #hu, #sk, #ch, #be, #no, #pt, #lu, #at, #ad, #cy, #pl, #cz, #tr, #hu_1_, #hu_2_, #se {
	fill: rgba(113, 197, 235, 0.8);
}
#es:hover, #fr:hover, #it:hover, #gr:hover, #nl:hover, #gb:hover, #ie:hover, 
	#dk:hover, #hr:hover, #de:hover, #hu:hover, #sk:hover, #ch:hover, #be:hover, #no:hover, #pt:hover, 
	#lu:hover, #at:hover, #ad:hover, #cy:hover,
	#pl:hover, #cz:hover, #tr:hover,
	#hu_1_:hover, #hu_2_:hover, #se:hover{
	cursor: pointer;
	fill: rgba(244, 107, 131, 0.8) !important;}

#trentino-alto, #valle-d-aosta,  #veneto, #friuli-venezia, #lombardia{
fill: #0AB2FF;}
#trentino-alto:hover, #valle-d-aosta:hover, #veneto:hover, #friuli-venezia:hover,#lombardia:hover{
fill: rgba(16, 150, 212, 1) !important;
cursor: pointer;}

#alpit, #lorrainen-vosges, #franche-comte{
fill: #0AB2FF;}

#alpit:hover, #lorrainen-vosges:hover, #franche-comte:hover{
fill: rgba(16, 150, 212, 1) !important;
cursor: pointer;}

#schwabische, #bodensee, #baijeri{
fill: #0AB2FF;}

#schwabische:hover, #bodensee:hover, #saarland:hover, #nordrhein-westfalen:hover, #berliini:hover, #pohjanmeren-alue:hover, #itameren-alue:hover, #baijeri:hover, #hessen:hover, #thuringen:hover, #mecklenburgin-jarvialue:hover, #ala-saksi:hover, #saksi:hover{
cursor: pointer;
fill: rgba(16, 150, 212, 1) !important;}

#baleaarit, #galicia, #castilla-y-leon, #asturia, #cantabria, #navarra, #pyreneet, #katalonian-sisamaa, #costa-brava, #valencia, #costa-de-valencia, #costa-de-la-luz, #costa-de-almeria, #costa-tropical, #costa-de-sol, #andalusian-sisamaa, #costa-blanca, #costa-de-azahar, #costa-daurada, #barcelona, #costa-del-garraf, #el-maresme, #baskimaa, #madrid, #castilla-la-mancha, #kanariansaaret{
fill: #0AB2FF;}

#baleaarit:hover, #galicia:hover, #castilla-y-leon:hover, #asturia:hover, #cantabria:hover, #navarra:hover, #pyreneet:hover, #katalonian-sisamaa:hover, #costa-brava:hover, #valencia:hover, #costa-de-valencia:hover, #costa-de-la-luz:hover, #costa-de-almeria:hover, #costa-tropical:hover, #costa-de-sol:hover, #andalusian-sisamaa:hover, #costa-blanca:hover, #costa-de-azahar:hover, #costa-daurada:hover, #barcelona:hover, #costa-del-garraf:hover, #el-maresme:hover, #extremadura:hover, #baskimaa:hover, #madrid:hover, #castilla-la-mancha:hover, #aragon:hover, #kanariansaaret:hover{
cursor: pointer;
fill: rgba(16, 150, 212, 1) !important;}

#algarve, #alentejo, #lissabon, #vale-do-tejo, #centro-beiras, #pohjoisosa-porto, #azorit, #madeira{
fill: #0AB2FF;}

#algarve:hover, #alentejo:hover, #lissabon:hover, #vale-do-tejo:hover, #centro-beiras:hover, #pohjoisosa-porto:hover, #azorit:hover, #madeira:hover{
cursor: pointer;
fill: rgba(16, 150, 212, 1) !important;}

#valais, #alpes-vaudoises, #ticino, #koilis-sveitsi, #region-du-leman, #jura, #ita-sveitsi, #graubunden, #keski-sveitsi, #berner-oberland{
fill: #0AB2FF;}

#valais:hover, #alpes-vaudoises:hover, #ticino:hover, #koilis-sveitsi:hover, #region-du-leman:hover, #jura:hover, #ita-sveitsi:hover, #graubunden:hover, #keski-sveitsi:hover, #berner-oberland:hover{
cursor: pointer;
fill: rgba(16, 150, 212, 1) !important;}

#zeeland, #zuid-holland, #gelderland, #groningen, #noord-holland, #flevoland, #friesland, #drenthe, #overijssel, #limburg, #noord-brabant, #utrecht{
fill: #0AB2FF;}

#zeeland:hover, #zuid-holland:hover, #gelderland:hover, #groningen:hover, #noord-holland:hover, #flevoland:hover, #friesland:hover, #drenthe:hover, #overijssel:hover, #limburg:hover, #noord-brabant:hover, #utrecht:hover{
cursor: pointer;
fill: rgba(16, 150, 212, 1) !important;}

#andorra, #cyprus, #luxembourg{
fill: #0AB2FF;}

#andorra:hover, #cyprus:hover, #luxembourg:hover{
cursor: pointer;
fill: rgba(16, 150, 212, 1) !important;}

#tiroli, #karnten, #salzburgin-alue, #yla-itavalta, #steiermark, #ala-itavalta, #burgenland, #ita-tiroli, #vorarlberg, #wien{
fill: #0AB2FF;}

#tiroli:hover, #karnten:hover, #salzburgin-alue:hover, #yla-itavalta:hover, #steiermark:hover, #ala-itavalta:hover, #burgenland:hover, #ita-tiroli:hover, #vorarlberg:hover, #wien:hover{
cursor: pointer;
fill: rgba(16, 150, 212, 1) !important;}

#belgisch-limburg, #vallonia-ardennit, #rannikko, #binnenland, #flanderi{
fill: #0AB2FF;}

#belgisch-limburg:hover, #vallonia-ardennit:hover, #rannikko:hover, #binnenland:hover, #flanderi:hover{
cursor: pointer;
fill: rgba(16, 150, 212, 1) !important;}

#karlovy-varyn-alue, #ustin-alue, #librecin-alue, #hradec-kraloven-alue, #keski-boomi, #pardubicen-alue, #etela-maari, #zlinin-alue, #olomoucin-alue, #pohjois-maari, #etela-boomi, #plzenin-alue, #praha, #vysocinan-alue{
fill: #0AB2FF;}

#karlovy-varyn-alue:hover, #ustin-alue:hover, #librecin-alue:hover, #hradec-kraloven-alue:hover, #keski-boomi:hover, #pardubicen-alue:hover, #etela-maari:hover, #zlinin-alue:hover, #olomoucin-alue:hover, #pohjois-maari:hover, #etela-boomi:hover, #plzenin-alue:hover, #praha:hover, #vysocinan-alue:hover{
cursor: pointer;
fill: rgba(16, 150, 212, 1) !important;}

#djursland-og-mols, #jyllands-vestkyst, #sydostjylland, #limfjordslandet, #nordvestjylland, #fyn-og-oer, #lolland-falster-og-mon, #sjalland, #bornholm{
fill: #0AB2FF;}

#djursland-og-mols:hover, #jyllands-vestkyst:hover, #sydostjylland:hover, #limfjordslandet:hover, #nordvestjylland:hover, #fyn-og-oer:hover, #lolland-falster-og-mon:hover, #sjalland:hover, #bornholm:hover{
cursor: pointer;
fill: rgba(16, 150, 212, 1) !important;}

#skotlanti, #wales, #south-east, #south-south-west, #central, #north, #lontoo{
fill: #0AB2FF;}

#skotlanti:hover, #wales:hover, #south-east:hover, #south-south-west:hover, #central:hover, #north:hover, #lontoo:hover{
cursor: pointer;
fill: rgba(16, 150, 212, 1) !important;}

#peloponnesos, #ateena, #kreeta, #rodos, #korfu-paxi, #lesbos, #kykladit, #lefkada{
fill: #0AB2FF;}

#peloponnesos:hover, #ateena:hover, #kreeta:hover, #rodos:hover, #sporadi:hover, #korfu-paxi:hover, #lesbos:hover, #samos:hover, #kykladit:hover, #lefkada:hover{
cursor: pointer;
fill: rgba(16, 150, 212, 1) !important;}

#keski-croatia, #istria, #etela-dalmatia, #keski-dalmatia, #pohjois-dalmatia, #kvarner{
fill: #0AB2FF;}

#keski-croatia:hover, #istria:hover, #etela-dalmatia:hover, #keski-dalmatia:hover, #pohjois-dalmatia:hover, #kvarner:hover{
cursor: pointer;
fill: rgba(16, 150, 212, 1) !important;}

#thermal, #balaton-jarvi-etelaranta, #budapesti, #balaton-jarvi-pohjoisranta, #nograd, #heves, #jnsz, #budapest, #pest, #fejer, #veszprem, #tolna, #gyms, #vas, #zala, #somogy, #baranya, #csongrad, #bekes, #szszb, #baz{
fill: #0AB2FF;}

#thermal:hover, #balaton-jarvi-etelaranta:hover, #budapesti:hover, #balaton-jarvi-pohjoisranta:hover, #nograd:hover, #heves:hover, #jnsz:hover, #budapest:hover, #pest:hover, #fejer:hover, #veszprem:hover, #tolna:hover, #gyms:hover, #vas:hover, #zala:hover, #somogy:hover, #baranya:hover, #csongrad:hover, #bekes:hover, #szszb:hover, #baz:hover{
cursor: pointer;
fill: rgba(16, 150, 212, 1) !important;}

#south-east, #north-west-ireland, #west-ireland, #east-coast-midlands, #the-shannon-region, #cork-and-kerry, #dublin{
fill: #0AB2FF;}

#south-east:hover, #north-west-ireland:hover, #west-ireland:hover, #east-coast-midlands:hover, #the-shannon-region:hover, #cork-and-kerry:hover, #dublin:hover{
cursor: pointer;
fill: rgba(16, 150, 212, 1) !important;}

#masuria, #itameri, #iso-puola, #beskidy, #sudeetit-sleesia, #pommeri, #podlasia-masovia, #vaha-puola{
fill: #0AB2FF;}

#masuria:hover, #itameri:hover, #iso-puola:hover, #beskidy:hover, #sudeetit-sleesia:hover, #pommeri:hover, #podlasia-masovia:hover, #vaha-puola:hover{
cursor: pointer;
fill: rgba(16, 150, 212, 1) !important;}

#trencini, #zilina, #banska, #kosice, #presov{
fill: #0AB2FF;}

#bratislava:hover, #nitra:hover, #trencini:hover, #zilina:hover, #banska:hover, #kosice:hover, #presov:hover, #trnava:hover{
cursor: pointer;
fill: rgba(16, 150, 212, 1) !important;}

#marmara, #aigeianmeri, #valimeri{
fill: #0AB2FF;}

#marmara:hover, #aigeianmeri:hover, #valimeri:hover{
cursor: pointer;
fill: rgba(16, 150, 212, 1) !important;}

#aragon, #extremadura, #nitra, #trnava, #bratislava, #samos, #sporadi, #anatolia-keskiosa {
pointer-events: none;
fill: #C0C0C0;
}
.clipped-alppilomat {
   	-webkit-clip-path: inset(23% 29% 0 0);
	clip-path: inset(23% 29% 0 0);
	margin-top: -1150px;
	position: relative;
	margin-left: -810px;
}