﻿body { margin-left: 50px; margin-top: 95px;}

body.popup { margin-left: 20px; margin-top: 25px;}

.kelt_tausta {
	background: #FBC71E url(img/tausta_kelt.gif);
	width: 782px;
	padding-bottom: 5px;
	background-repeat: repeat-x;
}

.sin_tausta {
	background: url(img/tausta_sin2.gif);
	background-repeat:no-repeat;
	width:772px;
	margin-left: 5px;
	padding-top: 2px;
	padding-right: 12px;
	padding-left: 10px;
	height: 18px;
}

.sisalto { background-color: #FFFFFF; margin-left: 5px; padding-top: 5px; width:770px;/*padding-right: 5px; margin-right: 5px;*/ padding-bottom: 20px;}

.shop_sisalto {
	background-color: #FFFFFF;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	margin-right: 5px;
	padding-bottom: 20px;
	
}
#etusivu_oikea	{
	float:right;
	width:259px;
}
.sisalto_oikea { font: normal 11px/14px verdana, arial, sans-serif; color: #FFFFFF; vertical-align: top; background-color: #FFFFFF; text-align: right; width: 266px;
}
.sisalto_oikea2 { font: normal 11px/14px verdana, arial, sans-serif; color: #FFFFFF; vertical-align: top; background-color: #FFFFFF; text-align: left; width: 266px;
}

.sisalto_vasen { font: 11px verdana, arial, sans-serif; font-style: normal; color: #000000; font-weight: normal; line-height: 14px; vertical-align: top; background-color: #FFFFFF; text-align: left;
}

.kortti_lomake { font: 12px verdana, sans-serif; font-style: normal; color: #3626A5; font-weight: normal; line-height: 14px; vertical-align: top; background-color: #FFFFFF; width: 275px; border-left: 1px #333333 dashed; padding-left: 20px;
}

.teksti_sisalto { width: 457px; float: left; font: 11px verdana, arial, sans-serif; font-style: normal; color: #000000; font-weight: normal; line-height: 14px; padding: 18px; vertical-align: top;
}
.teksti_sisalto_etus { width: 438px; float: left; font: 11px verdana, arial, sans-serif; font-style: normal; color: #000000; font-weight: normal; line-height: 14px; padding: 18px; vertical-align: top;
}


.teksti_sisalto_etus h2 { font: 11px verdana, arial, sans-serif; font-style: normal; color: #000000; font-weight: bold; line-height: 14px;}

.teksti_sisalto2{ width: 531px; float: left; font: 11px verdana, arial, sans-serif; font-style: normal; color: #000000; font-weight: normal; line-height: 14px; vertical-align: top;
}

.teksti_sisalto3 { float: left; font: 11px verdana, arial, sans-serif; font-style: normal; color: #000000; font-weight: normal; line-height: 14px; vertical-align: top; background-color: #FFFFFF; width:760px;
}


.paataulukko {
	padding-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	
}
	

.taulukko_sisalto {
	font-size: 11px;
	font-family:  verdana, arial, sans-serif;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	line-height: 16px;
	padding-top: 10px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-bottom: 5px;
}

.ostoskori {
	width: 120px;
	font: 11px verdana, arial, sans-serif;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	line-height: 16px;
	padding-top: 10px;
	padding-left: 20px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-bottom: 5px;
}

.tuotekuvat { 
	width: 150px; 
	font: 11px verdana, arial, sans-serif;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	line-height: 16px;
	padding-left: 20px;
	padding-top: 10px;
		border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-bottom: 5px;
}

A.tulosta:link { font-size: 11px ; font-family:  verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #FFFFFF; }
A.tulosta:active { font-size: 11px ; font-family:  verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #FFFFFF; }
A.tulosta:visited { font-size: 11px ; font-family:  verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #FFFFFF; } 
A.tulosta:hover { font-size: 11px ; font-family:  verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #000066; }

A.ostoskori:link { font-size: 11px ; font-family: verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #330099; }
A.ostoskori:active { font-size: 11px ; font-family:  verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #330099; }
A.ostoskori:visited { font-size: 11px ; font-family:  verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #330099; } 
A.ostoskori:hover { font-size: 11px ; font:  verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #990000; }

A.alalinkki:link { font-size: 12px ; font-family:  verdana, sans-serif; font-style: normal; text-decoration: none; color: #3626A5; }
A.alalinkki:active { font-size: 12px ; font-family:  verdana, sans-serif; font-style: normal; text-decoration: none; color: #3626A5; }
A.alalinkki:visited { font-size: 12px ; font-family:  verdana, sans-serif; font-style: normal; text-decoration: none; color: #3626A5; } 
A.alalinkki:hover { font-size: 12px ; font-family:  verdana, sans-serif; font-style: normal; text-decoration: none; color: #999999; }

A.alalinkki2:link { font-size: 11px ; font-family: verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #FFFFFF; }
A.alalinkki2:active { font-size: 11px ; font-family: verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #FFFFFF; }
A.alalinkki2:visited { font-size: 11px ; font-family: verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #FFFFFF; } 
A.alalinkki2:hover { font-size: 11px ; font-family:  verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #ff9999; }

A.hyperlinkki:link { font-size: 11px ; font-family:  verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #000099; }
A.hyperlinkki:active { font-size: 11px ; font-family: verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #000099; }
A.hyperlinkki:visited { font-size: 11px ; font-family:  verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #000099; } 
A.hyperlinkki:hover { font-size: 11px ; font-family:  verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #000000; }

A.hyperlinkki_b:link { font-size: 11px ; font-family:  verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #000099; font-weight:bold; }
A.hyperlinkki_b:active { font-size: 11px ; font-family:  verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #000099; font-weight:bold; }
A.hyperlinkki_b:visited { font-size: 11px ; font-family:  verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #000099; font-weight:bold; }
A.hyperlinkki_b:hover { font-size: 11px ; font-family: verdana, arial, sans-serif; font-style: normal; text-decoration: none; color: #cc0000; font-weight:bold; }


.button {  font: 11px verdana, arial, sans-serif; font-style: normal; text-decoration: none; 
color: #FFFFFF; background-color: #333399; height: 21px; border-style: none; padding-left: 3px; padding-right: 3px;}


.hae {  font: 11px verdana, arial, sans-serif; font-style: normal; text-decoration: none; 
color: #FFFFFF; background-color: #333399; height: 21px; border-style: none; padding-left: 3px; padding-right: 3px;}

.leipateksti {
	font: 11px verdana, arial, sans-serif;
	font-style: normal;
	color: #000000;
	font-weight: normal;
	line-height: 14px;
}

.leipateksti_harmaa {
	font: 11px verdana, arial, sans-serif;
	font-style: normal;
	color: #666666;
	font-weight: normal;
	line-height: 14px;
}

.alaosio { text-align: right; position:absolute; left: 490px; padding-top: 5px; padding-bottom: 5px;
}

.kirjaudu { text-align: left; position:absolute; left: 50px; padding-top: 5px; padding-bottom: 5px; font: 11px verdana, arial, sans-serif; font-style: normal; color: #FFFFFF; font-weight: normal;}

.ots_pun {  font: 11px verdana, arial, sans-serif; font-style: normal; font-weight: bold; color: #990000; text-decoration: none;}


form {margin: 0px;}

.ots_musta { 
	font: 14px verdana, arial, sans-serif; font-weight: bold; color: #000000; }

hr {
	padding: 0px;
	height: 1px;
	border:none;
	color: #999999;

}

.popuptd { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; background-color : #FFFF99; }

.alalinkki3 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	display: block;
	padding-top:0px;
	padding-right:2px;
	padding-left:2px;
	padding-bottom:0px;
	border : 1px solid #333399;
	border-top: 0px;
}
.alalinkki3:hover { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; color : #000000; text-decoration: none; background-color : #FFFFFF; }

input.input_maara {
	border: 1px solid black; 
	padding-left: 2px;
}
	
input.ostoskori_linkki {  font: 11px verdana, Geneva, arial, sans-serif; font-style: normal; text-decoration: none; color: #330099; }
input.ostoskori_linkki:hover {
	font: 11px verdana, arial, sans-serif;
	
	text-decoration: none;
	color: #990000;
}

input.kortti { font: 11px verdana, sans-serif; font-style: normal; text-decoration: none; color: #330099; border: 1px #3626A5 solid;
}

.reseptivalikko {
	
}
.lapinKartta {
	position: relative;
	left: -10px;
}
.4palstaDiv {
	
	float: left; 
	
	height: 1082px;
}

.4palstaDiv img {
	margin-top: 10px;
}

.4palstaDiv strong {
	font-size: 16px; font-weight: bold;
}

.style1 {
	font-style: normal;
	color: #000000;
	line-height: 14px;
	font-variant: normal;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
}
.leipateksti {
	padding-left: 10px;
}
.leipateksti img {
	margin-top: 10px; margin-right: 5px;

}
.ots_pun {
	margin-left: 10px; font-size: 16px;
}

.style2 {
	border-width: 0px;
	border:none;
}

ol { margin-left: 20px; padding-left: 0px;}


#apDiv1 a { padding-left: 2px; padding-right: 2px; text-align:center; display: block; border-right: 1px solid white; height: 18px; float: left; color: white; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; text-decoration: none; }

#ykkosbonusPng { behavior: url("iepngfix.htc");  }

h1
{
font: 16px verdana, arial, sans-serif; font-style: normal; font-weight: bold; color: #990000; text-decoration: none;
}

h2
{
font-weight:bold;
font-size:12px;
}

ul.compact li { margin-left: 0; padding-left: 0px;}
ul.compact { margin-left: 0; padding-left: 20px;}

.reseptihakutulos { text-transform: lowercase; }
.reseptihakutulos:first-letter { text-transform:uppercase; }


#MainLinks, #MainLinks a { color: white; text-decoration: none; font-family:  Arial, Helvetica, sans-serif; font-size: 12px;}
#MainLinks a { padding-right: 5px; padding-left: 5px; }

.sin_tausta a { color: white; text-decoration: none; font-family:Arial, Helvetica, sans-serif;}