@charset "utf-8";
/** --------- AV    C U S T O M -------------- **/

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

	/** perusteksti  **/ 
.leipatxt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #7d7d7d;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
}

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

	/** linkki - avataan projekti eri selaimeen - fontti **/  
.eriselaimeen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #88aa8a;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	font-style: normal;
	font-weight: normal;
}
a:hover.eriselaimeen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #88aa8a;
	text-decoration: underline;
	text-transform: none;
	line-height: normal;
	font-weight: normal;
}

	/** 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 linkkiyksikön fontti EI KÄYTÖSSÄ 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;
}

	/** otsikkoyksikön 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

	/** footer-tekstin fontti **/
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #b4b4b4;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
}

	/** osiot joihin pääsy kun kirjautuneena sisään fontti **/  
.logged_in {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #7ea4ba;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	font-style: normal;
	font-weight: bold;
}
a:hover.logged_in {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #7ea4ba;
	text-decoration: underline;
	text-transform: none;
	line-height: normal;
	font-weight: bold;
}

	/** login ja passwordluukut - sivu.php  **/ 
.loginluukku {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	height: 16px;
	width: 156px;
}

	/** suojattuihin alueisiin loggaantuneen tiedot - table - index.php  **/ 
.log_out_table {
	background-color: #ffffff;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #cccccc;
	margin-bottom: 10px;
}

	/** suojattuihin alueisiin loggaantuneen tiedot - table - sivu.php  **/ 
.log_out_sivulla_table {
	background-color: #ffffff;
	padding-right: 10px;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 7px;
	border: 1px solid #cccccc;
	xmargin-bottom: 10px;
	width: 225px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
}


/** ----- 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  **/ 
.leipatxtIndex {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #7d7d7d;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
}

	/** 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 sisältöä layerillä - SININEN kuva **/
#LTop2 {
	position:absolute;
	width:100px;
	height:100px;
	z-index:1;
	left: 664px;
	top:56px;
	visibility: visible;
	border: 1px none #bfb78f;
}

	/** a10 **/
	/** vaihdettavaa sisältöä layerillä - VIPUNAPPI **/
#LTop3 {
	position:absolute;
	width:23px;
	height:259px;
	z-index:3;
	left: -72px;
	top: 72px;
	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 sisältöä tällä layerillä - html koodia **/
#LIndex_Top1html {
	position:absolute;
	width:500px;
	height:30px;
	z-index:12;
	left: 149px;
	top: 200px;
	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 - toinen navigointi - sijainti - vaihdettavaa sisältöä tällä layerillä - html koodia **/
#LIndex_Top2html {
	position:absolute;
	width:2px;
	height:2px;
	z-index:14;
	left: -30px;
	top: 81px;
	visibility: visible;
	background-color: #FFFFFF;
}

	/** 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;
}

/** 2 - SIVU - toinen navigointi - sijainti - vaihdettavaa sisältöä tällä layerillä - html koodia **/
#LSivu_Top2html {
	position:absolute;
	width:2px;
	height:2px;
	z-index:14;
	left: -30px;
	top: 81px;
	visibility: visible;
	background-color: #FFFFFF;
}

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

	/** a30 **/
	/** 3 - INDEX - VASTUSTAMME TOIVONEN YHTI...LAYER sijainti - vaihdettavaa sisältöä tällä layerillä - html koodia **/
#LIndex_Top3html {
	position:absolute;
	width:23px;
	height:257px;
	z-index:16;
	left: -35px;
	top: 148px;
	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 - ÄLÄ KÄYTÄ, EI TOIMI OIKEIN**/
.xIndex_Table_Rightpane {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	background-color: #889cb8;
	width: 240px;
	border: 1px none #ffffff;
	xpadding-top: 3px;
	xpadding-left: 10px;
}

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

	/** a35 **/
	/** S I V U.php - LAYER sijainti - vaihdettavaa sisältöä tällä 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 sisältävä layer **/
#LYhteydetIndex {
	position:absolute;
	left:-46px;
	top:10px;
	width:100px;
	height:27px;
	z-index:5;
	visibility: visible;
}


	/** etusivulla palaute-linkin sisältävä layer **/
#LPalauteIndex {
	position:absolute;
	left:43px;
	top:10px;
	width:100px;
	height:27px;
	z-index:5;
	visibility: visible;
}


	/** --------- SISÄSIVULLA  ------  **/

	/** etusivu-linkin sisältävä layer **/
#LEtusivulle {
	position:absolute;
	left:-46px;
	top:10px;
	width:94px;
	height:27px;
	z-index:5;
	visibility: visible;
}

	/** yhteydet-linkin sisältävä layer **/
#LYhteydet {
	position:absolute;
	left:43px;
	top:10px;
	width:100px;
	height:27px;
	z-index:5;
	visibility: visible;
}

	/** print-linkin sisältävä layer **/
#LPrint {
	position:absolute;
	left:224px;
	top:10px;
	width:100px;
	height:27px;
	z-index:5;
	visibility: visible;
}

	/** palaute-linkin sisältävä layer **/
#LPalaute {
	position:absolute;
	left:132px;
	top:10px;
	width:100px;
	height:27px;
	z-index:5;
	visibility: visible;
}


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

	/** yläpalkin 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 - yläpalkin tablen reunaviiva (kuva-alue) **/
.topNaviBorder {
	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 - sisältöalueen reunaviiva **/
.sivuBorder {
	border-top: 1px none #cccccc;
	border-right: 1px none #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px none #cccccc;
}

	/** K A I K K I  K U V A T  - sisällön kuvien reunaviiva **/
	/** HUOM!  - borderi tulee kuvan ulkopuolelle **/
.imgborder {
	border-top: 1px none #cccccc;
	border-right: 1px none #cccccc;
	border-bottom: 1px none #cccccc;
	border-left: 1px none #cccccc;
}

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


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

	/** I N D E X.php - E T U S I V U  -  T E K S T I A L U E taustakuva tai taustaväri **/
.bkgrTxtIndex {
	background-color: #FFFFFF;
	xbackground-image: url(../kuvat/taitto_tra.gif);
	background-image: url(../kuvat_sivuille/bkgrTxtIndex.gif);
	background-repeat: no-repeat;
}

	/** I N D E X.php - E T U S I V U  -  O I K.   P A L S T  A taustakuva tai taustaväri **/
	/** EI OIKEIN TOIMI  -  ÄLÄ KÄYTÄ **/
.bkgrRightpaneIndex {
	xbackground-color: #617693;
	xbackground-image: url(../kuvat/taitto_tra.gif);
	xborder: 1px solid #FF0000;
}

	/** b1 **/
	/** S I V U - I N D E X   -  S P A C E R - T A U L U K K O   ylänavin alapuolella  ----  **/
	/** ylänavikoinnin ja sisältöalueen väliin nousevan spacer-taulukko **/
.sivuTopNaviBelowSpacerTable {
	border-top: 1px solid #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 10px none #FFFFFF;
	background-color: #888686;
	xbackground-image: url(../kuvat/bkgr_vino_tumma.gif);
}

	/**  S I V U - I N D E X -  Layout1 (niitty) jos  T O P _ N A V I = 2  (yksiosainen) - ylänavikoinnin taustakuva tai taustaväri **/
.bkgrTopNavi {
	background-color: #FFFFFF;
	xbackground-image: url(../../web/kuvat_sivuille/bkgr_top_navi_gradual_grey.gif);
	background-image: url(../../web/kuvat_sivuille/taitto_tra.gif);
	height: 1px;
}

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

/**  sivuBorder  2  - KOKO SIVUSTON BORDER                                   **/
/**  bkgrNavi  250  - TÄTÄ EI KANNATA MUUTTAA                                **/
/**  bkgrDivide 20                                                           **/
/**  bkgrTxt   618  - HUOMAA MYÖS bkgrTxtUser1, bkgrTxtUser2 JA bkgrTxtUser3 **/
/**  --------------                                                          **/
/**  YHTEENSÄ  890                                                           **/


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

/**  sivuBorder  2  - KOKO SIVUSTON BORDER                                   **/
/**  bkgrNavi  250  - TÄTÄ EI KANNATA MUUTTAA                                **/
/**  bkgrDivide  0    <<<<<                                                  **/
/**  bkgrTxt   638  - <<<<< HUOMAA MYÖS bkgrTxtUser1, bkgrTxtUser2 JA bkgrTxtUser3 **/
/**  --------------                                                          **/
/**  YHTEENSÄ  890  


	/** S I V U -  T R E E   N A V I  -  taustakuva tai taustaväri **/
.bkgrNavi {
	background-color: #ffffff;
	xbackground-color: #e6ff16;
	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 taustaväri - oletusleveys=25 **/
.bkgrDivide {
	background-color: #ffffff;
	xbackground-color: #ff0000;
	xbackground-image: url(../kuvat_sivuille/viiva_valissa_tra.gif);
	xbackground-image: url(../kuvat_sivuille/taitto_tra.gif);
	width: 20px; /** yhdessä  bkgrTxt:n leveys kanssa, kun tämä bkgrDividen leveys pienee, kasvaa bkgrTxt:n leveys vastaavasti **/
}

	/** S I V U -  T E K S T I A L U E  taustakuva tai taustaväri - oletusleveys = 604**/
.bkgrTxt {
	background-color: #ffffff;
	xbackground-color: #16ff94;
	xxbackground-image: url(../kuvat/bkgrTxt.gif);
	background-image: url(../kuvat/bkgrTxt_matala.gif);
	width: 618px; /** kun tämä bkgrTxt:n leveys pienee, kasvaa bkgrDividen:n leveys vastaavasti - oletus 613 **/
	padding-top: 15px; /** pudottaa sisältöä alaspäin, oletus 15, ALA KAYTA bkgrTxt:ta muualla !!!!!  */
	padding-left: 0px; /** marginaalia vasemmalle - HUOMIO DIVIDEN mahdollisen pystyviivan paikka !!!!!  */
	padding-right: 0px; /** marginaalia oikealle !!!!!  */
	background-repeat: no-repeat;
}

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

	/** S I V U.php -  T E K S T I A L U E  SUOJATUT SIVUT - USER 1- taustakuva tai taustaväri  **/
.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 taustaväri  **/
.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 taustaväri  **/
.bkgrTxtUser3 {
	background-color: #ffffff;
	background-image: url(../kuvat/vipu_bkgr_text_user3.gif);
	background-repeat: no-repeat;
}

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


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

	/** S I V U -  vasemman palstan, vasemmalla tekstiä sisältävien 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 - sisältöalueen ja footerin välinen viiva **/
.bkgrBlack {
	border-top: 1px none #ff0000;
	border-bottom: 1px none #ffffff;
	background-color: #ffffff;
	height: 1px;
}

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

  /** 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 mitään"*/
	
.table0_vas { /** tätä ei ole enään **/
	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;
} 

/** xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 					 **/
/** CU:n ja ISON KUVAN OLETUS LEVEYS  																											 	 **/
/**    widthCU 									 600		CU:n LEVEYS 																			 		 **/
/**  - padding-left  		 		 			14		ympäröivän table2/table3:n vas marginaali					 		 **/
/**  - padding-right  	 		 			14		ympäröivän table2/table3:n oik marginaali					 		 **/
/**  - 2 x border  				  		   2		ympäröivän table2/table3:n border 2 kertaisena		 		 **/
/** -------------------------------------------------------------------------				 					 **/
/**  = widthCUinsideTable 			 570 		CU:n OLETUS LEVEYS kun tablen sisällä 								 **/


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


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



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


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


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


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

.cu_img_max { /** cu_img-sisältöyksikön KUVAN MAKSIMILEVEYS **/
 	max-width: 600px; /** oltava sama kuin widthCU:n leveys (yllä), jos halutaan tasaleveyttä - oletus 600 **/
 } 
   .cu_img_max_IE6fix { /** IE6 - cu_img-sisältöyksikön KUVAN MAKSIMILEVEYS **/
 	max-width: 600px; /** oltava sama kuin widthCU:n leveys (yllä), jos halutaan tasaleveyttä - oletus 600 **/
	/** TÄMÄ JO TOIMI - width: expression(this.width > 600 ? 600: true); /** tämä pakottaa ylisuuret mainittuun kokoon, alle maksimikokoiset eivät suurene **/
	width: expression(this.width > 599 ? "600px": true); /**  tavoitekoko on "suluissa" - tämä pakottaa ylisuuret mainittuun kokoon, alle maksimikokoiset eivät suurene **/
 }
 
.cu_img_max_insideTable { /** cu_img-sisältöyksikön KUVAN maksimikoko kun kuvan CU tablen sisällä **/
 	max-width: 570px; /** jos kuvan CU tablen sisalla, -> kuva kavennettava, widthCUinsideTable(yllä)+2ximgborder = x pix - oletus 570  **/
	/** xxxxwidth:expression(document.body.clientWidth > 570? "570px": "auto" ); /** IE6 korjaus - tosin pienikin suurenee tähän kokoon **/
 }

.cu_img_max_insideTable_IE6fix { /** cu_img-sisältöyksikön KUVAN maksimikoko kun kuvan CU tablen sisällä **/
 	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 - tämä pakottaa ylisuuret mainittuun kokoon, alle maksimikokoiset eivät suurene **/
	/** width:expression(document.body.clientWidth > 570? "570px": "auto" ); /** IE6 korjaus - tosin pienikin suurenee tähän kokoon **/
 } 

	/** S I V U  -  contentunit  tablen sisälle **/
.table2 {
	background-color: #f2f2f2;
	width: 600px; /** oltava sama kuin täyskokoisen kuvan leveys(cu_img_max), jos halutaan tasaleveyttä - oletus 600 **/
	border: 1px solid #cccccc; /** PIDÄ 2 JA 3 TABLEISSA SAMA BORDERLEVEYS  jotta yksiköiden tasaleveys toteutuu **/
	margin-top: 0px;
	margin-bottom: 15px;
	padding-left: 14px; /** vas.puolen reuna, oletus 14 **/ /** PIDÄ 2 JA 3 TABLEISSA SAMA PADDING  jotta yksiköiden tasaleveys toteutuu **/
	padding-right: 14px; /** vas.puolen reuna, oletus 14 **/ /** PIDÄ 2 JA 3 TABLEISSA SAMA PADDING  jotta yksiköiden tasaleveys toteutuu **/
	padding-top: 14px;
	padding-bottom: 3px;
}

	/** S I V U  -  contentunit  tablen sisälle **/
.table3 {
	background-color: #000000;
	border: 1px solid #000000; /** PIDÄ 2 JA 3 TABLEISSA SAMA BORDERLEVEYS jotta yksiköiden tasaleveys toteutuu **/
	width: 600px; /** oltava sama kuin täyskokoisen kuvan leveys jotta yksiköiden tasaleveys toteutuu - oletus 600 **/
	margin-top: 0px;
	margin-bottom: 15px;
	padding-left: 14px; /** vas.puolen reuna, oletus 14 **/ /** PIDÄ 2 JA 3 TABLEISSA  SAMA PADDING jotta yksiköiden tasaleveys toteutuu  **/
	padding-right: 14px; /** oik.puolen reuna, oletus 14 **/ /** PIDÄ 2 JA 3 TABLEISSA  SAMA PADDING jotta yksiköiden tasaleveys toteutuu  **/
	padding-top: 14px;
	padding-bottom: 3px;
}
/**  LOPPUU **/
/** xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx **/

	/** I N D E X  - sisäänmenotaulukot **/
.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%;
	xpadding: 7px;
}


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

	/** I N D E X  - koko etusivun sisällön siirto alaspäin yläpuolisen tyhjän aikaansaamiseksi **/
.indexPusher {
	height: 10px;
	width: 5px;
}

	/** I N D E X.php  - etusivulla tervetuloa-tekstin (oikea palsta) siirto alaspäin yläpuolisen tyhjän aikaansaamiseksi **/
	/** korkeus on tässä oleellinen (height) **/
.indexWelcomePusher {
	height: 20px;
	width: 1px;
}

	/** I N D E X  - etusivuon oik. puolen navikoinnin siirto alaspäin **/
.indexNaviPusher {
	height: 121px;
	width: 5px;
}

	/** I N D E X  - etusivulla tekstialueen korkeuuden säätö muuksi kuin miksi se luonnollisesti muodostuisi **/
	/** leveyden kasvattaminen siirtää kuvaa oikealle **/
.index_pusher_textarea_height {
	height: 20px;
	width: 0px;
}

	/** I N D E X  - etusivulla tekstialueen yläpuolisen tyhjän aikaansaamiseksi JA leveyden säätämiseksi**/
.index_pusher_textarea_spaceaboveimage {
	height: 126px;
	width: 600px;
}

	/** S I V U -koko sisältösivun sisällön siirto alaspäin yläpuolisen tyhjän aikaansaamiseksi **/
.pagePusher {
	height: 10px;
	width: 5px;
}

	/** S I V U - sisältösivun navikoinnin siirto alaspäin jotta sen yläpuolelle voi sijoittaa Top1-n layereitä **/
.naviPusher {
	height: 118px;
	width: 1px;
}

	/** S I V U.php - navigoinnin alapuolella olevan vas. palstan sisällön siirto alaspäin - "ilmaa" **/
	/** korkeus on tässä oleellinen (height) **/
.naviBelowPusher {
	height: 17px;
	width: 16px;
}

	/** S I V U - normaali sisällön siirto alaspäin... muuten vain :-), vaikka mainoksia **/
.sivuContDownPusher {
	height: 1px;
	width: 5px;
}

	/** S I V U - normaali sisällön alamarginaali - on minimissään 1-10 pix - säädettavissa isommaksi **/
.sivuContBottomPusher {
	height: 19px;
	width: 5px;
}

	/** S I V U - Contentunitien perusväli **/
.cuValiPusher {
	height: 10px;
	width: 1px;
}

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

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

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

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



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