


#mapid { 
	width: 100%; 
	height: 100%; 
	position: relative; 
	outline: none;}
	
.Planet-icon{
	border-radius:50px;
}



.Fleet-Icon {
	animation: fleetmove 1.5s infinite linear;
}
/* Standard syntax */
@keyframes fleetmove {
  0%   {left:0px; top:0px;}
  10%  {left:1px; top:1px;}
  20%  {left:2px; top:1px;}
  30%  {left:3px; top:-1px;}
  40%  {left:4px; top:-1px;}
  50%  {left:5px; top:0px;}
  60%  {left:4px; top:1px;}
  70%  {left:3px; top:1px;}
  80%  {left:2px; top:-1px;}
  90%  {left:1px; top:-1px;}
  100%  {left:0px; top:0px;}
}

.btnGroupVertical{
	display:grid;
	background:green;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 20px;
}

.MapBtn{
	border: none;
	border-bottom: 1px solid;
}

.MapBtn:first-child{
	border: none;
	border-top-right-radius: 5px;
	border-top-left-radius: 20px;
	border-bottom: 1px solid;
}

.MapBtn:last-child{
	border: none;
	border-bottom-right-radius: 5px;
	border-Bottom-left-radius: 20px;
}

.MapBtnPlanet{
	Background-color: red;
}

.MapBtnRed{
	Background-color: red;
}

.MapBtnGreen{
	Background-color: green;
}

.MapBtnBlue{
	Background-color: red;
}

.MapBtnTransparent{
	Background-color: transparent;
}

.MapBtnNoBorderStyle{
	border-radius: 0;
}

.TeamspeakLinkBox{
	background: #1C2538;
	width: 100%;
	height: 4em;
	text-align: center;
	border-radius: 20px 5px 5px 5px;
	display: grid;
}
.TeamspeakLink {
    margin: auto;
    text-decoration: none;
	color: #25EB93 !important;
}

iframe{
	width: 785px;
	height: 600px
}

.MapTableJumpMarker{
	background: linear-gradient(180deg, #00e7ff, #fb00ff);
	padding-top: 5px;
	padding-bottom: 5px;
	border-spacing: 0;
}



		.cssPlanetIconNeutral{
			box-shadow: #ffff00 0px 0px 3px 2px;
			border-radius: 50px;
			transition-duration: 1s;
		}
		.cssPlanetIconNeutral:hover{
			box-shadow: #ffff00 0px 0px 15px 10px;
			transition-duration: 1s;
		}
		.cssPlanetIconImperium{
			box-shadow: #0000ff 0px 0px 3px 2px;
			border-radius: 50px;
			transition-duration: 1s;
		}
		.cssPlanetIconImperium:hover{
			box-shadow: #0000ff 0px 0px 15px 10px;
			transition-duration: 1s;
		}
		.cssPlanetIconRebellen{
			box-shadow: #ff0000 0px 0px 3px 2px;
			border-radius: 50px;
			transition-duration: 1s;
		}
		.cssPlanetIconRebellen:hover{
			box-shadow: #ff0000 0px 0px 15px 10px;
			transition-duration: 1s;
		}
		.cssPlanetIconPiraten{
			box-shadow: #000000 0px 0px 3px 2px;
			border-radius: 50px;
			transition-duration: 1s;
		}
		.cssPlanetIconPiraten:hover{
			box-shadow: #000000 0px 0px 15px 10px;
			transition-duration: 1s;
		}
		.cssPlanetIconfraktionslos{
			box-shadow: #ffffff00 0px 0px 3px 2px;
			border-radius: 50px;
			transition-duration: 1s;
		}
		.cssPlanetIconfraktionslos:hover{
			box-shadow: #ffffff00 0px 0px 15px 10px;
			transition-duration: 1s;
		}








