@import url(addition.css);
/* Add extra css in external file */
/* from christian l. christensen - clc@vilvite.no */


/* ---------- VILVITE ---------- */

/*
Lys grønn:  #E2F1D1
Mørk grønn: #8BC649
*/


/* ---------- BODY ---------- */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color: #FFF;
}

/* ---------- PAGE ---------- */

div#page {
	width: 916px;
	padding: 0 8px;
	margin: 1.5em auto;
	background-image: url(../designelementer/page-background-vertical.gif);
	background-repeat: repeat-y;
}

/* ---------- HEADER ---------- */

div#header {
	background-image: url(../designelementer/header-border-top.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-left: -8px;
}

div#header-inner {
	background-image: url(../randomimage.php);
	background-repeat: no-repeat;
	background-position: 408px 8px;
}

div#header div#logo {
	margin: 0;
}

div#header div#logo a {
	float: left;
	display: block;
	width: 350px;
	height: 130px;
	background-image: url(../designelementer/logoen.gif);
	background-repeat: no-repeat;
	background-position: 20px 15px;
}

div#header div#logo a span {
	display: none;
}

h1#logotext {
	display: none;
}

/* ---------- META MENU (So-Called EKSTRAMENY) ---------- */

div#metamenu {
	float: right;
	margin-top: 110px;
	padding-right: 50px;
}

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

div#metamenu ul li {
	float: left;
}

div#metamenu ul li a {
	font-size: 1.3em;
	color: #8BC649;
	/* color: #006666; */
	color: #486725;
	text-decoration: none;
	margin: 5px;
	font-family: "Gill Sans MT", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#metamenu ul li a:hover {
	color: #486725;
	color: #006666;
}

div#metamenu ul li ul {
	display: none;
}


/* ---------- MAIN MENU ---------- */

div#mainmenu {
	width: 900px;
	clear: both;
}

div#mainmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #E2F1D1;
	height: 2em;
	padding-left: 25px;
}

div#mainmenu ul li {
	float: left;
}

div#mainmenu ul li a {
	color: #000;
	text-decoration: none;
	font-family: "Gill Sans MT", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 1.2em;
	padding: 0 0.5em;
	background-image: url(../designelementer/mainmenu-separator.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

div#mainmenu ul li a:hover {
	color: #006666;
}

/*
div#mainmenu ul li.current a {
	color: #006666;
}
*/

div#mainmenu ul li#mainmenu-first a {
	background-image: none;
	padding-left: 0;
}

/*
div#mainmenu ul li ul {
	display: none;
}
*/

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index: 1;
}

#nav a {
	display: block;
	/* width: 10em; */
}

#nav li { /* all list items */
	float: left;
	/* width: 10em; */ /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background-color: #E2F1D1;
	width: 16em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding: 0;
	margin: 0;
	border-right: 1px solid #8BC649;
	border-left: 1px solid #8BC649;
	border-top: 1px solid #8BC649;
}

#nav li ul li {
	width: 16em;
	margin: 0;
	padding: 0;
	background-color: #E2F1D1;
	line-height: 1;
}

#nav li ul li a {
	font-family: Arial, Helvetica, sans-serif !important;
	margin: 0;
	padding: 0;
	background-image: none;
	padding: 0.5em;
	text-transform: none;
	line-height: 1;
	height: 1%;
	background-color: #E2F1D1 !important;
	color: #000 !important;
	border-bottom: 1px solid #8BC649;
	font-size: 1.1em;
}
#nav li ul li a:hover {
	color: #FFF !important;
	background-color: #8BC649 !important;
}

#nav li:hover, #nav li.sfhover {
	background-color: #8BC649;
}

#nav li:hover a, #nav li.sfhover a {
	background-color: #8BC649;
	color: #FFF;
}

#nav li:hover a:hover, #nav li.sfhover a:hover {
	color: #FFF;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li ul li ul {
	/* skjul level 3 */
	display: none;
}

/* ---------- SEARCH FORM ---------- */

form#search-form {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}

form#search-form fieldset {
	border: none;
	padding: 0;
	margin: 0;
	padding-right: 3px;
}

form#search-form legend {
	display: none;
}

form#search-form input#q {
	padding: 0;
	margin: 0;
	height: 15px;
	width: 60px;
	border: 1px solid #8BC649;
}

form#search-form input#search-submit {
	font-size: 9px;
	width: 50px;
	height: 17px;
	text-transform: uppercase;
	border: 1px solid #8BC649;
	background-color: #E2F1D1;
}

/* Opera Filter */
@media screen and (min-width: 0px){
	form#search-form input#search-submit { position: absolute; top: 10px; margin-left: 2px; }
} /*be even nicer to opera */

/* ---------- MAIN CONTENT (WRAPPER) ---------- */

div#maincontent {
	/* background: white; */
	width: 100%; 
	overflow: hidden; 
	position: relative;
	padding-top: 1em;
	padding-bottom: 2em;
	clear: both; /* clear etter menyen */
	background-image: url(../designelementer/background-pattern.gif);
	background-repeat: no-repeat;
}

div#content, div#extramenu, div#menu {
	float: left;
}

/* ---------- CONTENT ---------- */

div#content {
	width: 550px; 
	padding: 10px;
	margin-left: 190px; 
	color: #000;
	line-height: 140%;
	border-left: 1px solid #E2F1D1;
	border-right: 1px solid #E2F1D1;
	background-color: #E2F1D1;
	background-image: url(../designelementer/content-background.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 3em;
}

* html div#content {
	display: inline;
}

div#content h1 {
	font-size: 1.8em;
	color: #115F6B;
}

div#content h2 {
	font-size: 1.6em;
	color: #FFF;
	background-color: #8BC649;
	text-transform: uppercase;
	padding: 0.5em;
	font-family: "Gill Sans MT", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0;
	background-image: url(../designelementer/h2-decoration.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0;
	height: 27px;
}

div#content h2.pagetitle {
	margin-left: -10px;
	margin-right: -10px;
	margin-top: -10px;
	border-top: 1px solid #8BC649;
	padding: 0;
	height: 27px;
}

div#content h3 {
	font-size: 1.3em;
	color: #006666;
}

div#content p { margin-top: 0.2em; } 
div#content h3 { margin-bottom : 0; }
div#content h4 { margin-bottom : 0; }
div#content h5 { margin-bottom : 0; }
div#content h6 { margin-bottom : 0; }

div#content a {
	color: #486725;
}

div#content p {
	/* vekk! */
	/* margin-left: 0.5em; */
	/* margin-right: 0.5em; */
}

div#content p.byline {
	font-size: 1em;
}

div#content ul {
	margin-bottom: 0.5em;
}

div#content li {
	font-size: 1.2em;
	margin-bottom: 0;
}

div#content li li, div#content li li li {
	font-size: 1em;
	margin-bottom: 0;
	margin-top: 0.3em;
}

div#content div#static_content li, div#content div#static_content li li, div#content div#static_content li li li {
	font-size: 1em;
}

div#content td {
	vertical-align: top;
	font-size: 1.1em;
} 

div#content th {
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
}

div#content img {
	margin-bottom: 1em;
}

div#content p img {
	margin-bottom: 0;
}

div#content p.warning {
	font-size: 1.5em;
	margin-bottom: 1.5em;
}

div#content p.warning-confirm a {
	font-size: 1.5em;
	background-color: #DDD;
	font-weight: bold;
	padding: 0.5em;
	margin: 0.5em;
	margin-left: 0;
}


div#posts h3 {
	margin-bottom: 0.3em;
	font-style: normal;
}

div#posts h3 a {
	font-size: 1.3em;
	color: #486725;
	text-decoration: none;
}

div#posts h3 a:hover {
	text-decoration: underline;
}

div#posts p {
	margin: 0;
}

div#posts div.readline {
	margin-top: 0.2em;
	font-size: 1.1em;
}

div#posts div.readline a {
	color: #486725;
}

div#posts {
	margin-bottom: 2em;
}

div.ingress, div#post_content, div#static_content, div.message, form#loginform, div#archivelink {
	font-size: 1.3em;
	line-height: 140%;
}
div#archivelink {
	margin-top: 30px;
}
div#post_content img, div#static_content img {
	padding: 0 0 0 0;	
}

div#content div#post_content td, div#content div#static_content td {
	font-size: 1em;
}
div#content div#post_content th, div#content div#static_content th {
	font-size: 1em;
}

/* -------- 04.05.07 Åshild -------- */
div#posts div.readline {
	clear: both;
}

div.post {
	clear: both;
}

p.byline {
	clear: both;
}
p.more {
	clear: both;
	padding-top: 20px;
}

/* jty:  konflikt her med store bilder, se f.eks. forside For Skole */
/* og sprenger IE fordi det blir for bredt...! */
/*
div#post_content img, div#static_content img, div#staticcontent_left img, div#ingress img {
	padding: 5px;
}
*/

textarea img {
	padding: 0;
}
/* ---------- END 04.05.07 --------- */

/* ---------- MENU (LEFT) ---------- */

div#menu {
	display: block;
	width: 190px; 
	margin-left: -750px;
  position: relative; 
	left: -160px;
}

/* BOX */

div.box {
	/* margin-top: 2em; */
	width: 155px;
	background-color: #E2F1D1;
	margin-left: 3em;
	/*
	margin-right: 0.5em;
	*/
	/*
	background-image: url(../designelementer/content-background.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	*/
	/*
	border-left: 1px solid #E2F1D1;
	border-right: 1px solid #E2F1D1;
	*/
	border: 1px solid #C2E19F;
	/*
	padding-bottom: 1.5em;
	*/
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}

div.box h3 {
	
	background-color: #E2F1D1;
	color: #6DA332;
	
	/*
	background-color: #8BC649;
	color: #FFF;
	*/

	font-size: 1.2em;
	font-family: "Gill Sans MT", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	/* padding: 0.2em 5%; */
	font-weight: normal;
	margin-bottom: 0;
	margin-top: 0;
	overflow: hidden;

	padding-bottom: 0.2em;
	padding-top: 0.3em;
}

div.boxmenu {
	background-image: url(../designelementer/content-background.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	border: none;
	border-left: 1px solid #E2F1D1;
	border-right: 1px solid #E2F1D1;
	padding-bottom: 1.5em;
}

div.boxmenu h3 {
	background-color: #8BC649;
	color: #FFF;
	margin-bottom: 0.5em;
}

div.box p {
	font-size: 1.2em;
	color: #486725;
	margin: 0 0.5em 0.5em 0.5em;
}

div.box table {
	margin: 0;
	padding: 0;
}

div.box td {
	font-size: 1.2em;
	color: #486725;
	margin: 0 0.5em 0.5em 0.5em;
}

div.box a {
	color: #486725;
}

div.box ul {
	margin: 0 0.5em 0 0.5em;
	padding: 0;
	list-style: none;
}

div.box ul li {
	padding-bottom: 0.5em;
	font-size: 1.2em;
	color: #486725;
}

div.box ul li.current a {
	color: #000 !important;
}

div.box ul li ul {
	margin: 0;
	margin-left: 0.5em;
}

div.box ul li ul li {
	font-size: 0.9em;
	padding-bottom: 0;
}

div.box ul li.current ul li a {
	color: #486725 !important;
}

div.box ul li a {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 1.1em;
}

div.box ul li a:hover {
	text-decoration: underline;
}

div.box#calendar ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/* bokser på høyre side */

div#extramenu div.box {
	margin-left: 0;
	width: 120px;
	background-color: transparent;
	background-image: none;
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
	text-align: center;
}

div#extramenu div.box h3 {
	display: none;
}

/* ADMIN MENU */

div#adminmenu {
	/* background-color: #E2F1D1; */
	margin: 1em 1em 0 0.5em;
}

div#adminmenu h3 {
	margin: 0;
	padding: 0.5em 0 0 0.5em;
	font-size: 1em;
}

/* ---------- EXTRAMENU (RIGHT) ---------- */

div#extramenu {
	width: 120px;
	margin-left: 1em; 
	margin-right: 1em;
}

div#extramenu h3 {
	background-color: #E3E2E1;
	font-size: 1em;
	margin: 0.5em 0.3em 0.5em 0.1em;
	padding: 0.2em 0.5em 0.2em 1em;
	color: #666;
}

div#extramenu ul {
	margin: 0;
	padding: 0 1em;
	list-style-type: none;
}

div#extramenu ul li {
	padding-bottom: 1em;
	font-size: 0.9em !important;
}

div#extramenu ul li a {
	color: #666;
	text-decoration: none;
	display: block;
}

div#extramenu ul li a:hover {
	text-decoration: underline;
}

div#extramenu p {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}

div#extramenu a img {
	border: none;
}

/* ---------- FOOTER ---------- */

div#footer {
	clear: both;
}

* html div#footer {
	position: relative;
}

div#footer {
	width: 916px;
	
	background-image: url(../designelementer/footer-border-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	
	display: block;
	text-align: center;
	margin-left: -8px;
}

div#footer p {
	color: #000;
	font-size: 1.1em;
	padding-bottom: 1.5em;
	margin: 0;
}

div#footer a {
	color: #000;
	text-decoration: none;
}

div#footer a:hover {
	text-decoration: underline;
}

/* ---------- DIV FUNCTIONS ---------- */

/*
div#logininfo {
	width: 100%;
	background-color: #E3E2E1;
	border-bottom: 3px solid #D9D9D9;
	text-align: center;
}

div#logininfo p {
	padding: 0.5em;
	margin: 0;
}

div#logininfo p a {
	color: #000;
}
*/

div#logininfo {
	display: none;
}

/* --------- 30.04.2007 ---------- */
td.tab {
	padding-left: 20px;
}
td.tabtab {
	padding-left: 40px;
}
td.td_header {
	font-weight: bold;
}

/* 02.05.2007 */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: 2px;
	font-size: 16px;
}

.sIFR-hasFlash h2.pagetitle {
	visibility: hidden;
	letter-spacing: 2px;
	font-size: 16px;
}

.sIFR-hasFlash div.box h3 {
	visibility: hidden;
	letter-spacing: 2px;
	font-size: 12px;
	padding-left: 0;
	padding-right: 0;
	width: 155px; 
}

/* end 02.05.2007 */

/* --------- MANUELLE TILPASNINGER av IDer - 07.05.2007 ---------- */

/* samarbeidspartnere */
div.box#page69 {
	background-image: none;
	background-color: #FFF;
	text-align: center;
}

div.box#page69 h3 {
	text-transform: none;
}

/* utstillingene */
div.box li#page36 a, div.box li#page37 a, div.box li#page38 a, div.box li#page39 a, div.box li#page164 a {
	color: #FFF;
	font-size: 1.2em;
	padding-left: 0.5em;
	display: block;
	height: 1%;
	padding-top: 0.2em;
}

div.box li#page36.current a, div.box li#page37.current  a, div.box li#page38.current  a, div.box li#page39.current  a, div.box li#page164.current  a {
	color: #FFF !important;
	text-decoration: underline;
}

div.box li#page36.current li a, div.box li#page37.current li a, div.box li#page38.current li a, div.box li#page39.current li a, div.box li#page164.current li a {
	text-decoration: none;
}


div.box li#page36, div.box li#page37, div.box li#page38, div.box li#page39, div.box li#page164 {
	background-repeat: no-repeat;
	background-position: right center;
	margin-left: -0.5em;
	margin-right: -0.5em;
	margin-top: 0.5em;
}

/* vær */
div.box li#page36 {
	background-color: #F7931D;
	background-image: url(../designelementer/link-decoration-klima.gif);
}

/* hav */
div.box li#page37 {
	background-color: #00676E;
	background-image: url(../designelementer/link-decoration-hav.gif);
}

/* energi */
div.box li#page38 {
	background-color: #ED1C24;
	background-image: url(../designelementer/link-decoration-energi.gif);
}

/* andre tema */
div.box li#page39 {
	background-color: #8BC649;
	background-image: url(../designelementer/link-decoration-andre.gif);
}

/* galleri */
div.box li#page164 {
	background-color: #0093A5;
	background-image: url(../designelementer/link-decoration-galleri.gif);
}

/* *** KANAL VIL VITE *** */

div#kanal-background {
	background-image: url(../designelementer/kanal-background.gif);
	background-repeat: no-repeat;	
	width: 495px;
	height: 334px;
}

div#kanal-background object {
	margin-top: 60px;
	margin-left: 98px;
}