#farbskala {
	position: absolute;
	left: 380px;
	top: 100px;
}

#definitionen {
	position: absolute;
	left: 1250px;
	top: 30px;
}

#steuerung {
	position: absolute;
	/* left: 30px;
	top: 630px; */
	left: 50px;
	top: 650px;
}

#wuerfelnetz {
	border: 1px solid #000;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0;
	position: absolute;
	left: 360px;
	top: 30px;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	background-color: #ddd; 
}

#loesung {
	border: 1px solid #000;
	padding: 10px;
	border-collapse: collapse;
	border-spacing: 0;
	position: absolute;
	left: 720px;
	top: 100px;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
	background-color: #ddd; 
}

#methode {
	position: absolute;
	left: 50px;
	top: 520px; 
}

#infoloesung {
	position: absolute;
	left: 175px;
	top: 515px;
}

#ppruefung {
	position: absolute;
	left: 50px;
	top: 380px;
}

#debug {
	position: absolute;
	left: 800px;
	top: 800px;
}


.gruen12 {
	color: green;
}
.rot12 {
	color: red;
}
.rot06 {
	color: red;
	font-size: 12px;
}

.schwarz06 {
	color: black;
	font-size: 12px;
}

.schwarz12 {
	color: black;
	font-size: 16px;
}

tr.noheight {
	line-height: 0px;
}

td.noheight {
	line-height: 0px;
}

td.withborder {
	border-style: solid; 
	border-width: 1px;
	border-collapse: collapse;
	text-align: center;
	font-family: Verdana;
	font-size:10pt;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

td.noborder {
	border-style: none;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	font-family: Verdana;
	font-size:10pt;
}

td.text08 {
	font-family: Verdana;
	font-size:8pt;
	color:#000000;
}

input.klein {
	height: 12px;
	width: 12px;
	vertical-align: middle;
}





.scene {
	width: 150px;
	height: 150px;
	perspective: 600px;
}

.cube {
	width: 100%;
	height: 100%;
	position: relative;
	left: 80px; top: 80px;
	transform-style: preserve-3d;
	transform: rotateX(0) rotateY(0);
	transition: transform 0.5s;
}

.cube div {
	position: absolute;
	width: 150px;
	height: 150px;
	/* background: rgba(255, 255, 255, 0.8); */
	border: 1px solid #000000;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.cube table {
	border-spacing: 0px;
}

.cube td {
	border: 2px solid #000000;
	padding: 0px;
}

.front  { transform: translateZ(75px); font-size: 18px; font-family: Verdana; }
.back   { transform: rotateY(180deg) translateZ(75px); font-family: Verdana; font-size: 18px; }
.right  { transform: rotateY(90deg) translateZ(75px); font-family: Verdana; font-size: 18px; }
.left   { transform: rotateY(-90deg) translateZ(75px); font-family: Verdana; font-size: 18px; }
.top    { transform: rotateX(90deg) translateZ(75px); font-family: Verdana; font-size: 18px; }
.bottom { transform: rotateX(-90deg) translateZ(75px); font-family: Verdana; font-size: 18px; }