.mainbox
{

} 

.mainbox h1 { margin-bottom:9px; font-size: 1.077em; }

.box
{
 -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
 background-color:#EFF4F9;
 margin-top:10px;
 width:100%;
}

.box_intern
{
 padding:12px;
}

.small {  font-family:Verdana; font-size:0.769em; }
.test {  font-size:1.231em; margin-left:10px; }
.text {  margin-left:5px; margin-top:8px; display:block; }

.box_column1
{
 width:49%;
 float:left;
 padding-top:12px;

}

.box_column2
{
 width:48%;
 float:right;
 padding-top:12px; 
}

.box2_column1
{
 width:55%;
 float:left;
 padding-top:12px;
}

.box2_column2
{
 width:44%;
 float:right;
 padding-top:12px;
}


.button_add
{
 -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
 border:1px solid #B9B9B9;
 padding:8px;
 padding-left:30px;
 background-image:url('../images/button_add.gif');
 background-repeat:repeat-x;
 background-position:left center;
 margin-right:4px;
 margin-bottom:0px;
 display:block;
 float:left;
 color:#323131;
 background-color:#ffffff;
 font-size:1.0em
}



  .wrong
  {
   margin-top:6px;
   font-size:1.0em;
   padding-left:20px;
   padding-top:2px;
   text-align:middle;
   text-align:left;
   display:inline-block;
   background: url('../images/cancel.png') 0px 2px no-repeat;
   line-height:1.30em;
   margin-bottom:8px;
  }
  
  .correct
  {
   margin-top:6px;
   font-size:1.0em;
   padding-left:20px;
   padding-top:2px;
   text-align:middle;
   text-align:left;
   display:inline-block;
   background: url('../images/accept.png') 0px 2px no-repeat;
   line-height:1.30em;
   margin-bottom:8px;
  }

.button_edit
{
 -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
 border:1px solid #B9B9B9;
 padding:8px;
 padding-left:30px;
 background-image:url('../images/button_edit.gif');
 background-repeat:repeat-x;
 background-position:left center;
 margin-right:4px;
 margin-bottom:0px;
 display:block;
 float:left;
 color:#323131;
 background-color:#ffffff;
 font-size:1.0em
}


.code_box
{
 -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
 background-color:#ffffff;
 border: 1px solid #DEDEDE;
 padding:8px;
 padding-bottom:7px;
 padding-left:32px;
 background-image:url('../images/key.png');
 background-repeat:no-repeat;
 background-position:10px center;
 display:inline-block;
 font-weight:bold;
 font-size: 1.077em;
 max-width:100px;
}


  
  .settings
  {
   margin-top:8px;
   font-size:0.923em;
   padding-left:22px;
   padding-top:0px;
   text-align:middle;
   background: url('../images/settings.png') 0px 3px no-repeat;
   display: block;
   line-height:1.30em
  }
  
  

.answer
{
 -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
 border:1px solid #B9B9B9;
 padding:8px;
 padding-top:10px;
 padding-bottom:10px;
 background-image:url('../design/button.back.gif');
 background-repeat:repeat-x;
 background-color:#F2F2F2;
 color:#323131;
 display:inline-block;
 width:calc(100% - 50px);
 font-size:1.063em;
 margin-left:5px;
 margin-bottom:6px;
 display:inline-block; vertical-align:center;
}

.answer:hover
{
 background-color:#eeeeee; font-weight:bold;
 background-image:url('../design/button.back.active.gif'); background-repeat:repeat-x;
}

.radio_button1
{
 display:inline-block; vertical-align:center; 
}

.radio_button3
{
 margin:10px; margin-right:8px; margin-left:3px;  display:inline-block; vertical-align:center; 
}

.infobox3
{
 -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
 border: 1px solid #FFF5E3;
 padding:15px;
 background-color:#FFF5E3;
 margin-bottom:14px;
}

.infobox2
{   
 -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
 border: 1px solid #EFF4F9;
 background-color:#EFF4F9;
 padding:15px;
 margin-bottom:14px;
}

.statbox
{
 -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
 background-color:#ffffff;
 width:200px; height:24px; padding:4px; border: 1px solid #DEDEDE;
}

.statbox_image
{
 height:24px; 
 padding-bottom:0px;
 margin-bottom:0px;
}

.box_wrong
{
 -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
 border: 1% solid #FFF5E3;
 padding:2%;
 background-color:#FFF5E3;
 width:46%; float:left; text-align:center;
 margin-top:1%;
}

.box_correct
{
 -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
 border: 1% solid #EFF4F9;
 padding:2%;
 background-color:#EFF4F9;
 width:45%; float:right; text-align:center;
 margin-top:1%;
}

.statinfo
{
 display:none;
}

 .box_class
 {
 -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
 border: 1% solid #FFF5E3;
 padding:1%;
 background-color:#FFF5E3;
 width:22%; float:left; margin-right:1%; text-align:center;
 margin-top:1%;
 }
 
 
 
 .box_class img
 {
  padding-bottom:0px;
  margin-bottom:0px;
 }
 
.levelbox_small_text
{
 font-size:0.75em;
} 

.levelbox_big_text
{
 font-size:1.313em;
 font-weight:bold;
} 



@media all and (max-width: 1024px) 
{
.mainbox
{
 
}
}


@media all and (max-width: 800px) 
{
 .box_column1
{
 width:100%;
 float:left;
}

.box_column2
{
 padding-top:10px;
 width:100%;
 float:left;
}

 .box2_column1
{
 width:100%;
 float:left;
}

.box2_column2
{
 padding-top:10px;
 width:100%;
 float:left;
}

.answer
{
 -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
 border:1px solid #B9B9B9;
 padding:8px;
 padding-top:10px;
 padding-bottom:10px;
 background-image:url('../design/button.back.gif');
 background-repeat:repeat-x;
 background-color:#F2F2F2;
 color:#323131;
 display:inline-block;
 vertical-align:center;
 font-size:1.063em;
}

.mainbox
{

}

.keyboard
{
 display:none;
}

.statbox
{
 margin-top:3px;
}


}



@media all and (max-width: 560px) 
{


}



@media all and (max-width: 480px) 
{
 .answer
 {
  padding:7px;
  margin-bottom:4px;
  font-size:1.2em;
 }
 

.mainbox
{
 background:none;
 padding:0px;
 width:calc(100% - 10px);
 border:0px;
}

.box
{
 margin-bottom:10px;
}

.box_column1
{
 padding-top:0px;
}

.box_column2
{
 padding-top:0px;
}

.stattable
{
 display:none
}

.statbox
{
 float:left; margin-top:0px;
}

.statinfo
{
 display:block; float:left; padding-top:13px; padding-left:10px;
}
 
}

@media all and (max-width: 360px) 
{

}