html, body { margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; background-color:#000; font-size: 12px;}

#worldmap {
	
	background-color:#3A3B3C;
	}

circle {
  fill: red;
}

rect {
	
	fill:#F00;
	opacity:0.0;
	stroke:#FFF;
	}

text,tspan {
	font-family: 'Oswald', arial, verdana, sans-serif;
	font-size:3.8px;
	font-weight:bold;
	font-style:normal;	
	fill:#ffffff;
	}

	
line {
	stroke:rgba(37, 60, 62, 0.73);
	stroke:rgba(239, 181, 48, 0.93);
	stroke-width: 0.5;
	}	
	
	
.infobox{
    
	background-color:transparent;
    color: #fff;
    font-family: 'Oswald', arial, verdana, sans-serif;
    font-size: 3.0vw;
     padding-left: 10px;
    padding-right: 10px;
    position: absolute;
	display:none;
	width: 100%;
	box-sizing:border-box;
	position:static;
	z-index:10;
	left:0;
	top:0;
	line-height:1.2em;
	padding-top: 1.5vw;
	}
	
.infobox h3{margin:0;padding:0px;margin-bottom:8px;}	


.infobox .byline{ font-size: 1.6vw; line-height:1.4em; position:absolute;left:8px;bottom:0px;}
.infobox .mini{  font-size: 1.6vw;}

.manSpan{ 	background-color:transparent; color: #fff; font-family: 'Oswald', arial, verdana, sans-serif; position:absolute;top:-5.5vw; right:5px; font-size: 2.2vw; } 
	
.dbox{
	display:block;
	}		
	
#infowrapper{
	background-color: rgba(0, 0, 0, 0.8);
	width: 100%;
	position:relative;
	height:0; 
	padding-bottom:30%;
	
	}
#ablogo{
	width:30%;
	max-width:150px;
	position:absolute;
	top:3px;
	right:3px;
	}
	
.ejmobil{display:none;}
.mobil{display:inline;}
.manual{}	
		
@media only screen and (min-width: 450px) {
	#ablogo{display:none;}
	.ejmobil{display:inline;}
	.mobil{display:none;}
}