#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: 85px;
}

#verweis {
	display: block; position: absolute;
	right: 25px; top: 25px;
}

#tipp {
	display: block; position: absolute;
	right: 25px; top: 155px;
}

#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;
}


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

#start_container {
	display: block; position: absolute;
	top: 325px; left: 675px;
}

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

#korb {
	display: block; position: absolute;
	left: 0px; top: 575px;
	width: 115px; height: 165px;
}

.socke {
	display: block; position: absolute;
	/*
	left: -250px; top: 300px;
	*/
	width: 120px; height: 175px;
	cursor: pointer;
}

.socke-1  { left: -30px; top: 180px; }
.socke-2  { left: 25px;  top: 230px; }
.socke-3  { left: 60px;  top: 280px; }
.socke-4  { left: 110px; top: 310px; }
.socke-5  { left: 160px; top: 350px; }
.socke-6  { left: 215px; top: 380px; }
.socke-7  { left: 270px; top: 420px; }
.socke-8  { left: 315px; top: 430px; }
.socke-9  { left: 380px; top: 470px; }
.socke-10 { left: 430px; top: 480px; }
.socke-11 { left: 490px; top: 510px; }

.onTop {
	z-index: 1;
}