body
{
	background: #ffffff url( ) no-repeat;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}

img, div
{ 
behavior: url(/extranet/ext/cms3/css/iepngfix.htc); 
}


h1
{
	COLOR: #AEBF32;
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica;
	FONT-SIZE: 20pt;
}
h2
{
	COLOR: #AEBF32;
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica;
	FONT-SIZE: 18pt;
}
h3
{
	COLOR: #AEBF32;
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica;
	FONT-SIZE: 14pt;
}
h4
{
	COLOR: #AEBF32;
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica;
	FONT-SIZE: 25pt;
}
h1, h2, h3, h4
{
	display: inline;
	FONT-STYLE: bold;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	margin: 0;
	padding: 0;
}
div, li, td, P
{
	COLOR: #747474;
	FONT-FAMILY: Verdana, Arial, Helvetica;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}

hr 
{
color: #AEBF32;
}

A:link, A:visited, A:active
{
	COLOR: #919191;
	FONT-FAMILY: Verdana, Arial, Helvetica;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}
A:hover
{
	COLOR: #000000;
	FONT-FAMILY: Verdana, Arial, Helvetica;
	FONT-SIZE: 10pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}
#container
{
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 876px;
	min-height: 687px;
	padding: 0;
}
legend
{
	color: #000000;
}
.hallinta
{
	color: #000000;
}
.reunus
{
	margin: 0;
	padding: 0;
}
.middle
{
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}

#topSet

{
margin: 0 auto 0 auto; 
padding: .1em;  
width: 850px; 
height: 20px; 
background: red; 
border: 1px solid black; 
border-top-style: none;
color: #000000;
position: absolute; 
z-index:2;


}

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





#ylaosa
{
	clear: both;
	margin: 0;
	padding: 0;
	width: 790px;
	height: 248px;
	background-image: url(/extranet/ext/cms3/images/static/ylaosa_790px.jpg);
	background-repeat: no-repeat;
}

.logo

{
padding: 19px 0 0 46px;
margin: 0;
width: 437px;
height: 104px;
}


.yhteystiedot
{
	clear: both;
	margin: 20px 0 0 150px;
	padding: 0;
}

.yhteystiedot_vasen
{
width: 150px;
float: left;
margin: 0;
padding: 0;
}

.yhteystiedot_right
{
width: 200px;
float: right;
margin: 0;
padding: 0;
}





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








.ylanavigointi
{
	clear: both;
	margin: 0;
	padding: 26px 0 0 140px;
	width: 650px;
	height: 25px;

}



form {
    margin: 0;
}
#search_box {
    width: 180px;
    height: 31px;
    background: url(/extranet/ext/cms3/images/static/bg_search_box.gif);
	margin: 40px 0 0 0;
	padding: 0;
}
#search_box #s {
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 134px;
    background: none;
    font-size: .8em;
}
#search_box #go {
    float: right;
    margin: 3px 4px 0 0;
}
 
 
.content
{
	margin: 20px;
	padding: 0;
	width: 750px;
}
 

}
.navigointi
{
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	width: 180px;
}
.sisalto
{
	float: right;
	margin: 0 0 0 20px;
	min-height: 450px;
	padding: 0 0 0 20px;
	width: 508px;
	border-left: 2px solid #AEBF32;
}
.sisalto ul
{
	list-style: none;
	margin: 0;	padding: 0;
}
.sisalto ul li
{
	background-image: url(/extranet/ext/cms3/images/static/li.jpg);
	background-position: 0 .5em;
	background-repeat: no-repeat;
	COLOR: #919191;
	FONT-FAMILY: Verdana, Arial, Helvetica;
	FONT-SIZE: 10pt;
	padding-left: 12px;
}


.sisalto ol li
{
	COLOR: #919191;
	FONT-FAMILY: Verdana, Arial, Helvetica;
	FONT-SIZE: 10pt;
}



.vasen
{
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	width: 244px;
}

.vasen h3, .oikea h3

{

	COLOR: #AEBF32;
	FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica;
	FONT-SIZE: 12pt;
}

.oikea
{
	float: right;
	margin: 0;
	padding: 0;
	width: 244px;
}

#resepti_kuva

{
margin: 0 0 20px 0;
padding: 0;
text-align: center;
clear: both;


}

.tuotelist { 

clear: both; 
margin: 0 0 10px 0;
padding: 10px;
border: 1px solid;
border-color: #AEBF32;
width: 486px;
}

.tuotekuva 
{
float: right;
width: 160px;
margin: 0;
padding: 0;

}

 


.tuotesivu
{
float: left;
width: 336px;
margin: 0;
padding: 0 10px 0 0;
}




.tuotekuvaus
{
float: left;
width: 316px;
margin: 0;
padding: 0 10px 0 0;
}

.tuoteclear { clear: both; height: 1px; width: 508px; margin: 0; padding: 0; }
	
	
.alapalkki
{
	clear: both;
	margin: 20px 0 0 0;
	padding: 0;
	width: 790px;
}

#alakehys
{
	margin-bottom: 10px;
	margin-top: 20px; 
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	width: 790px;
}
#footer
{
	margin: 0;
	padding: 0 6px 0 0;
	text-align: right;
}

#footer p

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


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

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

#yla_navlist
{
	margin: 0;
	padding: 5px 10px 10px 0;
}


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


#yla_navlist a:link, #yla_navlist a:visited
{
	color: #ffffff;
	float: left;
	font-family: Arial, verdana, sans-serif;
	line-height: 8,5pt;
	FONT-SIZE: 8,5pt;
	margin: 0 0 2px 10px;
	text-decoration: none;
}

#yla_navlist a:link#current, #yla_navlist a:visited#current, #yla_navlist a:hover
{
	background: transparent;
	color: #ffffff;
	text-decoration: underline;
	}


#yla_navlist a:hover, #yla_navlist a.valittu:hover
{
	color: #ffffff;
	text-decoration: underline;

}

 





.alanavi3 

{
margin: 15px 0 15px 0;
padding: 0; 

}

.alanavi3 ul, .alanavi3 li {

	margin: 0;
	padding: 0;	 
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

.alanavi3 a {
	display: block;
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	COLOR: #AEBF32;
	FONT-FAMILY: Verdana, Arial, Helvetica;
	FONT-SIZE: 8pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	text-transform: lowercase;
		
}

.alanavi3 a:link, .alanavi3 a:visited {
	color: #919191;
	text-decoration: none;
}

.alanavi3 a:hover {
	color: #000000;
}
 










#navcontainer {
	padding: 0;
	margin: 0;
}

#navcontainer ul,#navcontainer li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a {
	display: block;
	padding: 3px;
	margin: 0 0 2px 0;
	width: 174px;
	background-color: #ffffff;
	COLOR: #AEBF32;
	FONT-FAMILY: Verdana, Arial, Helvetica;
	FONT-SIZE: 8pt;
	FONT-STYLE: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
}

#navcontainer a:link,#navlist a:visited {
	color: #AEBF32;
	text-decoration: none;
}

#navcontainer a:hover {
	color: #000000;
}

#navcontainer a.valittu, #yla_navlist a.valittu {
	display: block;
	font-weight: bold;
}



#navcontainer .alanavi_2 {
	display: block;
	padding: 3px 3px 3px 20px;
	width: 157px;
}

#navcontainer a.alanavi_2:link,#navlist a.alanavi_2:visited {
	color: #AEBF32;
	text-decoration: none;

}

#navcontainer .alanavi_3 {
	display: block;
	padding: 3px 3px 3px 40px;
	width: 137px;
}

#navcontainer a.alanavi_3:link,#navlist a.alanavi_3:visited {
	color: #919191;
	text-decoration: none;

	}



#navcontainer a.alasivu:hover {
	color: #000000;
}

#navcontainer a.alanavi_3:hover, #navcontainer a.alanavi_2:hover  { 

	color: #000000;

}