body                { font-family: gill, helvetica, sans-serif;
                      color: #000000; background-color: #330099;
                      border: none; padding: 0; margin: 0; }



/***************** Sivujen layout **************************************/

div.alas            { position: fixed; right: 10px; bottom: 10px; padding: 5px; font-size: 70%; margin-top: 3em;
                      background-color: #554477; opacity: 0.8; color: #ffffff; }
div.alas a          { color: #bbbbff; }
div.alas a:visited  { color: #ffbbff; }
div.alas a:hover    { background-color: #8d1835; }

div.musa            { padding: 10px; margin-top: 3em;
                      background-image: url(musa/nuotti.gif); background-repeat: no-repeat;
                      background-position: right;  background-color: #554477; opacity: 0.8; color: #ffffff; }
div.musa a          { color: #bbbbff; }
div.musa a:visited  { color: #ffbbff; }
div.musa a:hover    { background-color: #8d1835; }

div.navi            { position: absolute; top: 0; left: 0;
                      width: 10em; background: url(kuvat/logo.gif) top no-repeat; z-index: 1; }
div.otsikkopalkki   { position: absolute; top: 0; left: 10em; z-index: 1;
                      height: 100px; background: url(kuvat/logo.jpg) left no-repeat; }
div.otsikkopalkki h1{ margin-left: 260px; margin-top: 0.7em; color: #ffffff; white-space: nowrap; }

div.sisaltaa        { position: absolute; top: 100px; left: 10em; right: 0;
                      background: url(kuvat/liuku.jpg) #ffffff left repeat-y; }

div.vaakavarjo      { padding: 0; margin: 0; border: none; background: url(kuvat/ylaliuku.jpg) repeat-x; }

div.vaakavarjo img  { margin: 0; border: none; padding: 0; vertical-align: top; text-align: left; }

div.sisalto         { margin: 0; border: none; padding-top: 0.5em; padding-bottom: 3em; padding-left: 2em; padding-right: 2em; }


/***************** Valikkoon liittyvä koodi *****************************/

#valikko            { padding: 0; margin: 0; margin-top: 145px; border: none; list-style: none; list-style-position: outside; }

#valikko ul         { padding: 0; margin: 0; border: none; list-style: none; list-style-position: outside;
                      border-top: solid 1px #c7224a; }

#valikko a          { white-space: nowrap; margin: 0; padding: 0.4em; display: block; color: white; background-color: #554477;
                      border-left: solid 2px #8877aa; border-top: solid 2px #8877aa;
                      border-right: solid 2px #332255; border-bottom: solid 2px #332255; }

#valikko a:hover    { background-color: #880066; }

#valikko a.n        { position: relative; white-space: normal; left: 10px; margin-left: -10px;
                      text-decoration: none; background-color: #ffccee; color: black; z-index: 3; }

#valikko li         { margin: 0 0 0 0.7em; border-bottom: solid 1px #c7224a; }


/***************** Play, Pause, Next ja Previous napit *******************/

button               { margin: 0 0 0 3px; padding: 0.4em; color: white; background-color: #554477;
                       border-left: solid 2px #8877aa; border-top: solid 2px #8877aa;
                       border-right: solid 2px #332255; border-bottom: solid 2px #332255; }

button:hover         { background-color: #ffffff; color: #000000; }

button:hover:active  { background-color: #cccccc; color: #000000; padding: 0; }

button.play          { width: 35px; height: 35px;
                       text-indent: -1000em;
                       background-image: url(kuvat/play.gif);
                       background-repeat: no-repeat;
                       background-position: center; }
button.pause         { width: 35px; height: 35px;
                       text-indent: -1000em;
                       background-image: url(kuvat/pause.gif);
                       background-repeat: no-repeat;
                       background-position: center; }
button.nuolio        { width: 35px; height: 35px;
                       text-indent: -1000em;
                       background-image: url(kuvat/nuolio.gif);
                       background-repeat: no-repeat;
                       background-position: center; }
button.nuoliv        { width: 35px; height: 35px;
                       text-indent: -1000em;
                       background-image: url(kuvat/nuoliv.gif);
                       background-repeat: no-repeat;
                       background-position: center; }

button.play:focus    { margin: 0; text-decoration: none; background-color: white; color: black;
                       border-left: solid 3px #8d1835; border-top: solid 3px #8d1835;
                       border-right: solid 3px #d7446a; border-bottom: solid 3px #d7446a; }

form                { text-align: center; margin: 0; padding: 0.5em; border: none; background-color: #c7224a; }

/***************** Tekstityylit ******************************************/

p                   { margin-left: 1em; }

tietoa h1, h2, h3, h4, h5, h6  { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6     { font-weight: normal; border: none;
                             margin-top: 1.2em; margin-left: 0; margin-right: 0;
                             margin-bottom: 0.2em; }

hr                  { width: 100%; color: #c7224a; margin-top: 2em; border: solid 2px #c7224a; }

h1                  { font-size: 240%; color: #a70011; background-color: transparent; margin-top: 0.5em; margin-bottom: 0.3em; }
th h1               { font-size: 240%; color: #ffffff; margin: 0; padding: 0; }
h2                  { font-size: 160%; color: #a70011; background-color: transparent; }
h3                  { font-size: 120%; color: #9a0077; background-color: transparent; }
h4                  { font-size: 100%; font-weight: bold; color: #222288; margin-top: 0.5em; }



/****************** Kuviin liittyvät divit *************************************/

div.kuvatila        { width:450px; height: 450px; float: right; }
div.kuvatila300     { width:455px; height: 305px; float: right; }
div.kuvatila233     { width:352px; height: 235px; }
div.oik450          { width: 450px; float: right; margin-left: 2em; background-color: #ffffff; padding-top: 2em; padding-bottom: 2em; }
div.oik450 p        { margin: 0; padding: 0; padding-left: 1em; padding-right: 1em; border: none; }
div.kuva            { padding-bottom: 0em; display: block; }
div.kuva img        { padding: 0; }
div.kuva p          { width: 446px; padding: 2px; margin: 0; color: #ffffff; background-color: #8d1835; }
div.kuvaetu         { width: 600px; float: right; margin-bottom: 1em; margin-top: 2em; margin-left: 2em; }
div.kuvaetu p       { width: 446px; padding: 2px; margin: 0; color: #ffffff; background-color: #8d1835; }
div.kuvah           { margin-bottom: 1em; float: right; margin-top: 3em; margin-left: 2em; }
div.kuvah img       { padding: 0; margin: 0; }
div.kuvah p         { width: 440px; padding: 2px; margin: 0; color: #ffffff; background-color: #8d1835; }
div.kuvao           { padding-bottom: 1em; float: right; }
div.kuvao img       { padding: 0; }
div.kuvao p         { width: 246px; padding: 2px; margin: 0; color: #ffffff; background-color: #0055a8; }
div.kuvap           { padding: 1em; display: block; float: left; }
div.kuvap img       { padding: 0; }
div.kuvap p         { width: 329px; padding: 2px; margin: 0; color: #ffffff; background-color: #8d1835; }
div.kuvav           { padding: 1em; display: block; float: left; }
div.kuvav img       { padding: 0; }
div.kuvav p         { width: 440px; padding: 2px; margin: 0; color: #ffffff; background-color: #8d1835; }
div.kuvav a         { color: #bbbbff; }
div.kuvav a:visited { color: #ffbbff; }
div.kuvav a:hover   { background-color: #554477; }


/****************** Muut spesiaalidivit ****************************************/

div.vasen           { float: left; padding-bottom: 2em; }
div.historia        { display: table; /*width: 100%;*/ }
div.allekirjoitus   { text-align: left; clear: left; color: #003388; font-weight: bold;
                      margin-left: 4em; margin-bottom: 2em; margin-top: 2em; }
div.paivitetty      { text-align: right; font-size: 80%; }
div.oik             { float: right; margin-left: 2em; margin-bottom: 1em; background-color: #ffffff; padding-top: 2em; }
div.laskuri         { vertical-align: middle; margin: 2em; color: #440099; }
div.vasenlukittu    { clear: left; }
div.turnaus         { padding: 0.5em 1em 1em 1em; }

{ position: fixed; top: 1em; left: 25em; color: #000000; z-index:2;
                      visibility:hidden; background-color:#ddbbff; padding:0; 
                      border-left: solid 5px #8877aa; border-top: solid 5px #8877aa;
                      border-right: solid 5px #332255; border-bottom: solid 5px #332255; }