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

#spielfeld {
	display: block; position: absolute;
	left: 0px; top: 0px;
	width: 1024px; height: 768px;
}

#headline {
	display: block; position: absolute;
	left: 25px; top: 25px;
}

#einleitung {
	display: block; position: absolute;
	left: 25px; top: 130px;
}

#verweis {
	display: block; position: absolute;
	bottom: 25px; right: 25px;
	text-shadow: 2px 2px 4px rgba(0,0,0,.3);
}

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

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

.button-label {
	margin-top: 10px;
}

#fertig {
	display: block; position: absolute;
	left: 375px; top: 325px;
	padding: 25px 35px;
	background-color: white;
	border: 3px solid #006ab3;
	border-radius: 15px;
	box-shadow: 4px 4px 8px rgba(0,0,0,.3);
	z-index: 99;
}


/***********************************************/


/*** Status ***/

#status {
	display: block; position: relative;
	left: 25px; top: 665px;
	width: 330px; height: 125px;
}

#status-hg {
	display: block; position: absolute;
	left: 0px; top: 0px;
	width: 100%; height: 100%;
	background-color: #0069b4;
	border-radius: 15px;
	opacity: .3;
}

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

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

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

#trenner {
	display: block; position: absolute;
	left: 133px; top: 20px;
	width: 2px; height: 65px;
	background-color: white;
	box-shadow: 1px 1px 2px rgba(0,0,0,.75);
}

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

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

#punkte-counter {
	display: block; position: relative;
	left: 0px; top: 45px;
	width: 50px;
	margin: auto;
	text-shadow: 1px 1px 2px rgba(0,0,0,.75);
}

#bt-restart {
	display: block; position: absolute;
	left: 240px; top: 22px;
	background-color: #0069b4;
}

/*** Ende Status ***/

.karte {
	display: block; position: absolute;
	width: 170px; height: 170px;
	border: 2px solid white;
	box-shadow: 4px 4px 8px rgba(0,0,0,.3);
	background-image: url('../img/zettel.png');
}

.ecke {
	display: block; position: absolute;
	right: 7px; top: 2px;
}

.qPos1 { left: 25px;  top: 280px; }
.qPos2 { left: 220px; top: 280px; }
.qPos3 { left: 25px;  top: 468px; }
.qPos4 { left: 220px; top: 468px; }

.platzhalter {
	height: 150px;
	border: 2px solid #e2001a;
	background-color: white;
	font-size: 155px;
	padding-top: 20px;
}

.spielstein {
	cursor: pointer;
}

.sPos1 { left: 530px; top: 70px; }
.sPos2 { left: 680px; top: 25px; }
.sPos3 { left: 855px; top: 110px; }
.sPos4 { left: 440px; top: 240px; }
.sPos5 { left: 640px; top: 220px; }
.sPos6 { left: 785px; top: 315px; }
.sPos7 { left: 440px; top: 440px; }
.sPos8 { left: 620px; top: 430px; }
.sPos9 { left: 830px; top: 520px; }
.sPos10 { left: 550px; top: 580px; }

#start_container {
	display: block; position: absolute;
	left: 435px; top: 375px;
}

#start {
	width: 150px; height: 45px;
	padding-top: 15px;
	background-color: #006ab3;
}

.onTop {
	z-index: 1;
}

#endstand {
	display: none; position: absolute;
	left: 0px; top: 350px;
	width: 1024px;
	padding: 30px 0;
	background-color: white;
	color: #ee7f00;
	box-shadow: 0px 0px 15px rgba(0,0,0,.25);
	z-index: 999;
}