/* background-color:rgb(210,145,55); */
h1, H1 {
   background-color:rgb(210,145,55);
   color:#ffffff;
   font-size: 32px;
   text-indent:5px;
}
h2, H2 {
   background-color:rgb(200,200,200);
   color:#404040;
   font-size: 24px;
   text-indent:5px;
}
h3, H3 {
   background-color:rgb(220,220,220);
   color:#404040;
   font-size: 18px;
   text-indent:5px;
}
h4, H4 {
   background-color:rgb(230,230,230);
   color: #404040;
   font-size: 18px;
   text-indent:5px;
}
h5, H5 {
   background-color:rgb(200,255,200);
   color:#404040;
   font-size: 18px;
   text-indent:5px;
}

img.figLarge {
   width: 550px;
}

img.figMedium {
   width: 400px;
}

img.figSmall {
   width: 300px;
}

/* border-color:rgb(245,235,235); */
p.ex {
   font-weight:normal;
   border-style: solid;
   border-width: 2px;
   text-indent:5px;
}
pre {
   color:rgb(10,10,10);
   background-color:rgb(225,255,225);
   font-weight:normal;
   border-style: solid;
   border-width: 2px;
   border-color: #665544;
   padding: 10px 5px 10px 10px;
}

pre.code {
   color:rgb(10,10,10);
   background-color:rgb(225,255,225);
   font-family: monospace;
   font-weight:normal;
   border-style: solid;
   border-width: 2px;
   border-color: #665544;
   padding: 10px 5px 10px 10px;
}

/* background-color:rgb(250,250,225); */
code {
   font-family: monospace;
   font-weight:normal;
   font-size: 110%;
}

code.box {
   font-family: monospace;
   font-weight:normal;
   font-size: 120%;
   border-style: solid;
   border-color: #665544;
   border-width: 1px;
}

div.keskita {
   align: center;
   margin: 0px -10px 0px -10px;
   padding: 10px 5px 10px 10px;
}

div.box {
   border-style: solid;
   border-width: 1px;
   margin: 0px -10px 0px -10px;
   padding: 10px 5px 10px 10px;
}

div.huomautus {
   border-style:solid;
   border-width: 1px;
   background-color:rgb(240,230,220);
   margin: 0px -10px 0px -10px;
   padding: 10px 5px 10px 10px;
}

div.esimerkki {
   border-style:solid;
   border-width: 1px;
   background-color:rgb(220,255,220);
   margin: 0px -10px 0px -10px;
   padding: 10px 5px 10px 10px;
}

div.perustelu {
   border-style:solid;
   border-width: 1px;
   background-color:rgb(255,225,220);
   margin: 0px -10px 0px -10px;
   padding: 10px 5px 10px 10px;
}

div.lause {
   border-style:solid;
   border-width: 1px;
   background-color:rgb(255,255,220);
   margin: 0px -10px 0px -10px;
   padding: 10px 5px 10px 10px;
}

div.todistus {
   border-style:solid;
   border-width: 1px;
   background-color:rgb(255,225,220);
   margin: 0px -10px 0px -10px;
   padding: 10px 5px 10px 10px;
}

div.ratkaisu {
   border-style:solid;
   border-width: 1px;
   background-color:rgb(255,225,225);
   margin: 0px -10px 0px -10px;
   padding: 10px 5px 10px 10px;
}
div.maaritelma {
   border-style:solid;
   border-width: 1px;
   background-color:rgb(225,225,255);
   margin: 0px -10px 0px -10px;
   padding: 10px 5px 10px 10px;
}

table, th, td {
   border: 1px solid black;
   border-collapse: collapse;
}
th, td {
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left: 5px;
   padding-right: 5px;
}

dt {
   font-weight:normal;
}
dd {
   font-weight:normal;
   background-color:rgb(235,245,245);
}
@media print { body {
   font-family: Times, "Times New Roman", Georgia, serif; 
   background-color:#ffffff;
   color:#101010;
   font-size: 16px;
   margin:20px; }
}
@media screen { body {
   font-family: Arial, Verdana, "Helvetica Neue", Helvetica, 
       sans-serif; 
   background-color:#f0f0f0;
   color:#202020;
   font-size: 16px;
   max-width:600px;
   margin:auto; }
}