body {
background-color:#ae0000;
background:url(../kuvat/yla_tausta.jpg) repeat-x;
margin:0 auto;
text-align:left;
width:100%;
}
h1, h2 {
font-weight: bold;
}

h1, h2 {
font-family: Georgia, Times, serif;
}

h1 {
font-size: 3em;
}

h2 {
font-size: 1em;
font-style: italic;
}

h3 {
font-size: 0,5em;
}

p.otsikko {
font-size: 12px;
font-weight: bold;
}

.kursiivi {
font-style: italic;
font-weight: normal;
font-size: 10px;
}

.kuvateksti {
font-style: italic;
font-weight: normal;
font-size: 10px;
text-align: center;
}


STYLE BODY {
	COLOR: black; FONT: 10px Verdana
}
P {
	COLOR: black; FONT: 10px Verdana
}
TD {
	COLOR: black; FONT: 10px Verdana
}

A {
	COLOR: blue; TEXT-DECORATION: underline
}
A:hover {
	TEXT-DECORATION: underline
	COLOR: #73B5F7;
}
A {     text-decoration: none;

} 
A:link {color: #690e09;

}
A:visited {  color: #800080;}

UL {
	COLOR: black; FONT-FAMILY: Verdana; FONT-SIZE: 11px; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal
}

table#sarjataul { 
        border-collapse: collapse; 
	margin: 0 10px 0 10px;
	text-align:left;
	padding: 0 0 0 0;
	width:130px;
}

table#uutistaulukko { 
        border-collapse: separate; 
	margin: 0 10px 0 10px;
	text-align:left;
	padding: 0 0 0 0;
	width:400px;
}

.uutiskuva {
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	background: #c3c3c3;
        border: 1px solid #000000;
        }


#header 
{
	width:100%;
	height:209px;
	text-align:left;
}

#ylakuva1
{
	display: block;
	background:url(../kuvat/yla.jpg) no-repeat;
	float: left;
	width: 800px;
	height: 209px;
}

.hakukentta
{
	display: block;
	
	position: absolute;
	top: 10px;
	left: 600px;
	
	height: 22px;
	line-height: 22px;
	
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	
	font-family: Tahoma, Verdana, "Trebuchet MS", sans-serif;
}

#palstat {
	background:#AE0000;
	width:100%;
	float:left;
	text-align:left;
	color:#000000;
	font-size:13px;
	margin: 0;
	padding: 0;
}

#vasenpoikki { 
	display: block;
	width:180px;
	float:left;
	margin: 0 0 0 0;
	text-align:center;
	padding: 0 0 0 0;
}
.vasen { 
	background:#FFFFFF;
	display: block;
	width:150px;
	float:left;
	margin: 0 15px 0 15px;
	text-align:center;
	padding: 0 0 0 0;
}
.vasenpohja {
	display: block;
	float: left;
	position: relative;
	background:url(../kuvat/150pyoristys_ala.jpg) 0 100% no-repeat;
	width:150px;
	margin: 0 0 0 0px;
	text-align:left;
	font-size: 0.9em;
	padding: 0 0 32px 0;
}
.vasenotsikko {
	background:url(../kuvat/150pyoristys_yla.jpg) no-repeat;
	width:150px;
	margin: 0 0 0 0px;
	text-align:left;
	font-size: 0.9em;
	padding: 0 0 32px 0;
}
.vasensisalto {
	background:url(../kuvat/vasentaustayla.jpg) no-repeat;
        float: left;
	width:150px;
	margin: 0 0 0 0px;
	text-align:left;
	font-size: 0.9em;
	padding: 0 0 32px 0;
}

#keskuslaatikko {
	background:#FFFFFF;
	width:620px;
	margin: 0 0 0 180px;
	text-align:left;
	font-size: 13px;

}
.kaari {
	background:url(../kuvat/otsikko.jpg) no-repeat;
	width:620px;
	margin: 0 0 0 0;
	text-align:left;
	font-size: 0.9em;
	padding: 0 0 60px 0;
}
.kaari_haku {
	background:url(../kuvat/otsikko_haku.jpg) no-repeat;
	width:620px;
	margin: 0 0 0 0;
	text-align:left;
	font-size: 0.9em;
	padding: 0 0 60px 0;
}
.kaari_uutisarkisto {
	background:url(../kuvat/otsikko_uutisarkisto.jpg) no-repeat;
	width:620px;
	margin: 0 0 0 0;
	text-align:left;
	font-size: 0.9em;
	padding: 0 0 60px 0;
}
.kaari_joukkue {
	background:url(../kuvat/otsikko_joukkue.jpg) no-repeat;
	width:620px;
	margin: 0 0 0 0;
	text-align:left;
	font-size: 0.9em;
	padding: 0 0 60px 0;
}
.kaari_info {
	background:url(../kuvat/otsikko_info.jpg) no-repeat;
	width:620px;
	margin: 0 0 0 0;
	text-align:left;
	font-size: 0.9em;
	padding: 0 0 60px 0;
}
.kaari_tilastot {
	background:url(../kuvat/otsikko_tilastot.jpg) no-repeat;
	width:620px;
	margin: 0 0 0 0;
	text-align:left;
	font-size: 0.9em;
	padding: 0 0 60px 0;
}
.kaari_yhteistyossa {
	background:url(../kuvat/otsikko_yhteistyossa.jpg) no-repeat;
	width:620px;
	margin: 0 0 0 0;
	text-align:left;
	font-size: 0.9em;
	padding: 0 0 60px 0;
}
.kaari_arkisto {
	background:url(../kuvat/otsikko_arkisto.jpg) no-repeat;
	width:620px;
	margin: 0 0 0 0;
	text-align:left;
	font-size: 0.9em;
	padding: 0 0 60px 0;
}
.kaari_ottelut {
	background:url(../kuvat/otsikko_ottelut.jpg) no-repeat;
	width:620px;
	margin: 0 0 0 0;
	text-align:left;
	font-size: 0.9em;
	padding: 0 0 60px 0;
}
.kaari_kausi06-07 {
	background:url(../kuvat/otsikko_kausi06-07.jpg) no-repeat;
	width:620px;
	margin: 0 0 0 0;
	text-align:left;
	font-size: 0.9em;
	padding: 0 0 60px 0;
}

.kaari_kausi07-08 {
	background:url(../kuvat/otsikko_kausi07-08.jpg) no-repeat;
	width:620px;
	margin: 0 0 0 0;
	text-align:left;
	font-size: 0.9em;
	padding: 0 0 60px 0;
}

.kaari_kausi08-09 {
	background:url(../kuvat/otsikko_kausi08-09.jpg) no-repeat;
	width:620px;
	margin: 0 0 0 0;
	text-align:left;
	font-size: 0.9em;
	padding: 0 0 60px 0;
}

.kaari_kausi09-10 {
	background:url(../kuvat/otsikko_kausi09-10.jpg) no-repeat;
	width:620px;
	margin: 0 0 0 0;
	text-align:left;
	font-size: 0.9em;
	padding: 0 0 60px 0;
}

.sisalto2 {
	background:#FFFFFF;
	width:600px;
	display: block;
	float:right;
	margin: 0 0 0 0;
	text-align:left;
	font-size: 13px;
	padding: 0 10px 10px 10px;
}

#etusisalto { 
	display: block;
        float: left;
	width: 430px;
}

#etusivupalkki { 
	display: block;
        margin: 0 0 0 440px;
        width: 150px;
	text-align: right;
}

#keskuslaatikko ul.viimeisimmat
{
	display: block;
	padding: 10px;
	margin: 0 10px 10px 0;
	border: 1px solid #cccccc;
	background-color: #eeeeff;
	list-style-position: inside;
	text-align: left;
	line-height: 1em;
}

.artikkelikuva { 
	background:#FFFFFF;
	display: block;
	float:left;
	margin: 0 5px 2px 0;
	text-align:center;
	padding: 0 0 0 0;
}

#osoiterivi {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#osoiterivi li {
	display: inline;
	padding: 0 5px 0 5px;
	margin: 0;
	}

.taulukko
{
	display: block;
	float: left;
	
	width: 100%;
	
	margin: 0 0 0 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;
        text-indent: 5px;
	height: 21px;
	line-height: 21px;
}
.taulukko div .v
{
	border-right: 1px solid #f6f6f6;
}
	
.rivi1 .vpuoli
{
	background: url('../kuvat/rivi_tausta1_1.jpg') 0 0 repeat-x;
	margin: 0 0 0 2px;
}
.rivi1 .opuoli
{
	background: url('../kuvat/rivi_tausta1_2.jpg') 0 0 repeat-x;
	
	margin: 0 0 0 2px;
	
	font-weight: bold;
}
.rivi2 .vpuoli
{
	background: url('../kuvat/rivi_tausta2_1.jpg') 0 0 repeat-x;
	margin: 0 0 0 2px;
}
.rivi2 .opuoli
{
	background: url('../kuvat/rivi_tausta2_2.jpg') 0 0 repeat-x;

	margin: 0 0 0 2px;
	
	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;
}


.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: 43px;
	
	margin: 0 0 0 0;
	
	text-align: center;
	font-weight: normal;
}
.pruutu2
{
	width: 150px;
	
	margin: 0 0 0 -5px;
	
	text-align: left;
	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;
}

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

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

.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;
}

#footer {
background:#0000000;
width:800px;
height:43px;
}


/* ######### ottelutilastot - boxi ######### */

.boxi_sisalto
{
	padding: 0px 5px 0px 5px;
	clear: right;
}


.boxi_head {height: 5px; clear: right;}

.boxi_foot {height: 5px; clear: right;}


.boxi_ylavasen {position: static; float:left; background-image: url("../kuvat/boxi_ylavasen.gif"); width: 5px; height: 5px; font-size: 1px; line-height: 1px; }
.boxi_ylaoikea {position: static; float:right; clear: right; background-image: url("../kuvat/boxi_ylaoikea.gif"); width: 5px; height: 5px; font-size: 1px; line-height: 1px; }
.boxi_alavasen {position: static; float:left; background-image: url("../kuvat/boxi_alavasen.gif"); width: 5px; height: 5px; font-size: 1px; line-height: 1px; }
.boxi_alaoikea {position: static; float:right; background-image: url("../kuvat/boxi_alaoikea.gif"); width: 5px; height: 5px; font-size: 1px; line-height: 1px; }



.ottelutilastot
{
	background: #AE0000;
	background-image: url("../kuvat/ottelu_yla.gif");
	background-repeat: no-repeat;
	margin-bottom: 1px;
}


.ottelutilastot_eitaustaa
{
	background: #AE0000;
	margin-bottom: 1px;
}

.boxi_otsikko
{
	text-align: left;
	padding: 0px 0px 0px 35px;
}

.boxi_valkoinen
{
	/*width: 248px;
	height: 248px;*/
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	background-color: #FFFFFF;
}


/* ######### Joukkue-sivu ######### */


.gallery-image-container { margin: 0; padding: 0; float: left; width: 100px; display: inline; height: 100px; overflow: hidden; }

.gallery-image-container img.joukkue { border: none; margin: 0px; padding: 10px; width: 80px; display: inline; height: 80px; }

.gallery-image-container a { margin: 0; padding: 0px; width: 100px; display: block; background: url("http://www.hckemi.com/kuvat/gallery-image-container-bg.png") no-repeat 50% 50%; height: 100px; }

.gallery-image-container a:hover { background: url("http://www.hckemi.com/kuvat/a-hover-gallery-image-container-bg.png") no-repeat 50% 50%; }

/* ######### kehykset tekstin ympärillä ######### */

p#uutiset {
	text-align: center;
	background: #FFC;
	border: 1px dashed #C00;
	padding: 3px;
	margin: 10px 3px 10px 3px;
	}

p#kehys {
	text-align: left;
	background: #FFC;
	border: 1px dashed #C00;
	padding: 3px;
	margin: 10px 3px 10px 3px;
	}

.slidetabsmenu{
float:left;
background:#ae0000;
width:100%;
font-size: 12px;
line-height:normal;
border-bottom: 1px solid gray;
}

* html .slidetabsmenu{ /*IE only. Add 1em spacing between menu and rest of content*/
margin-bottom: 0em;
}

.slidetabsmenu ul{
list-style-type: none;
margin:0;
padding:0;
}

.slidetabsmenu li{
display:inline;
margin:0;
padding:0;
}

.slidetabsmenu a{
float:left;
background:url(../kuvat/slide-left.gif) no-repeat left top;
margin:0;
margin-right: 5px;
padding:0 0 0 9px;
text-decoration:none;
}

.slidetabsmenu a span {
float:left;
display:block;
background:url(../kuvat/slide-right.gif) no-repeat right top;
padding:2px 13px 2px 4px;
font-weight:bold;
color:#3B3B3B;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.slidetabsmenu a span {float:none;}
/* End IE5-Mac hack */

.slidetabsmenu a:hover span, .slidetabsmenu li.selected a span{
color: black;
}

.slidetabsmenu a:hover, .slidetabsmenu li.selected a{
background-position:0% -125px;
}

.slidetabsmenu a:hover span, .slidetabsmenu li.selected a span{
background-position:100% -125px;
}

html>/**/body .IEonlybr{ /*None IE browsers hack*/
display: none; /*Hide BR tag in non IE browsers, since it's not needed*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_c{
position:absolute;
top: 0;
border: 1px solid #918d8d; /*THEME CHANGE HERE*/
border-width: 0 1px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv_c a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #918d8d; /*THEME CHANGE HERE*/
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv_c a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_c a:hover{ /*THEME CHANGE HERE*/
background-color: #eaeaea;
}