/** ____________K E R A C O M P I N   V a R I K A R T T A______________*/
/*
#8B003D - Vaalean viininpunainen
#530024 - Tumma Viininpunainen
#F9A01A - Okra
#916600 - Sinappi
#8B003D - Punainen
#9D0202 - Tummanpunainen
#00662D - Vihrea
#008F41 - Vaaleanvihrea
*/

/** ____________K E R A C O M P I N   V a R I K A R T T A______________*/


/** YLEISET TAGIT */
/* 
-------------------------------------- 
Nama ovat MASTEREITA, eli arvot ovat voimassa
koko sivun verran ellei toisin maarata.
-------------------------------------- 
*/

body {
	margin: 0px;
	padding: 0px;
	background-color: #F7FFF6;
}

/** TAULUKOT */

form {
	margin: 0px;
	padding: 0px;
}

/** OTSIKOT */

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	color: #008F41;
}

/** TEKSTIT */

body, th, td, input, textarea, select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	text-align: left;
	line-height: 1.5em;
	letter-spacing: normal;
}

.list1 {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

.list1 li {
	padding: 6px 0px;
	border-top: 1px solid #DEDEDE;
}

.list1 .first {
	border: none;
}

.list1 a {
	text-decoration: none;
	color: #646464;
	font-size: 12px;
}

.list1 a:hover {
	text-decoration: underline;
	color: #F9A01B;
}

/** LINKIT */

a {
	color: #008F41;
}

a:hover {
	text-decoration: none;
	color: #F9A01B;
}

/** TYYLIT */

.style1 {
	color: #333333;
	font-size: 12px;
}

.style1 a {
}

.style1 a:hover {
}
.style2 {
	color: #003399;
	font-weight: normal;
	font-size: 24px;
}

/** SEKALAISTA */

.align-justify { text-align: justify; }
.align-right { text-align: right; }

img { border: none; }

img.left {
	float: left;
	margin: 3px 15px 0px 0px;
}

img.right {
	float: right;
	margin: 3px 0px 0px 15px;
}

hr { display: none; }

.hr1 {
	height: 1px;
}

#poikki {
	clear:both;
}

/* SIVUN LEISKA */
/* 
-------------------------------------- 
Nama maarittelevat konkreettiset alueet
sivulla ylhaalta alas
-------------------------------------- 
*/

/** OTSIKKO */

#header {
	width: 778px;
	height: 140px;
	margin: 0px auto;
	background-color:#FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00662D;
	border-left-color: #00662D;
}

/** MUUT LINKIT YLHaaLLa */

#muuli {
}


#muuli a {
	clear: both;
	display: block;
	padding: 0px 0px 0px 12px;
	font-size: 10px;
	color: #00662D;
	background-image: url(images/nuoli.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
}

/** SIVUKOKO JA SIJAINTI */

#sivu {
	width: 778px;
	margin: 0px auto;
	background: #FFFFFF;
}

/** VALIKKO */

/* 
-------------------------------------- 
Tassa on paaasiallinen valikko oikealla.
Kokonaisleveys on 560px ja korkeus on 46px.
Yksittaisen nappulan leveys on 112px, eli
560 jaettuna viidella.
*/

#valikko {
	position: relative;
	width: 560px;
	height: 46px;
	margin: -13px 0px 0px 0px;
	background-image: url(images/val_nappula_vih2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#valikko ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#valikko li {
	float: left;
	display: block;
	width: 112px;
	height: 46px;
}

#valikko a {
	display: block;
	width: 112px;
	height: 21px;
	padding: 25px 0px 0px 0px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(images/val_valiosa1_vih2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#valikko .eka a {
	background-image: url(images/val_valiosa2_vih2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#valikko .aktiivinen a, #valikko a:hover {
	background-image: url(images/val_rollover_vih2.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

/** BANNERI */
/* 
-------------------------------------- 
Tassa tulee sivun otsikko jossa kerrotaan
paaasiat nasevasti. Huomaa h1, h2 ja p.
Ensimmainen selektori on oletus ellei
ole maaritelty erikseen body class=""
tagilla.
-------------------------------------- 
*/

#banneri {
	background: url(images/tausta_banneri02.JPG) no-repeat left top;
}

#banneri h1 {
	font-size: 30px;
	font-weight: normal;
	color: #000000;
}

#banneri h2 {
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 7px 0px;
	border-bottom: 0px solid #E4E4E4;
	font-size: 18px;
	font-weight: normal;
	color: #008F41;
}

#banneri h3 {
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 7px 0px;
	border-bottom: 0px solid #E4E4E4;
	font-size: 24px;
	font-weight: normal;
	color: #8B003D;
}

#banneri p b {
	text-align: left;
	font-size: 14px;
	font-weight: bold;
	color: #494949;
}

#banneri p {
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
}

/** BANNERIN TAUSTAKUVAN VAIHTO */
/* 
-------------------------------------- 
Jos kaytetaan body class="", niin sitten
alla vaihdetaan bannerin taustakuva sen mukaan.
-------------------------------------- 
*/

body.keramiikkauunit #banneri {
	background-image: url(images/tausta_banneri02.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

body.erikoisuunit #banneri {
	background: url(images/tausta_banneri02.JPG) no-repeat left top;
}

body.nongas #box2 {
	background-image: url(images/tausta_banneri_nongas1.JPG);
	background-repeat: no-repeat;
	background-position: right top;
}

body.laitteet #banneri {
	background: url(images/tausta_banneri03.JPG) no-repeat left top;
}

body.huolto #box2 {
	background: url(images/tausta_banneri_huolto.JPG) no-repeat left top;
}

/** TUOTTEET */
/* 
-------------------------------------- 
Tassa alla on jokaisen tuoteryhman paasivun
tuoteluettelo. Taustakuva muutetaan
".tuote .speksi_arkku" -selektoria muuttamalla.
vaihda "_arkku". Ilman "_arkku" kuva on tyhja.
Muita ei muuteta.
-------------------------------------- 
*/
#tuotteet {
}

#tuotteet p {
	padding-left:10px;
	padding-right:20px;
}
.tuote{
	float: left;
	width: 175px;
	padding: 0px 0px 0px 8px;
}

.tuote h2 a {
	padding: 0px 0px 10px 0px;
	letter-spacing: 0.0em;
	font-size: 16px;
	font-weight: bold;
	color: #008F41;
	text-decoration: none;
}

.tuote h2 b a {
	display: block;
	padding-left: 0px;
	background: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	color: #008F41;
	text-decoration: none;
	letter-spacing: 0.2em;
}
.tuote h3 a {
	padding: 0px 0px 0px 0px;
	letter-spacing: 0em;
	font-size: 11px;
	font-weight: bold;
	color: #008F41;
	text-decoration: none;
}

.tuote a:hover {
	color: #F9A01B;
}

.tuote h2 span {
	color: #008F41;
	padding-left: 10px;
}

.tuote ul {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
	list-style: none;
	font-size: 12px;
	color: #000000;
}

.tuote li {
	padding: 0px 0px 0px 9px;
	background: url(images/tuote_li.gif) no-repeat left center;
}

.tuote h3 {
	padding: 0px 0px 0px 10px;
	font-size: 32px;
	font-weight: normal;
	color: #8B003D;
}

.tuote h3 span {
	font-size: 14px;
}

.tuote .speksi {
	padding: 0px 0px 10px 0px;
	border-right: 0px solid #DDDDDD;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right bottom;
}

.tuote .speksi_arkku {
	padding: 0px 0px 10px 0px;
	background: url(images/tuote_speksi_arkku.jpg) no-repeat right bottom;
	border-right: 1px solid #DDDDDD;
}

.tuote .speksi_ovi {
	padding: 0px 0px 10px 0px;
	background: url(images/tuote_speksi_ovi.jpg) no-repeat right bottom;
	border-right: 1px solid #DDDDDD;
}
.tuote .speksi_raku {
	padding: 0px 0px 10px 0px;
	background: url(images/tuote_speksi_raku.jpg) no-repeat right bottom;
	border-right: 1px solid #DDDDDD;
}

.tuote .tietoa {
	background: url(images/tuote_tietoa.gif) repeat-x left top;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 0px;
}

.tuote .lisaa a {
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	color: #008F41;
	background-image: url(images/tuote_lisaa.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-left: 10px;
}

/** LAITE SPEKSIT */

/*
--------------------------------------
Alasivujen laitekuvusten leiska.
--------------------------------------
*/

#laitteet {
	margin-top: 10px;
}


.kuva{
	float: left;
	width: 250px;
	padding: 0px 0px 0px 8px;
}

.kuva h2 {
	padding: 0px 0px 10px 0px;
/*	background: url(images/tuote_h2.gif) repeat-y right top; 
	letter-spacing: -1px; */
	text-transform: lowercase;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
}

.kuva .kuva_1 {
	padding: 0px 0px 10px 0px;	
/*	border-right: 0px solid #DDDDDD; */
}
.kuvateksti {
	float: right;
	width: 250px;
}
.laite{
	float: left;
	width: 230px;
	padding: 0px 0px 0px 5px;
}

.laite h2 {
	padding: 0px 0px 10px 0px;
	letter-spacing: -1px;
	text-transform: lowercase;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
}

.laite h2 b {
	display: block;
	padding-left: 0px;
	background: #FFFFFF;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;
}

.laite h2 span {
	color: #F9A01A;
	padding-left: 10px;
	font-size: 16px;
}

.laite ul {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 10px;
	list-style: none;
	font-size: 12px;
	color: #000000;
}


.laite li {
	padding-left: 9px;
	list-style-image: url(images/tuote_li.gif);
	list-style-position: outside;
	display: list-item;
}
/*.laite li {
	padding: 0px 0px 0px 9px;
	background-image: url(images/tuote_li.gif);
	background-repeat: no-repeat;
	background-position: left center;
	white-space: normal;
	display: list-item;
}*/

.laite h3 {
	padding: 0px 0px 0px 10px;
	font-size: 18px;
	font-weight: normal;
	color: #CC0033;
}

.laite h3 span {
	font-size: 14px;
}

.laite .speksi {
	padding: 0px 0px 10px 0px;
	
}

.laite .tietoa {
	background: url(images/tuote_tietoa.gif) repeat-x left top;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.laite p {
	text-align: left;
	color: #333333;
	font-size: 12px;
}

.laite .lisaa a {
	display: block;
	height: 21px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 9px;
	font-weight: bold;
	color: #2D72B1;
	background-image: url(images/tuote_lisaa.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;
}

#divider {
	width: 500px;
	padding-left: 10px;
	margin-bottom: 10px;
	clear: both;
	border-bottom: 1px solid #DDDDDD;
	
}
	

/** VASEN LAITA */
/* 
-------------------------------------- 
Vasemmassa laidassa on 2 erilaista valikkoa.
Ylempi valikko vaihtuu riippuen siita mika sivu
kulloinkin naytetaan ja toimii navigointina
alaosaston sisalla. Alempi navigointivalikko
on kiintea. Valikot kayttavat samaa koodipohjaa (vas-val),
mutta alempi maaritetaan "alanav" luokalla.
-------------------------------------- 
*/

/** YLEMPI LAITAVALIKKO */

#vasen {
	float: right;
	width: 218px;
}

.vas-val-title_yla {
	height: 24px;
	padding: 10px 0px 0px 25px;
	font-size: 12px;
	color: #484848;
	background-image: url(images/vas_ylaotsikkotausta_vih.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.vas-val-title_yla span {
	color: #008F41;
}

.vas-val-title {
	height: 24px;
	padding: 10px 0px 0px 25px;
	font-size: 12px;
	color: #484848;
	background-image: url(images/vas_alaotsikkotausta_vih.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.vas-val-title2 {
	height: 24px;
	padding: 10px 0px 0px 25px;
	font-size: 12px;
	font-weight: normal;
	color: #484848;
	background-image: url(images/vas_alaotsikkotausta_vih.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.vas-val-title2 span {
	color: #008F41;
}

.vas-val-title span {
	color: #008F41;
}

.vas-val-content {
	padding: 15px 25px;
}

/** ALEMPI LAITAVALIKKO */

#alanav {
}

#alanav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#alanav li {
	display: block;
	height: 31px;
	padding: 0px 0px 0px 15px;
}

#alanav a {
	display: block;
	padding: 7px 0px 9px 0px;
	border-bottom: 1px solid #DEDEDE;
	font-size: 12px;
	text-decoration: none;
}

#alanav a:hover {
	color: #F9A01B;
}

#alanav1 { background: url(images/nuoli.gif) no-repeat left center; }
#alanav2 { background: url(images/nuoli.gif) no-repeat left center; }
#alanav3 { background: url(images/nuoli.gif) no-repeat left center; }
#alanav4 { background: url(images/nuoli.gif) no-repeat left center; }
#alanav5 { background: url(images/nuoli.gif) no-repeat left center; }
#alanav6 { background: url(images/nuoli.gif) no-repeat left center; }
#alanav6 a { border: none; }

/** FOOTER */

#footer {
	width: 778px;
	height: 120px;
	margin: 0px auto;
	background: url(images/tausta_footer_vih.gif) repeat-x left top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #008F41;
	border-left-color: #008F41;
}

#footer p {
	padding: 20px 0px 0px 0px;
	text-align: center;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}

/** BOX1 */

#box1 {
	padding: 20px;
	background: url(images/box1.gif) repeat-x left top;
	visibility: hidden;
}

#box1 h2 {
	text-transform: lowercase;
	font-size: 16px;
	font-weight: normal;
	color: #ABABAB;
}

#box1 h2 span {
	font-size: 32px;
	color: #8B003D;
}

#box1 h3 {
	text-transform: lowercase;
	font-size: 16px;
	font-weight: normal;
	color: #FF9110;
}

#box1 p {
}

#box1 a {
	padding-left: 14px;
	background: url(images/nuoli.gif) no-repeat left center;
}

/** BOX2 */

#box2 {
	padding: 20px;
	background: url(images/subpage1_01.gif) no-repeat left top;
}

#box2 .pagetitle {
	margin-bottom: 1em;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
}

#box2 .pagetitle span {
	color: #008F41;
}

#box2 h2 {
	font-size: 13px;
	color: #008F41;
	letter-spacing: 0.1em;
	padding-bottom: 10px;
}
#box2 h5 {
	font-size: 14px;
	color: #333333;
	font-weight: normal;
}

#box2 h5 span {
	color: #008F41;
}

#box2 p {
	text-align:left;
	font-size: 12px;
}

#box2 p b {
	text-align:left;
}

#box2 ol {
	width: 300px;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: .1em;
}

/** BOX3 */

#box3 {
	padding: 20px;
	background: url(images/subpage1_01.gif) no-repeat left top;
}

#box3 .pagetitle {
	margin-bottom: 1em;
	font-size: 18px;
	font-weight: normal;
	color: #484848;
}

#box3 .pagetitle span {
	color: #8B003D;
}

#box3 h2 {
	font-size: 11px;
	color: #FF9110;
}

/** MATRIX TABLE */

#matrix {
	width: 100%;
}

#matrix th, #matrix td {
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
}

#matrix thead th {
	background: url(images/subpage1_03.gif) repeat left top;
	color: #FFFFFF;
}

#matrix tbody td {
	background: url(images/subpage1_02.gif) repeat left top;
}

#matrix tfoot td {
	background: url(images/subpage1_04.gif) repeat left top;
}

#matrix tfoot td a {
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}

#matrix .nil {
	background: none;
}
.uuni-otsikko a {
	font-size: 10px;
	font-weight: normal;
	text-transform: capitalize;
}
.tuote2 h2 a {
	font-size: 10px;
	font-weight: normal;
	text-transform: capitalize;
}