﻿
/* -------------------------------------------------------
  FORMATERING OG PLASSERING AV ELEMENTER
---------------------------------------------------------- */


body 
{
    background-color: #fffffe;
    margin: 0px;
    text-align: center;
    font-family: arial;
}

.toppbilde
{
    width: 990px;
    padding-top: 30px;
    height: 145px;
    margin: 0px auto;
    text-align: left;    
    background-image: url(http://dev02.imbera.no/hfs/images/heading.png);
    background-repeat:no-repeat;
    background-position: left;
    
 }   
    
.innhold
{
    width: 990px;
    background-color: #ffffff;
    margin: 0px auto;
    text-align: center;
    display:table;
    padding-top:5px;
    vertical-align:top;
}
.innholdrow
{
   display:table-row; 
    
}

.innholdmeny
{
    width: 990px;
    margin: 0px auto;
    padding-right:5px;
    text-align: left;
    display:table-row;
    vertical-align:top;
    
}
.innholdmain
{
    width: 650px;
    margin: 0px auto;
    padding-left:5px;
    padding-right:5px;
    text-align: center;
    display:table-cell;
    
    vertical-align:top;
       
    
}

.innholdfront
{
    width: 400px;
    margin: 0px auto;
    padding-left:5px;
    padding-right:5px;
    text-align: center;
    display:table-cell;
    border-right-color:#eaeae9;
    border-right-width:1px;
    border-right-style:solid;
    vertical-align:top;   
    padding-top: 5px; 
    
}

.innholdrad
{
    width: 990px;
    margin: 0px auto;
    padding-left:5px;
    padding-right:5px;
    text-align: center;
    display:table-cell;
    vertical-align:top;   
    padding-top: 5px; 
    
}
.innholdrad2
{
    width: 150px;
    margin: 0px auto;
    padding-left:5px;
    text-align: center;
    display:table-cell;
    vertical-align:top;  
    padding-top: 5px;   
}
.skillestrek
{
     border-left: dotted 1px #8fbac1;
     padding-right: 5px;
}
td
{
    text-align: left;
}
.topplinje
{
  background-color: #1a7e8d;
  height: 40px;   
}


/* -------------------------------------------------------
  FORMATERING AV TEKSTTYPER
---------------------------------------------------------- */

a
{
    text-decoration:underline;
    text-transform:lowercase;
    color:#39426f;
    text-align:left;
    font-family:arial;
    font-size:11px;   
}

h1
{
    font-family:arial;
    color:black;
    font-size:24px;
    margin:0px;
    font-weight: bold;
}

h2
{
    font-family:arial;
    color:black;
    font-size:18px;
    margin:0px;
    font-weight: normal;
}
.accordionContent
{
    scrollbar-base-color: #ede7e2; 
    scrollbar-face-color: white; 
    scrollbar-highlight-color: #ede7e2; 
    scrollbar-3dlight-color: #ede7e2; 
    scrollbar-shadow-color: #ede7e2; 
    scrollbar-darkshadow-color: #ede7e2; 
    scrollbar-track-color: #ede7e2; 
    scrollbar-arrow-color: #774306;
}
.accordionHeader
{
    font-size: 13px;
    color: #774306;
    text-transform: uppercase;
    text-decoration: none;   
    border-top: solid 1px #774306;
    border-bottom: solid 1px #774306;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: left;
    padding-left: 5px;
}
.accordionHeaderSelected
{
    font-size: 13px;
    color: #774306;
    text-transform: uppercase;
    text-decoration: none;   
    background-color: #ede7e2;
    border-top: solid 1px #774306;
    border-bottom: solid 1px #774306;
    padding-top: 1px;
    padding-bottom: 1px;
    text-align: left;
    padding-left: 5px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.accordionLink
{
    font-size: 13px;
    color: #774306;
    text-transform: uppercase;
    text-decoration: none;
  
}
.h2infoboks
{
    font-family:arial;
    color:white;
    font-size:22px;
    margin:0px;
    font-weight: normal;
    line-height: 22px;
    text-transform: none;
}

.h3infoboksblue
{
    font-family:arial;
    color:#008cb9;
    font-size:18px;
    margin:0px;
    text-align:left;
}

h3
{
    font-family:arial;
    color:black;
    font-size:15px;
    margin:0px;
    font-weight: normal;
}

.h3topp
{
    font-family:arial;
    font-size:14px;
    color:white;
    text-align:right;    
    margin:0px;
}
.bunnmeny
{
    color: #178089;
    font-size: 14px;
    text-decoration: none;
    text-transform: none;
}
.bunnmeny-tekst
{
    color: #178089;
    font-size: 12px;
    text-decoration: none;
    text-transform: none;
    font-weight: bold;
    text-align: right;
}
.forsideboks
{
    text-align: left;
}
.forsideboks-tittel
{
    text-align: left;
    font-size: 20px;
    color: #000000;
    text-transform: none;
    text-decoration: none;
}
a.forsideboks-tittel:hover
{
    text-align: left;
    font-size: 20px;
    color: #178089;
    text-transform: none;
    text-decoration: none;
}

.forsideboks-tekst
{
    text-align: left;
    font-size: 13px;
    color: #87b5bd;
    text-decoration:none;
    text-transform: none;
}

.liten
{
    text-decoration:none;
    padding-top:5px;
    color: #ffffff;
    padding-right:5px;
    padding-bottom:5px;
    text-align:center;
    font-family:arial;
    font-size:11px;
    
}
.normal
{
    
    text-decoration:none;
    padding-top:2px;
   color: #ffffff;
    padding-right:5px;
    padding-bottom:5px;
    text-align:center;
    font-family:arial;
    font-size:14px;
      
}
.stor
{
   
    text-decoration:none;
    padding-top:1px;    
    color: #ffffff;
    padding-right:5px;
    padding-bottom:5px;
    text-align:center;
    font-family:arial;
    font-size:16px;
     
}
.meny
{
    text-decoration:none;
    color:#000000;
    text-align:left;
    font-family:arial;
    font-size:16px;
    text-transform:none;
    padding-left: 3px;
    padding-right: 3px;
    font-weight: bold;

}
.meny:hover
{
    text-decoration:none;
    text-transform:none;
    color:#ffffff;
    background-color: #000000;
    text-align:left;
    font-family:arial;
    font-size:16px;
    padding-bottom:3px;
    padding-top:3px;
    padding-left: 3px;
    padding-right: 3px;
}
.menyunder
{
    text-decoration:none;
    text-transform:none;
    color:#484545;
    text-align:left;
    font-family:arial;
    font-size:11px;
    padding-top:4px;
    padding-left:4px;

}
.menycelle
{
    text-decoration:none;
    text-transform:none;
    color:#484545;
    text-align:left;
    font-family:arial;
    font-size:11px;
    padding-bottom:3px;
    padding-top:3px;
}
.menycelle:hover
{
    text-decoration:none;
    text-transform:none;
    color:#484545;
    background-color: #efefef;
    text-align:left;
    font-family:arial;
    font-size:11px;
    padding-bottom:3px;
    padding-top:3px;
}
.bunntekst
{
    text-decoration:none;
    text-transform:lowercase;
    color:#484545;
    text-align:left;
    font-family:arial;
    font-size:12px;
    padding-bottom:3px;
    padding-top:3px;
    display:table-cell; 
}
.display
{
    display:table-cell;
    }

.sitemap
{
    text-decoration:underline;
    text-transform:lowercase;
    color:#39426f;
    text-align:left;
    font-family:arial;
    font-size:14px;   
}

.imbera
{
    text-decoration:none;
    text-transform:lowercase;
    color:#00575a;
    text-align:left;
    font-family:arial;
    font-size:11px;
    padding-bottom:3px;
    padding-top:3px;    
}
.linksti
{
    
    font-size: 10px;
    color: #178089;
    background-color: #dddddd;
    width: 100%;
    height: 20px;
    vertical-align: middle;
    padding-top: 5px;
}
.linksti1
{
    font-size: 11px;
    color: #178089;
    text-transform: uppercase;
    text-decoration: none;
    
   }
   .pdftext
{
    font-size:12px;
    color: #000000;
    text-align: left;
    text-decoration: none;
    text-transform: none;
}
.sidemeny
{
    font-size: 14px;
    color: Black;
    text-decoration: none;
    text-transform: none;
}
.sidemeny_valgt
{
    font-size: 14px;
    color: white;
    text-decoration: none;
    text-transform: none;
    background-color: #178089;
    padding-right: 3px;
}
.sidemeny-tittel
{
    color: #178089;
    font-size: 18px;
    text-decoration: none;
    text-transform: none;
}
.slogan
{
    font-family:arial;
    font-size:24px;
    color: #ffffff;
    font-style: italic;
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
   
}
.slogan-bakgrunn
{
     background-color: #178089;
}
.slogan-forside
{
    font-family:arial;
    font-size:25px;
    color: #87b5bd;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 10px;
    text-transform: uppercase;
    font-weight: normal;
}
.slogan-forside-liten
{
    font-family:arial;
    font-size:17px;
    color: #ffffff;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 10px;
    padding-left: 25px;
}
.slogan-forside-stor
{
    font-family:arial;
    font-size:36px;
    color: #ffffff;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 45px;
    padding-right: 10px;

}
.snarvei
{
    background-color: Black;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    font-size: 12px;
    color: White;
    text-decoration: none;
    text-transform:  lowercase;
}
.text
{
    font-size:14px;
    color: #000000;
    text-align: left;
}
.slogan-text
{
    font-family:arial;
    font-size:16px;
    color: #357697;
    font-style: italic;
    text-align: left;
}
.tekst-ingress
{
    font-size:14px;
    color: #484545;
    text-align: left;
}
.link
{
    color: White;
    text-decoration: none;
    font-weight: normal;
    text-transform: none;
}

/*Mouseover på forsiden*/


/*one combained */

