body {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #030;
	margin: 0px;
	padding: 0px;
	background-color:#FFFFF0;
}

table.brett td.GRAY {
	color:#FFFFF0;	
	background-color:#FFFFF0;	
}

#content {

}

#error {
	color:#FF8000;
	font-weight:bold;
}

#result{
	color:#458B00;
	font-weight:bold;
}

table {
	margin: 0;
	padding: 0;
	
}

table.layout td {
	vertical-align: top;
	text-align:center;
}

table.moves th {
	width:10pc;
	vertical-align: top;
	text-align:center;
}

table.moves th.number td.number {
	width:10pc;
	text-align:center;
}

table.moves td {
	
	vertical-align: top;
	text-align:center;
}

div.notation {
	vertical-align:top;
	text-align:left;
	position: absolute;
}

div.figur {
	vertical-align:middle;
	text-align:center;
	
}

table.brett th {
	width:  10px;
}


table.brett td {
	width:  50px;
	height: 50px;
	font-size:9px;
	margin: 0pt;
	padding: 0pt;
}

td.feld {
	vertical-align:top;
	text-align:left;
}

table.brett td.WHITE {
	background-color:#FFE4C4;
	
}

table.brett td.BLACK {
	color:#DDDDCC;
	background-color:#8B814C;
}

table.brett td.CLICKED {
	border-collapse:collapse;
	background-color:#FFC333;
	color:#000000;	
}