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




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

.maintable{
    /* -moz-border-radius: 10px; */
    border-left:   0px white solid;
    border-right:  0px white solid;
    border-top:    4px #EEEECC solid;
    border-bottom: 6px #EEEECC solid;
    width: 400px;
    height: 500px;  
}


/* 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;
}
.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:0px; 
    left:0px;
    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: 24px;
    height: 24px;  
    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:0;
}
#nullpunkt{
    position:relative; 
    top:0px; 
    left:0px;
}
/* Rätselgitter Ende */


.textfeld{
    /* background-color: #EEEECC; */
    font-weight: normal;
    font-size: 12px;
    font-family:Verdana,Helvetica,Arial,sans-serif;
    text-align: center;
    vertical-align: bottom;
    width:100%;
    height:45px;  
    border:0;
    overflow: auto;
}
 
.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-(menurow+borderoben+borderunten) */
  height: 440px; 
  overflow: auto;
  padding-left: 7px;
  padding-right: 7px;
}

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

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


.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;
}
.sponsor{
    color:black;
    font-weight: normal;
    font-size: 13px;
    font-variant:normal;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    text-align: center; 
    vertical-align: top;
}