/* LAYOUT */

/* kropp */

body#home
{
background: #000 url(../grafikk/layout/body-bg.gif) repeat-x;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 0;
margin-right: 0;
font-family: "Trebuchet MS", Myriad, Verdana, Arial, Helvetica, Sans-serif;
}

/* selve nettstedet */

div#wrapper 
{
width: 798px;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
border: 1px solid #757575;
background: url(../grafikk/layout/wrapper-bg.gif);
padding: 0;
}


/* en boks for alt som er under menyen */

div#wrapper div#innhold 
{
width: 745px;
padding-left: 23px;
padding-right: 22px;
margin: 0;
padding-top: 0px;
padding-bottom: 0;
}


/* den overste boksen, inkl. overskrift og meny */

div#wrapper div#header 
{
padding-top: 25px;
padding-bottom: 0;
padding-left: 30px;
padding-right: 30px;
display: block;
height: 122px;
}


/* bredformat til anbefalte boker etc */
div#wrapper div#bredformat 
{
	padding-top: 25px;
	padding-bottom: 0;
	padding-left: 7px;
	padding-right: 7px;
	display: block;
	background-color: #222222;
}

/* boks til anbefalte boker etc */
div#wrapper div#bredformat div#bokliste
{
	padding-top: 35px;
	padding-bottom: 0;
	padding-left: 7px;
	padding-right: 7px;
	display: block;
	height: 250px;
	border-top-width: 1px;
	border-top-color: #757575;
	border-top-style: dashed;
}

/* boks til anbefalte linker etc */
div#wrapper div#bredformat div#linker
{
	padding-top: 35px;
	padding-bottom: 0;
	padding-left: 7px;
	padding-right: 7px;
	display: block;
	border-top-width: 1px;
	border-top-color: #757575;
	border-top-style: dashed;
}

/* kolonne til venstre */
div#wrapper div#venstre
{
margin: 0;
width: 166px;
padding: 0;
float: left;
}


/* tilleggsboks over bildeliste */
div#wrapper div#venstre div.ekstralenker 
{
display: block;
margin: 7px;
margin-bottom: 14px;
padding: 7px;
background: #2A2A2A;
}


/* for andre nettlesere enn IE */
html>body div#wrapper div#venstre div.ekstralenker 
{
margin-bottom: 7px;
}


/* denne inneholder all tekst i div#innhold */
div#wrapper div#tekst
{
width: 555px;
margin-left: 185px;
padding-top: 7px;
}


/* spalte lengst til hoyre */
div#wrapper div#tekst div#hoyre 
{
width: 130px;
display: block;
float: right;
}


/* spalte i midten */
div#wrapper div#tekst div#midt 
{
width: 400px;
display: block;
float: left;
margin-bottom: 20px;
}


/* Bilder i midten */
div#wrapper div#tekst div#midt img
{
	border: 1px solid #757575;
	margin-right: 10px;
	margin-bottom: 10px;
}


/* Bilder i bredformat*/
div#wrapper div#bredformat img
{
	border: 1px solid #757575;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}


/* graa boks til hoyre (inni div#hoyre) */
div#wrapper div#tekst div#hoyre div#faktaboks 
{
background: #2A2A2A;
width: 125px;
padding: 7px;
}


/* BILDELISTE - inkl. all formatering av bildeliste */


/* selve listen samt hvert punkt i listen */
div#wrapper div#venstre ul#bildeliste,
div#wrapper div#venstre ul#bildeliste li 
{
margin: 0;
padding: 0px;
list-style-type: none;
}


/* for lenkene i bildelisten */
div#wrapper div#venstre ul#bildeliste li a 
{
width: 152px;
height: 84px;
display: block;
padding: 7px;
margin: 0;
background: url(../grafikk/bilde-bg.gif) no-repeat bottom; 
}



/* for bilder i bildelisten som ikke er lenker*/
div#wrapper div#venstre ul#bildeliste li img
{
border: 1px solid #757575;
margin: 7px;
padding: 0;
}


/* legger paa hjorner ved hover */
div#wrapper div#venstre ul#bildeliste li a:hover 
{
background: url(../grafikk/bilde-bg.gif) no-repeat top;
}


/* legger paa graa ramme paa bilder i bildeliste */
div#wrapper div#venstre ul#bildeliste li a img 
{
border: 1px solid #757575;
margin: 0;
}


div#footer 
{
clear: both;
background: url(../grafikk/layout/footer-bg.gif) repeat-x;
height: 40px;
display: block;
padding-left: 20px;
padding-right: 20px;
padding-top: 18px;
margin-top: 30px;
}


/* stort bilde overst i div#topp */
div#wrapper div#midt img#topp
{
margin-bottom: 20px;
border: 1px solid #757575;
}


/* ANNET */


/* skjuler et element */
.skjult, 
hr 
{
display: none;
visibility: hidden;
}


/* avsnitt for lenke til magisk del av leirpoll.com */
div#wrapper div#header p#tilmagisk 
{
padding: 0;
margin: 0;
display: block;
height: 40px;
margin-left: 500px;
margin-top: -34px;
margin-bottom: 2px;
text-align: right;
font-size: 13px;
text-transform: lowercase;
font-weight: bold;
}

/* FORMATERING AV TEKST */

/* LENKER */


/* lenkefarger der ikke annet er spesifisert */
div#wrapper a
{
color: #757575;
text-decoration: underline;
}


div#wrapper a:visited
{
color: #5b5b5b;
}


div#wrapper a:hover
{
color: #ccc;
}


/* for hovedoverskrift */
div#wrapper div#header h1 a
{
color: #ccc;
text-decoration: none;
}


/* for orange del av hovedoverskrift */
div#wrapper div#header h1 a span 
{
color: #c78800;
}


/* til magisk del av leirpoll.com */
div#wrapper div#header p#tilmagisk a
{
color: #c78800;
text-decoration: none;
}

div#wrapper div#header p#tilmagisk:visited 
{
color: #c78800;
}

div#wrapper div#header p#tilmagisk a:hover
{
color: #757575;
}

/* AVSNITT */

div#wrapper div#tekst div#hoyre div#faktaboks p,
div#wrapper div#tekst div#midt p,
div#wrapper div#venstre div.ekstralenker p,
div#wrapper div#innhold div#bredformat p
{
	color: #CCCCCC;
	line-height: 1.5;
	font-size: small;
	margin-top: 6px;
	padding-top: 0;
	margin-bottom: 8px;
}

div#footer p
{
margin: 0;
padding: 0;
color: #969696;
font-size: small;
text-align: center;
}

/* OVERSKRIFTER */


/* hovedoverskrift - Jarle Leirpoll */
div#wrapper div#header h1 
{
padding: 0;
margin: 0;
line-height: 1;
display: block;
height: 34px;
line-height: 34px;
font-size: 30px;
text-transform: lowercase;
font-weight: normal;
}


/* stor overskrift i div#midt */
div#wrapper div#tekst div#midt h2,
div#wrapper div#innhold div#bredformat h2
{
color: #C78800;
font-size: x-large; 
text-transform: lowercase;
font-weight: normal;
padding: 0;
margin: 0;
line-height: 1.5;
}


/* smaa overskrifer i boks til venstre og hoyre */
div#wrapper div#tekst div#hoyre div#faktaboks h4,
div#wrapper div#tekst div#midt h3,
div#wrapper div#venstre div.ekstralenker h3,
div#wrapper div#innhold div#bredformat h3 
{
color: #C78800;
font-size: small; 
display: inline;
padding: 0;
margin: 0;
line-height: 1.5;
}


/* LISTER */


/* alle lister inni tekstfelt */
div#wrapper div#tekst div#midt ul,
div#wrapper div#tekst div#hoyre div#faktaboks ul,
div#wrapper div#venstre div.ekstralenker ul,
div#wrapper div#innhold div#bredformat ul
{
margin-left: 0;
margin-bottom: 8px;
margin-top: 4px;
padding: 0;
}


/* alle punkter i lister inni tekstfelt */
div#wrapper div#tekst div#midt ul li,
div#wrapper div#tekst div#hoyre div#faktaboks ul li,
div#wrapper div#venstre div.ekstralenker ul li,
div#wrapper div#innhold div#bredformat ul li 
{
margin-left: 16px;
margin-bottom: 2px;
color: #969696;
line-height: 1.5;
font-size: small;
list-style-type: square;
}

/* MENY - ALL FORMATERING AV MENY */
ul#nav 
{
position: relative;
top: -2px;
height: 80px;
width: 738px;
margin: 0;
padding: 0;
font-family: "Trebuchet MS";
}

ul#nav li ul, 
ul#nav li ul 
{
margin: 0;
padding: 0;
}

ul#nav a 
{
text-decoration: none;
font-size: 13px;		
text-transform: lowercase;
}


/* float the main menu items */
ul#nav li 
{ 
margin: 0;
float: left;
display: block;
margin-right: 15px;
}

ul#nav li ul 
{
display: none;
}

/* legger undermenyen under */
ul#nav li.off ul, ul#nav li.on ul   
{
position: absolute;
top: 17px;
left: 0;
padding-top: 35px;
background: url(../grafikk/layout/submeny-bg.gif);
height: 28px;
width: 740px;
padding-left: 0px;
}

ul#nav li.on ul 
{
background: url(../grafikk/layout/submeny-bg.gif);
}

ul#nav li.on:hover ul, ul#nav li.over ul /*for ie*/
{ 
background: url(../grafikk/layout/submeny-bg.gif);
}


/* lenker i hovedmenyen */
ul#nav li a 
{
font-weight: bold;
display: block;
width: auto;
padding: 0;
}

ul#nav li.on ul a, 
ul#nav li.off ul a 
{
border: 0;
float: left; 
width: auto;
margin-right: 5px;
font-weight: normal;
}


ul#nav li.on ul 
{
display: block;
}


ul#nav li.off:hover ul, 
ul#nav li.over ul 
{
display: block;
z-index: 6000;
}


/* undermeny */
ul#nav li.off ul a, 
ul#nav li.on ul a 
{
display: block;
}


/* farger paa lenker i hele menyen */
ul#nav li a
{
color: #757575;
}

ul#nav li a:link
{
color: #757575;
}

ul#nav li a:visited
{
color: #757575;
}

ul#nav li a:hover
{
color: #c78800;
}

ul#nav li.on a:link,
ul#nav li.on a
{
color: #ccc;
}

ul#nav li.on a:hover
{
color: #c78800;
}

ul#nav li.on ul li a:link
{
color: #757575;
}

ul#nav li.on ul li a:visited
{
color: #757575;
}

ul#nav li.on ul li a:hover
{
color: #c78800;
}

ul#nav li.on ul li#aktiv a:link,
ul#nav li.on ul li#aktiv a:visited
{
color: #FFFFFF;
}

ul#nav li.on ul li#aktiv a:hover
{
color: #c78800;
}


/* POPUP - ALL FORMATERING AV POPUP */


/* body */
body#popup
{
	margin: 0;
	padding: 0;
	background: url(../grafikk/layout/popupbg.gif) repeat-x;
	font-family: "Trebuchet MS", Myriad, Verdana, Arial, Helvetica, Sans-serif;
	color: #CCCCCC;
	font-size: 13px;

}

/* tekst naar det ikke er bilde */
div#popuptext
{
	width: 450px;
	margin: 25px;
	height: 300px;
}

div#popuptext a
{
	color: #CCCCCC;
}

div#popuptext a:hover
{
	color: #FFFFFF;
}




/* bildet */
body#popup img 
{
margin-top: 50px;
margin-bottom: 0;
margin-left: 50px;
margin-right: 50px;
border: 1px solid #757575;

}


/* bilder som staar sammen med tekst */

div#popuptext img
{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: 5px;
	float: left;
}


/* overskrifter i pop-up */
div#popuptext h4 
{
	font-size: 16px;
	color: #C78800;
}


/* Tekstboks ved siden av video */
body#popup div#videotekst
{
	float: left;
	height: auto;
	width: 300px;
	padding-left: 25px;
	padding-top: 25px;
}

/* videoboks */
body#popup div#videobox
{
	float: right;
	height: auto;
	width: 320px;
	padding-right: 25px;
	padding-top: 25px;
}



/* forrige, lukk vindu, neste */
body#popup ul 
{
padding-left: 25px;
padding-right: 25px;
margin-left: 0;
color: black;
float: left;
width: 100%;
height: 22px;
background: url(../grafikk/layout/popup_nf.gif) repeat-x top;
margin-top: 50px;
}



/* generelt for punkter i denne listen */
body#popup ul li
{
display: inline;
height: 22px;
font-family: "Trebuchet MS", Myriad, Verdana, Arial, Helvetica, Sans-serif;
}


/* lenkene i forrige, lukk vindu, neste i popup */
body#popup ul li a 
{
font-size: 13px;
text-decoration: none;
float: left;
display: block;
width: 150px;
height: 22px;
font-weight: bold;
line-height: 22px;
text-transform: lowercase;
}


/* lenke "neste" i popup */
body#popup ul li#neste a 
{
text-align: right;
color: #ccc;
}

body#popup ul li#neste a:visited,
body#popup ul li#forrige a:visited
{
color: #5B5B5B;
}


/* lenke "forrige" i popup */
body#popup ul li#forrige a 
{
text-align: left;
color: #ccc;
}


/* lenke "lukkvindu" i popup */
body#popup ul li#lukkvindu a 
{
text-align: center;
color: #C78800;
}