.sudoku-feld { vertical-align:middle;text-align:center; font-size: 24px; font-family:verdana, arial, helvetica, geneva, sans serif; font-weight:bold; } 

.sudoku-array {
	border-width:2px 0px 0px 0px;
	border-style:solid;
	border-color:#000000;
}

.sudoku-block {
	background-color:#ffffff;
	border-color:#000000;
	border-style:solid;
	border-width:0px;
	vertical-align:middle;
	text-align:right;
	position:relative;
	width:42px;
	height:42px;
} 

.sudoku-block-div {
	width:42px;
	height:42px;
	position:relative;
}

.sudoku-input {
	background-color:#ffffff;
	border-style:none; 
	border-width: medium; 
	text-align:left; 
	font-size:24px;
	font-weight:bold;
	font-family : verdana, arial, helvetica, geneva, sans serif;
	width:26px; 
	height:30px;
	position:absolute;
	top:5px;
	left:12px;
} 

.sudoku-num1 {	position:absolute;top:2px; left:1px; margin: 0px; }
.sudoku-num2 {	position:absolute;top:10px; left:1px; margin: 0px; }
.sudoku-num3 {	position:absolute;top:18px; left:1px; margin: 0px; }
.sudoku-num4 {	position:absolute;top:26px; left:1px; margin: 0px; }
.sudoku-num5 {	position:absolute;top:34px; left:1px; margin: 0px; }
.sudoku-num6 {	position:absolute;top:34px; left:8px; margin: 0px; }
.sudoku-num7 {	position:absolute;top:34px; left:15px; margin: 0px;}
.sudoku-num8 {	position:absolute;top:34px; left:22px; margin: 0px;}
.sudoku-num9 {	position:absolute;top:34px; left:29px; margin: 0px;}


.right-click-menue-div {
	position:absolute;
	top:-250;
	left:0;
	z-index:100;
	visibility:hidden;
}

.right-click-menue {
	border: 1px solid #666666;
	background-color:#dddddd;
	width:25px;
}

.right-click-menue-closer {
	height:10px;
	text-align:right;
	vertical-align:top;
	background-color:#666666;
	cursor:pointer;
	color:#ffffff;
	font-size:8px;
}

.right-click-menue-items {
	height:15px;
	text-align:center;
	vertical-align:middle;
	cursor:default;
	background-color:#aaaaaa;
	color:#000000;
	font-size:11px;
}

.right-click-menue-items-highlighted {
	height:15px;
	text-align:center;
	vertical-align:middle;
	cursor:default;
	background-color:#dddddd;
	color:#000000;
	font-size:11px;
}

.input-readonly {
	color:#000000;
} 

.input-write {
	color:#555588;
}

.input-wrong {
	color:#FF3333;
}

.input-true {
	color:#558855;
}

.block-highlightcolor {
	background-color:#ffffcc;
} 

.button-check {
	float:left;
	display:table-cell;
	color:#000000;
	font-family : verdana, arial, helvetica, geneva, sans serif;
	font-size : 11px;
	font-weight:bold;
	text-decoration:none; 
	cursor: pointer;
	margin:5px 5px 0px 0px;
	padding:2px 4px;
	border:1px solid #000000;
	line-height:15px;
	vertical-align:middle;
}

.button-reload {
	float:left;
	display:table-cell;
	color:#000000;
	font-family : verdana, arial, helvetica, geneva, sans serif;
	font-size : 11px;
	font-weight:bold;
	text-decoration:none; 
	cursor: pointer;
	margin:5px 5px 0px 0px;
	padding:2px 4px;
	border:1px solid #000000;
	line-height:15px;
	vertical-align:middle;
}

.button-highlight {
	float:left;
	display:table-cell;
	color:#000000;
	font-family : verdana, arial, helvetica, geneva, sans serif;
	font-size : 11px;
	font-weight:bold;
	text-decoration:none; 
	cursor: pointer;
	margin:5px 5px 0px 0px;
	padding:2px 4px;
	border:1px solid #000000;
	line-height:15px;
	vertical-align:middle;
}

.button-list {
	float:left;
	display:table-cell;
	color:#000000;
	font-family : verdana, arial, helvetica, geneva, sans serif;
	font-size : 11px;
	font-weight:bold;
	text-decoration:none; 
	cursor: pointer;
	margin:5px 0px 0px 0px;
	padding:2px 4px;
	border:1px solid #000000;
	border-right-style:dashed;
	line-height:15px;
	vertical-align:middle;
}

.button-list-auto {
	float:left;
	display:table-cell;
	color:#000000;
	font-family : verdana, arial, helvetica, geneva, sans serif;
	font-size : 11px;
	font-weight:bold;
	text-decoration:none; 
	cursor: pointer;
	margin:5px 0px 0px 0px;
	padding:2px 4px;
	border:1px solid #000000;
	border-left-width:0px;
	line-height:15px;
	vertical-align:middle;
}

.button-checkbox {
	display:block;
	float:left;
    height:12px;
    width:12px;
	margin:2px 3px 0px 0px;
	vertical-align:middle;
}

.loading-box {
	position:absolute;
	top:510px;
	left:277px;
	width:150px;
	height:50px;
	z-index:200;
	background-color:#dddddd;
	visibility:hidden;
	border:1px solid #666666;
}

.loading-text {
	color:#666666;
	font-family:verdana, arial, helvetica, geneva, sans serif;
	font-size:12px;
	font-weight:bold;
}

.happy-box {
	position:absolute;
	top:495px;
	left:217px;
	width:270px;
	height:80px;
	z-index:200;
	background-color:#dddddd;
	visibility:hidden;
	border:1px solid #666666;
}

.happy-text {
	color:#669966;
	font-family:verdana, arial, helvetica, geneva, sans serif;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
}