body {
    background: #ffffff;
    color: #000;
    font-family: Georgia, serif;
    margin: 0px;
    padding: 0px;
}

h1, h2, h3, h4 {
    color: #000;    
    font-family: Trebuchet MS, century gothic, verdana, tahoma, helvetica, sans-serif;
}

/* General */

small {
    font-size: 70%;
}

a {
    color: #008; 
    font-weight: bold;
    text-decoration: underline;
}

a:hover {
    color: #00d;
}

/* Body */

.layout-body {
    padding-left: 0px; 
    padding-bottom: 1px;
}

/* Main */

@media print {
    div.layout-main {
        background: #eeeeee;
        margin-left: 2ex;
        margin-right: 2ex;   
        margin-top: 2ex;
        margin-bottom: 2ex;
        padding: 1ex 1ex 1ex 1ex;  
        min-height: 400px;
    }
    
    div.layout-spoilerwarning {
        display: none;
    }
    
}

@media screen {
    div.layout-main {
        display: none;
    }    

    div.layout-spoilerwarning {
        background: #eeeeee;
        margin-left: 2ex;
        margin-right: 2ex;   
        margin-top: 2ex;
        margin-bottom: 2ex;
        padding: 1ex 1ex 1ex 1ex;  
        border: #008 4px solid;
    }


}



/* Quiz */

tbody.quiz input {
    color: #00f;
    border: 1px solid black;
    background-image: url('/img/input-bg-white.gif');
    padding-left: 3px;
    padding-right: 3px;
}

form.quiz td {
    vertical-align: top;
}

form.quiz td.comment {
    font-style: italic;
    font-family: Georgia, serif;
}

form.quiz pre.source {
    margin: 4px;
    padding: 4px;
    border: solid #a84 1px;
    background-color: #fffffe;
}

/* XML Quiz */

.explanation {
    font-style: italic;
}


div.question {
    page-break-inside: avoid;
    border-top: solid #000 2pt;
}


div.answer {
    background: #ccc;
}

div.answer .title {
    padding-top: 1ex;
    padding-left: 1ex;
    padding-right: 1ex;
    font-weight: bold;
    font-size: 120%;
}

div.answer .text {
    padding-left: 2ex;
    padding-right: 1ex;
    padding-bottom: 1ex;
}