/*Further adventures in CSS, versjon 1.2    */

*
{
padding:0;
margin:0;
}

img
{
border: 0;
margin: 0;
}

img.produksjon
{
border: 0;
margin: 0;
margin-right: 10px;
}

img.smaramme
{
padding: 0px;
margin-right:14px;
border: #000000 thin solid;
}

body
/* Bakgrunnen bak all moroa + alle regler for selve hoveddelen av dokumentet*/
{
background-color: #D9D9D9;
background-image: url('bodybakgrunnenkel.gif');
background-repeat: repeat-x;
height: 100%;
margin-top: 0px;
padding-left: 5%;
padding-right: 5%;
padding-top: 0px;
}

body.standard
/* Bakgrunnen bak all moroa + alle regler for selve hoveddelen av dokumentet*/
{
background-color: #D9D9D9;
background-image: url('bodybakgrunn.gif');
background-repeat: repeat-x;
height: 100%;
margin-top: 0px;
padding-left: 5%;
padding-right: 5%;
padding-top: 0px;
}

body.skyblue
/* Bakgrunnen bak all moroa + alle regler for selve hoveddelen av dokumentet*/
{
background-color: #FFFFFF;
background-image: url('bodybakgrunnskyblue.gif');
background-repeat: repeat-x;
height: 100%;
margin-top: 0px;
padding-left: 5%;
padding-right: 5%;
padding-top: 0px;
}

body.tips
/* Bakgrunnen bak vinduet for tipsing til venner*/
{
background-image: url('tipsvindu.gif');
height: 100%;
font-family: times, serif;
color: white;
margin-top: 60px;
margin-left:0px;
padding-left: 5%;
padding-right: 5%;
padding-top: 0px;
}

body.tipsSAMTIDIG
/* Bakgrunnen bak vinduet for tipsing til venner*/
{
background-image: url('tipsvinduSAMTIDIG.gif');
height: 100%;
font-family: times, serif;
margin-top: 45px;
margin-left:0px;
padding-left: 5%;
padding-right: 5%;
padding-top: 0px;
}

body.tipsNM
/* Bakgrunnen bak vinduet for tipsing til venner*/
{
background-color: #FFFFFF;
background-image: url('tipsvinduNM.gif');
height: 100%;
font-family: times, serif;
margin-top: 60px;
margin-left:0px;
padding-left: 5%;
padding-right: 5%;
padding-top: 0px;
}

body.tipsBLADAGER
/* Bakgrunnen bak vinduet for tipsing til venner*/
{
background-color: #FFFFFF;
color: white;
background-image: url('tipsvinduBLADAGER.gif');
background-repeat: repeat-x;
height: 100%;
font-family: times, serif;
margin-top: 65px;
margin-left:0px;
padding-left: 4%;
padding-right: 5%;
padding-top: 0px;
}

body.svarttopp
/* Bakgrunnen bak all moroa + alle regler for selve hoveddelen av dokumentet*/
{
background-color: #FFFFFF;
background-image: url('bodybakgrunnsvarttopp.gif');
background-repeat: repeat-x;
height: 100%;
margin-top: 0px;
padding-left: 5%;
padding-right: 5%;
padding-top: 0px;
}
/*---------------------------------------------------------------*/



h1
/* Setter opp overskriften man bruker pŒ toppen av hver enkelt side */
{
padding-left: 0px;
color: gray;
background-color: none;
background-repeat: repeat-x;
font-family: helvetica, arial, sans-serif;
}

h2
{
padding-left: 0px;
color: gray;
background-color: none;
background-repeat: repeat-x;
font-family: helvetica, arial, sans-serif;
}

h2.hvit
{
padding-left: 0px;
color: #FFFFFF;
background-color: none;
background-repeat: repeat-x;
font-family: helvetica, arial, sans-serif;
}

h3
{
font-family: helvetica, arial, sans-serif;
}

h4
{
font-family: helvetica, arial, sans-serif;
font-size: 90%;
color: #999999;
padding-top: 5px;

}


/*---------------------------------------------------------------*/


a
{
padding:0;
margin:0;
}

/* s¿rger for at LINKER utheves og at de ikke har noen underlinjing etc. */
a.meny
{
text-decoration: none;
color: black;
background-color: white;
font-family: helvetica, arial, sans-serif;
padding-right: 7px;
padding-left: 7px;
padding-top: 4px;
padding-bottom: 4px;
font-size: 11pt;

}

a.meny:hover
{
color: white;
font-weight: 100;
background-color: black;
}

a.meny:active
{
color: #AAAAAA;
background-color: #666666;
}

/*-------------------------------------------------------*/




div
/* Standard oppsett for div-tag'en */
{
text-align: left;
padding-left: 0px;
width: 750px; 
}



div.h1
{
background-color: white;
padding-top: 5px;
float: left;
}




div.header
/*Definerer innholdet i headeren, med logo etc.*/
{
background-image: url('topplogo.gif');
background-color: none;
background-repeat: no-repeat;
padding-bottom: 49px;
padding-left: 0px;
padding-top: 0px;
height: 81px;
width: 750px;
border: 0px;
}

/* setter opp bakgrunnen for menylinja */
div.meny
{
padding-top: 63px;
padding-left: 115px;
background-repeat: repeat-x;
float: left;
clear: left;
height: 30px;
width: 750px;
}

div.headerwrapper
/* eksisterer utelukkende for Œ fŒ sentrert siden */
{
margin-left: auto;
margin-right: auto;
}

div.menywrapper
/* eksisterer utelukkende for Œ fŒ sentrert siden */
{
margin-left: auto;
margin-right: auto;
}



div.wrapper
/* eksisterer utelukkende for Œ fŒ sentrert siden */
{
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}

div.hoved
/* Hovedrammen*/
{
color: #000000;
font-family: helvetica, arial, sans-serif;
float: left;
clear: right;
text-align: justify;
width: 750px;
padding-left: 0px;
padding-top: 0px;
border: 0px;
margin-bottom: 10px;
}

div.brodtekst
/* */
{
font-family: helvetica, arial, sans-serif;
padding-bottom: 20px;
padding-right: 20px;
text-align: justify;
width: 340px;
float: left;
}
/*-------------*/

div.brodtekstskjonn
/* */
{

margin-bottom: 20px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
width: 540px;
background: white;
font-family: times, serif;
font-size: 110%;
border: 0px;
float: left;
clear: left;
}
/*-------------*/

div.hoybrodtekst
/* */
{
padding-bottom: 20px;
width: 340px;
float: right;
}
/*-------------*/



div.produksjonstekst
/* */
{
background-color: white;
width: 470px;
float: left;
clear: left;
padding-bottom: 20px;
padding-top: 30px;
border-bottom: gray thin solid;
}
/*-------------*/



div.graboks
/* */
{
padding: 10px;
padding-bottom: 15px;
width: 300px;
margin-right: 20px;
margin-top: 10px;
background-color: #F5F5F5;
border: #EEEEEE solid thin;
float: left;
}
/*-------------*/



/*---------------------------------------------------------------*/

div.bokser
{
}

/*---------------------------------------------------------------*/


div.bunnbilder
/*setter opp en standard for de tre bildene som plasseres nederst */
{
float: left;
margin: 0px;
padding: 0px;
padding-left: 13px;
border: 0px;
}





div.sitat
{
/* konstruerer en sitatblokk for Œ lette opp i layoutene i st¿rre tekstfelt. */

color: #9C9C9C;
background-color: white;
float: left;
padding-right:1em;
width: 160px;
font-size: 130%;
padding-top: 0.2em;
padding-bottom: 0.2em;
}

div.underskrift
{
font-family: helvetica, arial, sans-serif;
color: gray;
font-size: 90%;
}


blockquote
{
color: #888888;
font-size: 140%;
font-weight: bold;
font-family: helvetica, arial, sans-serif;
}

/* ---------------------*/




.splash
{
margin:0;
margin-top: 20px;
margin-bottom: 0px;
background: none;
clear: both;
float: left;
border: 0px;
}

div.tegneserie
{
margin:0;
margin-top: 20px;
margin-bottom: 3px;
background: none;
clear: both;
float: left;
border: 0px;
}

div.seriepiler
{
width: 750px;
float: left;
text-align: justify;
}

.venstrepil
{
float: left;
width: 300px;
}

div.hoyrepil
{
float: right;
width: 245px;
}

.framedsplash
{
margin:0;
margin-top: 20px;
margin-bottom: 20px;
background: none;
clear: both;
float: left;
border: black thin solid;
}


.produksjoner
{
background: green;
width: 120px;
float: left;
clear: left;
padding-right: 10px;

}

.venstre
{
width: 341px;
margin:0px;
margin-top: 10px;
margin-bottom: 10px;
float: left;
border: thin black solid;
}


.hoyre
{
width: 341px;
margin: 0px;
margin-top: 10px;
margin-left: 14px;
float: left;
border: thin black solid;
}

.vilustrasjon
{
margin:0;

margin-right: 10px;
margin-bottom: 10px;
float: left;
clear: left;
}



/* */


/*Navlesidens tags */
div.nmheader
/*Definerer innholdet i headeren, med logo etc.*/
{
background-image: url('navletopplogo.gif');
background-repeat: no-repeat;
padding-bottom: 0px;
padding-left: 0px;
padding-top: 0px;
height: 96px;
width: 750px;
border: 0px;
}

/* setter opp bakgrunnen for menylinja */
div.nmmeny
{
padding-top: 4px;
background-repeat: repeat-x;
float: left;
clear: left;
height: 30px;
width: 750px;
}

/* s¿rger for at LINKER utheves og at de ikke har noen underlinjing etc. */
a.nmmeny
{
text-decoration: none;
color: #AAAAAA;
font-family: helvetica, arial, sans-serif;
padding-right: 10px;

}

a.nmmeny:hover
{
color: white;
}

a.nmmeny:active
{
color: #3333FF;
}

/*-------------------------------------------------------*/




body.nmbody
/* Bakgrunnen bak all moroa + alle regler for selve hoveddelen av dokumentet*/
{
background-color: #DDDDDD;
background-image: url('bodybakgrunnnavle.gif');
background-repeat: repeat-x;
height: 100%;
margin-top: 0px;
padding-left: 5%;
padding-right: 5%;
padding-top: 0;
}


div.nmboks
/* */
{
padding: 0px;
width: 300px;
margin-right: 20px;
margin-top: 10px;
background-color: #b1b1b1;
border: 0px;
float: left;
}

.nmsplash
{
margin:0;

padding-top: 20px;
clear: both;
float: left;
border: 0px;
}

div.nmhoybrodtekst
/* */
{
text-align: right;
margin-top: 10px;
padding-bottom: 20px;
padding-right: 50px;
width: 350px;
float: right;
clear: right;
}
/*-------------*/

