#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;
	/*
	text-shadow: 2px 2px 5px rgba(0,0,0,.3);
	*/
}

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

#aus-ausgabe {
	display: block; position: absolute;
	left: 25px; top: 655px;
}

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

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

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

/* ----------------------------------------- */

#suchbild-bild-1 { position: absolute; top: 200px; width: 500px; height: 450px; cursor: pointer; z-index: 1; }
#suchbild-bild-2 { position: absolute; top: 200px; width: 500px; height: 450px; cursor: pointer; }

.suchbild-links {
	left: 18px;
}

.suchbild-mitte {
	left: 245px !important;
}

.suchbild-rechts {
	left: 510px;
}

#suchbild-loesen {
	position: absolute;
	right: 30px;
	bottom: 35px;
	width: 80px;
	height: 50px;
	
	padding: 13px 13px 8px 13px;
	margin: 0 auto 0 auto;
	text-align: center;
	cursor: pointer;
	
	background-color: #0055b4;
	color: white;
	border-radius: 12px;
	
	box-shadow:
		3px 3px 3px rgba(0,0,0,.3), 
		inset -1px -2px 3px rgba(0,0,0,0.75), /* Schatten */ 
		inset 3px 3px 4px rgba(255,255,255,0.75); /* Lichtkante */
}

.loesen-gedrueckt {
	margin: 3px 0px 0px 3px !important;
	box-shadow:
		inset -2px -3px 4px rgba(255,255,255,0.75), /* Lichtkante */ 
		inset 3px 3px 4px rgba(0,0,0,0.5) !important; /* Schatten */
}

#suchbild-fertig { position: absolute; left: 665px; top: 590px; width: 323px; height: 170px; z-index: 3; display: none; }

/*
	#suchbild-fortschritt { position: absolute; left: 820px; bottom: 25px; }
*/
#suchbild-fortschritt { position: absolute; left: 785px; bottom: 70px; }


/* Die Fehler */

.suchbild-1  { position: absolute; left: 170px; top: 270px; padding: 10px; } /* C -> U */
.suchbild-2  { position: absolute; left: 295px; top: 383px; } /* Strich A */
.suchbild-3  { position: absolute; left: 190px; top: 410px; } /* Zunge */
.suchbild-4  { position: absolute; left: 373px; top: 427px; padding: 15px; } /* Kringel */
.suchbild-5  { position: absolute; left: 205px; top: 483px; padding: 5px;} /* Schwamm */
.suchbild-6  { position: absolute; left: 287px; top: 527px; } /* Tuch */
.suchbild-7  { position: absolute; left: 362px; top: 555px; } /* Griff */
.suchbild-8  { position: absolute; left: 395px; top: 537px; } /* Tiger */
.suchbild-9  { position: absolute; left: 85px;  top: 530px; } /* Schwanz */
.suchbild-10 { position: absolute; left: 260px; top: 575px; } /* Kreide */

.kringel {
	position: absolute;
	width: 31px;
	height: 31px;
	border-radius: 50%;
	box-shadow: 1px 1px 4px rgba(0,0,0,.3),
				inset 1px 1px 4px rgba(0,0,0,.3);
	cursor: pointer;
	z-index: 2;
}

.border-normal {
	border: 6px solid #fffb00;
}

.border-red {
	border-color: red;
}