body {
}
 #box ul { list-style-image: url(../pics/bullet.jpg); /*ruokalistat*/
    padding-left: 26px;
     padding-bottom: 10px;
			}
#box2 ul { list-style-image: url(../pics/bullet.jpg);
    padding-left: 26px;
     padding-bottom: 10px;
			}
#box3 ul { list-style-image: url(../pics/bullet.jpg);
    padding-left: 26px;
    padding-bottom: 10px;
     
			}
a:link { color: #232E36;}/* väri t.harmaa */
a:visited { color:#232E36;}/* väri t.sininen */
a:hover { color:#A0C6E0;}/* väri v.sininen */	
a:active { color:#00446A;}

.Text_htl a:link, .Text_htl a:visited, .Text_ota a:link, .Text_ota a:visited
{
    text-decoration: none;
    }
    

		
h4 
{
    font: 1.0em Arial, sans-serif; 
    color:#00446A; /*otsikon fontin väri t.sininen */
    font-style: normal; 
    font-weight:bold; 
    padding-left:1px;
    /*margin: 0.3em 0;
    padding-left: 10px;*/
    
    }	
    		
/******contents of the sites******/
DIV.RamInnehall /*raamit sivulle*/
{
    float:left;
    width:709px;
    height:auto;
    padding:12px;
    border: 1px solid #A0C6E0;
    text-align:left;   
}


DIV.RamBox
{
    float:left;
    width:634px;
    padding:8px;
   border: 1px solid #A0C6E0; /* pois*/    
    text-align:left;   
}

.separator
{ 
    color: #00446A;
	background-color: #A0C6E0;
	width: 100%;
	margin-bottom:14px;
	padding-bottom:0px;
}
DIV.bullet
{
    line-height:10em;
    border: 1px solid #A0C6E0;
    }
DIV.box1
{
    float: left;  
    background: #ffffff; 
   /*border: 1px solid #A0C6E0;pois*/
    padding: 0px;
    height: 100%;
    margin-right:40px;
    margin-bottom: 20px;
    vertical-align:top;
    
}
DIV.box5
{
    float: left;    
    background: #ffffff; 
   /*border: 1px solid #A0C6E0;pois*/
    padding: 4px;
    height: 100%;
    margin-right:40px;
    margin-bottom: 4px;
    vertical-align:top;
    
}
DIV.box6
{
    float: left;    
 /*  border: 1px solid #A0C6E0;pois*/
     padding-bottom: 4px;
    height: 100%;
    width:500px;
    margin-right:40px;
    margin-bottom: 4px;
    vertical-align:top;
    
}
DIV.box4
{
    clear: left;    
    background: #ffffff; 
    border: 1px solid #A0C6E0;
    padding: 4px;
    height: 100%;
    margin-right:10px;
    margin-bottom: 4px;
    
}
DIV.box2 /*onko käytössä enää muualla kuin Äta-sivulla???? */
{
    float: none;
    width: 270px; 
    background: #ffffff; 
    height: 100%;
    border: 1px solid #A0C6E0;    
    padding: 10px 0px 0px 20px;
    
}
DIV.box6
{
   /*  float: left;
    width: 270px; 
    background: #ffffff; 
    height: 100%;
    border: 1px solid #A0C6E0;  
    padding: 10px 0px 0px 20px;
   margin: 10px; */ 
   vertical-align:top;
  /* border: 1px solid #A0C6E0;pois*/
    
}
DIV.box3 /*käytössä stugor sivulla*/
{
    /*clear:left; */
    float: left; 
   /* width: 45%; */
    height: 100%;    
    background: #ffffff; 
   /* border: 1px solid #A0C6E0;pois*/
    padding-left: 0px;
    font-weight:bold;
    
}
/******contents of pricelist******/
   
 DIV.price
 {
    float:left;   
 /*border: 1px solid #A0C6E0;pois*/
    width: 700px;
    height: 100%;
    }
   
   DIV.price2
 {
    float:left;   
 /*border: 1px solid #A0C6E0;pois*/
    width: 300px;
    height: 100%;
    } 
    DIV.boka
 {
    float:left; 
  /*   clear:left;  
  border: 1px solid #A0C6E0;/*pois*/
  padding-left: 26px; 
   
    width: 400px;
    height: 100%;
    }
 
 
 DIV.boka2
 {
    float:left; 
  clear:left;  
 /* border: 1px solid #A0C6E0;pois*/
   padding-top:2px;
  
  padding-left: 0px;  
    
    height: 100%;
    }   
DIV.pr_ntext
{ clear:left;
    font-style:italic;
  padding-top: 10px; 
  padding-left: 26px;
  /*border: 1px solid #A0C6E0;pois*/
  
    }
    
DIV.pr_date
{ clear:left;
  font-style:italic ;
  color:#00446A;
  width: 600px;
  /*padding-top: 10px; */
  padding-left: 0px;
 /* border: 1px solid #A0C6E0;pois*/
  
    }    
DIV.pr_ntextb
{ clear:left;
  font-weight:bold;
  font: Arial bold #00446A;
  padding-top: 10px; 
  padding-left: 0px;
  
    }    
    
DIV.pr_text
{ clear:left;
  padding-top:10px;
  padding-left:26px;
 /*border: 1px solid #A0C6E0;pois*/
  width: 600px;
    }  
 DIV.pr_text3
{ clear:left;
  padding-top:20px;
  padding-left:26px;
  /*border: 1px solid #A0C6E0;pois*/
  width: 600px;
    }     
      
DIV.pr_text2
{ clear:left;
  padding-top:10px;
  padding-left:26px;
/*border: 1px solid #A0C6E0;pois*/
  width: 600px;
  color:#00446A;
  font-style:italic ;
    } 
 
 DIV.pr_text5
{ clear:left;
  padding-top:10px;
  padding-left:0px;
/*border: 1px solid #A0C6E0;pois
  width: 600px;
  color:#00446A;
  font-style:italic ;*/
    }  
        
  DIV.pr_text4
{
	/* clear:left;
  padding-top:10px;
  padding-left:26px;*/
/*border: 1px solid #A0C6E0;pois*/
  /*width: 600px;*/
  color:#00446A;
  font-style:italic ;
    }      
 ul.pris {
    list-style-type:none;
    font-weight:normal; 
    padding-left: 26px;
    padding-right:26px;
    padding-bottom: 10px; /*oli ennen 2, vaihdoin paketresoreille*/
    padding-top:10px;
  /*border: 1px solid #A0C6E0;pois*/
    }
    
    ul.pris5 {
    list-style-type:none;
    font-weight:bold; 
    color:#00446A;
    padding-left: 26px;
    padding-right:26px;
    padding-bottom: 10px; 
    padding-top:10px;
 /* border: 1px solid #A0C6E0;pois*/
    }
    
ul.pris1 {
    list-style-type:none;    
    color:#00446A;
    /*font-weight:bold;*/
    padding-left: 16px;
    padding-right:26px;
    padding-bottom: 10px; 
    padding-top:10px;
/*  border: 1px solid #A0C6E0;pois*/
    }
ul.pris12 {
    list-style-type:none;    
    color:#00446A;
    /*font-weight:bold;*/
    padding-left: 36px;
    padding-right:26px;
    
    padding-top:10px;
 /*  border: 1px solid #A0C6E0;pois*/
    }    
div.prisram
{
    padding:0px;
    width: 300px;
    margin-left:0px;
    margin-bottom:10px;
   border: 1px solid #A0C6E0; 
  
    }    
ul.pris4 {
    list-style-type:none;
    font-weight:bold; 
    padding-left: 18px;
    padding-right:26px;
    padding-bottom: 10px; /*oli ennen 2, vaihdoin paketresoreille*/
    padding-top:10px;
/* border: 1px solid #A0C6E0;pois*/
    }

ul.pris2 {
    list-style-type:none;
    
    /*padding-left: 26px;
    padding-right:26px;
    padding-bottom: 2px;
    padding-top:6px;
   border: 1px solid;*/
    }    
ul.pris3 {
    list-style-type:none;
    font-weight:normal; 
    padding-left: 26px;
    padding-right:26px;
    padding-bottom: 10px; /*oli ennen 2, vaihdoin paketresoreille*/
    padding-top:0px;
  /* border: 1px solid #A0C6E0;pois*/
    }

DIV.pr_list
{ 
    float:none;
   /* border: 1px solid #A0C6E0;pois*/
  /*width:400px;*/
  height:100%;
  padding-left:26px;
  padding-top: 8px;
  line-height:1.3;
    }    
    
    DIV.pr_list2
{ float:left;
/*border: 1px solid #A0C6E0;pois*/
  width:400px;
  height:100%;
 padding-left:26px;
  padding-top: 8px;
    }    
 
 
 DIV.pr_list3
{ float:left;
 /*border: 1px solid #A0C6E0;pois*/
  /*width:400px;*/
  height:100%;
 padding-left:26px;
  padding-top: 0px;
  line-height:1.3;
    }
    
    DIV.pr_list4
{ 
    float:none;
   /* border: 1px solid #A0C6E0;pois*/
  /*width:400px;*/
  height:100%;
  padding-left:0px;
  padding-top: 8px;
  line-height:1.3;
    }     
 DIV.freeTxtBox
{ float:left;
    clear:left;
 /*border: 1px solid #A0C6E0;pois*/
  width:600px;
  height:100%;
  
 padding-left:0px;
  padding-top: 0px;
    }
      
 DIV.box10
{
    clear:left;
   /* border: 1px solid #A0C6E0;pois*/
    /*float: left;    
    background: #ffffff; */
    /*border: 1px solid #A0C6E0;
    padding: 0px;
    height: 100%;
    margin-right:40px;
    margin-bottom: 0px;
    vertical-align:top;*/
    
}      
DIV.pr_pic
{
  /* border: 1px solid #A0C6E0;pois*/
    float:left;
    width:280px;
    height:100%; 
    margin-top: 0px;
    margin-bottom:18px;
    vertical-align:top;
    }
    
DIV.pr_pic3
{
   /*border: 1px solid #A0C6E0;pois*/
    float:right;
    width:280px;
    height:100%; 
    margin-top:8px;
    margin-right:20px;
    margin-left: 40px;
    padding-bottom:8px; 
    vertical-align:top;
    }
        
DIV.pr_pic2
{
   /*border: 1px solid #A0C6E0;pois*/
    float:left;
    width:250px;
    height:100%; 
    margin-top: 18px;
    margin-left:10px;
    vertical-align:top;
    }
DIV.pr_pic4
{
  /* border: 1px solid #A0C6E0;pois*/
    float:left;
    width:280px;
    height:100%; 
    margin-top:18px;
    padding-bottom:0px; 
    vertical-align:top;
    }    
			  
/*Partnereiden kuvat*/    
    DIV.p_torne
{
    clear:left ;
    width:214px;
    height:75px; 
    margin:10px;  
    
}
DIV.kattila
{
    clear:left ;
    width:150px;
    height:67px;  
    margin:10px;   
    
}
DIV.kodiak
{
    clear:left ;
    width:245px;
    height:66px;  
    margin:10px;   
    
}

 DIV.scanpur
{
    clear:left ;
    width:223px;
    height:60px; 
    margin:10px;  
    }
    
    DIV.flags
{     
   /*background-image:url(../pics/front.jpg); 
      background-repeat: no-repeat; */
      background-position: center center; 
      /*background-attachment: fixed;
      width: 500px;
      height: 500px;*/
    }
    
    DIV.flags1
{     
      /*position:fixed; */  
      width: 38px;
      height: 38px;
    }
    
    DIV.priser
    {
        float:left;
        padding-left: 26px;
        padding-top:10px;
        padding-right: 28px;
        }
        
        DIV.priser2
    {
        /*float:left;
        padding-left: 28px;
        padding-top:10px;*/
        padding-right: 120px;
        }
        
        div.karta1
        {
            height: 387px;
            width: 302px;
            float:left;
            padding-left: 25px;
            padding-top:20px;
            padding-bottom: 20px;
            padding-right: 30px;            
            }
            
            div.karta2
        {
            height: 387px;
            width: 295px;
            float:left;
            padding-left: 30px;
            padding-right: 10px; 
            padding-top:20px;
            padding-bottom: 20px;           
            }
            
            
                   div.koe
           {
    float: none;
    width: 200px; 
    background: #ffffff; 
    height: 100%;
    border: 1px solid #A0C6E0;    
    padding: 10px 0px 0px 20px;
    
}
div.koe2
           {
    float: left;
    
    border: 1px solid #A0C6E0;    
    padding: 10px 0px 0px 20px;
    
}

DIV.price2
 {
    float:left;   
 /*border: 1px solid #A0C6E0;*//*pois
    width: 280px;
    height: 100%;*/
    } 


	
	ul.list_kntk {
    list-style-type:none;    
    /*color:#00446A;*/
    /*font-weight:bold;*/
    padding-left: 26px;
    padding-right:26px;
    padding-bottom: 10px; 
    padding-top:10px;
    line-height: 1.5;
 /* border: 1px solid #A0C6E0;pois*/
    }