/** ---------  K E R A A M I K A     C U S T O M -------------- **/

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


	/** otsikkoyksikön fontti 1**/ 
.otsikko1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #808080;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	font-weight: bold;
}

	/** otsikkoyksikön fontti 2 - isompi otsikko**/ 
.otsikko2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #BA6538;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	font-weight: bold;
}

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

	/** footer-tekstin fontti **/
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #999999;
	text-decoration: none;
	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


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

	/** a10 **/
	/** vaihdettavaa sisältöä layerillä - VIPUNAPPI **/
#LTop3 {
	position:absolute;
	width:23px;
	height:259px;
	z-index:3;
	left: 172px;
	top: 32px;
	visibility: visible;
}

	/** a15 **/
	/** vaihdettavaa sisältöä layerillä - kuva **/
#LTop4 {
	position:absolute;
	width:23px;
	height:257px;
	z-index:5;
	left: 160px;
	top: 130px;
	visibility: visible;
}

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

	/** a20 **/
	/** 1 - INDEX.php - AJANKOHTAISTA - LAYER sijainti - vaihdettavaa sisältöä tällä layerillä - html koodia **/
#LIndex_Top1html {
	position:absolute;
	width:891px;
	height:530px;
	z-index:12;
	left: -31px;
	top: 100px;
	visibility: visible;
	border: 1px none #0099FF;
}

	/** 1 - INDEX.php - 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.php - vaihdettavaa sisältöä tällä layerillä - html koodia **/
#LIndex_Top2html {
	position:absolute;
	width:20px;
	height:20px;
	z-index:14;
	left: 94px;
	top: 289px;
	visibility: visible;
}

	/** 2 - INDEX.php - 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: 10px solid #bfb78f;
	width: 230px;
	margin-top: 0px;
	background-color: #FF0000;
}

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

	/** a30 **/
	/** 3 - INDEX.php - LAYER sijainti - vaihdettavaa sisältöä tällä layerillä - html koodia **/
#LIndex_Top3html {
	position:absolute;
	width:23px;
	height:257px;
	z-index:16;
	left: 235px;
	top: 148px;
	visibility: visible;
}

	/** 3 - INDEX.php - 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: 5px solid #99CC99;
	width: 260px;
}

	/** ------------- 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: 820px;
	top: 230px;
	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;
}

	/** a40 **/
	/** ----  S I V U.php   -  K I I N T E Ä   NAVIN ALAPUOLELLA - vaihdettavaa sisältöä tällä layerillä - html koodia --  **/
#LTop6html {
	position:absolute;
	width:23px;
	height:257px;
	z-index:10;
	left: -10px;
	top: 181px;
	visibility: visible;
}

	/** LTop5html layerillä oleva table **/
.LTop6htmlTable {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	text-transform: none;
	line-height: normal;
	border: 1px noni #666666;
}


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

	/** yhteydet-linkin sisältävä layer **/
#LYhteydetIndex {
	position:absolute;
	left:752px;
	top:110px;
	width:100px;
	height:27px;
	z-index:5;
	visibility: hidden;
}


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


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

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

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

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

	/** palaute-linkin sisältävä layer **/
#LPalaute {
	position:absolute;
	left:649px;
	top:115px;
	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: 2px solid #FCFBF5;
	border-right: 1px none #FFFFFF;
	border-bottom: 2px solid #FCFBF5;
	border-left: 1px none #FFFFFF;
}

	/** K A I K K I - sisältöalueen reunaviiva **/
.sivuBorder {
	border-top: 1px solid #F1CCAF;
	border-right: 1px solid #F1CCAF;
	border-bottom: 1px solid #F1CCAF;
	border-left: 1px solid #F1CCAF;
}

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

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

	/** b1 **/
	/** S I V U.php - I N D E X.php   -  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 none #FFFFFF;
	border-right: 1px none #FFFFFF;
	border-bottom: 1px none #FFFFFF;
	border-left: 1px none #FFFFFF;
	background-color: #FCFBF5;
	background-image: url(../kuvat/ornamenttiPunane.gif);
	height: 34px;
}

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

	/** S I V U.php -  N A V I   P A L S T A   V A S E M M A L L A  -  taustakuva tai taustaväri **/
.bkgrNavi {
	background-color: #FCFBF5;
	background-image: url(../kuvat/taitto_tra.gif);
}

	/** S I V U.php -   N A V I   P A L S T A   V A S E M M A L L A  -  taustakuva tai taustaväri HUOM! YLÄREUNANSOLU JA ALAREUNAN TOPofTHEPAGE-SOLU
	**/
.bkgrNavi2 {
	background-color: #FCFBF5;
	background-image: url(../kuvat/s_navi_taust.gif);
}

	/** S I V U.php -  navin ja tekstialueen V Ä L I S S Ä  O L E V A  K A I S T A  taustakuva tai taustaväri **/
.bkgrDivide {
	background-color: #FCFBF5;
	background-image: url(../kuvat_sivuille/s_keskiviiva.jpg);
}

	/** S I V U.php -  T E K S T I A L U E  taustakuva tai taustaväri **/
.bkgrTxt {
	background-color: #FCFBF5;
	background-image: url(../kuvat/paperitausta.jpg);
}


	/**  S I V U.php - I N D E X.php - sisältöalueen ja footerin välinen viiva **/
.bkgrBlack {
	background-color: #FCFBF5;
	background-image: url(../kuvat/ornamenttiPunane2.gif);
	height: 14px;
}

	/** S I V U.php -  Varsinaisen TREE NAVIN pohjataulukko **/
.naviTable {

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


	/** V A S E M M A L L E  contentunit  table "ei mitään"*/
	
.table0_vas {
	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;
	width: 225px;
	border: 1 pix solid #CCCCCC;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 16px;
	padding-top: 12px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 10px;
} 

	/** S I V U.php  -  contentunit  table**/
.table2 {
	background-color: #EDEDE4;
	width: 588px;
	border: 1px solid #B0B380;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 15px;
	vertical-align: middle;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
}

	/** S I V U.php  -  contentunit  table**/
.table3 {
	background-color: #FFFBEC;
	width: 590px;
	border: 1px solid #CCCCCC;
	margin-top: 0px;
	margin-bottom: 15px;
	vertical-align: middle;
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

	/** I N D E X.php  - 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%;
	padding: 7px;
}


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

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

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

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

	/** I N D E X.php  - etusivulla tekstialueen yläpuolisen tyhjän aikaansaamiseksi **/
	/** taittopala jonka korkeus sen mukaan kuinka paljon tilaa pääkuvan yläpuolelle tarvitaan **/
	/** ja leveyden kasvattaminen levittää taulukkoa jossa teksti sijaitsee **/
.index_pusher_textarea_spaceaboveimage {
	height: 15px;
	width: 500px;
}

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

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

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

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

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

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

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

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


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