html { margin: 0em; padding: 0; }
        /*body { margin: 2em; padding: 0; font-family: 'DejaVu Sans', sans-serif; font-size: medium; color: #333; } */
        /*h1 { margin: 0; padding: 0; font-size: 2em; } */
        p.subtitle { margin: 0; padding: 0 0 0 0.125em; font-size: 0.77em; color: gray; }
        
        ul#messages { overflow: auto; height: 15em; margin: 1em 0; padding: 0 3px; list-style: none; border: 1px solid gray; }
        ul#messages li { margin: 0.35em 0; padding: 0; }
        ul#messages li small { display: block; font-size: 0.99em; color: red; }
        ul#messages li.pending { color: #aaa; }
        
        form { font-size: 1em; margin: 1em 0; padding: 0; }
        form p { position: relative; margin: 0.5em 0; padding: 0; }
        form p input { font-size: 1em; }
        form p input#name { width: 8em; }
        /*form p Xutton { position: absolute; top: 0; right: -0.5em; }*/
        
        ul#messages, form p, input#content { width: 15em; }
        
        pre { font-size: 0.77em; }




body { 
 margin: 2em; padding: 0; font-family: 'DejaVu Sans', sans-serif; font-size: medium; color: #333; 
 margin-top:10px; margin-bottom:10px; color:#000000;
 background-image:url(images/skat_hg.jpg);
 font-family:Arial,sans-serif;  font-size:12pt; background-color:#888888; }

p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i
 { font-family:Arial,sans-serif; }

p,ul,ol,li,div,td,th,address,nobr,b,i { font-size:10pt; }
 
a:link       { font-weight:bold; color:blue;   text-decoration:none; }
a:visited { font-weight:bold; color:blue;    text-decoration:none; }
a:focus     { font-weight:bold; color:blue;    text-decoration:none; }
a:hover     { font-weight:bold; color:blue;  text-decoration:none; }
a:active   { font-weight:bold; color:lime;   text-decoration:none; }
 
/*
a:link       { font-weight:bold; color:blue;   text-decoration:none; }
a:visited { font-weight:bold; color:red;    text-decoration:none; }
a:focus     { font-weight:bold; color:red;    text-decoration:none; }
a:hover     { font-weight:bold; color:green;  text-decoration:none; }
a:active   { font-weight:bold; color:lime;   text-decoration:underline; }
*/
h1 { font-size:18pt; color:#000080; }
h2 { font-size:10pt; color:#ff0000; }
h3 { font-size:10pt; color:#000080; }
h4 { font-size:8pt; color:#000080; }




div.karten {
  position: absolute;
  top: 65%;
  left: 5%;
  width:  100%;
  border: 0px solid #8AC007;
}
div.gedrueckte {
  position: absolute;
  top:    20%;
  left:   20%;
  border: 0px solid #8AC007;
}
div.ansage {
  position: absolute;
  top: 5%;
  left: 80%;
  width: Auto;
  border: 3px solid #000080;
  padding: 5px;
}
div.meldung {
  position: absolute;
  top: 5%;
  left: 70%;
  overflow: auto; 
  //height: 15em;
  border: 3px solid #000080;
  padding: 5px;
}
div.platz1 {
  position: absolute;
  top: 5%;
  left: 5%;
  border: 3px solid #000080;
}
div.platz2 {
  position: absolute;
  top: 5%;
  left: 45%;
  border: 3px solid #000080;
}
div.platz3 {
  position: absolute;
  top: 50%;
  left: 25%;
  border: 3px solid #000080;
}
div.cell {
        width:40px;
        height:40px;
		size=5 maxlength=5
}
div.cell0 {
        width:40px;
        height:40px;
		size=5 maxlength=5
}

a.sudoku {
	font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
	color:#000000;
}

a.sudokumin {
	font-family:Arial, Helvetica, sans-serif;
        font-size:10px;
	color:#000000;
	text-decoration:none;
}

td.sol {
        width:30px;
        height:30px;
        text-align:center;
        font-family:Arial, Helvetica, sans-serif;
        font-size:24px;
        background:#FFFFFF;
        border:1px solid #000000;
}

input.cell {
        width:40px;
        height:40px;
        font-size:30px;
        text-align:center;
        padding-top:1px;
        background:#FFFFFF;
        border:0px solid red;
}

h1.sudoku {
	margin:0px;
	padding:0px;
}

input#clock {
	border:1px solid #000000;
	background:#DDDDDD;
	width:378px;
	font-size:19px;
        text-align:center;
}

div#sudoku {
	background:#EEEEEE;
	padding:10px;
	border:1px solid #000000;
	width:385px;
}