body {background: #ffffff url(kuvat/taustakuva.jpg) repeat-x; margin:0px; padding:0px; width: 100%; height: 100%;}

img {  }

h1 { margin: 0px; COLOR: #009835; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 16pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
h2 { margin: 0px; COLOR: #009835; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 14pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
h3 { margin: 0px; COLOR: #009835; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }


#content ul { list-style: none; margin: 0px; }
#content li { padding-left: 10px; background-image: url(kuvat/li.gif); background-repeat: no-repeat; background-position: 0 .5em; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; }


P, DIV { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

.copy           { margin: 0px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

.navi           { margin: 7px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }


A:link, A:visited, A:active  { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

A:hover             { COLOR: #7A0000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }



A.copy:link     { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }
A.copy:visited  { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }
A.copy:hover    { COLOR: #7A0000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }
A.copy:active   { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }


A.navi:link     { COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }
A.navi:visited  { COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }
A.navi:hover    { COLOR: #B9C8E6; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }
A.navi:active   { COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }

A.navig:link     { COLOR: #E76518; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }
A.navig:visited  { COLOR: #E76518; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }
A.navig:hover    { COLOR: #E76518; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }
A.navig:active   { COLOR: #E76518; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; LINE-HEIGHT: normal; text-decoration: none; }


label{
float: left;
width: 160px;
font-weight: bold;
}



textarea{
width: 450px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 160px;
margin-top: 5px;
width: 90px;
}


		#tulostuslogo {display: none; }

		 

		#palkki {
			width: 950px;
			height: 24px;
			margin: 0px;
			padding: 0px;
			background: #ffffff url( ) repeat-x;
			clear: both;

			
		}


 		 #palkki2 {
			width: 950px;
			height: 18px;
			margin: 0px;
			padding: 0px;
			background: #ffffff url(kuvat/alahaivytys.jpg) repeat-x;
			clear: both;
			text-align: center;

			
		}


		#palkki2 p { COLOR: #586876; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }


  

		#alapalkki{
			width: 950px;
			height: 30px;
			margin-top; 0px;
			margin: 0px;
			padding: 0px;
			background: #6D6556 url( ) no-repeat;
			clear: both;

			
		}




		#container {
		width: 950px;			
		background: #ffffff url( ) no-repeat;
		border-color: #005423;
		border-width: 1px;
		border-style: solid;
		margin: 0px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
		margin-top: 10px;
		padding: 0px;
		align: center;
		}

 
 

		#content {
			width: 720px;
			margin: 0px;
			padding: 0 0 0 10px;
			padding-left: 0px;
			background-color: #ffffff;
			float: right;
	
		}



	.vasen {
			width: 235px;
			margin-top: 5px;
			padding-right: 5px;
			float: left;

			}



	.oikea {
			width: 205px;
			margin-top: 5px;
			padding-left: 5px;
			float: right;

			}







.sisaltokuva

{

float: right;
margin: 3px;
COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal;
text-align: center;
}

.sisaltokuva A:link, .sisaltokuva A:visited, .sisaltokuva A:active  { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

.sisaltokuva A:hover             { COLOR: #7A0000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }



.sisaltokuva img

{
border: 1px solid #005423;
/** border-bottom: 6px solid #005423; **/ 
}





	#ylaosa {
			width: 950px;
			height: 200px;
			margin: 0;
			padding: 0;
			background: #ffffff url( ) repeat-x;
	
		}

 


#keskiosa

{
width: 930px;		
margin: 0;
padding: 10px;
}

 		#sidebar-a {
			width: 200px;
			float: left;
			margin: 0;
			padding: 0;
			background-color: #ffffff;
		}


		
		

		#alakehys {
		width: 950px;
		margin: 0px;
		margin-top: 5px;
		margin-bottom: 10px;
		margin-left: auto;
		margin-right: auto;
		padding: 0px;
		}

		#footer {
		
		width: 950px;
		margin: 0px;
		padding: 0px;


		}


		#clear {
		
		width: 950px;
		height: 10px;
		clear: both;


		}

#clear2 { width: 720px; height: 5px; clear: both; }


 


#tuotepalkki, #tiedotepalkki
{
display: block;
margin: 0px;
margin-top: 5px; 
padding: 5px;
width: 98%;
background: #ffffff url(kuvat/tuotetausta.jpg) repeat-x;
}


#tuotepalkki img, #tiedotepalkki img

{
width: 200px; 
float: right;
margin: 3px;
border: 1px solid #00572B;
border-bottom: 6px solid #00572B;
}


#tuotepalkki A:link, #tuotepalkki A:visited, #tuotepalkki A:active  { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
#tiedotepalkki A:link, #tiedotepalkki A:visited, #tiedotepalkki A:active  { COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }


#tuotepalkki, #tiedotepalkki A:hover             { COLOR: #127442; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

#tuotepalkki h1, #tiedotepalkki h1 { margin: 0px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 14pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
#tuotepalkki h2, #tiedotepalkki h2 { margin: 0px; COLOR: #8E0000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
#tuotepalkki h3, #tiedotepalkki h3 { margin: 0px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
#tuotepalkki h4, #tiedotepalkki h4 { margin: 0px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }

#tuotepalkki ul, #tiedotepalkki ul { list-style: none; margin: 5px 0 0 0; padding: 0px 0px 0px 0px; }
#tuotepalkki li, #tiedotepalkki li { padding-left: 10px; background-image: url(kuvat/li.png); background-repeat: no-repeat; background-position: 0 .5em; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 10pt; }



.yhteyspalkki
{
padding: 10px;
margin: 0; 
width: 180px;
background: #005423; 
display:block;
}

.yhteyspalkki h3 { margin: 0 0 3px 0; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 11pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
.yhteyspalkki  p { margin: 0px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }



.kategorialistaus

{

padding: 0;
margin: 0; 
text-align: center;

}

.kategorialistaus h4 { text-align: left; margin: 10px 0 3px 0; COLOR: #009835; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 12pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }


.tuotesolu img

{
width: 170px; 
border: 1px solid #00572B;
}

 
.infosolu 
{
padding: 3px; 
background: #ffffff url(kuvat/tausta_infosolu.jpg) repeat-x;
}



#extranetlogin
{
display: block;
padding: 0;
margin: 0; 
background: #ffffff url( ) repeat-x;
 
}

#extranetlogin h3 { margin: 0 0 3px 0; COLOR: #009835; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 11pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }
#extranetlogin p { margin: 0px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }




#extranetlogin label
{
float: left;
width: 70px;
COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }


}

#extranetlogin
input {
width: 200px;
margin-bottom: 5px;
font-size: 8pt;
}

 

#extranetlogin
.boxes{
width: 1em;
}

#extranetlogin 

.submit
{
margin-left: 70px;
margin-top: 5px;
width: 90px;
}




.language
{
padding: 5px 10px 10px 10px;
margin: 0; 
width: 180px;
background: #ffffff; 
display:block;
}

.language  p { text-align: center; margin: 4px 0 0 0; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt; FONT-STYLE: bold; FONT-WEIGHT: normal; LINE-HEIGHT: normal; }






#ylanavigointi {
			margin: 0;
			height: 30px;
			padding: 0 10px 0 0;
			background-color: #009835;
			width: 940px;
			clear: both;
		}




#yla_navlist
{
margin: 0px; 
padding: 0px;
float: right;

 }



#yla_navlist ul, #yla_navlist li 
{
display:inline;
float:left;
list-style-type:none;
margin:0px;
padding:0px;
}



#yla_navlist a:link, #yla_navlist a:visited
{
font-family: Arial, verdana, sans-serif;
line-height: 14px; 
font-size: 11px;
font-weight: bold;
background: #009835;
text-decoration: none;
color: #ffffff;
display:block;
padding: 4px 4px 4px 4px;
margin: 4px 1px 4px 1px;

}

#yla_navlist a:link#current, #yla_navlist a:visited#current, #yla_navlist a:hover
{
background: #009835;
color: #000000;
}














	#navigointi {
			margin: 0px;
			padding: 0px;
			width: 200px;

		}





#ala_navlist
{
margin: 0px; 
padding: 0px;
}


#ala_navlist ul
{
margin: 0px;
padding: 0px;
list-style-type: none;

}



#ala_navlist li
{
margin: 0px;
padding: 0px;
display: inline;
list-style-type: none;


}



#ala_navlist a:link, #ala_navlist a:visited
{
font-family: Arial, verdana, sans-serif;
line-height: 14px; 
font-size: 11px;
font-weight: bold;
background: #005423;
text-decoration: none;
color: #ffffff;
display: block;
padding: 4px 4px 4px 4px;
margin: 4px 0 4px 0;

}

#ala_navlist a.valittu
{
background: #009835;
color: #ffffff;
}

#ala_navlist a:hover
{
background: #1EAD50;
color: #ffffff;
}

#ala_navlist a.level_2
{
	padding-left: 10px;
}

#alanavigointi a:link, #alanavigointi a:visited
{
background: #009835;
color: #ffffff;
}

#alanavigointi a:hover

{
background: #1EAD50;
color: #ffffff;
}







