@charset "utf-8";
/** --------- V I P U    C U S T O M -------------- **/

/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  **/
/** --------- F O N T T E J A ----------------  **/ 

	/** linkkiyksikn fontti **/  
.linkki {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	font-style: normal;
	font-weight: bold;
}
a:hover.linkki {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: underline;
	text-transform: none;
	line-height: normal;
	font-weight: bold;
}

	/** pikkuleipatxt fontti, ESIM lISTAUS-SIVULLA **/
.pikkutxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #6c6c6c;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	font-weight: normal;
}

	/** pinen tekstin linkkiyksikn fontti EI KYTSS SUORAAN **/ 
.pikkulinkki {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
	text-decoration: underline;
	text-transform: none;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
}
a:hover.pikkulinkki {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #999999;
	text-decoration: underline;
	text-transform: none;
	line-height: normal;
}

	/** otsikkoyksikn fontti 3 - teemaotsikko**/ 
.otsikko3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #9C9A9C;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	font-weight: normal;
} /** 9C9A9C 5269c7


/** ----- E R I T Y I S E S T I    I N D E X - S I V U L L A -------  **/ 

	/** INDEX etusivun perusteksti  **/  
.listauslinkki {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #006699;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
}
a:hover.listauslinkki {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #006699;
	text-decoration: underline;
	text-transform: none;
	line-height: normal;
}


/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  **/ 
/** --------- T A B U L O I N T I --------------------  **/ 


/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  **/
/** --------- L A Y E R I T -------------------------  **/ 

	/** a5 **/
	/** vaihdettavaa sislt layerill - SININEN kuva **/
#LTop2 {
	position:absolute;
	width:100px;
	height:100px;
	z-index:1;
	left: 621px;
	top: 432px;
	visibility: visible;
	border: 1px none #bfb78f;
}

	/** a10 **/
	/** vaihdettavaa sislt layerill - VIPUNAPPI **/
#LTop3 {
	position:absolute;
	width:23px;
	height:259px;
	z-index:3;
	left: -72px;
	top: 72px;
	visibility: visible;
}

	/** a15 **/
	/** vaihdettavaa sislt layerill - kuva **/
#LTop4 {
	position:absolute;
	width:23px;
	height:257px;
	z-index:5;
	left: -31px;
	top: -145px;
	visibility: visible;
}

	/** ------------- I N D E X  -  H T M L - L A Y E R I T  -------------  **/ 

	/** a20 **/
	/** 1 - INDEX - AJANKOHTAISTA - LAYER sijainti - vaihdettavaa sislt tll layerill - html koodia **/
#LIndex_Top1html {
	position:absolute;
	width:500px;
	height:30px;
	z-index:12;
	left: 149px;
	top: 165px;
	visibility: visible;
	border: 1px none #0099FF;
}

	/** 1 - INDEX - LTop1html layerill oleva table **/
.LIndex_Top1htmlTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	background-color: #ffffff;
	border: 1px none #99CC99;
	width: 100%;
}

	/** ----------------------  **/

	/** a25 **/
	/** 2 - INDEX - SKROLLATTAVAT KUVAT sijainti - vaihdettavaa sislt tll layerill - html koodia **/
#LIndex_Top2html {
	position:absolute;
	width:200px;
	height:200px;
	z-index:14;
	left: -94px;
	top: 154px;
	visibility: visible;
}

	/** 2 - INDEX - LTop2html layerill oleva table **/
.LIndex_Top2htmlTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	border: 1px solid #bfb78f;
	width: 230px;
	margin-top: 0px;
	background-color: #FFFFFF;
}

	/** ----------------------  **/

	/** a30 **/
	/** 3 - INDEX - VASTUSTAMME TOIVONEN YHTI...LAYER sijainti - vaihdettavaa sislt tll layerill - html koodia **/
#LIndex_Top3html {
	position:absolute;
	width:23px;
	height:257px;
	z-index:16;
	left: -104px;
	top: -138px;
	visibility: visible;
}

	/** 3 - INDEX - LTop1html layerill oleva table **/
.LIndex_Top3htmlTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	background-color: #999999;
	border: 1px solid #99CC99;
	width: 260px;
}

	/** I N D E X.php  - koko oikean palstan table **/
.xIndex_Table_Rightpane {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	xbackground-color: #889cb8;
	width: 100%;
	padding: 7px;
	border: 1px none #ffffff;
}

	/** ------------- S I V U  -  H T M L - L A Y E R  -------------  **/ 

	/** a35 **/
	/** S I V U.php - LAYER sijainti - vaihdettavaa sislt tll layerill - html koodia **/
#LTop5html {
	position:absolute;
	width:23px;
	height:257px;
	z-index:10;
	left: -10px;
	top: 20px;
	visibility: visible;
}

	/** S I V U.php - LTop5html layerill oleva table **/
.LTop5htmlTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	background-color: #FFFFCC;
	border: 1px solid #99CC99;
}

/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  **/
/** --------- E R I L L I S E T    N A V I K O I N T I - L I N K K I T ------  **/

	/** --------- ETUSIVULLA  ------  **/

	/** etusivulla yhteydet-linkin sisltv layer **/
#LYhteydetIndex {
	position:absolute;
	left:752px;
	top:110px;
	width:100px;
	height:27px;
	z-index:5;
	visibility: visible;
}


	/** etusivulla palaute-linkin sisltv layer **/
#LPalauteIndex {
	position:absolute;
	left:649px;
	top:110px;
	width:100px;
	height:27px;
	z-index:5;
	visibility: visible;
}


	/** --------- SISSIVULLA  ------  **/

	/** etusivu-linkin sisltv layer **/
#LEtusivulle {
	position:absolute;
	left:-25px;
	top:110px;
	width:94px;
	height:27px;
	z-index:5;
	visibility: visible;
}

	/** yhteydet-linkin sisltv layer **/
#LYhteydet {
	position:absolute;
	left:752px;
	top:110px;
	width:100px;
	height:27px;
	z-index:5;
	visibility: visible;
}

	/** print-linkin sisltv layer **/
#LPrint {
	position:absolute;
	left:546px;
	top:110px;
	width:100px;
	height:27px;
	z-index:5;
	visibility: visible;
}

	/** palaute-linkin sisltv layer **/
#LPalaute {
	position:absolute;
	left:649px;
	top:110px;
	width:100px;
	height:27px;
	z-index:5;
	visibility: visible;
}


/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  **/
/** --------- B O R D E R I T -----------------  **/

	/** ylpalkin tablen reunaviiva (kuva-alue) **/
.sivuTopBorder {
	border-top: 1px none #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 1px none #FFFFFF;
}

	/**  K A I K K I - ylpalkin tablen reunaviiva (kuva-alue) **/
.topNaviBorder {
	border-top: 1px solid #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 1px none #FFFFFF;
}

	/** K A I K K I - sisltalueen reunaviiva **/
.sivuBorder {
	border-top: 1px solid #dbd4b2;
	border-right: 1px solid #dbd4b2;
	border-bottom: 1px solid #dbd4b2;
	border-left: 1px solid #dbd4b2;
}

	/** K A I K K I  K U V A T  - sislln kuvien reunaviiva **/
	/** HUOM!  - borderi tulee kuvan ulkopuolelle **/
.imgborder {
	border: 1px solid #ffffff;
}

	/** ----- K U V A - L A Y E R -  B O R D E R I T ------  **/
	
	/** ylimrisen LTop2 layerkuvan reunaviiva **/
.sivuLTop2ImageBorder {
	border-top: 1px solid #0a7ba7;
	border-right: 1px solid #0a7ba7;
	border-bottom: 1px solid #0a7ba7;
	border-left: 1px solid #0a7ba7;
}


/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  **/
/** --------- T A U S T A T ---------------------  **/

	/** I N D E X.php - E T U S I V U  -  O I K.   P A L S T  A taustakuva tai taustavri **/
.bkgrRightpaneIndex {
	xbackground-color: #617693;
	background-image: url(../kuvat/taitto_tra.gif);
	border: 1px solid #FFFFFF;
}

	/** b1 **/
	/** S I V U - I N D E X   -  S P A C E R - T A U L U K K O   ylnavin alapuolella  ----  **/
	/** ylnavikoinnin ja sisltalueen vliin nousevan spacer-taulukko **/
.sivuTopNaviBelowSpacerTable {
	border-top: 1px solid #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 1px none #FFFFFF;
	xbackground-color: #999999;
	background-color: #fcd432;
	background-image: url(../kuvat/taitto_tra.gif);
}

	/**  S I V U - I N D E X -  Layout1 (niitty) jos  T O P _ N A V I = 2  (yksiosainen) - ylnavikoinnin taustakuva tai taustavri **/
.bkgrTopNavi {
	background-color: #ffffff;
	background-image: url(../../web/kuvat_sivuille/bkgr_top_navi_gradual_grey.gif);
	height: 28px;
}

	/** S I V U -  vasemman palstan KAIKKIEN CU:iden irrotus vasemmasta reunasta - oletusleveys=16 **/
	.leftPanelCuPusherSideways {
	xbackground-color: #ff0000;
	width: 14px; /** ALA MUUTA -  vaikuttaa vas palstan kuvan maksimileveyteen, oletus on 225 pix **/
}

	/** S I V U -  vasemman palstan, vasemmalla teksti sisltvien CU:iden LISAIRROTUS vasemmasta reunasta - oletusleveys=0 **/
	.leftPanelCu_Txt_PusherSideways {
	xbackground-color: #888888;
	width: 0px; /* ALA MUUTA - ei oikein toimi table1:n kanssa */
}

	/**  S I V U - I N D E X - sisltalueen ja footerin vlinen viiva **/
.bkgrBlack {
	background-color: #bfb78f;
	height: 10px;
}

	/** S I V U -  Navikoinnin pohjataulukko **/
.naviTable {
	background-color: #ffffff;
	width: 252px;
	border: thin none #B0B380;
	text-align: left;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	vertical-align: middle;
	padding-top: 8px;
	padding-bottom: 15px;
	padding-left: 0px;
}

/** xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  **/
/**  SIVUSTON KOKONAISLEVEYS - ALKAA                                         **/

/**  sivuBorder  2  - KOKO SIVUSTON BORDER                                   **/
/**  bkgrNavi  250  - TT EI KANNATA MUUTTAA                                **/
/**  bkgrDivide 20                                                           **/
/**  bkgrTxt   618  - HUOMAA MYS bkgrTxtUser1, bkgrTxtUser2 JA bkgrTxtUser3 **/
/**  --------------                                                          **/
/**  YHTEENS  890                                                           **/


/**  JOS DIVIVE POIS JA CU / ISOKUVA MAX LEVYINEN                            **/

/**  sivuBorder  2  - KOKO SIVUSTON BORDER                                   **/
/**  bkgrNavi  250  - TT EI KANNATA MUUTTAA                                **/
/**  bkgrDivide  0    <<<<<                                                  **/
/**  bkgrTxt   638  - <<<<< HUOMAA MYS bkgrTxtUser1, bkgrTxtUser2 JA bkgrTxtUser3 **/
/**  --------------                                                          **/
/**  YHTEENS  890 


	/** S I V U -  T R E E   N A V I  -  taustakuva tai taustavri **/
.bkgrNavi {
	background-color: #ffffff;
	background-image: url(../kuvat/taitto_tra.gif);
	width: 250px;
}

	/** S I V U -  navin ja tekstialueen V  L I S S   O L E V A  K A I S T A  taustakuva tai taustavri **/
.bkgrDivide {
	background-color: #ffffff;
	background-image: url(../kuvat_sivuille/vipu_viiva_valissa.gif);
	width: 20px; /** yhdess  bkgrTxt:n leveys kanssa, kun tm bkgrDividen leveys pienee, kasvaa bkgrTxt:n leveys vastaavasti **/

}

	/** S I V U -  T E K S T I A L U E  taustakuva tai taustavri - oletusleveys = 604**/
.bkgrTxt {
	background-color: #ffffff;
	background-image: url(../kuvat/taitto_tra.gif);
	width: 618px; /** kun tm bkgrTxt:n leveys pienee, kasvaa bkgrDividen:n leveys vastaavasti - oletus 613 **/
	padding-top: 15px; /** pudottaa sislt alaspin, oletus 15, ALA KAYTA bkgrTxt:ta muualla !!!!!  */
	padding-left: 0px; /** marginaalia vasemmalle - HUOMIO DIVIDEN mahdollisen pystyviivan paikka !!!!!  */
	padding-right: 0px; /** marginaalia oikealle !!!!!  */
}

	/** S I V U -  T E K S T I A L U E  taustakuva tai taustavri - oletusleveys = 604**/

	/** S I V U.php -  T E K S T I A L U E  SUOJATUT SIVUT - USER 1- taustakuva tai taustavri  **/
.bkgrTxtUser1 {
	background-color: #ffffff;
	background-image: url(../kuvat/vipu_bkgr_text_user1.gif);
	background-repeat: no-repeat;
}
	/** S I V U.php -  T E K S T I A L U E  SUOJATUT SIVUT - USER 2- taustakuva tai taustavri  **/
.bkgrTxtUser2 {
	background-color: #ffffff;
	background-image: url(../kuvat/vipu_bkgr_text_user2.gif);
	background-repeat: no-repeat;
}
	/** S I V U.php -  T E K S T I A L U E  SUOJATUT SIVUT - USER 3- taustakuva tai taustavri  **/
.bkgrTxtUser3 {
	background-color: #ffffff;
	background-image: url(../kuvat/vipu_bkgr_text_user3.gif);
	background-repeat: no-repeat;
}

/**  LOPPUU 																																 **/
/** xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  **/


/** xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 					 **/
/** CU:n ja ISON KUVAN OLETUS LEVEYS  																											 	 **/
/**    widthCU 									 600		CU:n LEVEYS 																			 		 **/
/**  - padding-left  		 		 			14		ymprivn table2/table3:n vas marginaali					 		 **/
/**  - padding-right  	 		 			14		ymprivn table2/table3:n oik marginaali					 		 **/
/**  - 2 x border  				  		   2		ymprivn table2/table3:n border 2 kertaisena		 		 **/
/** -------------------------------------------------------------------------				 					 **/
/**  = widthCUinsideTable 			 570 		CU:n OLETUS LEVEYS kun tablen sisll 								 **/


/**    cu_img_max 							 600		kuvan maksimileveys, sama kuin CU:n leveys (widthCU)	 **/


/**    widthCUinsideTable		  	 570		CU:n LEVEYS kun tablen sisll										 		 **/
/**  + 2 x imgborder  	 		 			 0		KUVAN border 2 kertaisena													 		 **/
/** -------------------------------------------------------------------------				 					 **/
/**  = cu_img_max_insideTable 	 570 		KUVAN OLETUS MAXIMILEVEYS kun tablen sisll 					 **/



/** xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 					 **/
/** CU:n ja ISON KUVAN MAXIMI LEVEYS KUN bkgrDivide = 0 JA 	bkgrTxt = 638						 					 **/ 
/**    widthCU 									 638		<<<<< CU:n LEVEYS 																		 **/
/**  - padding-left  		 		 			14		ymprivn table2/table3:n vas marginaali					 		 **/
/**  - padding-right  	 		 			14		ymprivn table2/table3:n oik marginaali					 		 **/
/**  - 2 x border  				   			 2		ymprivn table2/table3:n border 2 kertaisena		 		 **/
/** -------------------------------------------------------------------------				 					 **/
/**  = widthCUinsideTable 			 608 		<<<<< CU:n LEVEYS kun tablen sisll 									 **/


/**    cu_img_max 							 638		<<<<< kuvan maksimileveys, sama kuin CU:n leveys (widthCU) **/


/**    widthCUinsideTable		  	 608		CU:n LEVEYS kun tablen sisll												 **/
/**  + 2 x imgborder  	 		 			 0		KUVAN border 2 kertaisena													 		 **/
/** -------------------------------------------------------------------------				 					 **/
/**  = cu_img_max_insideTable 	 608 		<<<<< KUVAN maxleveys kun tablen sisll 					 		 **/


.widthCU {  /** CU:n LEVEYS - oletus 600 **/
	width: 600px; /** oltava sama kuin tyskokoisen kuvan leveys (cu_img_max) - oletus 600 **/
}
.widthCUinsideTable {  /** LEVEYS kun CU:n ymprill TABLE2 tai TABLE3 - RIIPPUU TABLEN LEFT/RIGHT-PADDINGISTA JA BORDERISTA **/
	width: 572px; /** jos CU tablen sisalla, -> CU kavennettava, tablepaddingleft+tablepaddingright+2xtableborder = x pix - oletus 570 **/
}


.cu_img_max { /** cu_img-sisltyksikn KUVAN MAKSIMILEVEYS**/
 	max-width: 600px; /** oltava sama kuin widthCU:n leveys (yll), jos halutaan tasaleveytt - oletus 600 **/
	width: expression(this.width > 599 ? "600px": true); /**  tavoitekoko on "suluissa" - tm pakottaa ylisuuret mainittuun kokoon, alle maksimikokoiset eivt suurene **/
 }
/**   .cu_img_max_IE6fix { /** IE6 - cu_img-sisltyksikn KUVAN MAKSIMILEVEYS **/
/**  	max-width: 600px; /** oltava sama kuin widthCU:n leveys (yll), jos halutaan tasaleveytt - oletus 600 **/
/** 	width: expression(this.width > 599 ? "600px": true); /**  tavoitekoko on "suluissa" - tm pakottaa ylisuuret mainittuun kokoon, alle maksimikokoiset eivt suurene **/
/**  } **/
 
.cu_img_max_insideTable { /** cu_img-sisltyksikn KUVAN maksimikoko kun kuvan CU tablen sisll **/
 	max-width: 570px; /** jos kuvan CU tablen sisalla, -> kuva kavennettava, widthCUinsideTable(yll)+2ximgborder = x pix - oletus 570  **/
	width:expression(this.width > 569 ? "570px": true ); /** tavoitekoko on 570 - tm pakottaa ylisuuret mainittuun kokoon, alle maksimikokoiset eivt suurene **/
 }
/** .cu_img_max_insideTable_IE6fix { /** IE6 - cu_img-sisltyksikn KUVAN maksimikoko kun kuvan CU tablen sisll - huomaa alla IE6fix **/
/**  	max-width: 570px; /** jos kuvan CU tablen sisalla, -> kuva kavennettava, widthCUinsideTable(yll)+2ximgborder = x pix - oletus 570  **/
/** 	width:expression(this.width > 569 ? "570px": true ); /** tavoitekoko on 570 - tm pakottaa ylisuuret mainittuun kokoon, alle maksimikokoiset eivt suurene **/
/**  }  **/

.widthCU_vasen {  /** CU:n LEVEYS VASEMMASSA PALSTASSA - oletus 225 **/
	width: 225px; /** oltava sama kuin tyskokoisen kuvan leveys (cu_img_max) - oletus 225 **/
}
.widthCUinsideTable_vasen {  /** LEVEYS VASEMMASSA PALSTASSA kun CU:n ymprill TABLE1  - RIIPPUU TABLEN LEFT/RIGHT-PADDINGISTA JA BORDERISTA **/
	width: 211px; /** jos CU tablen sisalla, -> CU kavennettava **/
}

.cu_img_max_vasen { /** VASEMMAN PALSTAN cu_img-sisltyksikn KUVAN MAKSIMILEVEYS **/
 	max-width: 225px; /** oletus 225 **/
	width: expression(this.width > 224 ? "225px": true); /**  tavoitekoko on "lainauksessa" - tm pakottaa ylisuuret mainittuun kokoon, alle maksimikokoiset eivt suurene **/
 }
 
 .cu_img_max_insideTable_vasen { /** VASEMMAN PALSTAN cu_img-sisltyksikn KUVAN maksimikoko kun kuvan CU tablen sisll **/
 	max-width: 211px; /** jos kuvan CU tablen sisalla, -> kuva kavennettava, table1:n cu_img_max_vasen - (padding-left + padding-right)  **/
	width:expression(this.width > 210 ? "211px": true ); /** tavoitekoko on 570 - tm pakottaa ylisuuret mainittuun kokoon, alle maksimikokoiset eivt suurene **/
 }


  /** Y K S I K  I D E N   Y M P  R I L L    O L E V A T   T A B L E T   **/
	
	/** V A S E M M A L L E  contentunit  table "ei mitn"*/
	.table0_vas { /** tt ei ole enn **/
	width: 225px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 16px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

	/** V A S E M M A L L E  contentunit  table**/	
.table1 {
	background-color: #F2F2F2;
	border: 1 pix solid #CCCCCC;
	width: 225px;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 10px;
	xmargin-left: 16px;
	margin-left: 0px;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 8px;
	padding-right: 5px;
} 

	/** S I V U  -  contentunit  table**/
.table2 {
	background-color: #EDEDE4;
	width: 588px;
	border: 1px solid #B0B380;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-left: 14px; /** vas.puolen reuna, oletus 14 **/
	padding-right: 14px; /** oik.puolen reuna, oletus 14 **/
	padding-top: 14px;
	padding-bottom: 3px;
}

	/** S I V U  -  contentunit  table**/
.table3 {
	background-color: #FFFBEC;
	border: 1px solid #CCCCCC;
	width: 600px; /** oltava sama kuin tyskokoisen kuvan leveys - oletus 600 **/
	margin-top: 0px;
	margin-bottom: 15px;
	padding-left: 14px; /** vas.puolen reuna, oletus 14 **/
	padding-right: 14px; /** oik.puolen reuna, oletus 14 **/
	padding-top: 14px;
	padding-bottom: 3px;
}
/**  LOPPUU **/
/** xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx **/

	/** I N D E X  - sisnmenotaulukot **/
.Index_EnterTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	background-color: #f6f4ea;
	border: 1px solid #dbd4b2;
	width: 100%;
	padding: 7px;
}
/** CU MARGINAALIASETUS  -  LOPPUU **/


/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  **/
/** --------- P U S H E R I T -----------------------  **/

	/** I N D E X  - koko etusivun sislln siirto alaspin ylpuolisen tyhjn aikaansaamiseksi **/
.indexPusher {
	height: 10px;
	width: 5px;
}
	/** I N D E X.php  - etusivulla tervetuloa-tekstin (oikea palsta) siirto alaspin ylpuolisen tyhjn aikaansaamiseksi **/
	/** korkeus on tss oleellinen (height) **/
.indexWelcomePusher {
	height: 10px;
	width: 1px;
}

	/** I N D E X  - etusivuon oik. puolen navikoinnin siirto alaspin **/
.indexNaviPusher {
	height: 1px;
	width: 5px;
}

	/** I N D E X  - etusivulla tekstialueen korkeuuden st muuksi kuin miksi se luonnollisesti muodostuisi **/
	/** leveyden kasvattaminen siirt kuvaa oikealle **/
.index_pusher_textarea_height {
	height: 480px;
	width: 165px;
}

	/** I N D E X  - etusivulla tekstialueen ylpuolisen tyhjn aikaansaamiseksi **/
.index_pusher_textarea_spaceaboveimage {
	height: 360px;
	width: 0px;
}

	/** S I V U -koko sisltsivun sislln siirto alaspin ylpuolisen tyhjn aikaansaamiseksi **/
.pagePusher {
	height: 10px;
	width: 5px;
}

	/** S I V U - sisltsivun navikoinnin siirto alaspin jotta sen ylpuolelle voi sijoittaa Top1-n layereit **/
.naviPusher {
	height: 0px;
	width: 1px;
}

	/** S I V U - normaali sislln siirto alaspin... muuten vain :-), vaikka mainoksia **/
.sivuContDownPusher {
	height: 15px;
	width: 5px;
}

	/** S I V U - Contentunitien perusvli **/
.cuValiPusher {
	height: 15px;
	width: 1px;
}

	/** S I V U - Contentunitien 2x perusvli **/
.cuValiPusher2x {
	height: 22px;
	width: 1px;
}

	/** S I V U - Otsikko 1 -contentunitin vli **/
.cuOtsikkoValiPusher {
	height: 1px;
	width: 1px;
}

	/** S I V U - Linkki-contentunitin vli **/
.cuLinkkiValiPusher {
	height: 15px;
	width: 1px;
}

	/** S I V U - Vliviivan yl- ja alatyhj **/
.cuLinePusherUpper {
	height: 0px;
	width: 1px;
}
.cuLinePusherLower {
	height: 15px;
	width: 1px;
}


/** XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX  **/
/** ---------- M U U T A -----------------------  **/