/*
Opacity 2012
Max Europa	44,1 = 100 deckung
Asien 		100/44,1*19,8 	= 44
Afrika		100/44,1*4,3	= 10
Noramerika	100/44,1*20,7	= 47
Lateinamer	100/44,1*4,0	= 09
Australien	100/44,1*2,8	= 06
Naher Osten	100/44,1*4,3	= 10

*/

#heatmapbox {
	position:relative;top:4px;
	margin:10px auto 0 auto;
	width:496px;
	height:230px;
	color:#666
}
#heatmapbox img {
	position:absolute;top:0px;left:0px;
}
#neutral {
	-webkit-opacity:1;-moz-opacity:1;opacity:1
}
#asien {
	-webkit-opacity:.44;-moz-opacity:.44;opacity:.44
}
#europa {
	-webkit-opacity:1;-moz-opacity:1;opacity:1
}
#afrika {
	-webkit-opacity:.10;-moz-opacity:.10;opacity:.10
}
#nordamerika {
	-webkit-opacity:.47;-moz-opacity:.47;opacity:.47
}
#lateinamerika {
	-webkit-opacity:.09;-moz-opacity:.09;opacity:.09
}
#austrozeanien {
	-webkit-opacity:.06;-moz-opacity:.06;opacity:.06
}
#nosten {
	-webkit-opacity:.10;-moz-opacity:.10;opacity:.10
}
.greydots {
	background: url(/dmrsc/img/dot_grey.gif);background-color:#eee;
}
.greendots {
	background: url(/dmrsc/img/dot_green.gif);
	height:11px
}

@media only screen and (max-width: 510px) {
	#heatmapbox {	
		width: 100%;
		height: auto;
	}
	#heatmapbox > img {
		display:none;
	}
	#heatmapbox > div {
		position:static !important;
		left:0 !important;
		top:auto !important;
		font-size: 12px;
		line-height: 16px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 6px;
		margin-bottom: 6px;
	}
}