/*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:0px;
border: #000000 thin solid;
}

body
/* Bakgrunnen bak all moroa + alle regler for selve hoveddelen av dokumentet*/
{
background-color: white;
background-image: url('bodybakgrunn.gif');
background-repeat: repeat-x;
height: 100%;
margin-top: 0px;
padding-left: 5%;
padding-right: 5%;
padding-top: 0px;
}

body.dark
/* Bakgrunnen bak all moroa + alle regler for selve hoveddelen av dokumentet*/
{
background-color: #404040;
color: #777777;
background-image: url('bodybakgrunnDark.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('bodybakgrunn.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;
}

h3.hvit
{
color: #FFFFFF;
}

h3.bla
{
color: #7799FF;
}

h3.gra
{
color: #999999;
}

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: #F5F5F5;
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;
}

/*-------------------------------------------------------*/

/*SŒ et sett menyer for "pro" sidene */
a.promeny
{
text-decoration: none;
color: #999999;
backdground-color: black;
font-family: helvetica, arial, sans-serif;
padding-right: 7px;
padding-left: 7px;
padding-top: 5px;
padding-bottom: 4px;
font-size: 11pt;
}

a.promeny:hover
{
color: #7799FF;
}

a.promeny:active
{
color: white;
}

/*--------------------------*/



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;
}

/* setter opp bakgrunnen for "pro" menyen */
div.promeny
{
float: left;
clear: left;
padding-top: 6px;
padding-bottom: 20px;
height: 28px;
width: 700px;
background-image: url('promenybakgrunn.gif');
background-repeat: repeat-x;
}

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.monkwrapper
/* eksisterer utelukkende for Œ fŒ sentrert siden */
{
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;

}

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: 400px;
float: left;
}
/*-------------*/

div.brodtekstFumbers
/* */
{


width: 400px;
background: white;
float: left;
clear: 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.hoybrodtekstFumbers
/* */
{
margin-bottom: 20px;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
background: #F3F3F3;
font-size: 90%;
width: 300px;
border: #DDDDDD 1px solid;
float: right;
}
/*-------------*/


div.hoybrodtekst
/* */
{
padding-bottom: 20px;
font-size: 90%;
width: 300px;
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.wrongsite
/* */
{
padding: 10px;
padding-bottom: 15px;
width: 750px;
margin-right: 20px;
margin-top: 0px;
background-color: #DDEEFF;
border: #000000 solid thin;
float: ¿eft;
}
/*-------------*/

/*---------------------------------------------------------------*/

div.bokser
{
}

/*---------------------------------------------------------------*/


div.bunnbilder
/*setter opp en standard for de tre bildene som plasseres nederst */
{
float: left;
margin: 0px;
padding: 0px;
padding-left: 0px;
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;
}

div.proboks
/* */
{
padding: 0px;
color: #AAAAAA;
width: 370px;
margin-right: 20px;
margin-top: 10px;
border: 0px;
float: left;
}

/* ---------------------*/


div.prohoybrodteksttopp
/*avslutningslinje pŒ h¿yre-br¿dteksten pŒ prosider */
{
font-size: 80%;
background-image: url('grabokstoppasvart.gif');
margin-left: 50px;
width: 260px;
color: white;
float: left;
clear: right;
} 
/*-------------*/





.splash
{
margin:0;
margin-top: 20px;
margin-bottom: 20px;
background: none;
clear: both;
float: left;
border: 0px;
}




.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;
}

/*-------------------------------------------------------*/

div.crapHoved
/* Hovedrammen*/
{
color: #FFDDEE;
background-color: white;
background-image: url('bodybakgrunnCrap.gif');
font-family: helvetic, arial, sans-serif;
float: left;
clear: right;
text-align: justify;
width: 750px;
padding-left: 0px;
padding-top: 0px;
border: none;
margin-bottom: 10px;
}


div.Boobhoved
/* Hovedrammen*/
{
color: #FFDDEE;
background-color: white;
background-image: url('Boobbodybakgrunn.jpg');
font-family: palantino, times, serif;
float: left;
clear: right;
text-align: justify;
width: 750px;
padding-left: 0px;
padding-top: 0px;
border: none;
margin-bottom: 10px;
}

div.Boobbrodtekst
/* */
{
font-family: palantino, times, serif;
padding: 15px;
border: #FFD100 thin solid;
background-color: #432A5D;
margin-left: 20px;
text-align: justify;
width: 350px;
float: left;
margin-bottom: 5 px;
}


div.Monkbrodtekst
/* */
{
font-family: helvetica, arial, sans-serif;
background-color: #FFF5DD;
padding: 15px;
border: #E3D0A2 thin solid;
margin-left: 20px;
text-align: justify;
width: 350px;
float: left;
margin-bottom: 5 px;
}



div.Monkhoved
/* Hovedrammen*/
{
color: black;
background-color: white;
background-image: url('Monkbodybakgrunn.gif');
font-family: helvetica, arial, sans-serif;
float: left;
clear: right;
text-align: justify;
width: 750px;
padding-left: 0px;
padding-top: 0px;
border: none;
margin-bottom: 10px;
}

div.Monkbrodtekst
/* */
{
font-family: helvetica, arial, sans-serif;
background-color: #FFF5DD;
padding: 15px;
border: #E3D0A2 thin solid;
margin-left: 20px;
text-align: justify;
width: 350px;
float: left;
margin-bottom: 5 px;
}
/*-------------*/

div.Monkbrodtekstskjonn
/* */
{

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.Monkhoybrodtekst
/* */
{
background-color: none;
margin-right:20px;
margin-left: 20px;
padding-top: 3px;
font-size: 90%;
width: 300px;
float: right;
text-align: justify;

}
/*-------------*/


.Monksplash
{
width: 710px;
background-color: red;
padding-top: 10;
margin:0;
margin-top: 0px;
margin-bottom: 0px;
clear: both;
float: left;
border: 0px;
}

.MonkScreenshot
{
margin-top: 7px;
border: white 10px solid;
}




