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

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

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

#verweis {
	display: block; position: absolute;
	left: 485px; top: 48px;
}

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

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

.button-label {
	padding-top: 10px;
	text-shadow: 2px 2px 4px rgba(0,0,0,.3);
}

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

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

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

.dreieck {
	display: block; position: absolute;
	width: 140px; height: 140px;
	bottom: -200px;
	background-color: #0f84d5;
	border: 3px solid white;
	
	-webkit-transform:rotate(-45deg);
	   -moz-transform:rotate(-45deg);
	    -ms-transform:rotate(-45deg);
	     -o-transform:rotate(-45deg);
	        transform:rotate(-45deg);
}

#dreieck-1 { left: 224px; }
#dreieck-2 { left: 498px; }
#dreieck-3 { left: 778px; }

.spielstein {
	display: block; position: absolute;
	width: 125px; height: 125px;
	left: 500px; top: -200px;
	cursor: pointer;
}

.pos1  { left: 15px;  top: 175px; }
.pos2  { left: 250px; top: 180px; }
.pos3  { left: 400px; top: 230px; }
.pos4  { left: 660px; top: 180px; }
.pos5  { left: 855px; top: 160px; }
.pos6  { left: 10px;  top: 355px; }
.pos7  { left: 220px; top: 310px; }
.pos8  { left: 540px; top: 285px; }
.pos9  { left: 700px; top: 300px; }
.pos10 { left: 170px; top: 440px; }
.pos11 { left: 370px; top: 420px; }
.pos12 { left: 570px; top: 440px; }
.pos13 { left: 240px; top: 590px; }
.pos14 { left: 440px; top: 575px; }
.pos15 { left: 15px;  top: 510px; }
.pos16 { left: 70px;  top: 630px; }
.pos17 { left: 875px; top: 310px; }
.pos18 { left: 720px; top: 440px; }

.ziel {
	display: block; position: absolute;
	width: 250px; height: 250px;
	bottom: -250px;
}

.ziel img {
	display: block; position: absolute;
}

#ziel-0 { left: 170px; }
#ziel-1 { left: 444px; }
#ziel-2 { left: 723px; }