/*****************
*   PERUSJUTUT   *
*****************/

body
{  
background-image: url('kuvat/kkoytausta_pisteet.gif'); 
background-repeat: repeat-y
}

p {
color: #000000; 
font-family: Verdana, Arial, Times; 
font-size: 12px
}

	.mainos {
	text-align: center; 
	color: #002256; 
	text-decoration: none; 
	font-family: Verdana, Arial, Times; 
	font-size: 10px
	}

h1 {
font-family: Verdana, Arial, Times; 
font-size: 22px; 
margin: 0px 0px 0px 0px; 
color: #002256; 
border-bottom: 1px solid #002256
}

h2 {
font-family: Verdana, Arial, Times; 
font-size: 18px; 
margin: 0px 0px 10px 0px; 
color: #002256; 
border-bottom: 1px solid #002256
}

h3 {
font-family: Verdana, Arial, Times; 
font-size: 14px; 
margin: 0px 0px 0px 0px; 
color: #002256; 
border-bottom: 1px solid #002256
}

h4 {
font-family: Verdana, Arial, Times; 
font-size: 12px; 
margin: 0px 0px 0px 0px; 
color: #002256
}

img {
float: left; 
border-style: none;
padding: 0px; 
margin: 0px
}

ul {
color: #000000; 
font-size: 12px; 
font-family: Verdana, Arial, Times; 
list-style-type: square;
marker-offset: 2px
}

hr {
margin: 4px 0px 4px 0px;
color: #002256
}



/*****************
*   DIV ID:t     *
*****************/

#koko {
float: left; 
margin-left: 50px;
margin-top: 8px;
margin-bottom: 0px; 
width: 800px; 
clear: both; 
padding: 0px 0px 0px 0px
}

#sisaan {
float: right; 
width: 800px; 
height: 25px; 
clear: both; 
padding: 1px 0px 0px 0px; 
border-bottom: 1px solid #002256
}

#sisalto {
float:left;  
width: 800px; 
background-color: #ffffff
}

#otsikko {
clear: both;
padding: 0px 0px 0px 0px;
background-color: #ffffff
}


#ylapalkki {
width: 776px; 
height: 15px; 
clear: both; 
background-color: #68bf09; 
padding: 0px 12px 0px 12px; 
border-top: 1px solid #002256; 
border-bottom: 1px solid #002256
}

	.ylapalkki {
	float: left; 
	color: #ffffff;
	text-decoration: none; 
	font-family: Verdana, Arial, Times; 
	font-size: 11px
	}


#vasen {
float:left; 
clear: left; 
width: 140px;
padding: 22px 20px 10px 0px
}

	#linkit {
	float:left; 
	clear: left; 
	width: 140px;
	border-bottom: 1px solid #002256
	}

	#kirjautunut {
	float: left; 
	clear: left; 
	width: 140px; 
	margin-top: 30px; 
	}

		a.kirjautunut {
		float: left;
		color: #002256; 
		font-family: Verdana, Arial, Times; 
		text-decoration: none; 
		text-indent: 20px; 
		font-size: 11px
		}

	#mainos_vasen1 {
	float:left; 
	clear: left; 
	width: 140px;
	margin-top: 45px
	}

	#mainos_vasen2 {
	float:left; 
	clear: left; 
	width: 140px;
	margin-top: 15px
	}

	
#keski {
float: left; 
width: 460px; 
padding: 22px 20px 10px 20px
}

#oikea {
float: right; 
width: 110px; 
padding: 22px 0px 10px 20px
}

#ala {
float: left; 
clear: both;
margin: 10px 0px 15px 0px;
background-color: #ffffff
}

#alapalkki {
width: 775px; 
height: 15px; 
clear: both; 
text-align: center; 
color: #ffffff;
background-color: #68bf09; 
padding: 0px 12px 5px 12px; 
border-top: 1px solid #002256; 
border-bottom: 1px solid #002256
}

	.alapalkki {
	text-align: center; 
	color: #ffffff;
	text-decoration: none; 
	font-family: Verdana, Arial, Times; 
	font-size: 11px
	}



/***************
*    LINKIT    *
***************/

a {
color: #002256; 
/*text-decoration: none*/
}

a.iso
{
float: left;
width: 140px; 
font-family: Verdana, Arial, Times; 
text-decoration: none;
color: #002256;
background-image: 
url('kuvat/linkkitausta.gif');
background-repeat: repeat-y; 
border-bottom: 1px solid #002256; 
padding: 6px 0px;
font-size: 13px
}

a.pieni
{
float: left;
width: 140px; 
font-family: Verdana, Arial, Times; 
text-decoration: none; 
text-indent: 20px;
color: #002256;
background-image: 
url('kuvat/linkkitausta.gif');
background-repeat: repeat-y; 
padding: 3px 0px;
font-size: 11px
}

a.ylapalkki {
color: #ffffff;
text-decoration: none; 
font-family: Verdana, Arial, Times; 
font-size: 11px
}

a:hover, a.ylapalkki:hover, a.kirjautunut:hover, a.pieni:hover, a.iso:hover {
color: #fb5e00
}



/*****************
*   TAULUKOT     *
*****************/

table.sisaan {
width: 100%; 
float: right;
table-layout: auto;
}

span.sisaan, input.sisaan {
float: left;
font-size: 9px;
color: #002256;
text-decoration: none; 
font-family: Verdana, Arial, Times
}

td.sposti {
width: 180px;
height: 12px; 
font-size: 9px;
color: #002256;
text-decoration: none; 
font-family: Verdana, Arial, Times;
padding: 0px
}

td.salasana {
width: 150px;
height: 12px; 
font-size: 9px;
color: #002256;
text-decoration: none; 
font-family: Verdana, Arial, Times;
padding: 0px
}

td.kirjaudu {
width: 65px;
height: 12px; 
font-size: 9px;
color: #002256;
text-decoration: none; 
font-family: Verdana, Arial, Times;
padding: 0px
}

td.infopainike {
width: 15px;
height: 12px; 
font-size: 9px;
color: #002256;
text-decoration: none; 
font-family: Verdana, Arial, Times;
padding: 0px;
border: 0px
}

td.kirjaudu_ulos {
width: 195px;
height: 12px; 
font-size: 9px;
color: #002256;
text-decoration: none; 
font-family: Verdana, Arial, Times;
padding: 0px
}


/******************************/

table.kirjautunut {
width: 140px;
border-top: 1px solid #002256;
border-right: 3px solid #002256; 
border-bottom: 2px solid #002256; 
border-left: 1px solid #002256
}

td.nimi_status {
text-align: left; 
border-bottom: 1px solid #002256
}

td.omat_linkit {
}

td.ulos {
text-align: right;
font-size: 9px;
color: #002256;
text-decoration: none; 
font-family: Verdana, Arial, Times
}


/******************************/


table.lr {
width: 100%; 
table-layout: auto
}

.lr_vasen {
text-align: left; 
height: 17px; 
color: #002256; 
text-decoration: none; 
font-family: Verdana, Arial, Times; 
font-size: 10px
}

.lr_oikea {
text-align: right; 
height: 17; 
color: #002256; 
text-decoration: none; 
font-family: Verdana, Arial, Times; 
font-size: 10px
}

.lr_musta {
text-align: left; 
height: 17px; 
color: #000000; 
text-decoration: none; 
font-family: Verdana, Arial, Times; 
font-size: 10px
}


/******************************/

table.kirjalista {
width: 100%; 
table-layout: auto; 
border: 1px solid #002256
}

td.kuva { 
padding: 5px 15px 5px 15px
}

td.nimi {
padding: 5px;
font-size: 14px; 
font-family: Verdana, Arial, Times; 
color: #002256
}

td.hinta {
padding: 5px; 
text-align: right; 
font-size: 12px; 
font-family: Verdana, Arial, Times; 
color: #002256
}

td.painike {
padding: 5px 5px 5px 2px
}


/******************************/


table.h2 {
width: 100%; 
table-layout: auto; 
border-bottom: 1px solid #002256
}

td.h2_vasen {
font-family: Verdana, Arial, Times; 
font-size: 18px; 
font-weight: bold; 
padding: 0px; 
color: #002256
}

td.h2_oikea {
text-align: right; 
font-family: Verdana, Arial, Times; 
font-size: 18px; 
font-weight: bold; 
padding: 0px; 
color: #002256
}


/******************************/


table.kirjantiedot {
width: 100%; 
table-layout: auto; 
border: 1px solid #002256
}

td.kuva2 { 
padding: 15px 15px 5px 15px;
vertical-align: top; 
text-align: center
}

td.kuvaus {
vertical-align: top; 
font-size: 11px; 
font-family: Verdana, Arial, Times
}







/*****************
*   PERUSJUTUT   *
*****************/

body
{  
background-image: url('kuvat/kkoytausta_pisteet.gif'); 
background-repeat: repeat-y
}

p {
color: #000000; 
font-family: Verdana, Arial, Times; 
font-size: 12px
}

	.mainos {
	text-align: center; 
	color: #002256; 
	text-decoration: none; 
	font-family: Verdana, Arial, Times; 
	font-size: 10px
	}

h1 {
font-family: Verdana, Arial, Times; 
font-size: 22px; 
margin: 0px 0px 0px 0px; 
color: #002256; 
border-bottom: 1px solid #002256
}

h2 {
font-family: Verdana, Arial, Times; 
font-size: 18px; 
margin: 0px 0px 0px 0px; 
color: #002256; 
border-bottom: 1px solid #002256
}

h3 {
font-family: Verdana, Arial, Times; 
font-size: 14px; 
margin: 0px 0px 0px 0px; 
color: #002256; 
border-bottom: 1px solid #002256
}

h4 {
font-family: Verdana, Arial, Times; 
font-size: 12px; 
margin: 0px 0px 0px 0px; 
color: #002256
}

img {
float: left; 
border-style: none;
padding: 0px; 
margin: 0px
}

ul {
color: #002256; 
font-size: 12px; 
font-family: Verdana, Arial, Times; 
list-style-type: square;
marker-offset: 2px
}

hr {
margin: 4px 0px 4px 0px;
color: #002256
}



/*****************
*   DIV ID:t     *
*****************/

#koko {
float: left; 
margin-left: 50px;
margin-top: 8px;
margin-bottom: 0px; 
width: 800px; 
clear: both; 
padding: 0px 0px 0px 0px
}

#sisaan {
float: right; 
width: 800px; 
height: 25px; 
clear: both; 
padding: 1px 0px 0px 0px; 
border-bottom: 1px solid #002256
}

#sisalto {
float:left;  
width: 800px; 
background-color: #ffffff
}

#otsikko {
clear: both;
padding: 0px 0px 0px 0px;
background-color: #ffffff
}


#ylapalkki {
width: 776px; 
height: 15px; 
clear: both; 
background-color: #68bf09; 
padding: 0px 12px 0px 12px; 
border-top: 1px solid #002256; 
border-bottom: 1px solid #002256
}

	.ylapalkki {
	float: left; 
	color: #ffffff;
	text-decoration: none; 
	font-family: Verdana, Arial, Times; 
	font-size: 11px
	}


#vasen {
float:left; 
clear: left; 
width: 140px;
padding: 22px 20px 10px 0px
}

	#linkit {
	float:left; 
	clear: left; 
	width: 140px;
	border-bottom: 1px solid #002256
	}

	#kirjautunut {
	float: left; 
	clear: left; 
	width: 140px; 
	margin-top: 30px; 
	}

		a.kirjautunut {
		float: left;
		color: #002256; 
		font-family: Verdana, Arial, Times; 
		text-decoration: none; 
		text-indent: 20px; 
		font-size: 11px
		}

	#mainos_vasen1 {
	float:left; 
	clear: left; 
	width: 140px;
	margin-top: 45px
	}

	#mainos_vasen2 {
	float:left; 
	clear: left; 
	width: 140px;
	margin-top: 15px
	}

	
#keski {
float: left; 
width: 460px; 
padding: 22px 20px 10px 20px
}

#keski2 {
float: left; 
width: 570px; 
padding: 22px 20px 10px 20px
}

#keski3 {
float: left; 
width: 770px; 
padding: 22px 20px 10px 20px
}

#oikea {
float: right; 
width: 110px; 
padding: 22px 0px 10px 20px
}

#ala {
float: left; 
clear: both;
margin: 10px 0px 15px 0px;
background-color: #ffffff
}

#alapalkki {
width: 800px; 
height: 15px; 
clear: both; 
text-align: center; 
background-color: #68bf09; 
padding: 2px 0px 4px 0px; 
border-top: 1px solid #002256; 
border-bottom: 1px solid #002256
}

	.alapalkki {
	text-align: center; 
	color: #ffffff;
	text-decoration: none; 
	font-family: Verdana, Arial, Times; 
	font-size: 11px
	}



/***************
*    LINKIT    *
***************/

a {
color: #002256; 
/*text-decoration: none*/
}

a.iso
{
float: left;
width: 140px; 
font-family: Verdana, Arial, Times; 
text-decoration: none;
color: #002256;
background-image: 
url('kuvat/linkkitausta.gif');
background-repeat: repeat-y; 
border-bottom: 1px solid #002256; 
padding: 6px 0px;
font-size: 13px
}

a.pieni
{
float: left;
width: 140px; 
font-family: Verdana, Arial, Times; 
text-decoration: none;
text-indent: 20px;
color: #002256;
background-image: 
url('kuvat/linkkitausta.gif');
background-repeat: repeat-y; 
padding: 3px 0px;
font-size: 11px
}

a.ylapalkki {
color: #ffffff;
text-decoration: none;
font-family: Verdana, Arial, Times; 
font-size: 11px
}

a:hover, a.ylapalkki:hover, a.kirjautunut:hover, a.pieni:hover, a.iso:hover {
color: #fb5e00
}



/*****************
*   TAULUKOT     *
*****************/

table.sisaan {
width: 100%; 
float: right;
table-layout: auto;
}

span.sisaan, input.sisaan {
float: left;
font-size: 9px;
color: #002256;
text-decoration: none; 
font-family: Verdana, Arial, Times
}

td.sposti {
width: 180px;
height: 12px; 
font-size: 9px;
color: #002256;
text-decoration: none; 
font-family: Verdana, Arial, Times;
padding: 0px
}

td.salasana {
width: 150px;
height: 12px; 
font-size: 9px;
color: #002256;
text-decoration: none; 
font-family: Verdana, Arial, Times;
padding: 0px
}

td.kirjaudu {
width: 65px;
height: 12px; 
font-size: 9px;
color: #002256;
text-decoration: none; 
font-family: Verdana, Arial, Times;
padding: 0px
}

td.infopainike {
width: 15px;
height: 12px; 
font-size: 9px;
color: #002256;
text-decoration: none; 
font-family: Verdana, Arial, Times;
padding: 0px;
border: 0px
}

td.kirjaudu_ulos {
width: 300px;
height: 12px; 
font-size: 9px;
color: #002256;
text-decoration: none; 
text-align: right;
font-family: Verdana, Arial, Times;
padding: 0px
}


/******************************/

table.kirjautunut {
width: 140px;
border-top: 1px solid #002256;
border-right: 3px solid #002256; 
border-bottom: 2px solid #002256; 
border-left: 1px solid #002256
}

td.nimi_status {
text-align: left; 
border-bottom: 1px solid #002256
}

td.omat_linkit {
}

td.ulos {
text-align: right;
font-size: 9px;
color: #002256;
text-decoration: none; 
font-family: Verdana, Arial, Times
}


/******************************/


table.lr {
width: 100%; 
table-layout: auto
}

.lr_vasen {
text-align: left; 
height: 17px; 
color: #002256; 
text-decoration: none; 
font-family: Verdana, Arial, Times; 
font-size: 10px
}

.lr_oikea {
text-align: right; 
height: 17; 
color: #002256; 
text-decoration: none; 
font-family: Verdana, Arial, Times; 
font-size: 10px
}


/******************************/

table.kirjalista {
width: 100%; 
table-layout: auto; 
border: 1px solid #002256
}

td.kuva { 
padding: 5px 15px 5px 15px
}

td.nimi {
padding: 5px;
font-size: 14px; 
font-family: Verdana, Arial, Times; 
color: #002256
}

td.hinta {
padding: 5px; 
text-align: right; 
font-size: 12px; 
font-family: Verdana, Arial, Times; 
color: #002256
}

td.painike {
padding: 5px 5px 5px 2px
}


/******************************/


table.h2 {
width: 100%; 
table-layout: auto; 
border-bottom: 1px solid #002256
}

td.h2_vasen {
font-family: Verdana, Arial, Times; 
font-size: 18px; 
font-weight: bold; 
padding: 0px; 
color: #002256
}

td.h2_oikea {
text-align: right; 
font-family: Verdana, Arial, Times; 
font-size: 18px; 
font-weight: bold; 
padding: 0px; 
color: #002256
}


/******************************/


table.kirjantiedot {
width: 100%; 
table-layout: auto; 
border: 1px solid #002256
}

td.kuva2 { 
padding: 15px 15px 5px 15px;
vertical-align: top; 
text-align: center
}

td.kuvaus {
vertical-align: top; 
font-size: 11px; 
font-family: Verdana, Arial, Times
}



table.taulu {
border-collapse: collapse;
}

table.taulu td {
padding: 0px 15px 5px 0px;
font-size: 12px; 
font-family: Verdana, Arial, Times
}

table.taulu th {
padding: 0px 10px 2px 0px;
font-size: 12px; 
font-family: Verdana, Arial, Times;
font-weight: bold;
text-align: left;
color: #ffffff;
background-color: #002256
}

table.materiaali {
border-collapse: collapse;
}

table.materiaali td {
padding: 0px 0px 3px 0px;
font-size: 12px; 
font-family: Verdana, Arial, Times
}

th.nimi, th.hinta {
padding: 1px 2px 1px 2px;
font-size: 11px; 
font-family: Verdana, Arial, Times;
font-weight: bold;
text-align: left;
color: #ffffff;
background-color: #002256
}