body{
    font-weight: normal;
    font-size: 12px;
    font-family:Helvetica,Arial,sans-serif;
    margin: 0px;
    background-color: #FFFFFF;
}
a:link {
    color:#000000;
    text-decoration:none;
}
a:visited {
    color:#000000;
    text-decoration:none;
}
a:hover {
    color:#c60;
    text-decoration:underline;
}




/* Hintergrundfarben  */
.spielrow,.textfeld,.menurow,.sponsorrow,.hintrow,.inforow,.h_buchstabe,.s_buchstabe,.hy{
    background-color: #FFFFFF;   
}
.titelrow,.maintable{
    background-color: #FFFFFF;
}
/* Hintergrundfarben  Ende*/

.maintable{
    /* -moz-border-radius: 10px; */
    border-left:   0px white solid;
    border-right:  0px white solid;
    border-top:    0px #DDDDBB solid;
    border-bottom: 0px #EEEECC solid;
    width: 300px;
}


/* Rätselgitter */
.ly,.oy,.ay,.ny {
    background-color: white;   
}
.sy,.hy,.ly,.oy,.ay,.ny {
    border: black solid 1px;
    width:30px;
    vertical-align:top;
    text-align:left;
}
.raetselgittertable {
    border-collapse:collapse; 
    font-family:Helvetica,Arial,sans-serif;
    font-size:10px;
    margin:0;
    text-align: center; 
}
.rowstyle{
    height:30px;
    vertical-align:top;
    text-align:left;
}
.hy{
    border: none;
}

.sy{
    background-color: black;   
    border: 1px black solid;
}

.sy0{
    background-color: #990000;   
    border: 1px #990000 solid;
}
.sy1{
    background-color: #009900;   
    border: 1px #009900 solid;
}
.sy2{
    background-color: #000099;   
    border: 1px #000099 solid;
}
.sy3{
    background-color: #990099;   
    border: 1px #990099 solid;
}
.sy4{
    background-color: #009999;   
    border: 1px #009999 solid;
}
.sy5{
    background-color: #999900;   
    border: 1px #999900 solid;
}
.sy6{
    background-color: #999999;   
    border: 1px #999999 solid;
}





.ly{
    border-left: 3px black solid;
}
.oy {
    border-top: 3px black solid;
}
.ay {
    border-left: black solid 3px;
    border-top: 3px black solid;
}
.nummer{
    position:absolute; 
    top:1px; 
    left:1px;
    z-index:4;
    color: black;
    border: 0px solid black;
    width: 9px;
    height: 7px;  
    font-weight: normal;
    font-size: 8px;
    font-family:Verdana,Helvetica,Arial,sans-serif;
    text-align: left; 
    vertical-align: top;
    margin:0;
}
.buchstabe,.h_buchstabe,.s_buchstabe{
    position:absolute; 
    top:0px; 
    left:2px;
    z-index:3;
    color: #330099;
    border: 0px solid black;
    width: 22px;
    height: 22px;  
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    font-family: Comic Sans MS,Verdana,Helvetica,Arial,sans-serif;
    text-align: center; 
    vertical-align: bottom;
    margin:5;
}
#nullpunkt{
    position:relative; 
    top:0px; 
    left:0px;
}
/* Rätselgitter Ende */


.textfeld{
    /* background-color: #3333CC; */
    /* color: #333399;*/
    font-weight: normal;
    font-size: 11px;
    font-family:Verdana,Helvetica,Arial,sans-serif;
    text-align: center;
    vertical-align: bottom;
    width:100%;
    height:45px;  
    border:0;
    overflow: auto;
}

.hinweise{
  padding-top: 7px;
  font-weight: normal;
  font-size: 12px;
  font-family:Verdana,Helvetica,Arial,sans-serif;
 }
 
.loeserfeld{
    /* background-color: #EEEECC; */
    background-color: white;
    font-weight: normal;
    font-size: 12px;
    font-family:Verdana,Helvetica,Arial,sans-serif;
    text-align: left;
    width: 100%; 
    overflow: auto;
}
.inforow {
  font-size: 11px;
  /* höhe ist maintable-(titelrow+menurow) */
  height: 428px; 
  overflow: auto;
  padding-left: 7px;
  padding-right: 7px;
}

 
 
.titelrow  {
    height: 22px;  
    text-align: center;
    vertical-align: middle;
}
.spielrow {
    height: 200px;  
}

.hintrow {
    height: 50px;  
    text-align: center; 
    vertical-align: text-bottom;
}
.menurow {
    height: 40px;
    text-align: center;
    vertical-align: top;
}

.menu{
    color:black;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    text-align: center; 
    vertical-align: middle;
 }
.titel{
    font-weight: bold;
    font-size: 13px;
    font-variant:small-caps;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    text-align: center; 
    vertical-align: middle;
}