/* Spielereien1 CSS */

.div {
	width: 10px;
	height: 10px;
	margin-top: 1px;
	border: 0 solid #ddd;
	background: #0f6;
	z-index: 121;
}

#pos {
	position: relative;
	top: 5em;
	left: 5em;
	width: 20em;
	margin-bottom: 10em;
	background: #f0c;
	cursor: crosshair;
	z-index: 100;
}

#eins {
	position: relative;
	left: 0;
	top: 0;
	width: 10px;
	height: 176px;
	background: transparent;
	z-index: 105;
}

#zwei {
	position: relative;
	left: 11px;
	top: 0;
	width: 10px;
	height: 176px;
	margin-top: -177px;
	background: transparent;
	z-index: 106;
}

#drei {
	position: relative;
	left: 22px;
	top: 0;
	width: 10px;
	height: 176px;
	margin-top: -177px;
	background: transparent;
	z-index: 107;
}

#vier {
	position: relative;
	left: 33px;
	top: 0;
	width: 12px;
	height: 176px;
	margin-top: -177px;
	background: transparent;
	z-index: 108;
}

#fuenf {
	position: relative;
	left: 44px;
	top: 0;
	width: 12px;
	height: 176px;
	margin-top: -177px;
	background: transparent;
	z-index: 109;
}

#sechs {
	position: relative;
	left: 55px;
	top: 0;
	width: 12px;
	height: 176px;
	margin-top: -177px;
	background: transparent;
	z-index: 110;
}

#sieben {
	position: relative;
	left: 66px;
	top: 0;
	width: 12px;
	height: 176px;
	margin-top: -177px;
	background: transparent;
	z-index: 111;
}

#acht {
	position: relative;
	left: 77px;
	top: 0;
	width: 12px;
	height: 176px;
	margin-top: -177px;
	background: transparent;
	z-index: 112;
}

#neun {
	position: relative;
	left: 88px;
	top: 0;
	width: 12px;
	height: 176px;
	margin-top: -177px;
	background: transparent;
	z-index: 113;
}

#zehn {
	position: relative;
	left: 99px;
	top: 0;
	width: 12px;
	height: 176px;
	margin-top: -177px;
	background: transparent;
	z-index: 114;
}

#elf {
	position: relative;
	left: 110px;
	top: 0;
	width: 12px;
	height: 176px;
	margin-top: -177px;
	background: transparent;
	z-index: 115;
}

#zwoelf {
	position: relative;
	left: 121px;
	top: 0;
	width: 12px;
	height: 176px;
	margin-top: -177px;
	background: transparent;
	z-index: 116;
}

#dreizehn {
	position: relative;
	left: 132px;
	top: 0;
	width: 12px;
	height: 176px;
	margin-top: -177px;
	background: transparent;
	z-index: 117;
}

#vierzehn {
	position: relative;
	left: 143px;
	top: 0;
	width: 12px;
	height: 176px;
	margin-top: -177px;
	background: transparent;
	z-index: 118;
}

#fuenfzehn {
	position: relative;
	left: 154px;
	top: 0;
	width: 12px;
	height: 176px;
	margin-top: -177px;
	background: transparent;
	z-index: 119;
}

#sechszehn {
	position: relative;
	left: 165px;
	top: 0;
	width: 12px;
	height: 176px;
	margin-top: -177px;
	background: transparent;
	z-index: 120;
}

.orange {
	width: 10px;
	height: 10px;
	margin-top: 1px;
	border: 0 solid #ddd;
	background: #f30;
}

.orangehov {
	width: 10px;
	height: 10px;
	margin-top: 1px;
	border: 0 solid #ddd;
	background: #0f6;
}

.lilahov {
	width: 10px;
	height: 10px;
	margin-top: 1px;
	border: 0 solid #ddd;
	background: #0f6;
}

.rothov {
	width: 10px;
	height: 10px;
	margin-top: 1px;
	border: 0 solid #ddd;
	background: #0f6;
}

.rooth {
	width: 10px;
	height: 10px;
	margin-top: 1px;
	border: 0 solid #ddd;
	background: #903;
}

.gruen {
	width: 10px;
	height: 10px;
	margin-top: 1px;
	border: 0 solid #ddd;
	background: #6f9;
}

.gruenrothov {
	width: 10px;
	height: 10px;
	margin-top: 1px;
	border: 0 solid #ddd;
	background: #6f9;
}

.orangehov:hover {
	background: #f30;
}

.rothov:hover {
	background: #f0c;
}

.lilahov:hover {
	background: #063;
}

.gruenrothov:hover {
	background: #903;
}
/*
.drauf img {
	position: absolute;
	top: 98px;
	left: 65px;
	width: 10px;
	height: 10px;
	margin-top: 1px;
	border: 0 solid #903;
	z-index: 200;
}

.drauf:hover img {
	display: block;
}

.drauf2 img {
	display: none;
	position: absolute;
	top: 121px;
	left: 88px;
}

.drauf2:hover img {
	display: block;
}
*/