/*
		PERUSMÄÄRITTELYT
==============================================================================================================================
*/

body
{
	margin: 0;
	padding: 0;
	
	background: url('../kuvat/tausta.jpg') 0 0 repeat-x #143656;
}

p
{
	line-height: 1.2em;
	
	font-family: Tahoma, Verdana, "Trebuchet MS", sans-serif;
	font-size: 11px;
	color: #414141;
}

img
{
	border: 0;
}

a:link
{
	font-weight: bold;
	color: #576418;
	
	text-decoration: none;
}
a:visited
{
	font-weight: bold;
	color: #424439;
	
	text-decoration: none;
}

a:hover
{
	color: #292f0b;
}

.v
{
	float: left;
}
.o
{
	float: right;
}

/*
		SIVUSTON RUNKO
==============================================================================================================================
*/

#keskitin
{
	display: block;
	
	width: 825px;
	margin: 0 auto;
	
	/*padding: 0 !important;
	padding: 0 0 50px 0;*/
}

#otsikko
{
	display: block;
	float: left;
	
	position: relative;
	
	width: 825px;
	height: 162px;
	
	background: url('../kuvat/otsikkopalkki.jpg') 0 0 no-repeat;
	
}

#paaloota
{
	display: block;
	float: left;
	
	width: 604px;
	
	margin: 3px 6px 0 18px !important;
	margin: 3px 6px 0 9px;
	
	background: url('../kuvat/paalue_tausta.jpg') 0 0 repeat-y;
}
#plpohja
{
	display: block;
	float: left;
	
	position: relative;
	
	min-height: 578px;
	
	background: url('../kuvat/paalue_alareuna.jpg') 0 100% no-repeat;
}
#reunaloota
{
	display: block;
	float: left;
	
	width: 197px;
	
	margin: 3px 0 0 0 !important;
	margin: 3px -7px 0 0;
}

.eslinkki1
{
	display: block;
	
	position: absolute;
	top: 5px;
	
	width: 155px;
	height: 145px;
}
.eslinkki2
{
	display: block;
	
	position: absolute;
	top: 78px;
	left: 155px;
	
	width: 252px;
	height: 26px;
}

.tyhjaruutu
{
	display: block;
	
	width: 197px;
	height: 85px;
}


/*
		PÄÄVALIKKO
==============================================================================================================================
*/

#valikko
{
	display: block;
	float: left;
	
	width: 649px;
	height: 42px;
	
	position: absolute;
	bottom: 4px;
	left: 165px;
}

a.nappi
{
	display: block;
	float: left;
	
	margin: 0 2px 0 0;
	
	height: 41px;
	
	overflow: hidden;
}

a.joukkue
{
	width: 60px;
	background: url('../kuvat/valikko_joukkue.gif') 0 0 no-repeat;
}
a.ottelut
{
	width: 55px;
	background: url('../kuvat/valikko_ottelut.gif') 0 0 no-repeat;
}
a.tilastot
{
	width: 57px;
	background: url('../kuvat/valikko_tilastot.gif') 0 0 no-repeat;
}
a.yhteystiedot
{
	width: 82px;
	background: url('../kuvat/valikko_yhteystiedot.gif') 0 0 no-repeat;
}
a.yhteistyossa
{
	width: 82px;
	background: url('../kuvat/valikko_yhteistyossa.gif') 0 0 no-repeat;
}
a.keskustelu
{
	width: 73px;
	background: url('../kuvat/valikko_keskustelu.gif') 0 0 no-repeat;
}
a.nuoret
{	
	width: 53px;
	background: url('../kuvat/valikko_nuoret.gif') 0 0 no-repeat;
}
a.kauppa
{
	width: 56px;
	background: url('../kuvat/valikko_kauppa.gif') 0 0 no-repeat;
}



a.joukkue:hover, a.ottelut:hover, a.tilastot:hover, a.yhteystiedot:hover, a.yhteistyossa:hover, a.keskustelu:hover, a.nuoret:hover, a.kauppa:hover, a.valittu
{
	background-position: 0 -42px;
}


/*
		PÄÄALUE
==============================================================================================================================
*/

.sivuotsikko
{
	display: block;
	float: left;
	
	margin: 0 0 15px 0 !important;
	margin: 0;
	
	width: 604px;
	height: 48px;
}

.etusivu
{
	background: url('../kuvat/sivuotsikko_etusivu.jpg') 0 0 no-repeat;
}
.joukkue
{
	background: url('../kuvat/sivuotsikko_joukkue.jpg') 0 0 no-repeat;
}
.ottelut
{
	background: url('../kuvat/sivuotsikko_ottelut.jpg') 0 0 no-repeat;
}
.tilastot
{
	background: url('../kuvat/sivuotsikko_tilastot.jpg') 0 0 no-repeat;
}
.yhteystiedot
{
	background: url('../kuvat/sivuotsikko_yhteystiedot.jpg') 0 0 no-repeat;
}
.yhteistyossa
{
	background: url('../kuvat/sivuotsikko_yhteistyossa.jpg') 0 0 no-repeat;
}



.sisalto
{
	margin: 15px;
	
	z-index: 5;
}

.valiotsikko
{
	margin: 10px 0 5px 0;
}

.vasenpuoli
{
	display: block;
	float: left;

	width: 50%;
}
.oikeapuoli
{
	display: block;
	float: right;
	
	width: 50%;
}



/*
		REUNA-ALUE
==============================================================================================================================
*/

/* Kuukauden pelaaja */
/* ----------------- */

.kkpelaaja
{
	display: block;
	float: right;
	
	position: relative;
	
	width: 197px;
	height: 186px;
	
	margin: 0 0 1px 0;
	
	background: url('../kuvat/kuukauden_pelaaja.jpg') 0 0 no-repeat;
	
	font-family: Tahoma, Verdana, "Trebuchet MS", sans-serif;
	font-size: 9px;
	color: #b68300;
}

.pelaajakuva
{
	display: block;
	
	position: absolute;
	top: 50px;
	left: 7px;
	
	width: 83px;
}
	
.pelaajannimi
{
	display: block;
	
	position: absolute;
	top: 31px;
	left: 25px;
	
	width: 163px;
	
	color: #f2b100;
}
.syntymaika
{
	display: block;
	
	position: absolute;
	top: 62px;
	right: 8px;
	
	width: 96px;
	
	text-align: right;
}
.motto
{
	display: block;
	
	position: absolute;
	top: 88px;
	right: 8px;
	
	width: 96px;
	
	text-align: right;
}
.pelaajanumero
{
	display: block;
	
	position: absolute;
	top: 149px;
	left: 5px;
	
	width: 37px;
	height: 21px;
	
	line-height: 17px;
	
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
	font-weight: bold;
	color: #768445;
	
	text-align: center;
}
.pelipaikka
{
	display: block;
	
	position: absolute;
	top: 149px;
	left: 53px;
	
	width: 136px;
	height: 21px;
	
	line-height: 21px;
	
	color: #676d4d;
	font-size: 10px;
	font-weight: bold;
	
	text-transform: uppercase;
}


/* Yhteistyössä */
/* ----------------- */

.reunaotsikko
{
	display: block;
	
	width: 197px;
	height: 27px;
}
.yhteistyotsikko
{
	background: url('../kuvat/reunaotsikko_yhteistyossa.jpg') 0 0 no-repeat;
}

.pikkuboksi
{
	display: block;
	float: right;
	
	position: relative;
	
	width: 197px;
	
	background: url('../kuvat/reunaloota_tausta.jpg') 0 0 repeat-y;
	
	font-family: Tahoma, Verdana, "Trebuchet MS", sans-serif;
	font-size: 9px;
	color: #b68300;
	
	text-align: center;
}

.pbpohja
{
	display: block;
	
	width: 197px;
	height: 8px;
	
	background: url('../kuvat/reunaloota_alareuna.jpg') 0 100% no-repeat;
}

.sponsorikuvat
{
	display: block;
	width: 100%;
	
	text-align: center;
}
.sponsorikuvat img
{
	margin: 5px 7px;
}
.sponsorikuva
{
	margin: 10px 10px;
}


/*
		TULOSTAULU
==============================================================================================================================
*/

/* Viimeisin ottelu */
/* ---------------- */

.viimeisinottelu
{
	display: block;
	
	position: absolute;
	top: 25px;
	left: 514px;
	
	height: 22px;
	line-height: 22px;
	
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	
	font-family: Tahoma, Verdana, "Trebuchet MS", sans-serif;
}
.vokoti
{
	display: block;
	float: left;
	
	width: 96px;
}
.vovieras
{
	display: block;
	float: left;
	
	width: 91px;
}
.tulos1
{
	display: block;
	float: left;
	
	width: 26px;
	
	color: #3f4a16;
	text-align: center;
}
.tulos2
{
	display: block;
	float: left;
	
	margin: 0 0 0 2px;
	
	width: 26px;
	
	color: #3f4a16;
	text-align: center;
}

.jatkoaika
{
	display: block;
	float: left;
	
	margin: 0 0 0 3px;
	
	width: 26px;
	
	color: #3f4a16;
	text-align: center;
}


/* Seuraava ottelu */
/* --------------- */

.seuraavaottelu
{
	display: block;
	
	position: absolute;
	top: 66px;
	left: 514px;
	
	height: 22px;
	line-height: 22px;
	
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	
	font-family: Tahoma, Verdana, "Trebuchet MS", sans-serif;
}
.sokoti
{
	display: block;
	float: left;
	
	width: 96px;
}
.sovieras
{
	display: block;
	float: left;
	
	width: 91px;
}
.sopvm
{
	display: block;
	float: left;
	
	width: 83px;
	
	font-weight: normal;
	color: #3c4814;
	text-align: center;
}



/*
		TULOKSET
==============================================================================================================================
*/

.taulukko
{
	display: block;
	float: left;
	
	width: 100%;
	
	margin: 5px 0 15px 0;
	
	text-align: left;
}

.taulukko .rivi1, .taulukko .rivi2
{
	display: block;
	float: left;
	
	height: 21px;
	
	padding: 0 0 1px 0;
	
	font-family: Tahoma, Verdana, "Trebuchet MS", sans-serif;
	font-size: 9px;
	color: #fff;
}
.taulukko .rivi1 div, .taulukko .rivi2 div
{
	display: block;
	float: left;
	
	height: 21px;
	line-height: 21px;
	
	text-indent: 5px;
}
.taulukko div .v
{
	border-right: 2px solid #f6f6f6;
}
	
.rivi1 .vpuoli
{
	background: url('../kuvat/rivi_tausta1_1.jpg') 0 0 repeat-x;
}
.rivi1 .opuoli
{
	background: url('../kuvat/rivi_tausta1_2.jpg') 0 0 repeat-x;
	
	margin: 0 0 0 4px;
	
	font-weight: bold;
}
.rivi2 .vpuoli
{
	background: url('../kuvat/rivi_tausta2_1.jpg') 0 0 repeat-x;

}
.rivi2 .opuoli
{
	background: url('../kuvat/rivi_tausta2_2.jpg') 0 0 repeat-x;

	
	margin: 0 0 0 4px;
	
	font-weight: bold;
}

.rivi1 .vpaaty
{
	background: url('../kuvat/rivi_paaty_vasen1.jpg') 0 0 no-repeat;
}
.rivi2 .vpaaty
{
	background: url('../kuvat/rivi_paaty_vasen2.jpg') 0 0 no-repeat;
}
.rivi1 .opaaty
{
	background: url('../kuvat/rivi_paaty_oikea1.jpg') 100% 0 no-repeat;
}
.rivi2 .opaaty
{
	background: url('../kuvat/rivi_paaty_oikea2.jpg') 100% 0 no-repeat;
}


/* Sarakeleveydet */
/* -------------- */

.onro
{
	width: 45px;
	font-weight: bold;
}
.pvm
{
	width: 65px;
}
.aika
{
	width: 40px;
}
.paikka
{
	width: 104px;
}

.koti
{
	width: 117px;
	font-size: 11px;
	color: #23251f;
}
.vieras
{
	width: 117px;
	font-size: 11px;
	color: #23251f;
}
.tulos
{
	width: 52px;
	text-align: center;
	margin: 0 0 0 -4px;
}
.jaika
{
	width: 20px;
}
.jaika img
{
	margin: 2px 0 0 -3px;
}


/* Selitesarakkeet */
/* --------------- */

.taulukko .seliterivi1, .seliterivi2
{
	display: block;
	float: left;
	
	width: 100%;
	
	height: 10px;
	
	margin: 0 0 2px 0;
}

.seliterivi1 div div, .seliterivi2 div div
{
	display: block;
	float: left;
	
	line-height: 8px;
	text-align: right;
}

.seliterivi1, .seliterivi2
{
	font-size: 1px;
}

.pitka
{
	width: 153px;
}

.taulukko abbr
{
	text-decoration: none;
	border: 0;
}

.pruutu
{
	width: 50px;
	
	margin: 0 0 0 -5px;
	
	text-align: center;
	font-weight: normal;
}
.pruutu2
{
	width: 40px;
	
	margin: 0 0 0 -5px;
	
	text-align: center;
	font-weight: normal;
}
.pruutu3
{
	width: 30px;
	
	margin: 0 0 0 -5px;
	
	text-align: center;
	font-weight: normal;
}
.pruutu4
{
	width: 41px;
	
	margin: 0 0 0 -5px;
	
	text-align: center;
	font-weight: normal;
}


/* Sarjataulukko */
/* ------------- */

.ryhma
{
	width: 143px;
	font-weight: bold;
	color: #23251f;
}

.r
{
	border-right: 4px solid #f6f6f6;
}


/* Joukkuetilasto */
/* -------------- */

.pnumero
{
	width: 25px;
	font-weight: bold;
	
	text-align: center;
}
.ppaikka
{
	width: 30px;
	
	margin: 0 0 0 -3px;
	
	text-align: center;
}
.pelaaja
{
	width: 140px;
	
	font-weight: bold;
	color: #23251f;
}

.b
{
	font-weight: bold;
}




/* Joukkuelista */
/* ------------ */

.joukkuelista
{
	display: block;
	float: left;
	
	width: 100%;
	
	margin: 5px -5px 20px 5px;
}

.jrivi
{
	display: block;
	float: left;
	
	width: 100%;
	height: 31px;
	line-height: 21px;
	
	margin: 0 0 -8px 0;
	
	font-family: Tahoma, Verdana, "Trebuchet MS", sans-serif;
	font-size: 11px;
	font-weight: bold;
	
	color: #23251f;
}

.jnum1
{
	display: block;
	float: left;
	
	margin: 0 5px 0 0;
	
	width: 23px;
	height: 21px;
	
	text-align: center;
	font-size: 10px;
	color: #fff;
	
	background: url('../kuvat/numeropallo1.jpg') 0 0 no-repeat;
}
.jnum2
{
	display: block;
	float: left;
	
	margin: 0 5px 0 0;
	
	width: 22px;
	height: 21px;
	
	text-align: center;
	font-size: 10px;
	color: #fff;
	
	background: url('../kuvat/numeropallo2.jpg') 0 0 no-repeat;
}

.jnimi
{
	display: block;
	float: left;
	
	width: 150px;
}

.jpaikka
{
	display: block;
	float: left;
	
	font-weight: normal;
}

.vali
{
	display: block;
	float: left;

	width: 100%;
	
	margin: 0 0 10px 0 !important;
	margin: 0 0 -10px 0;
}
.vali2
{
	display: block;
	float: left;

	width: 100%;
	
	margin: 0 0 3px 0;
}


/* Pistepörssi */
/* ----------- */

.pnumero2
{
	width: 33px;
	font-weight: bold;
	
	text-align: center;
}

.ryhma2
{
	width: 140px;
	color: #23251f;
}

.pelaaja2
{
	width: 169px;
	
	font-weight: bold;
	color: #23251f;
}


/* Maalipörssi */
/* ----------- */

.ryhma3
{
	width: 165px;
	color: #23251f;
}

.pelaaja3
{
	width: 220px;
	
	font-weight: bold;
	color: #23251f;
}


/* Jäähypörssi */
/* ----------- */

.ryhma4
{
	width: 110px;
	color: #23251f;
}

.pelaaja4
{
	width: 162px;
	
	font-weight: bold;
	color: #23251f;
}


/* Tilastonapit */
/* ------------ */

.tnappirivi
{
	display: block;
	float: left;
	
	width: 535px;
	
	margin: -12px auto 30px 18px !important;
	margin: -12px auto 30px 8px;
}

.tnappi
{
	display: block;
	float: left;
	
	height: 26px;
	
	margin: 0 2px 0 2px;
}

.tsarjataulukko
{
	width: 107px;
	background: url('../kuvat/tilastonappi_sarjataulukko.gif') 0 0 no-repeat;
}
.tjoukkue
{
	width: 135px;
	background: url('../kuvat/tilastonappi_joukkue.gif') 0 0 no-repeat;
}
.pisteporssi
{
	width: 89px;
	background: url('../kuvat/tilastonappi_pisteporssi.gif') 0 0 no-repeat;
}
.maaliporssi
{
	width: 89px;
	background: url('../kuvat/tilastonappi_maaliporssi.gif') 0 0 no-repeat;
}
.jaahyporssi
{
	width: 92px;
	background: url('../kuvat/tilastonappi_jaahyporssi.gif') 0 0 no-repeat;
}

.tsarjataulukko:hover, .tjoukkue:hover, .pisteporssi:hover, .maaliporssi:hover, .jaahyporssi:hover, .naytetaan
{
	background-position: 0 -27px;
}


/* Yhteystiedot */
/* ------------ */

.selite
{
	width: 240px;
}
.tieto1
{
	width: 200px;
}
.tieto2
{
	width: 127px;
	text-align: left;
	
	font-weight: normal;
}

.tyhja
{
	background: #f6f6f6;
}



/* Etusivu */
/* ------- */

.lipputaulu
{
	display: block;
	
	width: 100%;
	height: 300px;
	
	background: url('../kuvat/kiekkoilija1.gif') 100% 100% no-repeat;
}

.selite2
{
	width: 300px;
}
.hinta
{
	width: 45px;
}

.kuva
{
	display: block;
}

/*
		FOOTER
==============================================================================================================================
*/

.footer
{
	display: block;
	float: left;
	
	width: 100%;
	
	height: 30px;
	
	font-family: Tahoma, Verdana, "Trebuchet MS", sans-serif;
	font-size: 11px;
	color: #36638c;
	
	background: #143656;
}

.footerteksti
{
	display: block;
	float: left;
	
	margin: 1px 0 0 10px;
}

a.finefocus
{
	display: block;
	float: right;
	
	width: 104px;
	height: 7px;
	
	margin: 6px 10px 0 0;
	
	background: url('../kuvat/design_finefocus.jpg') 0 0 no-repeat;
	
	overflow: hidden;
}
a.finefocus:hover
{
	background-position: 0 -7px;
}