table.sudoku {
	border-collapse: collapse;
    background-color:#FFFFFF; 
	color:#000000; 
	border-collapse:collapse;
    margin-left:auto; 
	margin-right:auto; 
	margin-bottom:7px; 
}

.sudoku td { 
	width: 30px; 
	height: 30px; 
	text-align:center; 
	border: 1px solid #000;
}
/* preset fields */
.sudoku_field_preset {
	background-color: #DFFFDF; /* IE fallback color */
	background-color: rgba(0, 192, 0, 0.10); /* #00c000 10%  */
}
.sudoku_field_preset input {
	background-color: #DFFFDF; /* IE fallback color */
}
.sudoku_field_preset_solved, .sudoku_field_preset_solved input {
	background-color: #DFDFFF; /* IE fallback color */
	background-color: rgba(0, 0, 192, 0.10); /* #0000c0 10%  */
}
.sudoku input { 
	width: 30px; 
	text-align:center;
	font-size:20px;
	border:none; 
/*	background:transparent;*/
	font-family:"Comic Sans MS", cursive;

}
/* END preset fields */

/* empty fields */
.sudoku_field_empty {
	font-size:20px;
}
.sudoku_field_empty input {
	background-color: #fff; 
}
.option_field { 
	text-align:center; 
	font-size:20px;
}
/* END empty fields */

/* sudoku left outside border line*/
#c1r1, #c1r2, #c1r3, #c1r4, #c1r5, #c1r6, #c1r7, #c1r8, #c1r9 {
	border-left: 3px black solid;
}
/* sudoku right outside border line*/
#c9r1, #c9r2, #c9r3, #c9r4, #c9r5, #c9r6, #c9r7, #c9r8, #c9r9 {
	border-right: 3px black solid;
}
/* sudoku top outside border line*/
#c1r1, #c2r1, #c3r1, #c4r1, #c5r1, #c6r1, #c7r1, #c8r1, #c9r1 {
	border-top: 3px black solid;
}
/* sudoku bottom outside border line*/
#c1r9, #c2r9, #c3r9, #c4r9, #c5r9, #c6r9, #c7r9, #c8r9, #c9r9 {
	border-bottom: 3px black solid;
}

/* sudoku vertical inside border lines*/
#c4r1, #c4r2, #c4r3, #c4r4, #c4r5, #c4r6, #c4r7, #c4r8, #c4r9, #c7r1, #c7r2, #c7r3, #c7r4, #c7r5, #c7r6, #c7r7, #c7r8, #c7r9 {
	border-left: 2px black solid;
}
/* sudoku horizontal inside border lines*/
#c1r4, #c2r4, #c3r4, #c4r4, #c5r4, #c6r4, #c7r4, #c8r4, #c9r4, #c1r7, #c2r7, #c3r7, #c4r7, #c5r7, #c6r7, #c7r7, #c8r7, #c9r7 {
	border-top: 2px black solid;
}

.buttons {
/*
	margin-top: 1em;
	margin-bottom: 1em;
*/
	width: 100px;
	font: Tahoma, Geneva, sans-serif;
}
.buttons:hover {
	color: blue;
}

.difficulty {
	margin-right: 3px;
	font-size: 11px; 
}
#schwierigkeit {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
}
.div_centered {
	text-align:center;
	margin: 5px 0px;
}
#div_difficulty {
	width: 350px;
	margin: 8px auto;
}
#referer {
	margin:5px 0px;
	font-size:12px;
	font-style:italic;
}
#sudoku_headline {
	font-weight: bold;
	margin: 8px 0px;
}