body                { font-family: gill, helvetica, sans-serif;
                      color: #000000; background-color: #c7224a;
                      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.ylos            { position: fixed; left: 30px; top: 10px; padding: 5px; font-size: 70%; margin-top: 3em;
                      background-color: #dddddd; opacity: 0.9; color: #ffffff; z-index: 4; max-width: 40em; }

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/keps.gif) top no-repeat; }
div.otsikkopalkki   { position: absolute; top: 0; left: 10em;
                      height: 100px; background: url(kuvat/otsikko.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; }


/***************** Sisältöosuuden taulukoita *****************************/

table.turnaukset    { padding: 0.5em; width: 30em; }
table.sarjataulukko { border-collapse: collapse; border: solid 4px #c7224a; margin-bottom: 2em; margin-left: 2em; }
table.sarjataulukko th    { text-align: left; padding: 0.5em; background-color: #c7224a; color: #ffffff; font-weight: normal; }
table.sarjataulukko td    { text-align: center; vertical-align: middle; padding: 0.5em; border: solid 1px; }
table.pelaajat      { border-collapse: collapse; border: solid 4px #c7224a; margin-top: 1em; }
table.pelaajat th   { text-align: right; padding: 0.2em; background-color: #c7224a; color: #ffffff; font-weight: normal; }
table.pelaajat td   { text-align: left; vertical-align: middle; padding: 0.2em; border: solid 1px; }
table.legenda       { border-collapse: collapse; border: solid 4px #c7224a; margin-bottom: 1em; margin-left: 0.5em;
                      margin-top: 1em; }

table.legenda th    { text-align: right; font-size: 120%; padding: 0.5em; background-color: #c7224a; color: #ffffff; font-weight: normal; }
table.legenda td    { text-align: center; font-size: 120%; vertical-align: middle; padding: 0.5em; border: solid 1px; }
table.legenda o     { text-align: left; font-size: 240%; }

table.legendi th    { text-align: right; padding: 0.5em; background-color: #c7224a; color: #ffffff; font-weight: normal; }
table.legendi td    { text-align: center; vertical-align: middle; padding: 0.5em; border: none; }
table.legendi o     { text-align: left; font-size: 150%; }

/*table.turnaukset    { display: inline-table; }
table.turnaukset th { padding: 0.5em; text-align: right; vertical-align: top; white-space: nowrap;
                      color: #554477; background-color: transparent; font-weight: bold; }
table.turnaukset td { padding: 0.5em; } */


/***************** 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; }


/***************** Yhteystietolista *************************************/

ul.yhteys          { list-style: inside; }
li.ukko            { list-style-image: url('juniorit/ukot/ukko.jpg') }
li.pekka           { list-style-image: url('juniorit/ukot/pekka.jpg') }
li.keijo           { list-style-image: url('juniorit/ukot/keijo.jpg') }
li.supe            { list-style-image: url('juniorit/ukot/supe.jpg') }

a img               { border: none; }
a:hover img         { background-color: transparent; }
a:hover             { background-color: white; color: black; }


/***************** 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; }


/****************** Pohjolan Sanomien lehtijutut *******************************/

#posari             { margin: 2em 5em 2em 5em; padding: 3em 1em 1em 1em; border: dashed 2px #cc88aa;
                      background-image: url(kuvat/posari.jpg); background-repeat: no-repeat;
                      background-position: top right; }
#posari h5          { font-size: 100%; color: #222288; margin-bottom: 0; }
#posari h4          { margin-top: 0; }

#ps p               { font-style: italic; }


/****************** 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; }
div.turnaus b       { display: block; margin-bottom: 0.2em; color: #000066; }


#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9, #p10, #p11, #p12, #p13, #p14, #p15, #p16, #p17, #p18, #p19, 
#p20, #p21, #p22, #p23, #p24, #p25, #p26, #p27, #p28, #p29, #p30, #p31, #p32, #p33, #p34, 
#p35, #p36, #p37, #p38, #p39, #p40  { 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; }