body    {
    font: normal 12px Arial;
    color: #333;
}

form    {
    display: inline;
}

.content    {
    margin: 0 auto;
    text-align: center;
}


.contentHowToPlay {
    font: normal 12px/18px Arial;
    padding: 5px;
    margin-top: 5px;
    width: 420px;
    color: #333;
    border: 1px solid #333;
}

.cssCellgrid	{
    height: 14px;
    width: 14px;
    font: normal 10px Arial;
    background-color: #ffffff;
    color: #ffffff;
    text-align: center;
    display: block;
    z-index: 100;
}

.sudokuNummerLeft  {
    height: 20px;
    width: 20px;
    font: normal 12px Arial;
    background-color: #ffffff;
    color: #000000;
    text-align: center;
    border: 1px solid #505050;
    padding: 2px 5px 2px 5px;
}

.openCells  {
    border: 1px solid #333;
    outline-style: none;
}

.levelCount    {
    font: normal 12px/18px Arial;
    padding: 5px;
    border: 1px solid #333;
    width:  220px;
    background-color: #eee;
    color: #666;
}

.levelHeader, .levelFooter, .levelRow {
  position: relative;
}
.levelHeader, .levelFooter {
    font: bold 14px Arial;
    color: #333;
}
.levelHeader {
    border-bottom: 1px solid #333;
}
.levelFooter {
    border-top: 1px solid #333;
}

.levelHeader-col1, .levelFooter-col1, .levelRow-col1 {
    position: relative;
    left: 0px;
    width: 150px;
}
.levelHeader-col2, .levelFooter-col2, .levelRow-col2 {
    position: absolute;
    left: 150px;
    width: 70px;
}


.toplistList    {
    font: normal 12px/18px Arial;
    padding: 5px;
    border: 1px solid #333;
    width:  420px;
    background-color: #eee;
    color: #666;
}

.toplistHeader, .toplistFooter, .toplistRow {
  position: relative;
}
.toplistHeader, .toplistFooter {
    font: bold 14px Arial;
    color: #333;
}
.toplistHeader {
    border-bottom: 1px solid #333;
}
.toplistFooter {
    border-top: 1px solid #333;
}

.toplistHeader-col0, .toplistFooter-col0, .toplistRow-col0 {
    position: relative;
    left: 0px;
    width: 15px;
}
.toplistHeader-col1, .toplistFooter-col1, .toplistRow-col1 {
    position: absolute;
    left: 25px;
    width: 45px;
    text-align: right;
}
.toplistHeader-col2, .toplistFooter-col2, .toplistRow-col2 {
    position: absolute;
    left: 80px;
    width: 150px;
}
.toplistHeader-col3, .toplistFooter-col3, .toplistRow-col3 {
    position: absolute;
    left: 255px;
    width: 170px;
}

.frmKeuze {
    font: normal 12px/18px Arial;
    padding: 5px;
    border: 1px solid #333;
    width: 420px;
    background-color: #ddd;
    color: #666;
    position: relative;
}
.frmRow {
    color: #333;
    height: 25px;
}
.frmTitel   {
    position: relative;
    left: 0px;
    width: 200px;
}
.frmVeld    {
    position: absolute;
    left: 220px;
    width: 200px;
    color: #333;
}
.selFlds, .txtFlds {
    font: normal 11px Arial;
    color: #333;
}
#frmBtn {
    padding: 0px 5px;
    font: bold 11px Arial;
    color: #333;
    background-color: #aaa;
    border: 1px solid #333;
}
#frmBtnOver {
    padding: 0px 5px;
    font: bold 11px Arial;
    color: #fff;
    background-color: #666;
    border: 1px solid #aaa;
}