/*
*	funktion: Stylesheet-Template zur Gestaltung eines Bilder-Sudoku-Spielfeldes
*   autor   : Rolf Gossen, Ludwig & Gossen GbR
*	
*	Rahmen Aufgabenstellung			-> .cell_aufgabe
*	Rahmen zu lösendes Feld			-> .cell_zu_loesen 
*	Hintergrund Spielfeld			-> #sudoku_spielfeld und #sudoku_steuerung 
*									   Der ID-Tag #sudoku_spielfeld definiert den oberen Teil des Spielfeldes, in dem das 
*									   Rätsel abgebildet ist
*									   Der ID-Tag #sudoku_steuerung definiert den unteren Teil des Spielfeldes, in dem sich die  
*									   Steuerelemente befinden
*   
*	Rahmen Spielfeld				-> #sudoku_spielfeld, #sudoku_steuerung 	
*                                      Die Trennlinie zwischen den beiden Bereichen wird durch den oberen Rahmen im Steuerungsbereich
*									   festgelegt.	
*	Rahmen Kandidat Auswahlleiste	-> .cell_small, .cell_small_marked 
*	Schriftart / Farbe Steuerung	-> .text und #sudoku_steuerung *
*									   .text regelt den Schriftzugs oberhalb des Spielfeldes "Sudoku vom TT.MM.JJJJ; level 00:00:00"	
*	Schriftart / Farbe Buttons		-> .sudoku_button
*   Meldungen und Fehlermeldungen   -> .message, .errmessage
*/

.message, .errmessage{
	font-size: 12px;
	font-family: verdana;
	font-weight: bold;
}

.message{
	color:#003D74;
}

.errmessage{
	color:#003D74;
}

.text{
	padding-left: 5px;
	font-size: 12px;
	font-family: verdana;
	vertical-align: bottom;
	text-align: right;	
	color: #003D74;	
}

#sudoku_spielfeld{
	background inherit;
	border-top:   solid 2px #FFFFFF;
	border-left:  solid 2px #FFFFFF;
	border-right: solid 2px #FFFFFF;		
	
	width : 430px; 
	height: 320px;
	text-align: center;
	vertical-align: middle;
	padding-left: auto;
	padding-right: auto;
}

#sudoku_spielfeld .abstand{
	margin: 0;
	padding 0;
	height: 5px;
}

#sudoku_steuerung{
	background inherit;
	border-bottom:  solid 2px #FFFFFF;
	border-left:  	solid 2px #FFFFFF;
	border-right: 	solid 2px #FFFFFF;		
	border-top: 	solid 2px #FFFFFF;		
	
	width : 430px; 
	color : transparent;
	font-family	: verdana;
	font-weight: bold;
	font-size  : 12px;
	text-align: center;
}

#sudoku_steuerung *
{
	color   	: #003D74;
	font-family	: verdana;
	font-size  	: 12px;
	text-align	:center;
}

#sudoku_auswahl_leiste
{
	width : 430px; 
	text-align	:center;
}

.sudoku_abstand{
	width: 20px;
}

.sudoku_button{
	color : #003D74;
	height: 25px;
	font-weight: normal;
	text-align:center;
}

#txtDatum, #sel_level, #sel_motiv{
	width: 100px;
}

.centered{
	text-align: center;
}

.quader{
	padding: 2px;
}

.cell_aufgabe, .cell_zu_loesen, .cell_small, .cell_small_marked, .cell_correct, .cell_error, .picture, .picture_small{
	margin: 0px;
	padding: 0px;
}

.cell_aufgabe, .cell_zu_loesen, .cell_correct, .cell_error, .picture {
	width: 	50px;
	height: 50px;
}

.cell_small, .cell_small_marked, .picture_small{
	width: 	44px;
	height: 44px;
}

.cell_aufgabe{
	border: 2px solid #003D74;
}

.cell_zu_loesen{
	border: 2px solid silver;
}

.cell_error{
	border: 2px solid red;
}

.cell_small{
	border: 2px solid silver;
}

.cell_small_marked{
	border: 2px solid red;
}