﻿body 
{
    /*This is for the body (all page) of index*/
 background-color: #ffffff;
 
 font-family:Arial, Sans-Serif; 
 color: #343434;/*tekstin väri otsikoissa ja leipätekstissä */
}

 p {
 
  
      }

h3 {font: 1.2em Arial, sans-serif; 
    font-style: normal; 
    font-weight:bold; 
    margin: 0.2em 0;
    padding-left: 26px; 
    padding-top: 10px;
    color: #343434; /*lime*/
    }
h2 {
   font: bold 14px Verdana, Arial, Helvetica, sans-serif;
   color:Green; /*#000;*/
   margin: 0px;
   padding: 0px 0px 0px 15px; 
}    
    
    /*Upperside of the site*/
DIV.Text
{ font-family:Arial, Verdana, Sans-Serif;
    font-size: 11px;
    color: Black;
    
    }
        
    DIV.Text2
{ font-family:Arial, Verdana, Sans-Serif;
    font-size: 12px;
    font-style:italic;
    color: #A0C6E0;
    
    }    
DIV.Ram
{
    width:734px;
   border-right: 1px solid #A0C6E0;    
    border-top: 1px solid #A0C6E0;    
    border-left: 1px solid #A0C6E0;  
     border-bottom: 1px solid #A0C6E0;  
    height:242px;
}
DIV.Ram2
{
    width:734px;
  border-right: 1px solid #A0C6E0;    
    border-top: 1px solid #A0C6E0;    
    border-left: 1px solid #A0C6E0;  
    height:242px;
}

DIV.Logo
{
    float:left ;
    width:734px;
    height:53px;
    background-image:url(../pics/logo.jpg) ;
}

DIV.Grad1
{
    float:left ;
    width:734px;
    height:12px;
    background-image:url(../pics/green_gr.jpg);
}

DIV.Pic
{
    float:left ;
    width:734px;
    height:132px;
    background-image:url(../pics/camp.gif);
}

DIV.Menu
{
    float:left ;
    width:734px;
    height:22px;
    background-image:url(../pics/menu.jpg);
}
DIV.Grad2
{
    float:left ;
    width:734px;
    height:34px;
    background-image:url(../pics/blue_gr.jpg);
}
/*********************************************/
/*Middlepart of the site*/
DIV.RamMiddle
{
    width:734px;
    height:189px;
    
}
 
 DIV.RamMiddle2
{
    float:left;
    width:384px;
    height:189px;
    /*clear:left;*/    
} 
  
DIV.RamMiddle3
{
    float:left;
    width:349px;
    height:189px;
}   

DIV.Head_wlc
{
    float:left ;
    width:367px;
    height:31px;
    padding-top:4px;
    padding-left:8px;
    background-image:url(../pics/welcome.jpg);
    text-align:left;
    font-weight:bold;
    line-height:1.6em;
    
}

DIV.Text_wlc
{
    float:left ;
    width:201px;
    height:152px;
    background-image:url(../pics/text_wlc.jpg);/*valkoinen taustakuva*/
    background-repeat:no-repeat;
}
DIV.Text_wlc2 /*tervetuloa teksti*/
{
    text-align:left; 
    margin-left:3px;
    margin-right:3px;
    padding:5px;
    float:left ;
    width:178px;
    height:152px;
    
}

DIV.Pic_wlc
{
    float:left ;
    width:174px;
    height:152px;
    background-image:url(../pics/pic_wlc.jpg);/*kuva leirintäalueelta*/
    
}
  

DIV.Head_htl
{
   /* border: 1px solid black;*/
    float:left ;
    width:174px;
    height:31px;
    padding-top:4px;
    padding-left:8px;
    background-image:url(../pics/title_1.jpg);
    text-align:left;
    font-weight:bold;
    line-height:1.6em;
}


DIV.Divider
{
  float:left ;
    width:9px;  
    height:20px;  
    background-image:url(../pics/streck.jpg);
    
     
}

DIV.Head_ota

{
    /*border: 1px solid black;*/
  float:left ;
    width:150px;
    height:31px;
    padding-top:4px;
    padding-left:8px;
    background-image:url(../pics/title_2.jpg);
    text-align:left;
    font-weight:bold;
    line-height:1.6em;
}

DIV.Text_htl
{
    float:left ;
    width:172px;
    height:24px;
    text-align:left;
    padding-left: 10px;
    background-image:url(../pics/text_htl.jpg);/*valkoinen taustakuva*/
}

DIV.Pic_htl
{
    float:left ;
    width:182px;
    height:128px;
    background-image:url(../pics/pic_htl.jpg);/*hotellin kuva*/
}

DIV.Text_ota
{
    float:left ;
    width:148px;
    height:24px;
    text-align:left;
    padding-left: 10px;
    background-image:url(../pics/text_ota.jpg);
 }

DIV.Pic_htl
{
    float:left ;
    width:182px;
    height:128px;
    background-image:url(../pics/pic_htl.jpg);
}
DIV.Pic_ota
{
    float:left ;
    width:158px;
    height:128px;
    background-image:url(../pics/pic_krt.jpg);
}


DIV.Divider2
{
    /*float:left ;*/
    width:9px;  
    height:128px;  
    background-image:url(../pics/streck2.jpg);
     
}

/*Tredje raden*********************/
DIV.RamBottom
{
    width:734px;
    height:200px;
   /* border: 1px solid black;*/
    
}
DIV.Head_box
{
    /*border: 1px solid black;*/
    float:left ;
    width:170px;
    height:27px;
    padding-top:16px;
    background-image:url(../pics/Head_box.jpg);
    padding-left:8px;
    text-align:left;    
    font-weight:bold;
    line-height:1.6em;
}


DIV.Divider2
{
  float:left ;
    width:7px;  
    height:20px;  
    background-image:url(../pics/streck.jpg);
}
DIV.Pic_box /*kuvat alalaatikoissa*/
{
    /*border: 1px solid black;*/
    float:left ;
    width:178px;
    height:111px;
    /*background-image:url(../pics/Pic_box.jpg);*/
}


DIV.Text_box /*alalaatikoiden tekstit*/
{
    /*border: 1px solid black;*/
    float:left ;
    width:165px;
    height:66px;
    text-align:left;
    /*margin-left:3px;
    margin-right:3px;
    padding: 5px;*/
    padding-left: 8px; /*leipäteksti laatikoissa*/
    padding-right: 5px;
    background-image:url(../pics/Text_box.jpg);
}

DIV.login
{
  float:right;  
 
    }
DIV.Footer
{
    /*border: 1px solid black;*/
    float:left ;
    width:736px;
    height:26px;
    background-image:url(../pics/footer.jpg);
    font-family: Verdana ;
    font-size:9px; /*x-small*/
    color:#2D3439;
    padding-top:28px;
}

DIV.Btn1
{
    float :left ;
    background-color:gray;
    border-right-color:black;
    border-right:1px solid;
    border-top-color:black;
    border-top:1px solid;
    border-bottom-color:black;
    border-bottom:1px solid;
    text-align:center;
    padding-top:3px;
    width:90px;
    height:20px;
}
DIV.Btn
{
    float:left;
    background-color:gray;
    border-right-color:black;
    border-right:1px solid;
    border-top-color:black;
    border-top:1px solid;
    border-bottom-color:black;
    border-bottom:1px solid;
    text-align:center;
    padding-top:3px;
    width:90px;
    height:20px;
}
