body { color: #707070; font-size: 13px; font-family: "Trebuchet MS"; line-height: 16px; background: #6b92cf url(../images/main_bg.jpg) repeat-x fixed center top; text-align: left; margin: 0 }


p {margin:0;padding:0; }
div { position: relative; float: left; }
td { }
h1 { color: #6a942c; font-size: 22px; font-family: "Trebuchet MS"; font-weight: normal; line-height: 24px; text-transform: uppercase; margin: 0; padding: 5px 0px 0px 0px; }
h2 { color: #006a9d; font-size: 14px; font-family: "Trebuchet MS"; font-weight: normal; line-height: 16px; text-transform: uppercase; margin: 0; padding: 20px 0px 5px 0px; }
h3 { color: #989898; font-size: 13px; font-family: "Trebuchet MS"; font-weight: bold; line-height: 16px; text-transform: uppercase; margin: 0; padding: 15px 30px 0 30px; }
h4 { color: #989898; font-size: 12px; font-family: "Trebuchet MS"; font-weight: bold; line-height: 13px; text-transform: uppercase; margin: -6px 0 0 0; padding: 0; }
h5 { color: #006a9d; font-size: 14px; font-family: "Trebuchet MS"; font-weight: normal; line-height: 16px; text-transform: uppercase; margin: 0; padding: 25px 30px 5px 30px; }
h6 { color: #006a9d; font-size: 13px; font-family: "Trebuchet MS"; font-weight: bold; line-height: 16px; text-transform: uppercase; margin: 0; padding: 15px 30px 20px 30px; }

a:link, a:visited { color: #144ea8; text-decoration: none; }

/*a:visited { color: #6f9d25; }*/
a:hover { color: #5b811f; }
a:active { }
#container { text-align: left; visibility: visible; margin: 0 auto; position: relative; width: 1000px;float: none; }
#basicarea { text-align: left; visibility: visible; margin: 0; padding:0; width: 975px; }
#langNav { float:right;text-align: left; visibility: visible; margin: 0 auto; padding:15px 40px 10px 0;width: 120px; }
#logo { float:left;text-align: left; visibility: visible; margin: 0; padding:10px 0 10px 45px;width: 660px; }
#mainnavi { font-size: 14px; font-family: "Trebuchet MS"; text-transform: uppercase; width: 980px; height: 50px; float: left;background: #98c766 url(../images/navipalkki.gif);}
#mainnavi a { color: #fff; }
#mainnavi a:hover { color: #cdfd99; }
#mainnavi div { color: #fff; background-repeat: no-repeat; position: relative; height: 50px; float: left; margin: 0; padding-top: 12px; }
#topspace { background-color: #fff; position: relative; width: 100%; height: 0px; float: left; }
#contentarea { background-color: #fff; position: relative; width: 100%; float: left; }
.n1item {text-align: center; }


.n1itemselected { background-image: url(../images/naviselected.jpg); background-position:center 0px; text-align: center;  }

.n1middle { background-image: url(../images/n1_middle.gif); width: 25px; }

#n1end { background-image: url(../images/n1_end.gif); background-repeat: no-repeat; position: absolute; top: 15px; left: 960px; width: 10px; height: 50px; margin: 0; padding: 0; }
#mainimg { background-image: url(../images/main_img.jpg); background-repeat: no-repeat; width: 960px; height: 300px; }
#mainimg2 { background-image: url(../images/main_img2.jpg); background-repeat: no-repeat; width: 960px; height: 300px; }


#maincolFront { width: 690px; min-height:400px;}
#maincolFront h1 { color: #6a942c; font-size: 22px; font-family: "Trebuchet MS"; font-weight: normal; line-height: 24px; text-transform: uppercase; margin: 0; padding: 5px 30px 0px 30px; }
#maincolFront p { margin: 0; padding: 10px 30px;}
#maincolFront img.prodimg {vertical-align: bottom;}
#maincolContent { margin: 0; padding: 0 10px 0 30px; }
#maincolFront .indent, #palaute .indent  { margin: 0; padding: 0 0 0 30px; }
#maincolFront p.ingress { font-size: 14px; font-weight: bold; line-height: 18px; padding-right: 20px; padding-left: 30px; }


#maincolWide { width: 860px; min-height:400px;margin:0;padding: 0 0 0 10px;}
#maincolWide h1 { color: #6a942c; font-size: 22px; font-family: "Trebuchet MS"; font-weight: normal; line-height: 24px; text-transform: uppercase; margin: 0; padding: 5px 30px 0px 30px; }
#maincolWide h2 { color: #006a9d; font-size: 14px; font-family: "Trebuchet MS"; font-weight: normal; line-height: 16px; text-transform: uppercase; margin: 0; padding: 5px 30px 0px 30px; }
#maincolWide p { margin: 0; padding: 10px 30px;}
#maincolWideContent { margin: 0; padding: 0 10px 0 30px; }



#maincol { width: 640px; min-height:400px;margin:0;padding: 0 0 0 10px;}
#maincol p { margin: 0; padding: 10px 0px;}
#maincol img.prodimg {vertical-align: bottom;}
#maincolContent { margin: 0; padding: 0 10px 0 30px; }
#maincol .indent, #palaute .indent, #maincolWide .indent  { margin: 0; padding: 0 0 0 30px; }
#maincol p.ingress { font-size: 14px; font-weight: bold; line-height: 18px;}

#prdcol { font-size: 0; line-height: 0; position: absolute; top: 96px; right: 10px; width: 265px; float: none;z-index: 2;} 
.prditems {width:265px; line-height: 13px; background-image: url(../images/prdcol_item_bg.gif); background-repeat: repeat-y;z-index: 2; }
.prditembottom { font-size: 0; line-height: 0; background-image: url(../images/prdcol_item_bottom.gif); background-repeat: no-repeat; background-position: left top; width: 255px; height: 16px; float: right;z-index: 2; }
.prditemdesc { width: 230px;margin:0;padding:0 0 5px 20px;z-index: 2;}
.prdimg { margin:0;padding:4px 0 6px 0px; }
#prdcol .prditemdesc h2 { margin: 0; padding: 0; }
#prdcol .prditemdesc h5 { margin: 0; padding: 25px 0px 25px 0px; }
#prdcol .prditemdesc p { color: #ffffff; font-size: 11px; font-weight: bold; margin: 0; padding: 0; }
#prdcol a:hover { color: #ffffff; }


#extras { background-image: url(../images/prdcol_extras_bg.gif); background-repeat: no-repeat; background-position: left 10px; text-align: right; width: 265px; height: 285px; }

.smallcol { width: 465px; }
.smallcol2 { width: 265px; }

#laatumerkit { margin:-112px 0 0 0;   left: 30px; width: 512px; height: auto; z-index: 5;}
.laatumerkki { width: 90px; height: 96px; overflow: hidden; }
.laatumerkki:hover { overflow: visible; }
.laatumerkkioverIE6 { width: 103px; height: 96px; overflow: visible; }
.merkkikuvaus { background-color: #fff; position: absolute; top: 30px; left: 90px; width: 180px; height: 115px; float: none; border: solid 1px #acd; }

.merkkikuvausIso { background-color: #fff; position: absolute; top: 50px; left: 30px; width: 540px; float: none; border: solid 1px #acd; }

#laatumerkit .merkkikuvaus p { color: #7c7c7c; font-size: 11px; line-height: 13px; margin:0; padding: 6px; }
#merkki1 { z-index: 9; left:44px;}
#merkki2 { z-index: 8; left:138px;}
#merkki3 { z-index: 7; left:145px;}
#merkki4 { z-index: 6; left:230px;}
#footer { width: 100%; height: 70px; }
#footer p { color: #848484; font-size: 11px; margin: 0; padding-top: 18px; padding-left: 20px; }
#leftcol { width: 285px; }

#leftcol h2, #leftcol h3, #leftcol p  { margin: 0; padding: 10px 10px 0px 20px; }
#leftcol p  { line-height:20px;}
.smallbreik { height:5px;}

.submenulist {list-style-type:none;}
.submenulist li {margin: 0 0 0 -18px; padding: 0px 0px 10px 0px; }



/***********************************************/
/* popupit */
/***********************************************/ 

.popupText {
	font-family: "Trebuchet MS",sans-serif;
	font-size:12px;
	/*color: #FF0000;	*/
}

 
#popupAllergia {
	position:absolute; 
	width:540px; 
	z-index:2; 
	left: 30px; 
	top: 160px; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	visibility: hidden;
	margin:0;
	padding:0;
border: solid 1px #acd;
}


#popupJoutsen {
	position:absolute; 
	width:540px; 
	z-index:2; 
	left: 295px; 
	top: 240px; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	visibility: hidden;
	margin:0;
	padding:0 0 0 5px;
border: solid 1px #acd;
}

#popupJoutsenEn {
	position:absolute; 
	width:540px; 
	z-index:2; 
	left: 210px; 
	top: 600px; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	visibility: hidden;
	margin:0;
	padding:0 0 0 5px;
border: solid 1px #acd;
}


#popupTCFEn {
	position:absolute; 
	width:540px; 
	z-index:2; 
	left: 280px; 
	top: 630px; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	visibility: hidden;
	margin:0;
	padding:0;
border: solid 1px #acd;
}


#popupAvain {
	position:absolute; 
	width:540px; 
	z-index:2; 
	left: 295px; 
	top: 240px; 
	background-color: #FFFFFF; 
	layer-background-color: #FFFFFF; 
	visibility: hidden;
	margin:0;
	padding:0 0 0 5px;
border: solid 1px #acd;
}



#tricolarea {
	margin:0;
	padding: 0 0 0 20px;
	width:660px;
	color:#595959;
	font-size: 13px;
}

#tricolHdr  { margin: 0; padding: 0;font-size: 0px; }
.tricolHdrImg { margin:0; padding:0; font-size: 0px;}


/* FIVECOLS = THREE + 2 margins*/


#container5 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	background:#eee; /* column 5 background colour */
}
#container4 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:210px;
	background:#fff; /* column 4 background colour */
}
#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:15px;
	background:#eee; /* column 3 background colour */
}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:210px;
	background:#fff; /* column 2 background colour */
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:15px;
	background:#eee; /* column 1 background colour */
}
#col1 {
	float:left;
	width:229px;
	position:relative;
	left:435px;
	overflow:hidden;

}
#col2 {
	float:left;
	width:0px;
	position:relative;
	left:0px;
	overflow:hidden;
}
#col3 {
	float:left;
	width:230px;
	position:relative;
	left:431px;
	overflow:hidden;
}
#col4 {
	float:left;
	width:0px;
	position:relative;
	left:0px;
	overflow:hidden;
}
#col5 {
	float:left;
	width:200px;
	position:relative;
	left:426px;
	overflow:hidden;
}