* { padding: 0; margin: 0; }
body { background-color: #000000; background-image: url(tausta.jpg); background-repeat: repeat-x; background-position: center top; color: #ffffff; font-family: Arial; margin: 10px 0px 0px 0px; }
div { font-size: 11px; }
.padding-5 { padding: 5px; }
.padding-10 { padding: 10px; }
.sisalto { min-width: 400px; max-width: 1100px; margin: auto; }
.isotaulukko { display:table; clear:both; width: 100%; background-color: #202020; border: solid 0px #202020; margin: 0px; }
.otsikkorivi { float:left; width: 100%; background-color: #000000; text-align: center; padding-top: 10px; padding-bottom: 10px; }
.otsikkorivi:after { clear: both; }
.logot { width: 35%; }
.logo { max-width: 38px; }
.paaotsikko { width: 30%; color: #ffffff; font-family: Arial; font-size: 26px; font-weight: bold; }
.vetorivi { float: left; background-color: #000000; width: 20%; text-align: left; vertical-align: top; line-height: 18px; }
.smliiga { float: left; background-color: #000000; width: 20%; text-align: left; vertical-align: top; line-height: 18px; }
.seuraavat { float: left; width: 25%; padding: 0px; text-align: center;}
@media screen and (max-width: 940px) {
  .logot { width: 100%; }
  .paaotsikko { width: 100%; }
  .vetorivi { width: 25%; }
  .smliiga { width: 50%; }
  .seuraavat { float: left; width: 50%; }
}
@media screen and (max-width: 580px) {
  .logot { width: 100%; }
  .paaotsikko { width: 100%; }
  .vetorivi { width: 50%; }
  .smliiga { width: 50%; }
  .seuraavat { float: left; width: 50%; }
}
.taulukkonimi { text-align: center; font-size: 14px; font-weight: bold; font-style: italic; padding: 0px 0px 0px 0px; }
.taulukkojoukkue { float: left; position: relative; font-family: Courier New; font-size: 11px; }
.inforivi { clear: both; width: 100%; font-size: 12px; font-weight: bold; padding-top: 10px; padding-bottom: 20px; }
.chattiotsikko { clear: both; border-width: 1px; border-color: #000000; border-style: solid; color: #ffffff; font-size: 12px; padding: 5px 5px 5px 5px; vertical-align: middle; }
.joukkuenimi1 { float: left; background-color: #202020; width: 100%; }
.joukkuenimi2 { float: left; background-color: #404040; width: 100%;}
.joukkuenimi3 { float: left; background-color: #404040; width: 100%; border-bottom: 1px solid; border-color: #ffffff; }
.kommentit { }
.chat { position: relative; font-size: 12px; font-weight: bold; font-style: italic; padding: 10px; }
.register { display: none; position: absolute; top: -50px; right: 0px; width: 250px; background: #000000; border: 1px solid #000000; padding: 15px; line-height: 18px; }
.keskustelu { font-family: Arial; color: #ffffff; font-size: 18px; font-weight: bold; font-style: italic; padding-right: 20px; vertical-align: middle; }
.pelatutpelit { position: absolute; right: 65px; }
.liigapisteet { position: absolute; right: 35px; }
.nuolet { float: right; padding-right: 5px; }

a:link, a:visited { color: #ffffff; }
a:active, a:hover { color: #ffffff; }
form { display: inline; }
input.nimi { position: relative; width: 20%; min-width: 100px; padding: 4px;}
input.kommentti { position: relative; width: 50%; padding: 4px; margin: 2px; }
input.salasana { position: relative; width: 20%; min-width: 100px; padding: 4px; margin: 2px; }
input.laheta { position: relative; width: 80px; padding: 3px; color: #000000; border: 1px solid; background-color: #a0a0a0; font-family: Arial; font-size: 14px; font-weight: bold; font-style: italic; }
input.kirjaudu { position: relative; width: 100px; color: #000000; border: 1px solid; background-color: #a0a0a0; font-family: Arial; font-size: 14px; font-weight: bold; font-style: italic; }
.tykkays { display: inline; position: relative; text-decoration: none; }
.tykkays:hover:after { background: #404040; border-radius: 5px; bottom: 21px; color: #ffffff; content: attr(teksti); left: 0px; padding: 5px 15px; position: absolute; z-index: 1; width: 220px; }
.tykkays:hover:before { border: solid; border-color: #404040 transparent; border-width: 6px 6px 0 6px; bottom: 15px; content: ""; left: 50%; position: absolute; z-index: 2; }
.copyright { clear: both; text-align: center; color: #ffffff;}