html,body {
margin: 0;
padding: 0;
} 

body {
margin: 0 auto;
padding-left: 0;
font: 85% Verdana,Tahoma,Arial,sans-serif;
background: #b1c8d6;
filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#eeeee0', startColorstr='#b1c8d6', gradientType='0'); 
border: 0px double #f44;
}

 

#wrap {
position: relative;
background: #F4F8F4;
margin: 0 auto; 
width: 780px;
 
}


  
#header {
position: relative;
padding: 0px;
margin-top: 0px;
width: 780px;

height: 105px; 
background: #b1c8d6;
 
 
}

#img_logo {
position: absolute;
width: 142px; 
padding: 5px; 
}

 
#header_bg {
float: right;
background: url("cal_pic/head_top1.PNG")  top left no-repeat;   
                  
width: 634px;
/* height: 200px; */
 
padding: 0px;
}
 

#transbox {
padding-top: 2px;
width: 264px;
height: 103px;
background: url("pic_hoved/water2.gif")  repeat; 
background-color: #ffffff;
   
  /* for IE */
  filter:alpha(opacity=27);
  /* CSS3 standard */
  opacity:0.6;
  /* for Mozilla */
  -moz-opacity:0.2;
}


#transbox h3
{
clear: both;
}
 
 
 
 
 
   
 
 

#avmenu {
/* position: absolute; */ 
/* float: left; */
height: 25px;
background: #F4F8F4;
margin: 5px 0px 0 0px; */
 
}

#avmenu table {	
width: 750px;
margin-left: 13px;
padding: 0px;
font-size: 1.1em;
 }	

#avmenu th {
margin: 0px;
}

#avmenu th a {
font: 80% Verdana,Tahoma,Arial,sans-serif;
/* height: 15px; */
text-decoration: none;
color: #0088ff;
display: block;
padding: 2px 0 2px 0px; 
background: #ffffdd;
border-left: 4px solid #707070;
}	
	
#avmenu th a:hover {
background: #eaeaea;
color: #22ccee;
border-left: 4px solid #9BCD9B;
}

 
            /** SLUTT PÅ MENU OG HEADER *****/


           /** container felles for alle sider **/

#container_side1 {
position: relative;
font: 90% Verdana, Tahoma, Arial, sans-serif;
width: 100%;
height: 1620px;

margin: 0px;
 
line-height: 1.6em;
background: #F4F8F4; 

}


#container_side2 {
position: relative;
font: 90% Verdana, Tahoma, Arial, sans-serif;
width: 100%;
 height: 2020px;

margin: 0px;
 
line-height: 1.6em;
background: #F4F8F4; 

}


#container_side3 {
position: relative;
font: 90% Verdana, Tahoma, Arial, sans-serif;
width: 100%;
 height: 1080px;

margin: 0px;
 
line-height: 1.6em;
background: #F4F8F4; 

}

#container_side4 {
position: relative;
font: 90% Verdana, Tahoma, Arial, sans-serif;
width: 100%;
 height: 2000px;

margin: 0px;
 
line-height: 1.6em;
background: #F4F8F4; 

}

#container_side5 {
position: relative;
font: 90% Verdana, Tahoma, Arial, sans-serif;
width: 100%;
 height: 790px;

margin: 0px;
 
line-height: 1.6em;
background: #F4F8F4; 

}





 

/*******  begin:------>  SIDE 5 Garantie.html ******/
h2.h5_1 {
font-size: 1.5em;
margin: 25px 0px 0px 20px;
color: #707070;
}

h2.h5_2 {
color: #0088ff;
font-size: 1.2em;
margin: 0px 0 0 25px;
float: left;
width: 150px;
}

 

h2.h5_3 {
color: #0088ff;
font-size: 1.2em;
margin: 20px 0 0 25px;
float: left;
width: 150px;
}

 

p.p5_1 {
margin: 20px 10px 0 210px;
}





















.............. 

h2.h5_1a {
font-size: 1.5em;
margin: 25px 25px -25px 20px;
}

h2.h5_2a {
color: #0088ff;
font-size: 1.2em;
margin: 25px 0px -25px 20px;
}

 

p.p5_1a {
clear: right;
position: relative;
margin-top: 0px;
padding: 5px 10px 0 190px;
}

p.p5_2a {
clear: right;
position: relative;
margin-top: -65px;
padding: 5px 10px 0 190px;
}




/*******  begin:------>  SIDE 4 ecomonie and advange.html ******/

h2.h4_1 {
font-size: 1.5em;
margin: 25px 0px 0px 20px;
color: #707070;
}

h2.h4_2 {
color: #0088ff;
font-size: 1.2em;
margin: 0px 0 0 25px;
float: left;
width: 150px;
}

 

h2.h4_3 {
color: #0088ff;
font-size: 1.2em;
margin: 20px 0 0 25px;
float: left;
width: 145px;
}

 

p.p4_1 {
margin: 20px 10px 0 215px;
}



#list4
{
margin: 10px 0 20px 80px;
}



#list4 ul
{
width: 550px;
list-style: none;
} 

#list4 li
{ 
background: #eeeee0; 
padding-left: 8px;
margin: 5px;
}

#list4 li a
{
padding: 2px;
display: block;
font-size: 1.3em;
font-weight: blod;
border: 0px solid;
}


/*******  begin:------>  SIDE 3 technique.html ******/
h2.h3_1 {
font-size: 1.5em;
margin: 25px 25px -25px 20px;
color: #707070;
}

p.p3_1 {
clear: right;
position: relative;
margin-top: 0px;
padding: 30px 10px 0 50px;
}

 





 /*******  begin:------>  SIDE 2 eau_calcaire.html ******/ 

h2.h2_1 {
font-size: 1.5em;
margin: 25px 0 -25px 20px;
}

p.p2_1 {
clear: right;
position: relative;
margin-top: 0px;
padding: 30px 10px 0 50px;
}


p.p2_border
{
clear: right;
position: relative;
margin: 0 0 0 50px;
padding: 5px;
border-left: 5px outset #b1c8d6
}





         /*******  begin:------>  SIDE 1 Home.html ******/ 

 

 #midbox {
/* clear: both; */ 
 
 
/* position: relative; /* IE6 needs this to display the div */
padding: 0;
margin: 0 ;
width: 100%;   
border: 0px solid #888;
background-color: #ffffdd; 
color: #000;
text-align: left;
}



/** Xa_b a:page, b: p/a/h/img 1 2 3...**/

h2.h1_1 {
font-size: 1.5em;
margin: 20px 0 0 30px;
color: #707070;
}

h2.h1_2 {
font-size: 1.5em;
margin: 10px 0 0px 180px;
color: #707070;
}

#list1
{


margin: 30px 0px 20px 90px; 
width: 600px;
  

padding: 0;
font-size: 1.4em;
font-weight: blod; 
border: 0px solid red;
background1: #96c8a2; 
}

#list1 ul
{
 
margin: 0px 0px 0px 15px; 
border: 0px double #000;
padding: 0px;
/* background: #ff5; */
 
list-style: none;  
} 

#list1 li
{ 

/* background: #96c8a2; */
background: #9BCD9B;
margin: 3px;
padding: 2px;


}

#list1 li a
{
padding-left: 10px;
/* display: block; */

border: 0px solid;
color: #000; 
}


p.p1_1 {
clear: right;
position: relative;
margin-top: 10px;
padding: 5px 10px 5px 150px;
 
}

p.p1_2 {
clear: right;
position: relative;
padding: 0 5px 10px 25px;
}

p.p1_2a
{
clear: right;
position: relative;
padding: 0 5px 5px 10px;
border-left: 5px solid #b1c8d6; 
margin-left: 30px; 
}



#img1_1 
{
background: url("cal_pic/kalk_filter1.PNG") #ffffff no-repeat; 

float: right; 
width: 400px;
height: 150px;
margin: 20px 130px 0 0;
 
 
}

#img1_2
{
background: url("cal_pic/kalk_pic1.PNG") #ffffff no-repeat; 
 
float: left; 
width:  125px;
height: 550px;
/* display:inline; */
 
margin: 20px 0 0 5px;

}



img.img1_3
{
display:inline;
border: 1px solid #c0c0c0;
margin: 10px 0 20px 180px;
}