.question.interpunction font,  .question.interpunction img { display: none}
 .question.interpunction blockquote {
            background-color: #fff;
white-space: pre-wrap;
        }
        
        .question .fillin {
            clear: both;
            font-family: Georgia,serif;
            padding-top: 1em;
            font-size: 150%;
        }
.klavesnice { display: table; }
span.section { display: inline-block; margin-right: 1em; margin-bottom: 0.5em} 

    .fillin, .render { display: inline-block;vertical-align: middle; width: 45% }

        .fillin input[type="text"] {
            display: none;
            border: 1px solid #bbb;
            //border-bottom: 1px solid #00d;
            background-color: #ff9;
                 
        }
        .question .render {
            font-size: 150%;            
            border: 2px outset #bbb;
/*            width: 30em;*/
        }
        span.apl {
            height: 1.5em;
            
        }

.editable { display: inline-block; background-color: #ffd; border: 1px solid #bbb;  white-space: pre; word-wrap: break-word; }
.editable:empty {
   vertical-align: -0.1em; width: 0.5em; height: 1.0em; background-color: #ff6;
}
.editable.correct {
   color: darkgreen; background-color: #dfd; 
}

.editable.wrong {
   color: red; background-color: #fdd; 
}
        .question span.apl.fluid {
            width: 5.5em;
            font-size: 70%;
            line-height: 1.2em;
            height: 2.8em;
        }
        .nbsp, .thinsp {
            cursor: help;
        }
        .nbsp {
            background-color: #cec;
            border: 1px solid #bdb;
        }
        
        .thinsp {
            background-color: #ffc;
            border: 1px solid orange;
        }