/*	Eksistens 	*/

body { margin: 0 0 20px 0; padding: 0; font-family: Arial, sans-serif; background: #c6dfeb;}

/*	CONTAINER		*/
#container {position: relative; left: 50%; margin: 20px 0 0 -445px; background:  #513839 url("../bilder/eksistens_container_top.jpg") no-repeat top;}
/*	HEADER	*/
#header {height: 50px; position: absolute; left: 0; top: 27px;}
#header h1 {width: 180px; height: 50px; margin: 0; padding: 0; text-indent: -5000em; background: url(../bilder/logo.gif) no-repeat center center;}
#header h1 a {display: block; width: 150px; height: 50px; display: block; margin: 0 auto;}
/* MAIN */
#main { margin: 27px 20px 0 15px; padding: 0; float: left; background: url(../bilder/eksistens_main_bg.jpg) repeat-y; display: inline;}

/*	MENU	*/
#menu {margin: 70px 0 0; padding: 0; float: left; list-style-type: none; display: inline;}
#menu a {display: block; text-decoration: none; border: none; }
/* 1. nivaa */
#menu li {margin: 0 0 0.5em 0; padding: 0; background: url(../bilder/eksistens_menuitem_top.jpg) no-repeat left top; float: left; display: inline;}
#menu li a {padding: 0.40em 10px; font: 0.8em Arial; color: #513839; background:  url(../bilder/eksistens_menuitem_bottom.jpg) no-repeat left bottom; }
#menu li span.selectedFolder {display: block; padding: 0.40em 10px; font: 0.8em Arial; color: #513839; background:  url(../bilder/eksistens_menuitem_bottom.jpg) no-repeat left bottom; }
/* 2. nivaa */
#menu ul {margin:0; padding: 5px 0 0  0; list-style-type: none; float: left; background: #513839; display: inline;}
#menu ul.invisible {display: none;}
#menu ul li {margin: 0; padding: 0; background: none;}
#menu ul li a { margin: 0.2em 0; padding: 0 0 0 10px; text-transform: none; font: 0.75em Arial, Helvetica, sans-serif; color: #fff; background: none;}
#menu ul li a:hover { padding-left: 7px; border-left: 3px solid #fff; border-right: 3px solid #fff;}
#menu ul li span.selectedFolder {margin: 0.2em 0; padding: 0 0 0 10px; display: block; font: 0.75em Arial, Helvetica, sans-serif; color: #c6dfeb; background: none;}
#menu ul li.selectedParent {}
#menu ul li.selectedParent a { margin: 0; padding: 0.2em 0 0.2em 10px;}
#menu ul li.selectedParent a:hover { padding-left: 10px; border: none;}
/* 3. nivaa */
#menu ul ul { }
#menu ul ul li { padding-left: 10px; }
#menu ul ul li a {}
#menu ul ul li span.selectedFolder {margin: 0.2em 0; padding: 0 0 0 10px; font: 0.75em Arial, Helvetica, sans-serif; color: #c6dfeb; }
#menu ul ul.invisible {}

/*	CONTENT	*/
#content { padding: 1px 30px 0 30px; float: right; background:  url(../bilder/eksistens_content_top.jpg) no-repeat top; display: inline;}
#content .elementA {background: #ccc; margin: 1.6em 0; padding: 5px;}
#content .rammeA {border: 3px solid #cfc; margin: 1.6em 0; padding: 5px;}

/* DOCUMENTS */
#documents {}
#documents .article {padding: 1em 50px 1em 0;}

/*	ARTICLES	*/
/*	Artikkel	*/
.articleLeft, .articleRight {width: 290px; padding: 10px 0 20px 0;}
.articleLeft {float: left;}
.articleRight {float: right;}
.articleFull {padding: 10px 0 15px;}
#articlePos1 h1, #articlePos2 h1, #articlePos3 h1, #articlePos4 h1, #articlePos5 h1 {display: none;}

.clear { width: 100%; clear:both;}

/*	Link	*/
#content a {color: #79442a; border-bottom: 1px dashed; text-decoration: none;}
#content a:visited {color: #855b46;}
#content a:hover {color: #855b46; border-bottom: 1px solid;}
#content .largeArticle a, #content .smallArticle a {float: right; font-size: 0.8em;}
#content #articlePos3 a {border: none; float: left; margin-right: 5px; font-size: 0.7em;}
#content #articlePos3 a img {display: block;}

/* Lister */
#documents ul, #documents ol {margin: 0; padding: 0;}
#documents li {margin: 0 0 0.1em 18px; padding: 0; line-height: 1.25em; font-size: 0.7em;}
#documents .article ul, #documents ol {margin: 0; padding: 0;}
#documents .article li {margin: 0 0 0.1em 18px; padding: 0; line-height: 1.25em; font-size: 0.8em;}
#documents .article ul ul li {font-size: 1em;}

/* Tekst */
#documents h1, #documents h2, #documents h3 { color: #464646;}
#documents h1 {font-size: 1.4em;}
.movies h1 {font-size: 1.4em;}
#documents h2 {margin: 1.2em 0 0.4em 0; font-size: 0.9em;}
#documents h3 {font-size: 1.0em;}
#documents p { margin: 0; font-size: 0.7em; line-height: 1.25em;}
#documents p.pageContent {font-size: 0.9em; color: #513839; font-weight: bold; border-bottom: 1px solid #513839; }
#articlePos5 h2 {font-size: 0.8em;}
#articlePos4 p, #articlePos5 p {margin-bottom: 0.1em;}
#articlePos4 .pageContent, #articlePos5 .pageContent {margin-bottom: 0.5em;}
blockquote {background: url("../bilder/quote.gif") no-repeat 0 0.6em; margin: 0; padding: 0.4em 100px 0.4em 30px;}
blockquote p.B252SitatKilde {font-style: italic; text-align: right;}

/* Enkeltartikkel */
#documents .article h1, #documents .article h2, #documents .article h3, #nav h2  {margin: 0; padding: 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; color: #3f5966;}
#documents .article h1 {padding: 0 0 1em 0; font-size: 1.4em; font-weight: bold;}
#documents .article h2 {padding: 0.6em 0 0.3em 0; font-size: 1.3em;}
#documents .article h3 {padding: 0.3em 0 0.3em 0; font-size: 1em;}
#documents .article p.Overskrift4 {padding: 0.3em 0 0 0; font-weight: bold; color: #3f5966;}
#documents .article p {margin: 0 0 0.6em 0; padding: 0; font-size: 0.8em; line-height: 1.25em;}

/* Bilder */
.bilde, .bildeHogre, .bildeVenstre { }
.bildeHogre {margin: 0 0 0 10px; float: right;}
.bildeVenstre {margin: 0 10px 0 0; float: left;}
.tekst {padding: 0 1px 20px 1px; }
#documents p.bildetekst {margin: 0;  font-size: 0.7em; }
#documents p.bildeKilde {display: inline; margin: 0; float: left; font-size: 0.6em; color: #ccc; }
.smallArticle .tekst { display: none;}
#content img { margin-top: 10px;}
/* Film	*/

/* Bilete */
img {border: none;}

/* Dikt */
#documents .poem {background-image: none; width: 200px; margin-left: 100px;}
#documents .poem .first {padding-top: 1em;}
#documents .poem cite {text-align: right; font-style: italic; display: block; font-size: 0.8em; }


 /*  Utskrift */
#content a.print {display: block; width: 75px; padding: 0.8em 0 0.8em 30px; background: url("../bilder/ikon-print.gif") no-repeat left; margin: 1em 0; text-decoration: none; border: none;}

/* Tabeller */
#documents table {border-collapse: collapse; border: none;}
#documents table td {border: 1px solid #ccc; padding: 5px;}
#documents table td p {font-size: 0.8em; line-height: 1em; padding: 0; margin: 0;}

/* Tabell med toggle */
#documents table.toggleable {border-collapse: separate; border: none; width: 290px; margin-top: 10px;}
#documents table.toggleable td {border: solid #c6dfeb; border-width: 0 0 1px 0; vertical-align: top; width: 40%; padding: 5px 5px 0 0;}
#documents table.toggleable td.holder {width: 60%;}
#documents table.toggleable td p {font-size: 0.7em;}
#documents table.toggleable td.holder a {display: block; margin-bottom: 5px; border: none; font-size: 0.7em; padding-left: 13px;}
#documents table.toggleable td.holder a:hover {border: none;}
#documents table.toggleable td.holder a.collapsed {background: url("../bilder/collapsed.gif") no-repeat 0 2px;}
#documents table.toggleable td.holder a.expanded {background: url("../bilder/expanded.gif") no-repeat 0 2px;}
#documents table.toggleable td.holder p {line-height: 1.25em;}
#documents table.toggleable .hidden {display: none;}
#documents table.toggleable .visible {display: block;}


/* NAV */
#nav {float: right; position: relative;}
#nav {width: 100px; padding: 10px 10px 0; overflow: hidden; font-size: 0.7em;}
#overskriftsMeny, #overskriftsMeny li  {margin: 5px 0; padding: 0;}
#overskriftsMeny {margin-bottom: 0.8em; list-style-type: none;}
#nav h2  {margin: 13px 0;}

/*	FOOTER	*/
#footer { height: 13px; clear: both; background: url(../bilder/eksistens_container_bottom.jpg); font-size: 0.01em;}

/* widhts */
#container {width: 890px; }
#header {width: 180px; }
#main { width: 855px;}
#menu, #menu li  {width: 150px; }
/*#menu ul ul li {width: 100px; }*/
#content {width: 630px;}
#footer { width: 890px; }
/*#footer { width: 865px; }*/

/* Debug */
/*
body {background: red;}
#container {background: red;}
#header {background: blue;}
#main {background: #ccc;}
#menu {background: #fff;}
#content {background: #000;}
*/