#container {
	overflow: hidden;
}

#hintergrund {
	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: 90px;
}

#fertig {
	display: block; position: absolute;
	width: 295px;
	left: 0px; top: 410px;
}

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

#spielfeld {
	display: block; position: absolute;
	left: 295px; top: 25px;
	width: 575px; height: 720px;
	border-radius: 10px;
	box-shadow: inset 2px 2px 5px rgba(0,0,0,.3);
	border: 1px solid #006ab3;
	background-color: white;
}

.puzzleteil {
	display: block; position: absolute;
	left: -250px;
	cursor: pointer;
}

.aktiv {
}

#p-1a, #p-5a {
	width: 196px; height: 150px;
}

#p-1b, #p-5b {
	width: 155px; height: 196px;
}

#p-1c, #p-5c {
	width: 248px; height: 150px;
}

#p-1d, #p-5d {
	width: 150px; height: 196px;
}

#p-2a, #p-3d, #p-4a {
	width: 150px; height: 248px;
}

#p-2b, #p-3c, #p-4b {
	width: 248px; height: 155px;
}

#p-2c, #p-3b, #p-4c {
	width: 156px; height: 248px;
}

#p-2d, #p-3a, #p-4d {
	width: 196px; height: 156px;
}

.drop {
	display: block; position: absolute;
}

#d-1a { left: 0px;   top: 0px; width: 196px; height: 150px; }
#d-1b { left: 139px; top: 0px; width: 155px; height: 196px; }
#d-1c { left: 234px; top: 0px; width: 248px; height: 150px; }
#d-1d { right: 0px;  top: 0px; width: 150px; height: 196px; }

#d-2a { left: 0px;   top: 90px;  width: 150px; height: 248px; }
#d-2b { left: 91px;  top: 137px; width: 248px; height: 155px; }
#d-2c { left: 282px; top: 90px;  width: 156px; height: 249px; }
#d-2d { right: 0px;  top: 137px; width: 196px; height: 156px; }

#d-3a { left: 0px;   top: 280px; width: 196px; height: 156px; }
#d-3b { left: 139px; top: 235px; width: 156px; height: 248px; }
#d-3c { left: 234px; top: 280px; width: 248px; height: 155px; }
#d-3d { right: 0px;  top: 235px; width: 150px; height: 248px; }

#d-4a { left: 0px;   top: 380px; width: 150px; height: 248px; }
#d-4b { left: 91px;  top: 425px; width: 248px; height: 156px; }
#d-4c { left: 282px; top: 380px; width: 155px; height: 249px; }
#d-4d { right: 0px;  top: 425px; width: 196px; height: 156px; }

#d-5a { left: 0px;   bottom: 0px; width: 196px; height: 150px; }
#d-5b { left: 139px; bottom: 0px; width: 156px; height: 196px; }
#d-5c { left: 234px; bottom: 0px; width: 248px; height: 150px; }
#d-5d { right: 0px;  bottom: 0px; width: 150px; height: 196px; }

#loesung {
	display: block; position: absolute;
	left: 0px; top: 0px;
	width: 100%; height: 100%;
	border-radius: 10px;
	box-shadow: inset 2px 2px 5px rgba(0,0,0,.3);
}

#button_restart {
	display: block; position: absolute;
	right: 37px; top: 25px;
	text-align: center;
}

#button_hilfe {
	display: block; position: absolute;
	right: 39px; top: 150px;
	text-align: center;
}

.button-rund, .button-quadratisch {
	margin: 0 0 10px 0;
}

#anleitung {
	display: block; position: absolute;
	left: 870px; bottom: 250px;
	width: 150px;
}

#button_links {
	display: block; position: absolute;
	right: 44px; bottom: 130px;
	text-align: center;
}

#button_rechts {
	display: block; position: absolute;
	right: 44px; bottom: 15px;
	text-align: center;
}