td a:link {
	text-decoration: none;
}

td a:hover {
	background-color: yellow;
}

#speer {
	position: absolute;
	left: 350px;
	top: 800px;
	visibility: hidden;
	z-index: 5;
	background-image: url("../game_pics/speer.png");
	width: 50px;
	height: 3px;
}

#speerwerfer {
	position: absolute;
	left: 0px;
	top: 780px;
	visibility: hidden;
	background-image: url("../game_pics/speerwerfer.png");
	width: 30px;
	height: 80px;
	z-index: 15;
}

#spielfeld {
	height: 530px;
}

#placeholder {
	height: 10px;
}

#signal {
	width: 15px;
	height: 15px;
	position: absolute;
	left: 360px;
	top: 810px;
	background-color: white;
	border: 2px solid;
	z-index: 5;
	display: none;
}

#massband {
	position: absolute;
	left: 350px;
	top: 815px;
}

#masstab {
	border: none;
	padding: 0px;
	border-collapse: collapse;
}

#kartei {
	position: absolute;
	left: 400px;
	top: 400px;
	visibility: hidden;
}

#kartei ul, #kartei li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#kartei td {
	padding-top: 0px;
	padding-bottom: 15px;
	padding-left: 2px;
	
	vertical-align: top;
}

#kartei img {
	border: 2px ridge;
	margin-left: 15px;
}

#helpbox {
	position: absolute;
	left: 400px;
	top: 400px;
	visibility: hidden;
	width: 400px;
}

#buttons {
	position: absolute;
	left: 1120px;
	top: 880px;
}

#ergshowdiv {
	position: absolute;
	left: 400px;
	top: 400px;
	visibility: hidden;
	width: 315px;
}

#silber_pic {
	padding-top: 50px;
}

#bronze_pic {
	padding-top: 100px;
}

.karteikarte {
	background-color: rgba(172,255,163,0.8);
	padding: 5px;
	border-radius: 9px 9px 9px 9px;
	z-index: 10;
}

#background {
	position: absolute;
	left: 250px;
	top: 270px;
	z-index: -1;
	border: 1px solid;
	width: 1200px;
	height: 600px;
	background-image: url('../game_pics/jav_bg_training.jpg')
}

#resultat {
	position: absolute;
	left: 600px;
	top: 550px;
	background-image: linear-gradient(lightgrey, grey);
	padding-left: 15px;
	width: 200px;
	border: 1px groove;
	transition: color 2s;
}

.norm_col {
	color: tomato;
}

.ch_col {
	color: black;
}

#wr_box {
	position: absolute;
	left: 1200px;
	top: 568px;
	background-image: linear-gradient(lightgrey, grey);
	padding-left: 15px;
	padding-top: 15px;
	width: 150px;
	height: 30px;
	border: 1px groove;
	font-weight: bold;
}

@keyframes stutter_blink {
    from {opacity: 1}
	to {opacity: 0}
}

#replayer {
	position: absolute;
	left: 1000px;
	top: 290px;
	font-size: 50px;
	color: darkred;
	visibility: hidden;
	animation: stutter_blink 0.7s infinite linear;
	animation-direction: alternate;
}

#prozente {
	position: absolute;
	left: 720px;
	top: 900px;
	background-color: grey;
	visibility: hidden;
}

#kraftbalken {
	position: absolute;
	left: 250px;
	top: 872px;
	background-color: green;
	width: 0px;
	height: 38px;
}

#kraftskala {
	position: absolute;
	left: 250px;
	top: 870px;
	
}

#werferwahl {
	margin: 15px;
}

.grauzone {
	background-color: darkgreen;
}

.hellgrauzone {
	background-color: lightgreen;
}

.rotzone {
	background-color: Tomato;
}

.massfeld {
	border: none;
	padding: 0px;
}

.gold {
	background-color: gold;
}

.silber {
	background-color: silver;
}

.bronze {
	background-color: DarkGoldenRod;
}

#table {
	position: absolute;
	left: 1050px;
	top: 280px;
	border: 1px dashed;
	width: 370px;
	background-color: darkslategrey;
	padding-left: 15px;
	font-size: small;
	color: lightyellow;
	text-transform: uppercase;
	font-family: monospace;
}

th {
	cursor: crosshair;
	background-color: lightgrey;
}

#b9  {
	visibility: hidden;
}

#changebut, #delbut {
	visibility: hidden;
}

#ergshow {
	background-color: lightgrey;
}

.speer {
	transition: transform 2s;
}

.horizontal {
	transform: rotateZ(0deg);
}

.steigt20 {
	transform: rotateZ(-20deg);
}

.steigt45 {
	transform: rotateZ(-45deg);
}

.steigt70 {
	transform: rotateZ(-70deg);
}

.steigt90 {
	transform: rotateZ(-90deg);
}

.sinkt90 {
	transform: rotateZ(90deg);
}

.sinkt70 {
	transform: rotateZ(70deg);
}

.sinkt45 {
	transform: rotateZ(45deg);
}

.sinkt20 {
	transform: rotateZ(20deg);
}