html,body {
margin: 0;
padding: 0;
border: 0;
 
border: 0px dashed #000;
} 


body {
margin: 0 auto;
padding: 0px;
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: #ffffff;
margin: 0 auto;
width: 780px;
border: 0px solid #ff6;
}


  
#header {
position: relative; 
padding: 4px;
margin: 0px;
width: 780px;
height: 137px;
background: #b1c8d6;
border-bottom: 0px inset #b1c8d6;
border-top: 5px solid #b1c8d6;

}

 

#img_logo {
position: absolute;     
width: 142px;
padding: 3px;
display: inline;
margin-top: 21px; 
border: 0px solid #b1c8d6;

}

 
#header_bg {
/*
osition: absolute;
*/
float: right;
background: url("pic_hoved2/top_2.PNG")  top left no-repeat;          
width: 780px; 

border: 0px solid red;
}

 

#transbox {
position: relative; 
 
margin: 0px 0 0px 140px;  
width: 640px;
height: 135px;
background: url("pic_hoved2/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;
}

h3.t1
{
position: relative;

width: 200px;
margin: 56px 0 0px 10px;
padding: 0;
float: left; 
color: #ffffff;
}

  

p.p_head
{
position: relative;
margin: 0px 0 0px 55px;
padding: 0px 0 px 0;
font-style: italic;
font-size: 1.5em;
line-height: 1.4em;
color: #f3f3f3;  
}



 
    /** SLUTT P? MENU OG HEADER *****/

 

#container {
background: #f4f4f4; 
font: 90% Verdana, Tahoma, Arial, sans-serif;
width: 100%;
height: 1962px; 
margin: 0px;
padding-top: 0px;
line-height: 1.7em;
border: 4px solid #0eeee0;
}




#right_box {
position: absolute;
width: 560px;  
height: 200px;
margin: 0px 0 0px 0px;

border: 0px dashed red;
}

#left_box {
float: right;
width: 200px; 
margin: 0px 0 0px 0px;

border: 0px dashed #07f7f7;
}


#vi_box {
position: absolute;
background: #f1f1f1;
width: 565px;
height: 180px;  
margin: 10px 0 0px 5px;
padding-bottom: 3px;  
border-top: 1px solid #b4ceff;
border-bottom: 1px solid #b4ceff;
}
 
p.p_box
{
width: 540px;    
color: #808080;
margin: 5px;
padding: 15px 0 0 8px;
border-bottom: 0px solid #909090;
}

img.vi_img1
{
position: relative;
display: inline;
margin-top: 10px; 
padding: 0px;
}

/************************ CW ***********************/

#cw_box {
position: absolute; 
background:  url(pic_hoved2/1_nor_a.PNG)   top left no-repeat;  
width: 700px;
height: 400px;  
padding: 0px;
margin: 230px 0 0 40px;
color: #000;
voice-family: "\"}\"";
voice-family:inherit;
border: 0px dashed #000000;
}
  
  
h2.h_cw_a 
{

margin: 10px 0 0px 85px; 
padding: 10px 0px 0px 0px;
font-family: Arabic Transparent, Verdana, Arial, sans-serif; 
font-size: 2.0em;
color: #4DAEE1;
}

p.p_cw_a
{
position: relative; 
padding: 10px;
margin: 10px 15px 0px 0px; 
font-family: Arabic Transparent, Verdana, Arial, sans-serif; 
font-size: 1.7em;
width: 430px;
color: #090909;
text-align: right;
border: 0px dashed #000;
}
 


h2.h_cw_f 
{
margin: 10px 0 0px 45px; 
padding: 10px 0px 0px 0px;
font-family:  Verdana, Arial, sans-serif; 
font-size: 1.5em;
color: #4DAEE1; 
}

p.p_cw_f
{
padding: 10px;
margin: 3px 5px 0px 0px; 
font-family:  Verdana, Arial, sans-serif; 
font-size: 1.2em;
width: 450px;
color: #050505;
border: 0px solid #000;

}
 

img.img1_cw
{
float: right;
display: inline;

margin: 0 10px; 
padding: 0px;
border: 0px solid #000;
}   


/********************** Spring ********************/
  
  
  
#spring_box {
 
position: absolute; 
background:  url(pic_hoved2/2_nor_a.PNG)      top left no-repeat;  
width: 700px;
height: 400px;  
padding: 0px;
margin: 630px 0 0 40px;
color: #000;
border: 0px dashed #000000;
}
  
  
h2.h_spring_a 
{
margin: 0px 0 0px 65px; 
padding: 10px 0px 0px 0px;
font-family: Arabic Transparent, Verdana, Arial, sans-serif; 
font-size: 2.0em;
color: #4DAEE1;
}

p.p_spring_a
{
position: relative; 
padding: 5px 5px 0 0;
margin: 10px 5px 0px 0px; 

width: 425px;

font-family: Arabic Transparent, Verdana, Arial, sans-serif; 
font-size: 1.7em;

color: #090909;
border: 0px dashed #000000;
 
}
 


h2.h_spring_f 
{
margin: 70px 0 0px 55px; 
padding: 10px 0px 0px 0px;
font-family: Verdana, Arial, sans-serif; 
font-size: 1.5em;
color: #4DAEE1;


}

p.p_spring_f
{
 
padding: 10px 10px 0 0;
margin: 0px 175px 0px 5px; 
font-family: Verdana, Arial, sans-serif; 
font-size: 1.2em;
width: 450px;

color: #050505;
border: 0px solid red;
}
 

img.img1_spring
{
float: right;
display: inline;
border: 0px solid #000;
margin: 100px 0 0 30px; 
padding: 0px;
border: 0px dashed red;
}   

/****************  unique filter ****************/


  
#unique_box {
 
position: absolute; 
background:  url(pic_hoved2/4_nor_a.PNG)      top left no-repeat;  
width: 730px;
height: 400px;  
padding: 0px;
margin: 1030px 0 0 40px;
color: #000;
border: 0px dashed #000000;
}
  
 
h2.h_unique_a 
{
margin: 0px 0 0px 145px; 
padding: 5px 0px 0px 0px;
font-family: Arabic Transparent, Verdana, Arial, sans-serif; 
font-size: 1.9em;
color: #4DAEE1;
}

p.p_unique_a
{
padding: 5px;
margin: 10px 30px 0px 0px; 

width: 450px;
font-family: Arabic Transparent, Verdana, Arial, sans-serif; 
font-size: 1.7em;

color: #050505;

border: 0px solid #000000;

}
 


h2.h_unique_f 
{
margin: 0px 0px 0px 125px; 
padding: 2px 0px 0px 0px;
font-family: Verdana, Arial, sans-serif; 
font-size: 1.5em;
color: #4DAEE1;
}

p.p_unique_f
{
 
padding: 10px;
margin: 34px 210px 0px 10px; 
width: 440px;
font-family: Verdana, Arial, sans-serif; 
font-size: 1.2em;
color: #050505;
}
 

img.img1_unique
{
float: right;
display: inline;
margin: 50px 0px 0 0px; 
padding: 0px;
border: 0px solid red;
}   
 


/****************  shower filter ****************/


  
#shower_box {
 
position: absolute; 
background:  url(pic_hoved2/3_nor_a.PNG)      top left no-repeat;  
width: 700px;
height: 400px;  
padding: 0px;
margin:  1430px  0 0 40px;
color: #000;

border: 0px dashed #000000;
}
  
  
h2.h_shower_a 
{
margin: 0px 0 0px 105px; 
padding: 10px 0px 0px 0px;
font-family: Arabic Transparent, Verdana, Arial, sans-serif; 
font-size: 1.9em;
color: #4DAEE1;
}

p.p_shower_a
{
padding: 10px 10px 0 0;
margin: 10px 10px 0px 0px; 
width: 440px;
font-family: Arabic Transparent, Verdana, Arial, sans-serif; 
font-size: 1.7em;

color: #050505;

border: 0px dashed #000000;
}
 


h2.h_shower_f 
{
margin: 70px 0px 0px 85px; 
padding: 10px 0px 0px 0px;
font-family: Verdana, Arial, sans-serif; 
font-size: 1.5em;
color: #4DAEE1;
}

p.p_shower_f
{
 
padding: 10px 10px 0 0;
margin: 10px 210px 0px 10px; 
font-family:  Verdana, Arial, sans-serif; 
font-size: 1.2em;

color: #050505;
border: 0px dashed #000000;
}
 

img.img1_shower
{
float: right;
display: inline;
border: 0px solid #000;
margin: 40px 0 0 10px; 
padding: 0px;
border: 0px dashed #000000;
}   
 





/****************  vivatap ****************/


  
#viva_box {
 
position: absolute; 
background:  url(pic_hoved/5_nor_a.PNG)      top left no-repeat;  
width: 700px;
height: 400px;  
padding: 0px;
margin: 1830px 0 0 40px;
color: #000;
voice-family: "\"}\"";
voice-family:inherit;
border: 1px dashed #000000;
}
  
  
h2.h_viva_a 
{
margin: 0px 0 0px 65px; 
padding: 10px 0px 0px 0px;
font-family: Arabic Transparent, Verdana, Arial, sans-serif; 
font-size: 1.9em;
color: #080808;
}

p.p_viva_a
{
padding: 10px 10px 0 0;
margin: 10px 5px 0px 0px; 
font-family: Arabic Transparent, Verdana, Arial, sans-serif; 
font-size: 1.4em;
/* color: #ddeedd; */
color: #090909;
text-align: right;
}
 


h2.h_viva_f 
{
margin: 0px 0 0px 65px; 
padding: 10px 0px 0px 0px;
font-family: Arabic Transparent, Verdana, Arial, sans-serif; 
font-size: 1.9em;
color: #060606;
}

p.p_viva_f
{
 
padding: 10px 10px 0 0;
margin: 10px 5px 0px 0px; 
font-family: Arabic Transparent, Verdana, Arial, sans-serif; 
font-size: 1.4em;
/* color: #ddeedd; */
color: #050505;
}
 

img.img1_viva
{
float: right;
display: inline;
border: 0px solid #000;
margin: 0 10px; 
padding: 0px;
}   
 

/******************** bunn box *****************/

  
#bunn_box {
 
position: absolute; 
background:  url(pic_hoved/4_nor_bunn11.PNG)  #06aabb   top left no-repeat;  
width: 780px;
height: 25px;  
padding: 0px;
margin: 1830px 0 0 0px;
color: #000;
voice-family: "\"}\"";
voice-family:inherit;
border: 0px dashed #000000;
}
  
  
h2.h_bunn 
{
margin: 0px 0 0px 65px; 
padding: 10px 0px 0px 0px;
font-family:  Verdana, Arial, sans-serif; 
font-size: 1.9em;
color: #080808;
}

p.p_bunn
{
padding: 10px 10px 0 0;
margin: 10px 5px 0px 0px; 
font-family:  Verdana, Arial, sans-serif; 
font-size: 1.4em;
/* color: #ddeedd; */
color: #090909;
text-align: right;
}