/* CSS Document */
body{
background-color:#d4d2c6; /*Jos taustakuvaa ei näy, pukkaa tätä väriä */
font-family:arial,verdana,tahoma; /* Sivun fontti */
font-size:12px; /*Sivun tekstin koko pixeleinä */
scrollbar-base-color: #FFFFFF;
scrollbar-arrow-color: #C0C0C0;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-darkshadow-color: #C0C0C0;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
}

#sivu{
   width: 998px; /*Koko sivun kokonais leveys pixeleinä, ja vähän extraa */
   float: center;
   top: 0px;
   margin-left: auto;
   margin-right: auto;
}

#vasen{
   width: 238px;
   height: 496px;
   float: left;
   background: #FFFFFF;
   background-image: url('./img/vase.png');
   padding-top: 0px;
   font-size:14px;
}

a.vali, a:visited.vali{
color:#000000 !important;
background-color:#FFFFFF !important;
border-bottom:0px solid #008a35 !important;
display:block !important;
padding:5px !important;
text-decoration:none !important;
text-align:center !important;
margin-left:0px !important;
}

a:hover.vali,a:visited:hover.vali,a:active.vali{
color:#FFFFFF !important;
background-color: #008a35 !important;
text-align:center !important;
}

a.vali2, a:visited.vali2{
color:#008a35 !important;
background-color:#FFFFFF !important;
border-bottom:0px solid #00a652 !important;
display:block !important;
padding-bottom:4px !important;
text-decoration:none;
text-align:center !important;
margin-left:0px !important;
font-size:13px;
font-style: italic;
}

a:hover.vali2,a:visited:hover.vali2,a:active.vali2{
color:#008a35 !important;
background-color: #FFFFFF !important;
text-align:center !important;
text-decoration: underline;
}
#vasen p{
padding:2px;
}

#etusivu{
    height:496px;
    width:732px;
    background-image:url('./img/etusivu.jpg');
    float:left;
}

#oikea{
width: 732px;
float:left;
margin-left:10px;
}

#ylaoikea{
width:732px;
height:0px;
float:left;
}
#ylaoikea2{
width:732px;
height:198px;
background-color:#00a652;
background-image:url('./img/yritys.jpg');
border:0px solid #000;
float:left;
}

#sisalto, #sisaltoyritys{
   float: left;
   margin-left: 0px;
   background: #FFFFFF;
   overflow: auto;
   top: 20px;
   }

#sisalto{
  height:496px;
  width:732px;
}

#sisalto h1{
   margin-top:135px;
}
#sisaltoyritys{
  height:298px;
  width:732px;
}

#sisalto a, a:visited, #sisaltoyritys a, a:visited{
   color:green;
   text-decoration: none;
}

#sisalto a:hover, a:visited:hover, #sisaltoyritys a:hover, a:visited:hover{
   color:#00a652;
   text-decoration: underline;
}
   
#galleria {
  width: 732px;
  height: 496px;
  background: #FFFFFF;
  overflow: auto;
}

#sisalto p, #sisaltoyritys p{
margin-left:55px;
margin-top:0px;
margin-bottom:10px;
margin-right:30px;
text-align: justify;
line-height: 120%;
}

h1{
height:27px;
font-size:22px;
font-weight:normal;
padding:0;
text-align:left;
margin-bottom:15px;
margin-left:30px;
margin-top:15px;
color:black;
}

h2{
   font-size: 14px;
   font-weight: normal;
   padding: 0;
   text-align: left;
   font-weight: bold;
   margin-top: 20px;
   margin-right: 5px;
   margin-bottom:5px;
   margin-left: 55px;
}

h3{
   height:27px;
font-size:22px;
font-weight:normal;
padding:0;
text-align:left;
margin-bottom:15px;
margin-left:30px;
margin-top:15px;
color:black;
}

p.kursivoitu{
font-style:italic;
}

#alakuvat {
   width: 980px;
   height: 80px;
   float: left;
   background-image: url('./img/mainospalkki.jpg');
   color:#FFFFFF;
   margin-top:10px;
   text-align:left;
   font-size:11px;
}

#alakuvat td{
   padding-left:10px;
   padding-top:5px;
   vertical-align:top;
}

#alakuvat a,#alakuvat a:visited{
color:#FFFFFF;
text-decoration:none;
}

#alakuvat a:hover,#alakuvat a:visited.hover{
color:#FFFFFF;
text-decoration:underline;
}

#c{
width:980px;
height:30px;
color:#000000;
font-size: 11px;
text-align:center;
border:0px solid #000;
border-top:0;
float:left;
margin-top:10px;
}

#ala a,#ala a:visited{
color:#2c91d4;
text-decoration:none;
}

#ala a:hover,#ala a:visited:hover{
color:#2679b0;
text-decoration:none;
}