/* tyylit.css */

body         { background-color: #ffffff; 
               background-repeat: repeat; 
               background-attachment: scroll; 
               font-family : Arial, Helvetica, Verdana, sans-serif; 
               color: #000; 
               margin-left: 1em;
               margin-top: 0.1em }

p            { margin-left: 1em;
               margin-bottom: 0.4em;
               margin-top: 1em }

p.kuva        { margin-left: 2.5em;
               margin-bottom: 0.3em;
               margin-top: 0.7em }

h1           { text-align: center;
               margin-top: 0.5em }
               
h2           { margin-left: 0em;
               margin-bottom: 0.5em }

h2		{ color: #000000; 
              background-color: #FFFF99; 
              background-repeat: repeat; 
              background-attachment: scroll; 
              font-family: Verdana, Arial, Helvetica, sans-serif; 
              page-break-after: avoid; 
              margin-bottom: 0.5em}
              
h1		{ color: #000000; 
              background-color: #FFFF99; 
              background-repeat: repeat; 
              background-attachment: scroll; 
              font-family: Verdana, Arial, Helvetica, sans-serif; 
              page-break-after: avoid; 
              margin-bottom: 0.5em}
              
h3  		{ color: #000000; 
              background-color: #CCFFFF; 
              background-repeat: repeat; 
              background-attachment: scroll; 
              font-family: Verdana, Arial, Helvetica, sans-serif; 
              page-break-after: avoid; 
              margin-left: 0.4em;
              margin-bottom: 0.4em;
              margin-top: 1.2em }
              
h4	    	{ color: #000000; 
              background-color: #CCFFFF; 
              background-repeat: repeat; 
              background-attachment: scroll; 
              font-family: Verdana, Arial, Helvetica, sans-serif; 
              page-break-after: avoid;
              margin-left: 0.7em; 
              margin-bottom: 0.4em;
              margin-top: 1em }


H1              { font-size: 140%; }
H2              { font-size: 130%; }
H3              { font-size: 120%; }
H4              { font-size: 110%; }
H5              { font-size: 105%; }

.summary { font-size : 105%; text-indent : 1em;
	    margin-top: 0.5em; margin-bottom: 0.5em;
            margin-left : 10%; margin-right : 10%; }

.important { text-indent : 1em;
	    margin-top: 0.5em; margin-bottom: 0.5em;
            margin-left : 5%; margin-right : 10%; }

P.warning { font-size : 105%; 
	    margin-top: 0.5em; margin-bottom: 0.5em;
            margin-left : 10%; margin-right : 10%; }

div.warning { font-size : 105%; 
	    margin-top: 0.5em; margin-bottom: 0.5em;
            margin-left : 10%; margin-right : 10%; }

strong { color : #300; background : transparent none; }

em.warning { color : #f00; background : transparent none; }

strong.warning { color : #f00; background : transparent none; }

.editorial { font-size : 80%; 
  			font-family : Verdana, Arial, Helvetica, sans-serif;
            margin-left : 5%;
            margin-right:10% }

.ed { font-size : 90%; }

.example { margin-left:1%; padding-left:0.7ex;
	   background: #f0fff0 none;
	   color: #000;
           border-left : solid #0c0 2px;}

hr           { color: #99CC99; height: 0.2em; background-color: #FFFFFF }


blockquote H1              { font-size: 140%; }
blockquote H2              { font-size: 130%; }
blockquote H3              { font-size: 120%; }

.subcaption  { color : #000; background : #ffc none; }

caption  { color : #000; background : #ffc none; }

TABLE.menu { border : solid blue 2px; padding : 3px;
  text-align : center }

table.texttable  { border : solid #222 0.1em; padding : 2em; }
#codetable TR TD A {text-decoration:none; font-size:large}

.numeric
  { font-family : Courier, monospace;
    text-align : right; }

.credit { font-size : 85%; text-align : right; }

CAPTION { font-weight: bold}

               
a:link cite
 { color : #009; background : transparent none; }
               
a:link em
 { color : #009; background : transparent none; }
               
a:link strong
 { color : #009; background : transparent none; }
               
cite a:link
 { color : #009; background : transparent none; }
               
em a:link
 { color : #009; background : transparent none; }
               
strong a:link
 { color : #009; background : transparent none; }
               
A:link
 { color : #009; background : transparent none; }
a:visited cite
 { color : #609; background : transparent none; }
a:visited em
 { color : #609; background : transparent none; }
a:visited strong
 { color : #609; background : transparent none; }
cite a:visited
 { color : #609; background : transparent none; }
em a:visited
 { color : #609; background : transparent none; }
strong a:visited
 { color : #609; background : transparent none; }
A:visited
 { color : #609; background : transparent none; }
a:hover cite { color: #000000; background-color: #FFFF99; background-repeat: repeat; 
               background-attachment: scroll }
a:hover em { color: #000000; background-color: #FFFF99; background-repeat: repeat; 
               background-attachment: scroll }
a:hover strong { color: #000000; background-color: #FFFF99; background-repeat: repeat; 
               background-attachment: scroll }
cite a:hover { color: #000000; background-color: #FFFF99; background-repeat: repeat; 
               background-attachment: scroll }
em a:hover { color: #000000; background-color: #FFFF99; background-repeat: repeat; 
               background-attachment: scroll }
strong a:hover { color: #000000; background-color: #FFFF99; background-repeat: repeat; 
               background-attachment: scroll }
a:hover { color: #000000; background-color: #FFFF99; background-repeat: repeat; 
               background-attachment: scroll }
a:active cite
 { color : #f00; background : transparent none; }

a:active em
 { color : #f00; background : transparent none; }

a:active strong
 { color : #f00; background : transparent none; }

cite a:active
 { color : #f00; background : transparent none; }

em a:active
 { color : #f00; background : transparent none; }

strong a:active
 { color : #f00; background : transparent none; }

A:active
 { color : #f00; background : transparent none; }

EM {      color : #000;
          background:transparent none;}

cite{      font-weight:500;
          color : #030;
          background:transparent none;}

DT { font-weight: bold;
          color : #066;
          background:transparent none;}

DFN { font-weight: bold;
          color : #066;
          background:transparent none;}

var { background:#fff6eb none; color:#010;}

KBD { font-weight: bold}

PRE { background: #e0ffe0 none;
      color:black; 
      white-space:pre;
      margin-left: 2em; }
      
PRE.cmd { background: #fcf; color:black;}

PRE.samp { background: #e0e0c0; color:black; font-size:85%}

.menu { background: #dcdcdc none; color:#000;
  font-family:Arial; font-size: 80%; }

.screen {background : #fff; 
         color:#600; 
         font-size:smaller;
         border: solid #333 1px;
         padding : 3px;
         font-family : "Lucida Console", Courier, monospace }

.cursive { font-family : "Lucida Handwriting",  Western, cursive;
                    font-size:140%; }
                    
.signed { font-family : "Lucida Handwriting",  Western, cursive;
                    font-size:140%; }
                    
address { font-style: normal; }

code { font-family : "Courier New","Courier", monospace;
font-style : normal; }

pre { font-family : "Courier New","Courier", monospace;
font-style : normal; }

pre { white-space : pre; }

.deem { font-size : 77%;
font-family : "Myriad Web",Verdana,Helvetica,Arial,sans-serif; }
 
.small { font-size : 77%;
font-family : "Myriad Web",Verdana,Helvetica,Arial,sans-serif; }
 
small { font-size : 77%;
font-family : "Myriad Web",Verdana,Helvetica,Arial,sans-serif; }
 
.deem p { margin-bottom: 0.3em; margin-top: 0.3em;}

.ini { font-weight:900; font-size:120%; }


.literary p { text-indent : 1em;
    margin-bottom : 0.5ex;
    margin-top : 0.5ex; }


p.literary { text-indent : 1em;
    margin-bottom : 0.5ex;
    margin-top : 0.5ex; }

p.start { text-indent: 0;
          margin-bottom: 0.2em;
          margin-top: 0.2em }

p:first-letter.start { font-size : 200%; font-weight : bold;
   color : #060; background : #fff none; }
 
table.ex tr.sample td { font-weight : bold; color : black; 
  background : white none; text-align : center; }

@media print {
  .noprint { display: none; }
}

.Yhteystiedot { text-align: center; font-style: italic; font-size:90% }

.Kuvateksti { font-size:0.8em }

span.korostus_vihrea { color:#008000
                       }

span.korostus_punainen {color: #FF0000}

span.korostus_sininen {color: #0000FF}

.tulos
{ font-size : 80%;
  font-family: "Courier New", Courier;
  line-height: 100%;
  margin-top: 0.2em;
  margin-bottom: 0.5em; 
  margin-left: 2.3em; background-color:#EEFFFF
}

.komentorivi 
{ font-size : 80%; 
  font-family : Verdana, Arial, Helvetica, sans-serif; 
  font-weight : bold;
  margin-bottom: 0.8em;
  margin-top:0em; 
  margin-left: 2em;
}

.DN-nimi 
{ font-size : 115%; 
  font-family : Verdana, Arial, Helvetica, sans-serif; 
  font-weight : bold;
  color:#800080;
  margin-bottom: 0.2em;
  margin-top:1em; 
  margin-left: 1em;
}

.komento {font-size: 105%;
          font-family: courier;
          font-weight: bold;
          color: #0000FF
          }