/* *******************************************************
COMMON STUFF
******************************************************* */


body {
	background-image: url(/kuvat/bg_pattern.jpg);
	background-repeat: repeat-x;
	background-color: #CCE668;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
img{
    border: 0;
}
#pageWrapper {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#pageWrapper #contentWrapper {
	background-image: url(/kuvat/content_tausta.png);
	background-repeat: no-repeat;
	width: 1000px;
	height: auto;
	behavior: url(/_script/iepngfix.htc);
	display: table;
}
#pageWrapper #contentStopper {
	background-image: url(/kuvat/content_tausta_bottom.png);
	background-repeat: no-repeat;
	width: 1000px;
	height: 51px;
	padding-top: 5px;
	behavior: url(/_script/iepngfix.htc);
}
#pageWrapper #bottomLinks {
	width: 1000px;
	height: 51px;
	padding-left: 15px;
	color: #9AB335;
}
#pageWrapper #bottomLinks a{
	color: #9AB335;
}
a {
	color: #666;
}
a:hover {
	color: #333;
	text-decoration: none;
}

/* *******************************************************
HEADER
******************************************************* */

#header {
	/*background-color: #00CC66;*/
	padding: 0;
	margin: 0;
	width: 1000px;
	height: 94px;
	position: relative;
	/*text-align: right;*/
}
#header #logo {
	margin: 15px 0 0 20px;
	padding: 0;
	border: none;
	float: left;
}
#header ul#mainNavi {
	background-image: url(/kuvat/bg_navi.gif);
	background-repeat: repeat-x;
	width: 777px;
	float: right;
	padding: 6px;
	margin: 15px 20px 0 0;
}

/* *******************************************************
PÄÄNAVI
******************************************************* */

dl, dd, ul, li {
list-style-type: none;
margin: 0;
padding: 0;
}

dt {
list-style-type: none;
margin: 0;
padding: 5px 15px;
text-align: center;
}
dt a {
color: #fff;
}
dt._hover {
text-decoration: none;
color: #fff;
background: #439d2a;
background-image: url(/kuvat/bg_navi_vihree.gif);
background-repeat: repeat-x;
}
dt._hover a {
color: #fff;
}
dt:hover {
text-decoration: none;
color: #fff;
background: #439d2a;
background-image: url(/kuvat/bg_navi_vihree.gif);
background-repeat: repeat-x;
}
dt.muut_hover {
text-decoration: none;
color: #fff;
background: #439d2a;
background-image: url(/kuvat/bg_navi_vihree.gif);
background-repeat: repeat-x;
}
dt.yritykset_hover {
text-decoration: none;
color: #fff;
background: #cf691e;
background-image: url(/kuvat/bg_navi_oranssi.gif);
background-repeat: repeat-x;
}
dt.yritykset_hover a {
color: #fff;
}
dt.yritykset:hover {
text-decoration: none;
color: #fff;
background: #cf691e;
background-image: url(/kuvat/bg_navi_oranssi.gif);
background-repeat: repeat-x;
}
dt.koti_hover {
text-decoration: none;
color: #fff;
background: #ecbf00;
background-image: url(/kuvat/bg_navi_keltanen.gif);
background-repeat: repeat-x;
}
dt.koti_hover a {
color: #fff;
}
dt.koti:hover {
text-decoration: none;
color: #fff;
background: #ecbf00;
background-image: url(/kuvat/bg_navi_keltanen.gif);
background-repeat: repeat-x;
}

#menuakt a.current {
color: #fff;
}

#menu {
position: relative;
left: 0;
top: 14px;
background-image: url(/kuvat/bg_navi.gif);
background-repeat: repeat-x;
padding: 0 6px 6px 0;
margin: 0 0 7px 212px;
display: block;
height: 30px;
/*overflow: hidden;*/
width: 763px;
font: 14px Arial, sans-serif;
font-weight: bold;
}

#menu dl {
float: left;
}
#menu li {
display: inline;
text-align: center;
padding: 0 5px;
}

#menu a {
text-decoration: none;
color: #666;
/*background: #fff;*/
}

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

#smenu2 {
background-color: #ecbf00;
}
#smenu1 {
background-color: #cf691e;
}
#smenu3, #smenu4, #smenu5, #smenu6 {
background-color: #439d2a;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6 {
position: absolute;
left: 0px;
font-size: 12px;
width: 763px;
font-weight: normal;
padding: 4px 0 4px 4px;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a, #smenu6 a {
color: #fff;
}
#smenu1 a.active, #smenu2 a.active, #smenu3 a.active, #smenu4 a.active, #smenu5 a.active, #smenu6 a.active {
color: #aaa;
}

#smenu1 a:hover, #smenu2 a:hover, #smenu3 a:hover, #smenu4 a:hover, #smenu5 a:hover, #smenu6 a:hover {
color: #eee;
text-decoration: underline;
}


/* *******************************************************
HAKU
******************************************************* */

table#haku {
	width: 769px;
	float: right;
	margin: 20px 20px 0 0;
	text-align: right;
	vertical-align: bottom;
	height: 25px;
	padding: 0;
	/*background-color: #0000CC;*/
}
* html table#haku {
	width: 769px;
	float: right;
	margin: 20px 10px 0 0;
	text-align: right;
	vertical-align: bottom;
	height: 25px;
	padding: 0;
	/*background-color: #0000CC;*/
}
form {
	/*width: 171px;*/
	margin: 0px;
	padding: 0px;
}
table#haku td {
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}
table#haku td.link {
	width: 180px;
	vertical-align: bottom;
	padding-right: 8px;
}
table#haku td.haku {
	width: 171px;
	vertical-align: bottom;
}
table#haku td.field {
	width: 138px;
	vertical-align: bottom;
}
table#haku td.btn {
	width: 33px;
	vertical-align: bottom;
}
#slogan {
	float: left;
}
input.haku {
	font-family: Arial, Helvetica, sans-serif;
	width: 135px;
	height: 15px;
	padding: 0 0 0 3px;
}

/* *******************************************************
PALSTAT COMMON
******************************************************* */

#container {
	background-repeat: repeat-y;
	min-height: 400px;
	height: auto;
	width: 590px;
	padding: 0 180px 0 211px;
	background-color: transparent;
	display: table;
	background-image: url(/kuvat/bg_reunat_blue_yellow.gif);
	background-repeat: no-repeat;
	background-position: 0px 479px;
}
#container .column {
	float: left;
	position: relative;
}
div#newsletter p {
	padding: 9px;
	margin: 0;
	font-size: 11px;
}

/* *******************************************************
VASEN PALSTA
******************************************************* */

#vasenPalsta {
	/*background-color: #333;*/
	width: 185px;
	margin-left: -210px;  
	right: 589px;
	padding: 0 0 5px 20px;
	height: 479px;
	display: block;
}
div#ajankohtaista {
	background-image: url(/kuvat/bg_palsta_green.gif);
	background-repeat: repeat-x;
	background-color: #DBE7B8;
	height: 250px;
	overflow: hidden;
}
div#ajankohtaista2 {
	background-image: url(/kuvat/bg_palsta_green.gif);
	background-repeat: repeat-x;
	background-color: #DBE7B8;
	height: 479px;
	overflow: hidden;
}
div#ajankohtaista2 p,
div#ajankohtaista p {
	margin: 9px 0 3px 0;
	padding: 0 9px;
	font-size: 11px;
}
div#ajankohtaista2 a,
div#ajankohtaista a {
	color: #336633;
}
div#ajankohtaista2 a:hover,
div#ajankohtaista a:hover {
	color: #009900;
	text-decoration: none;
}
#vasenBanneri {
	margin-top: 5px;
}


/* *******************************************************
ALANAVI
******************************************************* */

#alaNavi {
margin: 0;
padding: 0;
background-repeat: repeat-x;
height: 100%;
display: block;
}

#alaNavi #main {
margin: 1px 0 0 0;
padding: 0;
}

#alaNavi ul {
margin: 0;
padding: 0;
list-style-type: none;
}

/* taustavärit */

.yellow {background-image: url(/kuvat/bg_palsta_yellow.gif);}
.green {background-image: url(/kuvat/bg_palsta_green.gif);}
.blue {background-image: url(/kuvat/bg_palsta_blue.gif);}

/* linkit - päätaso */

#alaNavi a {
display: block;
color: #666;
width: 165px;
padding: 4px 12px 4px 8px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bold;
}
#alaNavi.blue a {
background-color: #ffa546;
}
#alaNavi.green a {
background-color: #dbe7b9;
}
#alaNavi.yellow a {
background-color: #f9ea9c;
}

/* linkit - 2. taso */

#alaNavi li li a {
display: block;
width: 165px;
padding: 3px 3px 3px 17px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
}
#alaNavi.blue li li a {
background-color: #ffcc66;
}
#alaNavi.green li li a {
background-color: #f1f7df;
}
#alaNavi.yellow li li a {
background-color: #f7f3df;
}

/* linkit - 3. taso */

#alaNavi li li li a {
display: block;
width: 156px;
padding: 3px 3px 3px 26px;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: normal;
}
#alaNavi.blue li li li a {
background-color: #ffcc66;
}
#alaNavi.green li li li a {
background-color: #f7faed;
}
#alaNavi.yellow li li li a {
background-color: #faf8ed;
}

/* linkit - hovers - blue */

#alaNavi.blue li a:hover {
background-color: #cf691e;
color: #fff;
}
#alaNavi.blue li li a:hover {
color: #000;
background-color: #ffcc66;
}
#alaNavi.blue li li li a:hover {
color: #000;
background-color: #ffcc66;
}

/* linkit - hovers - green */

#alaNavi.green li a:hover {
background-color: #62bf49;
color: #fff;
}
#alaNavi.green li li a:hover {
color: #000;
background-color: #f1f7df;
}
#alaNavi.green li li li a:hover {
color: #000;
background-color: #f7faed;
}

/* linkit - hovers - yellow */

#alaNavi.yellow li a:hover {
background-color: #f0d456;
color: #fff;
}
#alaNavi.yellow li li a:hover {
color: #000;
background-color: #f7f3df;
}
#alaNavi.yellow li li li a:hover {
color: #000;
background-color: #faf8ed;
}


/* linkit - päätaso - ACTIVE */

#alaNavi a.active {
font-weight: bold;
}
#alaNavi.blue a.active {
background-color: #f69650;
}
#alaNavi.green a.active {
background-color: #dbe7b9;
}
#alaNavi.yellow a.active {
background-color: #f9ea9c;
}

/* linkit - 2. taso - ACTIVE */

#alaNavi li li a.active {
font-weight: bold;
color: #000000;
}
#alaNavi.blue li li a.active {
background-color: #ffcc66;
}
#alaNavi.green li li a.active {
background-color: #f1f7df;
}
#alaNavi.yellow li li a.active {
background-color: #f7f3df;
}

/* linkit - 3. taso - ACTIVE */

#alaNavi li li li a.active {
font-weight: bold;
color: #000000;
}
#alaNavi.blue li li li a.active {
background-color: #ffcc66;
}
#alaNavi.green li li li a.active {
background-color: #f7faed;
}
#alaNavi.yellow li li li a.active {
background-color: #faf8ed;
}

/* *******************************************************
KESKIPALSTA
******************************************************* */

#keskiPalsta {
	/*background-color: #666;*/
	width: 589px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}
#keskiPalsta h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
/*	color: #cf691e;*/
	color: #666;
	padding: 0px 25px 5px 8px;
	margin: 0;
}
#keskiPalsta p.ingressi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #86b233;
	padding: 5px 25px 10px 8px;
	margin: 0;
}
#keskiPalsta p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #333;
	padding: 5px 25px 5px 8px;
	margin: 0;
}
#keskiPalsta ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
	color: #333;
	padding: 5px 25px 5px 25px;
	margin: 0;
}
#keskiPalsta ul li {
	list-style: disc;
	margin-bottom: 8px;
}
#keskiPalsta td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
}
#yhteysTable {
	margin: 0 10px;
}
#yhteysTable td {
	padding: 10px 0 2px 0;
}
#esiteTable td {
	padding: 0 5px 20px 5px;
}
#yhteysTable td p {
	padding: 0;
}
#esiteTable img {
	padding: 5px;
	border: 1px solid #999;
}

/* *******************************************************
TUOTTEET-ETUSIVU
******************************************************* */

table#tuoteRyhmat {
	width: 410px;
	margin: 10px 0 0 10px;
}
table#tuoteRyhmat td {
	text-align: center;
	vertical-align: middle;
	padding: 0 39px 0 0;
}
table#tuoteRyhmat img {
	border: none;
}
table#tuoteRyhmat a {
	width: 150px;
	height: 150px;
}
table#tuoteRyhmat div.wrapper {
	width: 150px;
	height: 150px;
	padding: 2px;
	background-color: #ccc;
}
table#tuoteRyhmat a:hover div.wrapper {
	width: 150px;
	height: 150px;
	padding: 2px;
	background-color: #009900;
	cursor: pointer;
}
table#tuoteRyhmat div.btn {
	width: 146px;
	height: 18px;
	padding: 5px 2px 2px 2px;
	background-color: #fff;
	vertical-align:middle;
	text-align: center;
}



/* *******************************************************
SIVUKARTTA
******************************************************* */

ul#sitemap {
	margin: 10px;
	font-size: 14px;
	font-weight: bold;
}
ul#sitemap li {
	list-style: none;
}
ul#sitemap a {
	text-decoration: none;
}
ul#sitemap ul {
	margin: 1px 2px 3px 10px;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
}
ul#sitemap ul ul {
	margin: 1px 2px 3px 10px;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}
ul#sitemap ul li,
ul#sitemap ul ul li {
	margin: 0 2px 0 5px;
	padding: 2px;
}

/* *******************************************************
TARRATAULUKKO
******************************************************* */

table#tarraTable td {
	padding: 10px;
}
table#tarraTable a {
	color: #ddd;
}
table#tarraTable a:hover {
	color: #666666;
}


/* *******************************************************
TUOTTEET-sivu
******************************************************* */

/* css tabs */

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #439D2A; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
}

body#btab1 li.tab1, body#btab2 li.tab2, body#btab3 li.tab3, body#btab4 li.tab4, body#btab5 li.tab5, body#btab6 li.tab6, body#btab7 li.tab7 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

body#btab1 li.tab1 a, body#btab2 li.tab2 a, body#btab3 li.tab3 a, body#btab4 li.tab4 a, body#btab5 li.tab5 a, body#btab6 li.tab6 a, body#btab7 li.tab7 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #439D2A; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #439D2A; /* set unselected tab background color as desired */
color: #fff; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
color: #333;
}

/* end css tabs */


div#tab1, div#tab2, div#tab3, div#tab4, div#tab5, div#tab6, div#tab7 {
	display: block;
	clear: both;
}
div#tab1 img, div#tab2 img, div#tab3 img, div#tab4 img, div#tab5 img, div#tab6 img, div#tab7 img {
	float: right;
	margin: 0 40px 10px 30px;
}
#tuoteTieto p {
	margin-bottom: 15px;
}
#tuoteTieto table {
	width: auto;
	border: none;
	margin-left: 10px;
}
#tuoteTieto table td {
	padding: 5px 10px;
	text-align: center;
}
#tuoteTieto table th {
	padding: 5px 10px;
	background-color: #dbe7b9;
	font-weight: bold;
	text-align: center;
}
tr#colors {
	white-space: nowrap;
}
tr#colors td.colors {
	text-align: left;
}
tr#colors img {
	float: none;
	margin: 0 5px;
	padding: 0;
}


/* *******************************************************
OIKEA PALSTA
******************************************************* */

#oikeaPalsta {
	/*background-color: #999;*/
	width: 175px;
	padding: 0 0 0 5px;
	margin-right: -180px;
}
div#newsletter {
	background-image: url(/kuvat/bg_palsta_yellow.gif);
	background-repeat: repeat-x;
	background-color: #F9EA9C;
	height: 250px;
	margin-bottom: 5px;
}
div#newsletter form {
	padding: 0;
	margin: 0;
}
div#newsletter form p {
	padding: 0;
	margin: 0 0 5px 10px;
	font-size: 12px;
	color: #666;
	font-weight: bold;
}
div#newsletter form input.field {
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
div#linkit {
	background-image: url(/kuvat/bg_palsta_yellow.gif);
	background-repeat: repeat-x;
	background-color: #F9EA9C;
	margin-bottom: 5px;
}
div#linkit ul,
div#linkit ul li {
	margin: 0;
	padding: 0;
}
div#linkit ul li a {
	display: block;
	margin-top: 1px;
	width: 160px;
	padding: 5px 5px 5px 10px;
	border-bottom: 1px solid white;
	text-decoration: none;
}
div#linkit ul li a:hover {
	background-color: #f0d456;
}
#oikeaBanneri {
	margin-top: 0px;
	margin-bottom: 5px;
}

/* *******************************************************
FOOTER
******************************************************* */

#pageWrapper #contentStopper table {
	width: auto;
	border: none;
	padding: 4px 0 0 0;
	margin: 0 0 0 21px;
}
#pageWrapper #contentStopper table td {
	color: white;
	width: 1px;
}
#pageWrapper #contentStopper table a {
	color: white;
	text-decoration: none;
}
#pageWrapper #contentStopper table a:hover {
	color: white;
	text-decoration: underline;
}
#pageWrapper #contentStopper table td.eka {
	width: 185px;
	text-align: center;
}
#pageWrapper #contentStopper table td.toka {
	width: 461px;
	text-align: left;
	padding-left: 20px;
}
#pageWrapper #contentStopper table td.kolmas {
	width: 116px;
	text-align: center;
}
#pageWrapper #contentStopper table td.neljas {
	width: 171px;
	text-align: center;
}