/* Tama on Kristallipalatsin kotisivujen tyylitiedosto, joka maarittelee
   ruudulla nakyvan (screen) version ulkonaon */
   
/* maaritellaan ensin sivun oletukset */
body
{
	font-family: Arial, Times, serif;
	color: rgb(255,255,255);
	background-color: rgb(218,25,5);
	background-image: url(bg.jpg);
}

a:visited
{
}

a:hover
{
}

/* ----------------------- taalla maaritellaan headerin ulkoasu ------------------------------ */

div.osoite
{
	margin-left: 50px;
}

div.osoite h2
{
	font-family: "Times New Roman";
	font-size: medium;
}

div.ylapalkki
{
	margin-top: 15px;
	margin-left: 30px;
	margin-right: 30px;
	height: 30px;
	color: rgb(255,255,255);
	text-align: center;
}

div.ylapalkki div.vasen
{
	float: left;
	height: 30px;
	width: 15px;
	background-image: url(ylapalkki_left.png);
}

div.ylapalkki div.keski
{
	background-image: url(ylapalkki_middle.png);
	height: 30px;
	margin-left: 15px;
	margin-right: 15px;
}

div.ylapalkki div.oikea
{
	float: right;
	height: 30px;
	width: 15px;
	background-image: url(ylapalkki_right.png);
}

div.ylapalkki div.keski h1
{
	color: rgb(34,8,8);
	line-height: 30px;
	font-size: 20px;
	font-weight: bold;
}

/* ----------------------- taalla maaritellaan valikon ulkoasu ------------------------------- */

div.valikko
{
	float: left;
	width: 180px;
	margin-top: 50px;
	margin-left: 20px;
	text-align: center;
}

div.valikko div.ylareuna
{
	width: 180px;
	height: 16px;
	background-image: url(valikko_top.png);
}

div.valikko div.alareuna
{
	width: 180px;
	height: 16px;
	background-image: url(valikko_bottom.png);
}

div.valikko div.keski
{
	background-image: url(valikko_middle.png);
	padding-top: 5px;
	padding-bottom: 5px;
}

div.valikko div.keski table
{
	width: 180px;
}

div.valikko h2
{
	font-size: medium;
	color: rgb(0,0,0);
}

div.valikko a
{
	font-size: small;
	color: rgb(218,25,5);
}

div.valikko a:active
{
	color: rgb(200,200,200);
	background-color: rgb(0,0,200);
}

div.valikko a:visited
{
	color: rgb(218,25,5);
}

div.valikko a:hover
{
	color: rgb(7,25,90);
	font-weight: bold;
	font-size: medium;
}	


/* ----------------------- taalla maaritellaan footerin ulkoasu ------------------------------- */

div.footer
{
	color: rgb(128,128,128);
	background-image: url(empty.png);
	font-family: Arial, serif;
	font-size: x-small;
	padding-right: 10px;
	white-space: nowrap;
}

div.footer img
{
	width: 15px;
	height: 15px;
}

div.footer a
{
	font-size: small;
	color: rgb(255,255,255);
}

div.footer a:active
{
	color: rgb(218,25,5);
}

div.footer a:visited
{
	color: rgb(218,25,5);
}

div.footer a:hover
{
	color: rgb(240,25,5);
	text-decoration: underline;
}

/* ----------------------- taalla maaritellaan sisallon ulkoasu ------------------------------- */

div.index
{
	text-align: center;
	color: rgb(0,0,0);
	margin-top: 50px;
	margin-right: 160px;
	padding-top: 100px;
	padding-bottom: 100px;
}

div.index a
{
	color: rgb(255,255,255);
}

div.sivu
{
	margin-top: 30px;
	margin-left: 230px;
	margin-right: 70px;
	color: rgb(0,0,0);
}

div.sivu div.keskiosa
{
	background-image: url(white_background.png);
	padding-top: 20px;
	padding-bottom: 20px;
}

div.sivu div.ylaosa
{
	height: 15px;
}

div.sivu div.ylaosa div.vasen
{
	float: left;
	width: 15px;	
	height: 15px;
	background-image: url(top_left.png);
}

div.sivu div.ylaosa div.keski
{
	height: 15px;
	margin-left: 15px;
	margin-right: 15px;
	background-image: url(white_background.png);
}

div.sivu div.ylaosa div.oikea
{
	float: right;
	width: 15px;	
	height: 15px;
	background-image: url(top_right.png);
}

div.sivu div.alaosa
{
	height: 15px;
}

div.sivu div.alaosa div.vasen
{
	float: left;
	width: 15px;	
	height: 15px;
	background-image: url(bottom_left.png);
}

div.sivu div.alaosa div.keski
{
	height: 15px;
	margin-left: 15px;
	margin-right: 15px;
	background-image: url(white_background.png);
}

div.sivu div.alaosa div.oikea
{
	float: right;
	width: 15px;	
	height: 15px;
	background-image: url(bottom_right.png);
}

div.sivu div.sisalto
{
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
}

div.sivu div.sisalto div.logo img
{
	float: right;
	width: 180px;
	height: 200px;
	padding-right: 20px;
	padding-bottom: 20px;
}

/* ------------------ taalla maaritellaan eri sivuille ominaisia asioita -------------------------- */

div.sivu div.sisalto div.uutiset
{
	color: rgb(12,82,111);
	padding-top: 10px;
	list-style: none;
}

div.sivu div.sisalto div.uutiset a
{
	color: rgb(10,78,100);
}

div.sivu div.sisalto div.pelaajalista li
{
	list-style: none;
}

div.sivu div.sisalto div.pelaajalista a
{
	color: rgb(7,25,90);
}

div.sivu div.sisalto div.pelaajalista a:hover
{
	color: rgb(240,25,5);
}

div.sivu div.sisalto div.ottelut
{
	padding-top: 50px;
	text-align: center;
}

div.sivu div.sisalto div.ottelut td
{
	padding-right: 20px;
}

div.sivu div.sisalto div.ottelut div.tulos
{
	font-weight: bold;
}

div.sivu div.sisalto div.tilastot
{
	padding-top: 20px;
	color: rgb(12,82,111);
	font-size: 12px;
}

div.sivu div.sisalto div.yhteystiedot
{
	font-size: small;
}

div.sivu div.sisalto div.yhteystiedot table
{
	width: 300px;
}

div.sivu div.sisalto div.yhteystiedot table h2
{
	text-align: left;
}

div.sivu div.sisalto div.yhteystiedot h2
{
	color: rgb(12,82,111);
}

div.sivu div.sisalto div.yhteystiedot tr
{
	line-height: 30px;
}

div.sivu div.sisalto div.yhteystiedot tr img
{
	height: 20px;
	width: 20px;
	padding-right: 10px;
}

div.sivu div.pelaajakortti
{
	padding-left: 50px;
}

div.sivu div.pelaajakortti img
{
	width: 300px;
	padding-bottom: 20px;
}

div.sivu div.pelaajakortti th
{
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

div.sivu div.kuvagalleria
{
	color: rgb(12,82,111);
	padding-top: 10px;
}

div.sivu div.kuvagalleria li
{
	list-style: none;
}

div.sivu div.kuvagalleria a
{
	color: rgb(7,25,90);
}

div.sivu div.galleria
{
	padding-left: 50px;
	list-style: none;
}

div.sivu div.galleria img
{
	width: 200px;
}

div.sivu div.otteluraportti
{
	padding-left: 50px;
}

div.sivu div.otteluraportti th
{
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}