#hg {
	display: block; position: absolute;
	left: 0px; top: 0px;
	width: 1024px; height: 768px;
	background: url('../img/hintergrund.png');
	background-color: #bce4f6;
}

#headline {
	display: block; position: absolute;
	left: 50px; top: 25px;
	text-shadow:
		-2px -2px 1px white,  
		 2px -2px 1px white,
		 -2px 2px 1px white,
		  2px 2px 1px white;
}

#einleitung {
	display: block; position: absolute;
	left: 50px; top: 80px;
}

#verweis {
	display: block; position: absolute;
	left: 790px; top: 320px;
}

#button {
	display: block; position: absolute;
	right: 25px; top: 25px;
	width: 200px;
}

.button-rund {
	float: right;
	margin: 0 0 0 0;
}

#spielfeld-overlay {
	display: block; position: absolute;
	left: 25px; top: 135px;
	width: 720px; height: 620px;
	background-color: #bce4f6;
	opacity: .9;
}

/* Stoppuhr */

#status {
	display: block; position: absolute;
	left: 760px; top: 140px;
	width: 235px; height: 120px;
}

#status-hg {
	display: block; position: absolute;
	left: 0px; top: 0px;
	width: 100%; height: 100%;
	/* Hintergrundfarbe wird im JS definiert */
	border-radius: 15px;
}

#zeit {
	display: block; position: absolute;
	left: 0px; top: 0px;
	width: 100%; height: 100%;
}

#zeit-head {
	display: block; position: absolute;
	left: 2px; top: 20px;
	width: 100%;
	text-shadow: 1px 1px 2px rgba(0,0,0,.75);
}

#zeit-counter {
	display: block; position: absolute;
	left: 0px; top: 50px;
	width: 100%;
	text-shadow: 1px 1px 2px rgba(0,0,0,.75);
}

/* Stoppuhr Ende */

#zweigleich-start {
	left: 300px; top: 410px;
}

.spielfeld {
	display: block; position: absolute;
	width: 330px; height: 290px;
	background-color: white;
	border: 2px solid #006ab3;
	box-shadow: 3px 3px 10px rgba(0,0,0,.3);
}

.drag {
	cursor: pointer;
}

.spielstein {
	display: block; position: absolute;
	width: 100px; height: 100px;
	background-color: rgba(0,0,0,.2);
	overflow: hidden;
	border: 3px solid black;
	box-shadow: 2px 2px 10px rgba(0,0,0,.3);
}

.inner {
	display: block; position: absolute;
	border: 2px solid black;
}

.formRund {
	border-radius: 50%;
}

.formDiamant {
	-webkit-transform: scale(0.8) rotate(-45deg);
	   -moz-transform: scale(0.8) rotate(-45deg);
	    -ms-transform: scale(0.8) rotate(-45deg);
	     -o-transform: scale(0.8) rotate(-45deg);
	        transform: scale(0.8) rotate(-45deg);
}

.pos1 { left: 20px;  top: 20px; }
.pos2 { left: 210px; top: 20px; }
.pos3 { left: 115px; top: 95px; }
.pos4 { left: 20px;  top: 170px; }
.pos5 { left: 210px; top: 170px; }

.loesung {
	left: 115px !important; top: 95px !important;
	
	-webkit-transition: all 500ms;
	   -moz-transition: all 500ms;
	     -o-transition: all 500ms;
	    -ms-transition: all 500ms;
	        transition: all 500ms;
	
	-webkit-transform: scale(2);
	   -moz-transform: scale(2);
	     -o-transform: scale(2);
	    -ms-transform: scale(2);
	        transform: scale(2);
}

.scale0-180 {
	-webkit-transform: scale(0) rotate(-180deg) !important;
	   -moz-transform: scale(0) rotate(-180deg) !important;
	    -ms-transform: scale(0) rotate(-180deg) !important;
	     -o-transform: scale(0) rotate(-180deg) !important;
	        transform: scale(0) rotate(-180deg) !important;
}

#spielfeld-1 { left: 50px;  top: 142px; }
#spielfeld-2 { left: 400px; top: 142px; }
#spielfeld-3 { left: 50px;  top: 453px; }
#spielfeld-4 { left: 400px; top: 453px; }