*
{
   margin: 0;
   padding: 0;
   border: 0;
}

body, html
{
   height: 100%;
   background: #eee;
   font-family: tahoma, verdana, arial, sans-serif,"lucida sans unicode";
   font-size: 13px;
   text-align: center;
   color: #333;
}



/* front
==============================*/


div#allwrap
{
   width: 790px;
   margin: 0 auto;
   padding: 10px 0 10px 0;
   background: #ee6b9f;
}

div#wrap
{
   width: 780px;
   height: 535px;
   margin: 0 auto;
   padding: 10px 0 10px 0;
   background: #fff;
}

div#bilde-front
{
   width: 750px;
   height: 485px;
   margin: 0 15px 0 15px;
   overflow: hidden;
   background:  url(../gfx/bilde-front.jpg);
}

div#menyfront
{
    width: 750px;
    height: 50px;
    margin: 0 15px 0 15px;
    background: #e8e8e5;
    clear: both;
    overflow: hidden;
}




/* meny front
==============================*/



#mf
{
    display: block;
    margin: 0;
}

#mf li
{
    display: inline;
    list-style-type: none;
}

#mf a
{
    height: 50px;
    display: block;
    float: left;
    text-decoration: none;
}

#mf a span
{
    visibility: hidden;
    height: 0;
}


#mf-fakta
{
    width: 150px;
    background: url(../gfx/mf-fakta.gif);
}

#mf-fakta:hover
{
    background-position: -150px 0;
}

#mf-alternativer
{
    width: 140px;
    background: url(../gfx/mf-alternativer.gif);
}

#mf-alternativer:hover
{
    background-position: -140px 0;
}

#mf-forbruker
{
    width: 150px;
    background: url(../gfx/mf-forbruker.gif);
}

#mf-forbruker:hover
{
    background-position: -150px 0;
}

#mf-produkttips
{
    width: 110px;
    background: url(../gfx/mf-produkttips.gif);
}

#mf-produkttips:hover
{
    background-position: -110px 0;
}

#mf-om
{
    width: 150px;
    background: url(../gfx/mf-om.gif);
}

#mf-om:hover
{
    background-position: -150px 0;
}

#mf-faq
{
    width: 50px;
    background: url(../gfx/mf-faq.gif);
}

#mf-faq:hover
{
    background-position: -50px 0;
}




/* meny undersider
==============================*/


#navigasjon h2
{
    background: #e8e8e5 url(../gfx/bg-navigasjon.gif) no-repeat top left;
}

#navigasjon h2 span
{
    visibility: hidden;
}

#navigasjon ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#navigasjon ul li
{
    margin: 0;
    padding: 0;
}

#navigasjon ul li a
{
    display: block;
    padding: 10px;
    margin: 0;
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

#navigasjon ul li a:hover, #navigasjon ul li a:focus
{
    color: #fff;
    background-color: #aba2a2;
}

li.aktiv
{
    color: #fff;
    background-color: #aba2a2;
}



/* div undersider
==============================*/


div#allwrap-undersider
{
   width: 790px;
   margin: 0 auto;
   text-align: center;
}

div#extrawrap
{
    width: 790px;
    margin: 0 auto;
    float: left;
    padding: 10px 0 10px 0;
    background: #EE6B9F;
    text-align: center;
}

div#wrap-undersider
{
   width: 780px;
   min-height: 550px;
   height: auto !important;
   height: 100%;
   float: left;
   margin: 0 5px 0 5px;
   background: #fff;
   text-align: center;
}

div#wrap-innhold
{
    width: 750px;
    margin: 0 auto;
    background:  url(../gfx/bg-wrap-innhold.gif) top left repeat-y;
}

div#venstre
{
    width: 210px;
    height: 100%;
    min-height: auto !important;
    height: 100%;
    float: left;
    text-align: center;
    background: #e8e8e5;
}

div#navigasjon
{
    width: 210px;
    float: left;
    margin: 0 auto;
    text-align: left;
    padding-top: 10px;
    background: #e8e8e5;
}

div#innhold-undersider
{
    width: 525px;
    float: right;
    padding-bottom: 50px;
}

ul.standardliste
{
    margin: 0 30px 20px 30px;
    list-style: square;
    border-top: 3px solid #eee;
    border-bottom: 3px solid #eee;
    font-family: tahoma, verdana, arial, sans-serif,"lucida sans unicode";
    font-size: 13px;
    color: #333;
    clear: both;
}

li.standardliste-element
{
    margin: 0;
    padding: 5px 0 5px 0;
    text-align: justify;
    font-family: tahoma, verdana, arial, sans-serif,"lucida sans unicode";
    font-size: 13px;
}

div#innhold-undersider sup
{
    color: #936785;
    font-weight: bold;
}

div#fotnoter
{
    width: 100%;
    border-top: 1px solid #333;
    padding-top: 5px;
    margin-top: 50px;
    clear: both;
}

div#wrap-sign
{
    width: 750px;
    clear: both;
    margin: 10px auto;
    padding: 10px;
    background: #fee9f0;
}

div#produkttips-dame
{
	width: 525px;
	height: 555px;
	background: url(../gfx/produkttips-dame.jpg) no-repeat top left;
	margin-bottom: 60px;
}

h4#produkttips
{
    color: #333;
    margin-bottom: 15px;
    padding-bottom: 2px;
    text-align: left;
    border-bottom: 2px solid #eee;
}

div#produkttips-mann
{
	width: 525px;
	height: 555px;
	background: url(../gfx/produkttips-mann.jpg) no-repeat top right;
}

ul.produkttips-dame
{
    list-style: none;
	border: none;
    color: #333;
    float: right;
}

ul.produkttips-mann
{
    list-style: none;
	border: none;
    color: #333;
    float: left;
}

li.produkttips-element-haar
{
    margin-bottom: 30px;
    padding: 30px 5px 5px 5px;
    width: 310px;
    text-align: left;
    background: #fee9f0 url(../gfx/bg-produkttips-haar.gif) no-repeat top;
}

li.produkttips-element-ansikt
{
    margin-bottom: 30px;
    padding: 30px 5px 5px 5px;
    width: 310px;
    text-align: left;
    background: #fee9f0 url(../gfx/bg-produkttips-ansikt.gif) no-repeat top;
}

li.produkttips-element-kropp
{
    margin-bottom: 30px;
    padding: 30px 5px 5px 5px;
    width: 310px;
    text-align: left;
    background: #fee9f0 url(../gfx/bg-produkttips-kropp.gif) no-repeat top;
}

li.produkttips-element-annet
{
    margin-top: 50px;
    padding: 30px 5px 5px 5px;
    width: 310px;
    text-align: left;
    background: #fee9f0 url(../gfx/bg-produkttips-annet.gif) no-repeat top;
}




/* faq
==============================*/


div#faq-wrap
{
    width: 600px;
    background: #fff;
    margin: 10px auto;
    text-align: center;
    padding: 0 10px 0 10px;
}

div#faq-alt-wrap
{
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

#faq-wrap sup
{
    color: #936785;
    font-weight: bold;
}

div#faq-nav
{
    width: 100%;
    margin: 0;
    padding: 10px 0 10px 0;
}

div#faq-sv
{
    width: 390px;
    float: right;
    margin: 10% 5% 0 0;
    text-align: justify;
}

div#faq-sv01, #faq-sv02, #faq-sv03, #faq-sv04, #faq-sv05, #faq-sv06, #faq-sv07, #faq-sv08, #faq-sv09, #faq-sv10, #faq-sv11, #faq-sv12, #faq-sv13, #faq-sv14
{
    width: 100%;
    height: 400px;
    float: left;
}

div#faq-sv01
{
    background: #fee9f0 url(../gfx/bg-faq01.jpg) bottom no-repeat;
}

div#faq-sv02
{
    background: #fee9f0 url(../gfx/bg-faq02.jpg) bottom no-repeat;
}

div#faq-sv03
{
    background: #fee9f0 url(../gfx/bg-faq03.jpg) bottom no-repeat;
}

div#faq-sv04
{
    background: #fee9f0 url(../gfx/bg-faq04.jpg) bottom no-repeat;
}

div#faq-sv05
{
    background: #fee9f0 url(../gfx/bg-faq05.jpg) bottom no-repeat;
}

div#faq-sv06
{
    background: #fee9f0 url(../gfx/bg-faq06.jpg) bottom no-repeat;
}

div#faq-sv07
{
    background: #fee9f0 url(../gfx/bg-faq07.jpg) bottom no-repeat;
}

div#faq-sv08
{
    background: #fee9f0 url(../gfx/bg-faq08.jpg) bottom no-repeat;
}

div#faq-sv09
{
    background: #fee9f0 url(../gfx/bg-faq09.jpg) bottom no-repeat;
}

div#faq-sv10
{
    background: #fee9f0 url(../gfx/bg-faq10.jpg) bottom no-repeat;
}

div#faq-sv11
{
    background: #fee9f0 url(../gfx/bg-faq11.jpg) bottom no-repeat;
}

div#faq-sv12
{
    background: #fee9f0 url(../gfx/bg-faq12.jpg) bottom no-repeat;
}

div#faq-sv13
{
    background: #fee9f0 url(../gfx/bg-faq13.jpg) bottom no-repeat;
}

div#faq-sv14
{
    background: #fee9f0 url(../gfx/bg-faq14.jpg) bottom no-repeat;
}

div#faq-fotnote
{
    width: 100%;
    padding: 10px 0 10px 0;
    color: #666;
    text-transform: uppercase;
    text-align: left;
    font-size: 10px;
    letter-spacing: 1px;
    border-top: 1px solid #e1e1e1;
    clear: both;
}

div#faq-lukk
{
    width: 100%;
    padding: 10px 0 10px 0;
    margin-bottom: 10px;
}



/* listene
==============================*/

div#liste-wrap
{
    width: 500px;
    background: #fff;
    margin: 10px auto;
    text-align: center;
    padding: 0 10px 0 10px;
}

ul.listene-r0d
{
    margin: 0 20px 10px 20px;
    padding: 10px 10px 20px 20px;
    list-style: none;
    border-top: 3px solid #eee;
    border-bottom: 3px solid #eee;
    color: #cc0000;
    text-align: left;
    clear: both;
}

ul.listene-r0d span
{
    color: #000;
    padding-left: 2px;
}

ul.listene-r0d sup
{
    color: #000;
    padding-left: 3px;
}

ul.listene-oransje
{
    margin: 0 20px 10px 20px;
    padding: 10px 10px 20px 20px;
    list-style: none;
    border-top: 3px solid #eee;
    border-bottom: 3px solid #eee;
    color: #ff9900;
    text-align: left;
    clear: both;
}

ul.listene-oransje sup
{
    color: #000;
    padding-left: 2px;
}

ul.listene-oransje span
{
    color: #000;
    padding-left: 2px;
}

ul.listene-gr0nn
{
    margin: 0 20px 10px 20px;
    padding: 10px 10px 20px 20px;
    list-style: none;
    border-top: 3px solid #eee;
    border-bottom: 3px solid #eee;
    color: #009900;
    text-align: left;
    clear: both;
}

ul.listene-gr0nn sup
{
    color: #000;
    padding-left: 2px;
}

ul.listene-gr0nn span
{
    color: #000;
    padding-left: 2px;
}

div#listene-fotnote
{
    width: 450px;
    margin: 40px 0 10px 20px;
    padding: 10px 20px 10px 0;
    color: #666;
    text-transform: uppercase;
    text-align: left;
    font-size: 10px;
    letter-spacing: 1px;
    border-top: 1px solid #e1e1e1;
    clear: both;
}



/* øvrige div (klasser)
==============================*/


div.kontaktform-wrap
{
	width: 100%;
	margin: 15px 0 15px 0;
	float: left;
}

div.bilde-wrap
{
	width: 100%;
	margin-bottom: 15px;
	float: left;
}

div.bilde-v
{
    width: 160px;
    border: 1px solid #ABAAA2;
    float: left;
}

div.bilde-s
{
    width: 160px;
    border: 1px solid #ABAAA2;
    margin: 0 19px 0 20px;
    float: left;
}

div.bilde-h
{
    width: 160px;
    border: 1px solid #ABAAA2;
    float: right;
}

div.bilde-om
{
    border: 1px solid #ABAAA2;
    float: left;
    margin-top: 20px;
}


/* fonter
==============================*/


p.br0dtxt
{
   font-size: 12px;
   text-align: justify;
   line-height: 1.4em;
   margin-bottom: 20px;
   color: #333;
   font-family: tahoma, verdana, arial, sans-serif,"lucida sans unicode";
}

p.sitat
{
   font-size: 12px;
   text-align: justify;
   line-height: 1.4em;
   margin-bottom: 20px;
   color: #936785;
   font-family: tahoma, verdana, arial, sans-serif,"lucida sans unicode";
}


p.fotnote
{
    color: #666;
    text-transform: uppercase;
    text-align: left;
    font-size: 10px;
    letter-spacing: 1px;
}

p.fotnote sup
{
    padding-top: 2px;
}

p.faqnav, p.faqlukk
{
    text-transform: uppercase;
    text-align: right;
    font-size: 10px;
    letter-spacing: 1px;
}

p.nb
{
   font-size: 12px;
   text-align: justify;
   line-height: 1.4em;
   padding-left: 25px;
   margin: 40px 0 40px 0;
   color: #333;
   clear: both;
   font-family: tahoma, verdana, arial, sans-serif,"lucida sans unicode";
   background: url(../gfx/bg-nb.gif) top left no-repeat;
}

p.sign
{
    color: #ee6b9f;
    text-transform: uppercase;
    text-align: left;
    font-size: 10px;
    letter-spacing: 1px;
}



/* a
==============================*/


a
{
    text-decoration: underline;
    color: #b77588;
}

a:hover
{
    text-decoration: underline;
    color: #e492aa;
}

a.link-fotnoter
{
    text-decoration: underline;
    color: #333;
}

a.link-fotnoter:hover
{
    text-decoration: none;
    color: #000;
}

a.link-sign:hover
{
    color: #000;
}

a.link-sign
{
    text-decoration: underline;
}

a.r0d
{
    text-decoration: none;
    color: #cc0000;
}

a.r0d:hover
{
    color: #ff0000;
    text-decoration: underline;
}

a.oransje
{
    text-decoration: none;
    color: #ff9900;
}

a.oransje:hover
{
    color: #ffcc00;
    text-decoration: underline;
}

a.gr0nn
{
    text-decoration: none;
    color: #009900;
}

a.gr0nn:hover
{
    color: #00cc00;
    text-decoration: underline;
}

a.nav-listene-r0d
{
	padding: 5px;
	background: #cc0000;
	color: #fff;
	font-weight: bold;
}

a.nav-listene-oransje
{
	padding: 5px;
	background: #ff9900;
	color: #fff;
	font-weight: bold;
}

a.nav-listene-gr0nn
{
	padding: 5px;
	background: #02b902;
	color: #fff;
	font-weight: bold;
}

a.nav-listene-r0d:hover
{
	color: #fff;
	text-decoration: none;
}

a.nav-listene-oransje:hover
{
	color: #fff;
	text-decoration: none;
}

a.nav-listene-gr0nn:hover
{
	color: #fff;
	text-decoration: none;
}



/* h1, h2, h3, h4
==============================*/


h1
{
    font-size: 18px;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    color: #cc0066;
    font-family: tahoma, verdana, arial, sans-serif,"lucida sans unicode";
}

h2
{
    display: block;
    height: 30px;
    font-size: 17px;
    text-align: left;
    letter-spacing: 1px;
    font-weight: bold;
    color: #5a3b44;
    margin: 10px 0 30px 0;
    padding: 5px 0 5px 5px;
    background: #e8e8e5;
    font-family: tahoma, verdana, arial, sans-serif,"lucida sans unicode";
}

h3
{
    display: block;
    font-size: 17px;
    text-align: left;
    font-weight: bold;
    color: #5a3b44;
    margin: 20px 0 30px 0;
    padding: 5px 0 5px 5px;
    background: #e8e8e5;
    font-family: tahoma, verdana, arial, sans-serif,"lucida sans unicode";
}

h4
{
    font-size: 15px;
    text-align: left;
    font-weight: bold;
    color: #333;
    margin: 10px 0 10px 0;
    font-family: tahoma, verdana, arial, sans-serif,"lucida sans unicode";
}

h1.h1-tittelfront
{
    width: 340px;
    height: 63px;
    float: left;
    margin-top: 100px;
    background: url(../gfx/h1-tittelfront.gif) left no-repeat;
}

h1.h1-tittelfront span
{
    visibility: hidden;
    height: 0;
}

h1.h1-tittelundersider
{
    width: 750px;
    height: 180px;
    display: block;
    margin: 15px;
    overflow: hidden;
    cursor: pointer;
    cursor: hand;
    background:  url(../gfx/bilde-undersider.jpg);
}

h1.h1-tittelundersider span
{
    visibility: hidden;
    height: 0;
}

h4#faq-overskrift
{
    display: block;
    color: #fff;
    padding: 10px;
    background: #ee6b9f;
    text-align: left;
}

h4#listene-alt-r0d
{
    display: block;
    font-size: 15px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    margin: 20px 0 30px 0;
    padding: 2px 0 2px 5px;
    background: #cc0000;
    font-family: tahoma, verdana, arial, sans-serif,"lucida sans unicode";
}

h4#listene-alt-oransje
{
    display: block;
    font-size: 15px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    margin: 20px 0 30px 0;
    padding: 2px 0 2px 5px;
    background: #ff9900;
    font-family: tahoma, verdana, arial, sans-serif,"lucida sans unicode";
}

h4#listene-alt-gr0nn
{
    display: block;
    font-size: 15px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    margin: 20px 0 30px 0;
    padding: 2px 0 2px 5px;
    background: #02b902;
    font-family: tahoma, verdana, arial, sans-serif,"lucida sans unicode";
}

h3#listene-r0d
{
    display: block;
    font-size: 17px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    margin: 20px 0 30px 0;
    padding: 5px 0 5px 5px;
    background: #cc0000;
    font-family: tahoma, verdana, arial, sans-serif,"lucida sans unicode";
}

h3#listene-oransje
{
    display: block;
    font-size: 17px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    margin: 20px 0 30px 0;
    padding: 5px 0 5px 5px;
    background: #ff9900;
    font-family: tahoma, verdana, arial, sans-serif,"lucida sans unicode";
}

h3#listene-gr0nn
{
    display: block;
    font-size: 17px;
    text-align: left;
    font-weight: bold;
    color: #fff;
    margin: 20px 0 30px 0;
    padding: 5px 0 5px 5px;
    background: #02b902;
    font-family: tahoma, verdana, arial, sans-serif,"lucida sans unicode";
}



/* grafikk undersider
==============================*/


img.ill
{
    width: 150px;
    height: 120px;
    border: 5px solid #eee;
}

img.ill-om
{
    width: 500px;
    height: 200px;
    border: 5px solid #eee;
}

img.liste-merk
{
	width: 10px;
	height: 10px;
	border: 0;
}



/* form
==============================*/


form
{
	background: #efefef;
	padding: 10px;
}

.input
{
    border: 1px solid #e1e1e1;
    font-family: "lucida sans unicode", verdana, arial, sans-serif;
    font-size: 12px;
    color: #333;
    padding: 1px 3px 1px 3px;
    margin-bottom: 5px;
}
        
.input:hover
{
    border: 1px solid #ccc;
}
        
.input:focus
{
    border: 1px solid #ccc;
}
        
.btn-send
{
    background: #fee9f0;
    color: #669900;
    padding: 2px 5px 2px 5px;
    margin-top: 5px;
}

.btn-tilbakestill
{
    background: #fee9f0;
    color: #990000;
    padding: 2px 5px 2px 5px;
    margin-top: 5px;
}