/*

s-kanava.net 2003 v.1.4
(c) www.ch5finland.com 2003


1. 	YLEISET TYYLIMAARITYKSET SIVULLE
	Näillä määritellään sivuston perusfontit, sivun kohdistus ja taustavari / kuva
	
2. 	TAUSTAKUVAT JA VARIT
	Sivuston taustakuvat ja varit. Nämä tyylit rakentavat sivuston ulkoasun
	
3. 	SISALLON KOHDISTUS
	Kaikki sivuston elementit raamien sisällä kohdistetaan näillä. 

4. 	TEKSTITYYLIT - sivuston ulkoiset elementit
	Kaikki sisältöalueen ulkoiset tekstityylit
	
5. 	TEKSTITYYLIT - sissltoalue
	Sisältöalueen tekstityylit
	
6. 	FORMIT
	Formien tyylit
	

*/

/* YLEISET TYYLIMAARITYKSET SIVULLE */

body, .body		{margin-top: 0px; margin-left: 0px; margin-right:0px; margin-bottom: 0px; background-color: #E7F3E7;}

div, td, body, a, span, p, br, li, ul, ol 	{font-family: verdana, arial; font-size:10px;}
input, select, textarea						{font-family: verdana, arial; font-size:10px;}

li 											{list-style-position: outside; list-style: disc}


/* TAUSTAKUVAT JA VARIT */

td.kehys 			{background-color: #479442;}
td.polku 			{background-image: url(polku.gif); background-repeat: repeat-y; background-color: #FFFFFF;}
td.polku2 			{background-image: url(polku2.gif); background-repeat: repeat-y; background-color: #FFFFFF;}


td.ylanavi 			{background-image: url(ylanavi.gif); background-repeat: repeat-x; background-color: #FFFFFF;}

td.ylanavi-alku 	{background-image: url(ylanavi-alku.gif); background-repeat: no-repeat; background-color: #FFFFFF;}
td.ylanavi-tausta 	{background-image: url(ylanavi-tausta.gif); background-repeat: repeat-x; background-color: #FFFFFF;}
td.ylanavi-loppu 	{background-image: url(ylanavi-loppu.gif); background-repeat: no-repeat; background-color: #FFFFFF;}

td.ylanavi-alku-akt 	{background-image: url(ylanavi-alku-akt.gif); background-repeat: no-repeat; background-color: #FFFFFF;}
td.ylanavi-tausta-akt 	{background-image: url(ylanavi-tausta-akt.gif); background-repeat: repeat-x; background-color: #FFFFFF;}
td.ylanavi-loppu-akt 	{background-image: url(ylanavi-loppu-akt.gif); background-repeat: no-repeat; background-color: #FFFFFF;}

td.vasennavi		{background-color: #ffffff;}
td.vasennavi-etusivu{background-color: #E7F7E6;}

td.vasennavi-paa	{background-color: #009B4E;}
td.vasennavi-ala	{background-color: #64BE62;}

td.pisteviiva		{background-image: url(pisteviiva.gif); background-repeat: repeat-y; background-color: #ffffff;}

td.sisalto			{background-color: #ffffff;}
td.sisalto-nosto	{background-image: url(sisalto-nosto.gif); background-repeat: repeat; background-color: #EBEEF7;}
/*td.etusivu-nosto	{background-image: url(etusivu-nosto.gif); background-repeat: repeat; background-color: #ffffff;}*/

td.alapalkki		{background-image: url(alapalkki.gif); background-repeat: repeat-y; background-color: #3563C5;}
td.pohja			{background-image: url(pohja.gif); background-repeat: no-repeat;}

/*td.taulukko-otsikko {background-color: #009B4E; background-image: url(taulukko-otsikko.gif); background-repeat: repeat;}*/
/*td.taulukko-sisalto {background-color: #ffffff; background-image: url(taulukko-sisalto.gif); background-repeat: repeat;}*/


/* SISALLON KOHDISTUS */

div.site {padding-top: 2px;}
div.logopalkki 			{padding-left: 0px; padding-right: 10px; padding-top: 10px; padding-bottom: 5px;}
div.polku 				{padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 5px;}

div.ylanavi				{padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 0px;}
div.ylanavi-tausta		{padding-left: 0px; padding-right: 0px; padding-top: 4px; padding-bottom: 2px; text-align: center;}

div.vasennavi-etusivu 		{padding-top: 5px; padding-bottom: 5px; padding-left: 5px;}
div.vasennavi 			{padding-top: 5px; padding-bottom: 5px; padding-left: 5px;}
div.vasennavi-ala		{padding-left: 15px;}

div.sisalto				{padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 10px;}
div.sisalto-nosto		{padding-left: 25px;  padding-top: 10px; padding-bottom: 10px;}
div.etusivu-nosto		{padding-top: 2px; padding-bottom: 10px;}
div.banneri				{padding-left: 25px; padding-top: 5px; padding-bottom: 5px;}
div.luelisaa			{padding-top: 5px; padding-bottom: 5px;}

div.alapalkki 			{padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px;}
div.pohja				{padding-top: 5px; padding-bottom: 20px;}

div.etusivulle-linkki	{padding-top: 9px;}

/* TEKSTITYYLIT - sivuston ulkoiset elementit */

/* logopalkki */
div.logopalkki td			{color: #ffffff; font-size: 10px;}

div.logopalkki a			{color: #ffffff; font-size: 10px; text-decoration: none;}
div.logopalkki a:hover		{color: #ffffff; font-size: 10px; text-decoration: underline;}

/* polku */
div.polku 					{color: #349164; font-size: 10px; font-weight: bold;}

div.polku a					{color: #349164; font-size: 10px; font-weight: bold; text-decoration: none;}
div.polku a:hover			{color: #349164; font-size: 10px; font-weight: bold; text-decoration: underline;}

/* ylanavi */
div.ylanavi-tausta a		{color: #0B3B94; font-size: 10px; font-weight: bold; text-decoration: none; font-family: arial;}
div.ylanavi-tausta a:hover	{color: #0B3B94; font-size: 10px; font-weight: bold; text-decoration: underline; font-family: arial;}

/* vasen navi */
div.vasennavi a				{color: #ffffff; font-size: 10px; text-decoration: none;}
div.vasennavi a:hover		{color: #ffffff; font-size: 10px; text-decoration: underline;}

div.vasennavi-etusivu a			{color: #64BE62; font-size: 11px; font-weight: bold; text-decoration: none;}
div.vasennavi-etusivu a:hover	{color: #64BE62; font-size: 11px; font-weight: bold; text-decoration: underline;}

/* alapalkki */
div.alapalkki				{color: #ffffff; font-size: 10px;}

div.alapalkki a				{color: #ffffff; font-size: 10px; text-decoration: underline;}
div.alapalkki a:hover		{color: #ffffff; font-size: 10px; text-decoration: none;}

/* pohja */
div.pohja					{color: #ffffff; font-size: 10px;}
div.pohja a					{color: #ffffff; font-size: 10px; text-decoration: underline;}
div.pohja a:hover	    	{color: #ffffff; font-size: 10px; text-decoration: none;}
/* TEKSTITYYLIT - sisaltoalue */

/* sisalto - otsikot */
div.otsikko-etusivu		{color: black; font-size: 14px; font-weight: bold;}

div.otsikko-suuri 		{color: #009B4E; font-size: 14px; font-weight: bold;}
div.otsikko-keski 		{color: #009B4E; font-size: 12px; font-weight: bold;}
div.otsikko-pieni		{color: black; font-size: 10px; font-weight: bold;}

/* sisaltoalueen linkit */
div.sisalto a			{color: #009B4E; font-size: 10px; font-weight: bold; text-decoration: none;}
div.sisalto a:hover		{color: #009B4E; font-size: 10px; font-weight: bold; text-decoration: underline;}

/* lue lisaa linkit */
/* 
div.luelisaa a			{color: black; font-size: 10px; font-weight: bold; text-decoration: none;}
div.luelisaa a:hover	{color: black; font-size: 10px; font-weight: bold; text-decoration: underline;}
*/

img.kuva-marginaali {margin-right:10px; margin-bottom:8px;}

/* FORMIT */

input.haku	{color: black; width: 90px; border: 0px;}
input.haku2	{color: black; width: 100px; border: 0px;}

.formi		{color: black; width: 300px; border: 1px solid #339966;}
.dropdown	{color: black; width: 300px; }
.button		{color: white; width: 92px; background-color: #339966;}





/* SATAMAN LISÄÄMÄT MÄÄRITYKSET */

/* tiiserilaatikoiden otsikkopalkkien määreet */

.tiiseriOtsikko { background-color: #3361C3; padding: 0 0 0 10; font-family: verdana, arial; color: white; size: 10px; font-weight: bold; text-decoration: none; }
.asiakaslistaetusivu { background-color: #EBF6EE; padding: 0 0 0 10; font-family: verdana, arial; color: #009B4E; size: 10px; font-weight: bold; text-decoration: none; }
.verkkopalvelutOtsikko { background-color: #50B24D; padding: 0 0 0 10; font-family: verdana, arial; color: white; size: 10px; font-weight: bold; text-decoration: none; }

/* vihreät linkit */

a.vihreat { font-family: verdana; font-weight: bold; font-size: 10px; color: #009B4E; text-decoration: none; }
a.vihreat:hover { text-decoration: underline; }

div.vihreat12pxLinkit a { font-family: verdana; font-weight: bold; font-size: 12px; color: #349A34; text-decoration: none; }
div.vihreat12pxLinkit a:hover { text-decoration: underline; }

/* ketjusivujen tekstit */

.otsikko10pxBold { color: #000000; font-size: 10px; font-weight: bold; }
.otsikko12pxBold { color: #000000; font-size: 12px; font-weight: bold; }
.leipis12px { color: #000000; font-size: 12px; font-weight: normal; }

div.otsikko-suuri-sininen	{color: #3361C3; font-size: 14px; font-weight: bold;}
div.nostotetusivu				{padding-left: 10px; padding-right: 0px; padding-top: 5px; padding-bottom: 10px;}

td.bluetop { font-family: verdana; font-size: 9px; background-color: #3361C3; padding: 2px 5px 2px 5px; color: #FFFFFF;  border-left: solid 3px #FFFFFF; border-bottom: solid 2px; }
td.graynormal { font-size: 9px; line-height: 10px; background-color: #EBEEF7; padding: 4px 5px 4px 5px; color: #FFFFFF; text-align: center; margin: 3px; border-left: solid 3px #FFFFFF;}
/* td.valiviiva {  background-image: url(pisteviiva_background.gif); text-align: center; }*/