*            {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box}
img,object,embed,td,th {box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box}
img          {border: none; vertical-align: middle}
body         {margin: 0; background: #034C90 url(img/pupe/pystytausta2.png) top center repeat-y; color: #FFFFFF; height: 100%; text-align: center;
              font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 100%; color: #FFFFFF; padding: 0}
input,select,textarea {font-family: Arial, Helvetica, sans-serif; font-size: 100%; vertical-align: middle}
h1,h2,h3,h4  {margin: 0 -4px 0.5em -4px; padding: 4px; background: #034C90}
h1           {font-size: 180%; font-weight: bold}
h2           {font-size: 150%; font-weight: bold}
h3           {font-size: 120%; font-weight: bold}
h4           {font-size: 100%; font-weight: bold}
iframe       {border: none}
table        {font-size: 100%; border: 0; border-collapse: collapse}
td,th        {vertical-align: top; padding: 0}

/* Rakennepalat */
#tausta      {background: url(img/pupe/taustaliuku.png) top left repeat-x; font-size: 80%}
#rakenne1    {width: 990px; text-align: left; background: url(img/pupe/vaspala.png) top left no-repeat; padding-left: 22px; margin: 0 auto}
#rakenne2    {width: 968px; background: url(img/pupe/oikpala.png) top right no-repeat; padding-right: 22px}
#rakenne3    {clear: both; background: url(img/pupe/lisatausta2.png) top left repeat-y; width: 946px}
#ylaosa      {background: url(img/pupe/ylapalkki.png) top left repeat-x}
#logo        {float: left; background: url(img/pupe/ylabanneri3.jpg) top left no-repeat; height: 260px; width: 724px}
#logo img    {visibility: hidden}
#kalenteri   {float: left; clear: right; height: 260px; width: 222px; border-left: 6px solid #004286; border-right: 6px solid #004286;
              background: #005AA8 url(img/pupe/kalenteritausta.png) bottom left repeat-x; position: relative}
#kalenteri iframe {border: none; width: 210px; height: 260px}
#superpesis  {position: absolute; bottom: 0; left: 50%; width: 128px; margin-left: -64px}
#navipalkki  {float: left; clear: both; width: 210px; padding: 0 6px; min-height: 461px; height: auto;
              background: url(img/pupe/alanavi_kuva.png) top left no-repeat} 
#doku        {float: left; width: 514px; padding: 12px 12px 24px 12px; overflow-x: hidden; overflow-y: visible;
              background: #00539C url(img/pupe/dokutausta.png) top left repeat-x; min-height: 251px; height: auto}
/* IE-korjaukset */
/*\*/
* html #doku {height: 251px}
* html #navipalkki {height: 461px}
/**/
#sponsorit   {float: left; width: 222px; text-align: center; background: #004386;
              padding-bottom: 16px; overflow-x: hidden; overflow-y: visible}
#sponsorit p {background: #00448E url(img/pupe/mainosliuku.png) bottom left repeat-x; margin: 0 6px 1ex 6px; padding: 1ex}
/* #sponsorit div {width: 222px; padding: 42px 0 0 0; background: url(img/pupe/mainosvali.png) top left repeat-x}
   #sponsorit div.google {padding: 42px 6px 0 6px} */
#sisalto     {clear: both; color: #EEEEEE}
#sisalto a   {color: #F19E51; text-decoration: none; font-weight: bold}
#sisalto a:hover {text-decoration: underline}
#sisalto img {border: 2px solid #003A77}
#sisalto .noborder {border: none}
#sisalto .uusimmat {float: left; background: #033465 url(img/pupe/laatikkotausta.png) bottom left repeat-x; color: #004386; margin-bottom: 1em}
#sisalto .uusimmat div {float: left; width: 242px; padding: 6px}
#sisalto .uusimmat h3 {margin: 0 0 6px 0; padding: 3px; border: 1px solid #FA994A; color: #FFFFFF;
                       background: #DB5A31 url(img/pupe/hakunappi.png) top left repeat-x}
#sisalto .uusimmat ul {margin: 0; padding: 0; list-style-type: none}
#sisalto .uusimmat li {border-bottom: 1px dotted #7291F6; padding: 2px 0}
#sisalto .uusimmat a  {display: block}
#sisalto .uusimmat img {border: none}
#sisalto .uusimmat a:hover {text-decoration: underline}
#sisalto .boksi {float: left; background: #034B8F url(img/pupe/linkkiloota.png) top left repeat-x; font-size: 120%; padding: 2px;
                 margin-right: 10px; margin-bottom: 1em; border: 1px solid #022346}
#sisalto .boksi a {display: block; float: left; height: 83px; border: 1px solid #2C5CA6; padding: 10px; overflow: hidden}
#sisalto .boksi img {display: block; border: 1px solid #022346; float: left; margin-right: 8px}
#sisalto img.plain {border: 0}
#sisalto .peli  {background: #FFFFFF; color: #003066}
#sisalto p.peli {padding: 0.5ex; margin: 1em 0 2em 0}
#sisalto .klo   {font-weight: normal}
#sisalto .boksi2 {float: left; background: #034B8F url(img/pupe/linkkiloota.png) top left repeat-x; padding: 2px;
                  margin-right: 10px; margin-bottom: 1em; border: 1px solid #022346}
#sisalto .boksi2 table {border-spacing: 0; border-collapse: collapse; border: 1px solid #2C5CA6}
#sisalto .boksi2 th {border: 0; text-align: center; font-weight: bold}
#sisalto .boksi2 td {border: 0; text-align: center; font-weight: bold}
#sisalto .boksi2 td.joukkue {padding: 0.5ex 0.5ex 0.3ex 0.5ex; vertical-align: bottom}
#sisalto .boksi2 tr.joukkue {background: #FFFFFF; color: #003066}
#sisalto .iblock {display: -moz-inline-stack; display: inline-block; zoom: 1; display: inline;
                  background: #034B8F url(img/pupe/linkkiloota.png) top left repeat-x; font-size: 120%; padding: 2px;
                  margin-right: 10px; margin-bottom: 1em; border: 1px solid #022346; vertical-align: bottom}
#sisalto .iblock a {display: block; float: left; border: 1px solid #2C5CA6; padding: 6px; position: relative}
#sisalto .iblock img {border: 1px solid #022346; float: left; margin-right: 6px}
#sisalto .itable {display: -moz-inline-stack; display: inline-block; zoom: 1; display: inline;
                  background: #034B8F url(img/pupe/linkkiloota.png) top left repeat-x; padding: 2px;
                  margin-right: 10px; margin-bottom: 1em; border: 1px solid #022346; vertical-align: bottom}
#sisalto .itable table {border-spacing: 0; border-collapse: collapse; border: 1px solid #2C5CA6; position: relative}
#sisalto .itable th {border: 0; text-align: center; font-weight: bold; padding: 0; white-space: nowrap; vertical-align: middle}
#sisalto .itable td {border: 0; text-align: center; font-weight: bold; padding: 0; white-space: nowrap; vertical-align: middle}
#sisalto .itable .joukkue {padding: 1ex; vertical-align: bottom; background: #FFFFFF; color: #003066}

#sisalto .autotable {border-spacing: 0; margin: 1em 0; border-collapse: collapse}
#sisalto .autotable td {border: 0; padding: 0 2ex 0 0}
#sisalto .kalteksti {margin-bottom: 1ex}

/* Navigaatiot */
#paanavi     {clear: both; background: #FFFFFF url(img/pupe/paanavi.png) bottom right repeat-x; width: 946px;
              font-family: 'Trebuchet MS', Helvetica, sans-serif}
#paanavi ul  {border-top: 2px solid #DFE5ED; margin: 0; padding: 0; list-style-type: none; color: #000000}
#paanavi li  {display: block; float: left; border-right: 1px solid #E5E6EA; overflow: hidden;
              background: #FFFFFF url(img/pupe/paanavi.png) bottom left repeat-x}
#paanavi a   {display: block; height: 50px; padding: 16px 12px; float: left; color: #000000; text-decoration: none}
#paanavi a:hover  {color: #FC682B}
#paanavi .polku   {background: #FFFFFF url(img/pupe/paanavi_val.png) top left repeat-x}
#paanavi .polku a {color: #FC682B}

.alanavi     {background: #003066 url(img/pupe/alanavi_uusi.png) bottom left repeat-x; line-height: 1.2em;
              font-family: 'Trebuchet MS', Helvetica, sans-serif; padding: 6px 0}
.alanavi ul  {margin: 0; padding: 0; width: 198px; list-style-type: none; overflow: hidden}
.alanavi li  {margin: 0; padding: 0}
.alanavi a   {display: block; color: #EEEEEE; text-decoration: none; padding: 2px 0 2px 16px; text-indent: -12px; width: 198px}
.alanavi a:hover  {color: #FC682B}
.alanavi .polku a {color: #FC682B; text-decoration: underline}

/* Hakutoiminnot */
form#haku    {text-align: right; padding: 16px 10px 0 0; margin: 0; height: 52px; overflow: hidden; color: #AAAACC}
.text        {background: #DFE5ED url(img/pupe/hakusana.png) top left repeat-x; border: 1px solid #FFFFFF; color: #000000; padding: 2px}
.hae         {background: #DB5A31 url(img/pupe/hakunappi.png) top left repeat-x; border: 1px solid #FA994A; color: #FFFFFF; padding: 2px;
              overflow: visible; width: auto}

/* Sekalaisia */
.clear       {clear: both}
.fl          {display: inline; float: left; margin-right: 10px}
.fr          {display: inline; float: right; margin-left: 10px}
.trap        {display: none}

/* Kalenteri */
.kalenteri       {background: #005AA8 url(img/pupe/kalenteritausta.png) bottom left repeat-x; background-attachment: fixed; cursor: default; overflow: auto}
.kalenteri table {border-spacing: 1px; border-collapse: separate; font-size: 70%}
.kalenteri th    {text-align: center; border: 1px solid #5676DB; width: 12.5%; background: #0B396A; color: #FFFFFF}
.kalenteri td    {text-align: center; border: 1px solid #5676DB; width: 12.5%; background: #FFFFFF; color: #074173; font-weight: normal}
.kalenteri td.tyhja {background: transparent}
.kalenteri a     {display: block; color: #FFFFFF; text-decoration: none}
.kalenteri .ylarivi td {font-size: 120%; font-weight: bold; background: #DB5A31 url(img/pupe/hakunappi.png) top left repeat-x;
                        border: 1px solid #FA994A; color: #FFFFFF; width: auto;}
.kalenteri .ylarivi a  {color: #FFFFFF; text-decoration: none}
.kalenteri .nyt        {font-weight: bold; font-style: italic}
.kalenteri p     {text-align: left; margin: 1ex; font-size: 70%; line-height: 1.3em}