body{
background : #fff url('../images/navi_bg.gif/$FILE/navi_bg.gif') repeat-y;
margin : 0;
padding : 0;
color : #333;
z-index:1; font-style:normal; font-variant:normal; font-weight:normal; font-size:100%; font-family:verdana, arial, sans-serif
}
form{
margin : 0;
padding : 0;
}
input, textarea, select{
font : 100% verdana,arial,sans-serif;
}
FORM#palaute INPUT.text {
BORDER-RIGHT: #19678c 1px solid; BORDER-TOP: #19678c 1px solid; BORDER-LEFT: #19678c 1px solid; WIDTH: 210px; COLOR: #19678c; BORDER-BOTTOM: #19678c 1px solid
}
FORM#palaute TEXTAREA {
BORDER-RIGHT: #19678c 1px solid; BORDER-TOP: #19678c 1px solid; OVERFLOW: auto; BORDER-LEFT: #19678c 1px solid; WIDTH: 330px; COLOR: #19678c; BORDER-BOTTOM: #19678c 1px solid; HEIGHT: 90px
}
.bg1 {
Z-INDEX: 3; BACKGROUND: url(../images/taustakuva_1.jpg/$FILE/taustakuva_1.jpg) no-repeat left top; POSITION: absolute
}
.bg2 {
Z-INDEX: 3; BACKGROUND: url(../images/taustakuva_2.jpg/$FILE/taustakuva_2.jpg) no-repeat left top; POSITION: absolute
}
.bg3 {
Z-INDEX: 3; BACKGROUND: url(../images/taustakuva_3.jpg/$FILE/taustakuva_3.jpg) no-repeat left top; POSITION: absolute
}
.bg4 {
Z-INDEX: 3; BACKGROUND: url(../images/taustakuva_4.jpg/$FILE/taustakuva_4.jpg) no-repeat left top; POSITION: absolute
}
.bg5 {
Z-INDEX: 3; BACKGROUND: url(../images/taustakuva_5.jpg/$FILE/taustakuva_5.jpg) no-repeat left top; POSITION: absolute
}
.bg6 {
Z-INDEX: 3; BACKGROUND: url(../images/taustakuva_6.jpg/$FILE/taustakuva_6.jpg) no-repeat left top; POSITION: absolute
}
p, li, table, tr, tr{
font-family : verdana,arial,sans-serif;
}
p, li{
font-size : 0.7em;
}
a:link, a:visited, a:active {
color : #19678C;
text-decoration : none;
}
a:hover{
text-decoration : underline;
}
h1{
font-size : 0.8em;
color : #000;
}
h2{
font-size : 0.7em;
color : #000;
}
h3.reseptilista{
background : #19678C;
color : #fff;
font-size : 0.7em;
margin : 0;
padding : 0;
width : 170px;
}
h3.reseptilista span{
display : block;
margin-left : 14px;
}
h3.kkreseptiotsikko{
font-size : 0.7em;
margin : 10px 0 10px 0;
}

img{
border : 0px none;
}
img.viinisuositus{
float : right;
}
img.reseptitpieni
{
float:right;
margin : 0 0 30px 20px;
}

div#container{
position : absolute !important;
position : relative;
width : 900px;
z-index:2;
}

DIV#topnaviwrap {
BACKGROUND: url(../images/tomaatit.gif/$FILE/tomaatit.gif) no-repeat right bottom; POSITION: relative
}
div#logo{
position : relative;
height : 134px;
margin : 0;
padding : 0 0 0 335px;
}
div#topnavi{
position : relative;
height : 30px;
padding :0;
margin : 0 0 0 180px;
border-bottom : 6px solid #2C8419;
}
div#topnavi ul{
list-style : none;
display : inline;
margin : 0;
padding : 0;
border : none;
}
div#topnavi ul li{
list-style : none;
display : inline;
margin : 0;
padding : 0;
border : none;
}

div#leftnavi{
background : url('../images/bg_vasennavi.gif/$FILE/bg_vasennavi.gif') repeat-x bottom right;
width : 180px;
float : left;
padding : 0;
min-height : 450px;
height : auto !important;
height : 450px !important;
border-bottom : 1px solid #ACCC8C; margin-left:0; margin-right:0; margin-top:77px; margin-bottom:0
}

div.leftnavipadding {
padding : 0 0 0 10px;
}
div#leftnavi ul{
background : url('../images/bg_bluepx_horizontal.gif/$FILE/bg_bluepx_horizontal.gif') repeat-x top;
margin : 0;
padding : 0; list-style-type:none
}

div#leftnavi ul li{
background : url('../images/bg_bluepx_horizontal.gif/$FILE/bg_bluepx_horizontal.gif') repeat-x bottom;
margin : 0;
padding : 5px;
vertical-align : middle; list-style-type:none
}

div#leftnavi li img{
float : left;
margin : 2px 8px 5px 0;
}
div#leftnavi div.lisanosto{
margin : 0;
width : 158px;
overflow : hidden;
}
div#leftnavi div.lisanosto img.taustat{
display : block;
}
div#leftnavi div.lisanostopadding a{

}
div#leftnavi div.lisanostopadding{
border-right : 4px solid #E0ECF4;
border-left : 4px solid #E0ECF4;
margin : 0;
padding : 0;
}
div#leftnavi div.lisanostopadding p{
background : #fff;
border-left : 1px solid #6A9ECA;
border-right : 1px solid #6A9ECA;
margin : 0;
padding : 15px 10px 15px 10px;
text-align : center;
color : #666;
}

div#contentwrap{
}
div#content{
position : relative;
width : 720px;
float:right;
padding : 20px 0 0 0;
}
div.contentpadding{
position : relative;
padding : 0 0 0 20px;
}
table#contenttwocolums{
border : 0px none;
margin : 0;
padding : 0
}
#contentonecolumn{
width : 590px;
}
table#contentonecolums table{
font-style:normal; font-variant:normal; font-weight:normal; font-size: 100%; font-family:verdana, arial, sans-serif
}

table#contenttwocolums table{
font-style:normal; font-variant:normal; font-weight:normal; font-size: 100%; font-family:verdana, arial, sans-serif
}

table#contenttwocolums td.left{
width:375px;
padding : 0 15px 10px 0;
vertical-align:top;
}

table#contenttwocolums td.between{
width:30px;
background : url('../images/bg_contentarea.gif/$FILE/bg_contentarea.gif') no-repeat 0 10px; 
}
table#contenttwocolums td.betweenempty{
width:30px;
}
table#contenttwocolums td.betweenfrontpage{
width:30px;
background : url('../images/bg_contentarea.gif/$FILE/bg_contentarea.gif') no-repeat 0 80px; 
}
table#contenttwocolums td.right{
width:180px;
vertical-align:top;
}
div.contentpaddingfrontpageright{
margin-top : 70px;
}

table#contenttwocolums td.right p.ajankohtaistaeka{
margin : 0 0 20px 0;
padding : 0;
}
table#contenttwocolums td.right h2{
margin : 10px 0 3px 0;
padding : 0;
}
table#contenttwocolums td.right p.ajankohtaistatoka{
margin : 0;
padding : 0;
}
table#contenttwocolums td.right p a{
display : block;
margin-top : 10px;
}
ul#reseptilista{
width : 170px;
text-align : left;
margin : 10px 0 0 21px;
padding : 0;
}
ul#reseptilista li{
margin : 0;
list-style-image : url('../images/reseptilista_li.gif/$FILE/reseptilista_li.gif');
list-style-position: outside;
padding-left:0; padding-right:0; padding-top:1px; padding-bottom:1px
}
div.reseptitloppuu{
background : url('../images/bg_bluepx_horizontal.gif/$FILE/bg_bluepx_horizontal.gif') repeat-x top;
padding-left:0; padding-right:0; padding-top:10px; padding-bottom:0
}
div.reseptitloppuu td.ikoni{
width : 40px;
}
div.reseptitloppuu td.teksti1{
width : 220px;
}
.reseptihaku{
background : url('../images/icon_reseptihaku.gif/$FILE/icon_reseptihaku.gif') no-repeat left;
vertical-align : middle;
margin : 0; padding-left:25px; padding-right:0; padding-top:10px; padding-bottom:10px
}
div#reseptiotsikko img{
display : block;
}
div#reseptiotsikko{
position : relative;
}
div#kuukaudenresepti{
background : url('../images/bg_kuukauden_resepti.gif/$FILE/bg_kuukauden_resepti.gif') repeat-y;
width:576px;
margin-bottom : 10px
}
div#kuukaudenresepti p{
margin : 0 13px 0 13px;
}
div#kuukaudenresepti img.kuvitus{
float : left;
margin : 0 20px 0 13px;
}
div#kuukaudenresepti img.taustat{
display : block;
}
div#reseptihakulaatikko{
background : #F0F0F0;
width:530px;
margin-bottom : 10px;
}
div#reseptihakulaatikko img.taustat{
display : block;
}
div#reseptihakulaatikko table{
width:490px;
margin : 0 20px 0 20px;
}
div#reseptihakulaatikko table td.vasen{
width:330px;
}
div#reseptihakulaatikko p{
color : #000;
margin : 0;
padding :0;
}
div#reseptihakulaatikko select{
width : 260px;
color : #19678C;
border : 1px solid #19678C;
margin : 0;
padding : 0;
}
div#reseptihakulaatikko .text{
width : 160px;
color : #19678C;
border : 1px solid #19678C;
}
div#sivufooter{
position : relative;
background : url('../images/bg_sivufooter.gif/$FILE/bg_sivufooter.gif') no-repeat;
padding-top : 38px
}
div#sivufooter p{
margin : 0;
padding : 0;
}
div.spacer{clear:both;
margin : 0;
padding : 0;
}

.floatleft{
float:left;
}

div#sitemap a{
text-decoration:none;
font-size: 0.7em;
}

