BODY  {
 
 font-size: 10pt;
 font-family: Arial,Helvetica;
 padding: 0px;
 margin: 0px;
}
.divPage {

    background-position: center;
    width: 1276px;
    height: 850px;
}



.divBackGroundJarvi {

    background-position: center;
    width:1255px;
    height:883px;
    background-image: url(../includes/images/layout_etusivu_jarvi_pieni.jpg);
    background-repeat:no-repeat;
}

.divBackGroundPelto {

    background-position: center;
    width:1255px;
    height:883px;
    background-image: url(../includes/images/layout_etusivu_pelto_pieni.jpg);
    background-repeat:no-repeat;
}

.divBackGroundMetsa {

    background-position: center;
    width:1255px;
    height:883px;
    background-image: url(../includes/images/layout_etusivu_metsa_pieni.jpg);
    background-repeat:no-repeat;
}

.divLeftSide {
    float:left;    
    width: 180px;
    height: 900px;
}

.divLeftSpace {
    float:left;    
    width: 30px;
    height: 900px;
}

.divMiddle {
   
    float:left;
    width: 904px;
    height: 900px;
}

.divLeftMenu {
    
    float: left;    
    width: 210px;
    height: 900px;
}



.divUpMenuStart {
float: left;
height: 49px;
margin-left: -13px;
width: 580px;
text-decoration: none;
font-size: 12pt;
font-family: "Bell MT";
font-weight: 500;
}

.divUpMenu {
    background-image: url(../includes/images/topmenu_varjo.png);
    background-repeat: repeat-x;
    float: left;
    width: 580px;
    height: 65px;       
    }

.divUpMenuText {
     
    float:left;
    height: 50px;
    line-height: 58px;
}

            a.aOsio1 {
                color:black;
                padding-left: 17px;
                padding-right: 8px;
                padding-bottom: 25px;
                text-decoration: none;

            }
            a.aOsio1:hover {
                              
                padding-top: 9px;
                color:black;
                text-decoration: none;
                background-image: url(../includes/images/topmenu-selected.png);
                background-repeat: no-repeat;
                background-position:right;
                
            }

            a.aOsio2 {

                color:black;                
                padding-left: 6px;
                padding-right: 8px;
                padding-bottom: 25px;
                text-decoration: none;
                
            }
            a.aOsio2:hover {

                padding-top: 9px;
                color: black;
                text-decoration: none;
                background-image: url(../includes/images/topmenu-selected-ajankohtaista.png);
                background-repeat: no-repeat;
                background-position:center;
            }

            a.aOsio3 {

                color:black;                
                padding-left: 6px;
                padding-right: 8px;
                padding-bottom: 25px;
                text-decoration: none;
            }
            a.aOsio3:hover {

                padding-top: 9px;
                color:black;                                             
                text-decoration: none;
                background-image: url(../includes/images/topmenu-selected.png);
                background-repeat: no-repeat;
                background-position:center;
            }

             a.aOsio4 {

                color:black;
                padding-left: 6px;
                padding-right: 8px;
                padding-bottom: 25px;
                text-decoration: none;
            }
            a.aOsio4:hover {

                padding-top: 9px;
                color:black;                                               
                text-decoration: none;
                background-image: url(../includes/images/topmenu-selected.png);
                background-repeat: no-repeat;
                background-position:center;
            }

             a.aOsio5 {

                color:black;                
                padding-left: 6px;
                padding-right: 8px;
                padding-bottom: 25px;
                text-decoration: none;
            }
            a.aOsio5:hover {

                padding-top: 9px;
                color:black;                              
                text-decoration: none;
                background-image: url(../includes/images/topmenu-selected.png);
                background-repeat: no-repeat;
                background-position:center;
            }

             a.aOsio6 {

                color:black;                
                padding-left: 6px;
                padding-right: 8px;
                padding-bottom: 25px;
                text-decoration: none;
            }
            a.aOsio6:hover {

                padding-top: 9px;
                color:black;                               
                text-decoration: none;
                background-image: url(../includes/images/topmenu-selected-ajankohtaista.png);
                background-repeat: no-repeat;
                background-position:center;
            }

             a.aOsio7 {

                color:black;                
                padding-left: 6px;
                padding-right: 8px;
                padding-bottom: 25px;
                text-decoration: none;
            }
            a.aOsio7:hover {

                padding-top: 9px;
                color:black;                                
                text-decoration: none;
                background-image: url(../includes/images/topmenu-selected-ajankohtaista.png);
                background-repeat: no-repeat;
                background-position:center;
            }

.divUpMenuRight {

  
    float:left;
    background-image: url(../includes/images/topmenu-right.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 66px;
 }


.divLeftLogo {

    background-image:url(../includes/images/logo-aina-varjo.png);
    width: 208px;
    height: 189px;
}

.divLeftHeader {
    margin-left: 2px;
    background-image:url(../includes/images/leftmenu-news-background-header.png);
    width: 208px;
    height: 14px;
}

.divLeftBody {

    margin-left: 2px;
    background-image:url(../includes/images/leftmenu-news-background-body.png);
    background-repeat: repeat-y;
    height: auto;
    width: 208px;
    
}
a.aLeftMenu {
color: black;

}

.divLeftBodyText {
margin-left: 27px;
width: 168px;
}

.divLeftFooter {
    margin-left: 2px;
    background-image:url(../includes/images/leftmenu-news-background-footer.png);
    width: 208px;
    height: 14px;
    
}

.divLeftLogoBackGround {

    background-image:url(../includes/images/logo-background-varjo.png);
    width: 208px;
    height: 219px;
    margin-left: 3px;
    
   
}

.divLeftEUkuva {  
  
    margin-left: 26px;
    padding-top: 15px;
    width: 150px;
    height: 114px;
}

.divLeftEkoneumkuva {

    margin-top: 15px;
    margin-left: 22px;
    width: 153px;
    height: 48px;
}

.divLeftEkoneumkuvaBackGround {


    padding-left: 12px;
    padding-right: 13px;
    

}

.divMainArea {

    float:left;
    margin-left: 4px;
    width: 660px;
    height: 870px;
}

img.imgMainAreaWhiteBackgroundBodyPicture {

border:7px solid white;
border-bottom: 30px solid white;
}

.divMainAreaText {
   margin-top: 10px;
   float:left;
   min-height: 375px;
}

.divMainAreaWhiteBackgroundBody {

    float:left;
    background-image:url(../includes/images/text-backgroundbody-lyhennetty.png);
    width: 589px;
    background-repeat: repeat-y;
}

.divTuotteetPicture {

    float:left;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 70px;
    /*margin-bottom: 20%;*/
    width: auto;
    /*width: 600px; */
    height: auto;
}


.divMainAreaWhiteBackgroundHeader {

    float:left;
    background-image:url(../includes/images/text-background+break-lyhennetty.png);
    width: 589px;
    height: 43px;
}


.divMainAreaWhiteBackgroundProductFooter {

    float:left;
    background-image:url(../includes/images/text-background+break.png);
    width: 589px;
    height: 40px;
    
}

.divMainAreaWhiteBackgroundMainFooter {

    float:left;
    background-image:url(../includes/images/text-background+break-lyhennetty-footer.png);
    width: 589px;
    height: 43px;
    
}

.divMainAreaLargeText {
    width: 539px;
    height: 122px;
    background-image:url(../includes/images/frontpage-text-crop.png);
    margin-left: 20px;
    margin-bottom: 120px;
    
}

.divMainAreaBasicText {

    margin-left: 30px;
    width: 498px;
    height: auto;

}

.divMainAreaBasicTextReseptit {

    float:left;
    width: 200px;
    height: auto;

}

.divMainAreaHeadline {
    font-size: 16pt;
    margin-left: 30px;
    width: 545px;
    height: auto;

}

.divMainAreaHeadlineReseptit {
    font-size: 16pt;
    margin-bottom: 10px;
    float:left;
    width: 200px;
    height: auto;

}

.divMainAreaPVM {
    margin-left: 30px;
    width: 539px;
    height: auto;

}
.divMainAreaPictures {
  
    float:left;  
    height: 330px;
    
}

.divRightSide {
    float:left;
    width: 150px;
    height: 900px;
}