@charset "UTF-8";

/****** Basis ******/

body { background-color: #CCC; border: none; font-family: Arial, sans-serif; font-size: 75%; }

/* Hovedtypografi */

h1 { 
	font-family: Arial, sans-serif; 
	font-size: 1.3em; 
	font-weight: bold; 
	text-align: left; 
}

h2 { 
	font-family: Arial, sans-serif; 
	font-size: 1.1em; 
	font-weight: bold;
	text-align: left;
}

h3 { 
	font-family: Arial, sans-serif; 
	font-size: 0.75em; 
	font-weight: bold; 
	text-align: left;
}

ul {}

ol {}

/* li { margin-left: 20px; } */

a { color: #0034b9; text-decoration: none; }
a:hover { color: #06f; text-decoration: none; }
a:active { color: #000; text-decoration: none; }

/* Skjemaer*/

textarea { 
  	color: #000;
  	background-color: #FFF;
  	border: 1px solid #333; 
  	padding: 2px; 
}

input[type=checkbox] { color: #000; background-color: #FFF; }
input[type=password] { color: #000; border: 1px solid #333; }

input[type=submit] {
	color: #000;
	background-color: #CCC;
	border: 1px solid #666;
	/* Denne må designes ordentlig */
}

input[type=text] {
	color: #000;
	border: 1px solid #333;
	background-color: #FFF;
	padding: 1px;
}


select { color: #000; background-color: #FFF; }

input:focus { border: 2px solid #0034b9; background-color: #FFF; }
textarea:focus { border: 2px solid #0034b9; background-color: #FFF; }

/****** Felles ******/

div#hovedcontainer {
	background-color: #FFF;
	border: none;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 950px;
}

div#container1 {
	width: 950px;
}

/* Feilmeldinger og advarsler */

span.tilgang_error {
	font-family: Arial, sans-serif;
	font-size: 1em;
}

td#login_feil {
	color: #F00;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
}

/****** Grunnutforming ******/

/* Toppmeny */

div.toppmeny { background-image:url(../grafikk/toppmeny.gif); background-repeat: no-repeat; }

div.toppmeny a {
	font-family: Helvetica Neue, sans-serif;
	font-size: 1.4em;
	font-weight: 500;
	text-align: left;
}


div.toppmeny ul {
	line-height: 34px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	white-space: nowrap;
}

div.toppmeny li { display: inline-block; list-style: none; }

div.toppmeny li#selected a {
	font-weight: 900;
}

div.toppmeny a { 
	color: #FFF; 
	margin-left: 11px; 
	padding: 0 2px;
	text-decoration: none; 
}
div.toppmeny a:hover { color: #000; text-decoration: none; }
div.toppmeny a:active { color: #000; text-decoration: none; }

/* Header */

div#header {
	background-image: url(../grafikk/header.jpg); 
	background-repeat: no-repeat;
	height: 190px;
	width: 950px;
}
div#header h1 { font-size: 24px; letter-spacing: 1px; display: none; }

/* Innhold */

div#innhold { 
	background-color: #FFF; 
	float: left;
	height: auto;
	padding-bottom: 10px;
	padding-left: 13px;
	padding-top: 10px;
	text-align: left; 
	width: 750px; 
}

/* Sidemeny */

div#sidemeny { background-color:#FFF; float: right; padding-top: 10px; width: 162px; }
/* div#sidemeny li { margin-left: 5px; } */

div.bar {
	background-image: url(../grafikk/sidemeny_overskrift.gif); 
	background-repeat: no-repeat;
	color: #FFF;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	height: 29px;
	margin: 0px;
	text-align: left;
	width: 162px;
}

div.bar p {	padding: 3px 0px 0px 5px; }
div.spacer { clear: both; }

div#sidemeny ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	list-style: none;
	margin-top: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-top: 0px;
	width: 162px;
	
}

div#sidemeny li { list-style: none; }

div#sidemeny li#selected a {
	font-weight: 900;
}

div#sidemeny a { color: #000; padding-left: 15px; text-decoration: none; }
div#sidemeny a:hover { color: #06F; text-decoration: none; }
div#sidemeny a:active { color: #000; text-decoration: none; }

/* Statistikkboks */

div.boks { font-size: 0.8em; height: auto; width: auto; }

div.boks div.liste { 
	float: left;
	/*margin-right: 1%;*/ 
	width: 25%; 
}

div.boks div.liste ul li {
	list-style-position: outside;
}

div.boks div.liste .titlebar {
	color: #000;
	font-family: Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
    margin-left: 20px;
	text-align: left;
	width: 300px;
}

div.boks div.liste .titlebar p { padding: 3px 0px 0px 5px; }

/* Footer */

div.footer {
	width: 950px;
	background-color: #CCC;
}

div.footer p {
	color: #666;
	font-family: Helvetica;
	font-size: 0.8em;
	font-weight: 900;
	letter-spacing: 1px;
	padding: 5px;
	text-align: center;
}

div.titlebar p a { color: black; }
div.titlebar p a:hover { color: #0034b9; }


/* #########################
   #                       #
   #      Artikler         #
   #                       #
   ######################### */

/*** Forsidevisning ***/

/** Generelt **/

div.les_mer { display: inline; text-align: right; }

/* Toppnyhet (enkel) */

div.nyhet, div.enkel_nyhet {
    clear: both;
	margin-bottom: 20px;
	width: 100%;
}

div.enkel_nyhet img.bilde {
        clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
        max-height: 280px;
        max-width: 100%;
}

div.nyhet h1.tittel { 
        font-family: Georgia, serif; 
        font-size: 2em;
	font-weight: normal;
        display: block; 
        padding-bottom: 3px;
	margin: 1px auto;
}

div.nyhet div.nyhetsingress {
        color: #444;
        font-family: Arial, sans-serif;
        font-size: 1.2em;
        font-weight: normal;
        line-height: 1.2em;
		padding-top: 3px;
}


/* Dobbelnyheter */

div.dobbel_nyhet {
        clear: none;
        float: left;
        /*height: 100px;*/
        margin-right: 5px;
        width: 48%;
}

div.dobbel_nyhet img.bilde {
	clear: left;
	display: block;
	float: left;
    max-width: 110px;
	padding-bottom: 3px;
	padding-right: 5px;
}

div.dobbel_nyhet h1.tittel {
	font-family: Georgia, serif;
	font-size:1.6em;
	display: block;
	margin: 1px auto;
}

div.dobbel_nyhet div.nyhetsingress {
	color: #444;
	font-family: Arial, sans-serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.2em;
	padding-top: 0px;
	
}

/* Bilder og bildetekst i artikkelen */

div.img_venstre { float: left; clear: left; padding-right: 10px; }
div.img_venstre img { margin: 5px; }

div.img_sentrert { float: none; clear: both; }
div.img_sentrert img { margin: 5px; }

div.img_hoyre { float: right; clear: right; }
div.img_hoyre img { margin: 5px; margin-left: 10px; }

div.img_venstre a img, div.img_sentrert a img, div.img_hoyre a img { border: none; }

p.bildetekst {
		font-size: 0.8em;
		font-style: italic;
		margin-top: 0px;
		text-align: center;
}

/* Preview nyhet */

/*
div.nyhet_preview {
        clear: both;
        padding: 2px 6px;
	margin-bottom: 20px;
	width: 100%;
        border: 1px outset black;
}*/

div.nyhet_preview img.bilde {
        clear: left;
	display: block;
	float: left;
        max-width: 110px;
	padding-bottom: 3px;
	padding-right: 5px;
}

div.nyhet_preview span.tittel { 
        font-family: Georgia, serif; 
        font-size: 1.2em; 
        display: block; 
        padding-bottom: 3px;
}

div.nyhet_preview div.nyhetsingress {
        color: #444;
        font-family: Arial, sans-serif;
        font-size: 0.9em;
        font-weight: normal;
        line-height: 1em;
}

/* Administrerings/rapporterknappene */
div.nyhet div.artikkel_administrer {
   float: right;
   font-size: 0.8em;
   margin-top: 0;
   margin-right: 8px;
   padding-top: 1px;
   text-align: right;
}

/* Om det er brukerbidrag: gi beskjed til leser */
div.nyhet p.brukerinfovarsel {
  background-color:  black;
  color: white;
  font-weight: 600;
  padding: 4px 3px;
  margin: 6px 3px;
}

/* Antall visninger */
div.nyhet p.visninger {
   float: right;
   font-size: 0.9em;
   margin-bottom: 0;
   margin-right: 8px;
   padding-bottom: 1px;
   text-align: right;
}

/* Annet stuff */

div.nyhet div.nyhetsinnhold h2 {text-align: left; font-family: Helvetica, Calibri, sans-serif; color: #202020;}
div.nyhet div.nyhetsinnhold h3 {text-align: left;}

div.nyhet a.bildelink img {border: none;}

div.nyhet div.nyhetsinnhold {
	color: #444;
    font-family: Arial, sans-serif;
    font-size: 1.2em;
	font-weight: normal;
	line-height: 1.2em;
}


div.nyhet div.publisert {
	font-family: Arial, sans-serif;
	font-size: 0.9em;
}

/* ### SØK ### */
div.nyhet_sok, div.ressurs_sok {
	clear: both;
	margin-bottom: 20px;
	width: 100%;
}

div.nyhet_sok { border-bottom: inset 1px black; margin-bottom: 2px; }
div.ressurs_sok { border-bottom: inset 1px black; margin-bottom: 2px; }

div.nyhet_sok span.tittel, div.ressurs_sok span.tittel { 
        font-family: Arial, sans-serif; 
        font-size: 1.4em; 
        display: block; 
        padding-bottom: 3px;
}

div.nyhet_sok div.ingress, div.ressurs_sok div.ingress {
        color: #444;
        font-family: Arial, sans-serif;
        font-size: 1.2em;
        font-weight: normal;
        line-height: 1.2em;
}

div.nyhet_sok div.les_mer { display: inline; text-align: right; }


/* #########################
   #                       #
   #      Ressurser        #
   #                       #
   ######################### */



/*      Kontainer for kategoriene som blir vist,
        men inkluderer ikke div#ressurs_infoboks, den
        er en egen kontainer. */
div#ressurser_kontainer {
	
}


/*      Kategori >> ... */
div#kategori_path {
        font-size: 1.3em;
        margin: 5px 0;
}

/*      Noe spesielt ved linkene i path'en? */
div#kategori_path a {}

/*      Listen for kategoriene. */
div#ressurser_kontainer ul { list-style-type: none; }

/*      Kategori-elementene */
div#ressurser_kontainer ul li { margin: 1px 0; padding: 0 0; padding-left: 2px; }

/*      Kategorilinkene */
div#ressurser_kontainer ul li a {}

/*      Grafikk til kategorilinkene (ulev0) */
div#ressurser_kontainer ul li.dir { list-style-image: url(../grafikk/ikoner/mappe_ulev0_25x16.png); margin-left: 36px; }

/*		Grafikk til kategorilinker med ulev1+ for utloggede brukere	*/
div#ressurser_kontainer ul li.reginfo { list-style-image: url(../grafikk/ikoner/mappe_ulev1+_25x16.png); margin-left: 36px; }

/*		Kategorilinkene */
/* div#ressurser_kontainer ul li.dir ul.lastet { border-left: 1px dashed black; } */

div#ressurser_kontainer ul li.dir a { font-size: 1.2em; font-weight: bold; vertical-align: top; }

div#ressurser_kontainer ul li.fil, div#ressurser_kontainer ul li.lenke { list-style-type: circle; list-style-image: none; margin-left: 50px; }

div#ressurser_kontainer ul li.forste_fil { margin-top: 10px; }

/*      Tekst og grafikk i lenke-linkene */
div#ressurser_kontainer ul li.lenke a { font-size: 1em; font-weight: normal; }

/*		Tekst og grafikk i fil-linkene */
div#ressurser_kontainer ul li.fil a { font-size: 1em; font-weight: normal; }

/*      "Gå opp en mappe"-listeelementet */
div#ressurser_kontainer ul li.opp_dir { list-style-image: url(../grafikk/ikoner/mappe_opp_25x16.png); margin-bottom: 8px; }

div#ressurser_kontainer ul li.opp_dir a { vertical-align: top; }

div#ressurser_kontainer ul li.valgt_ressurs * { font-weight: bold !important; }





/*	div som /omringer/ info om ressurser */
div#ressurs_infoboks {
	border-bottom: solid 1px #999999;
	border-left: solid 10px #999999;
	border-right: solid 10px #999999;
	border-top: solid 1px #999999;
	height: auto;
	margin: 10px;
    margin-right: 0px;
	padding: 5px;
	width: 95%;
}


/* Administrerings/rapporterknappene */
div#ressurs_infoboks div.ressurs_administrer {
   float: right;
   font-size: 0.8em;
   margin-top: 0;
   margin-right: 8px;
   padding-top: 1px;
   text-align: right;
}

/*	Tittel på ressurs i ressurs-infoboks */
div#ressurs_infoboks div.ressurs_navn { font-size: 1.4em; }

div.ressurs_preview, div.nyhet_preview {
	border-bottom: solid 1px #999999;
	border-left: solid 10px #999999;
	border-right: solid 10px #999999;
	border-top: solid 1px #999999;
	height: auto;
	margin: 10px 3px;
    margin-right: 0px;
	padding: 5px;
	width: 95%;
	clear: both;
}

div.ressurs_preview div.ressurs_navn { font-size: 1.2em; }

div.ressurs_preview p.beskrivelse { 
	color: #444;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	font-style: italic; 
	line-height: 1.1em;
}


/* Kontainer */
div.ressursinnholdskontainer { }

/*	Beskrivelse av en ressurs */
div#ressurs_infoboks p.beskrivelse { 
	color: #444;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	font-style: italic; 
	line-height: 1.1em;
}

/*	Ressursbilde */
div#ressurs_infoboks img.ressursbilde {
	clear: right;
	float: right;
	max-height: 107px;
	max-width: 142px;
	padding-bottom: 2px;
	padding: 5px;
}

/*	Link til fil / lenke / kilde */
div#ressurs_infoboks p a {
	font-size: 1.2em;
	padding-left: 25px;
}

div#ressurs_infoboks p.beskrivelse a {
	font-size: 1em;
        padding-left: 0;
}

/*	"Lagt til av <bruker>"-tekst + dato */
div#ressurs_infoboks p.bruker {
	color: #666;
	display: inline;
	font-size: 0.9em;
	text-align: left;
}

div#ressurs_infoboks p.bruker a {
	padding-left: 0;
}

/*	Ressursklareringen */
div#ressurs_infoboks div.ressurs_klarering {
   color: #F00;
   display: inline;
   font-size: 0.9em;
   padding-left: 3px;
   text-align: right;
}

/* #########################
   #                       #
   #        Annet          #
   #                       #
   ######################### */
div.error {
	background-color: #ccc;
	padding-bottom: 1px;
	width: 100%;
}
div.error h1 { background-color: #000; color: white; font-weight: bold; padding-left: 4px; }

div.brukerinfoboks { background-color: #ccc; width: 100%;}
div.brukerinfoboks h1 {
	background-color: #000;
	color: white;
	height: 22px;
	text-align: center;
}
div.brukerinfoboks img {
	clear: left;
	float: left;
        width: 140px;
	max-height: 180px;
	min-height: 140px;
	margin-left: 3px;
	margin-right: 5px;
}
div.brukerinfoboks div.info { height: 180px; margin-left: 10px; }
div.brukerinfoboks div.info p.navn {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 1px;
}
div.brukerinfoboks div.info p.info {
	margin: 1px;
}


/*
div.brukerinfoboks {
	width: 100%;
}
div.brukerinfoboks p, div#brukerinfoboks h2, div.brukerinfoboks h1 { padding-left: 4px; }

div.brukerinfoboks h1 {
	background-color: #000;
	color: white;
	font-weight: bold;
	padding-top: 0;
	margin-top: 0;
	height: 22px;
}

div.brukerinfoboks li { list-style: none; }
div.brukerinfoboks li.title {
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin-left: 15px;
	margin-top: 10px;
	width: 300px;
}
div.brukerinfoboks li.title:first-child { margin-top: 0; }
div.brukerinfoboks li.title:nth-child(odd) { margin-left: 0; }
div.brukerinfoboks li.title:last-child { margin-bottom: 15px; }
div.brukerinfoboks li.indent { padding-left: 15px; }
div.brukerinfoboks li.title span.indent { display: block; padding-left: 15px; font-weight: normal; font-size: 12px; }
*/

/* table#besok_statistikk { caption-side: top; border-collapse: collapse; } */
/*
table#besok_statistikk { border-spacing: 1px; width: 100%; }
table#besok_statistikk caption { 
	background-color: #000;
	color: #FFF; 
	font-size: 1.3em;
	font-weight: bold;
	padding: 2px;
}
table#besok_statistikk th { padding: 2px 5px; background-color: #666; color: #FFF; }
table#besok_statistikk td { background-color: #CCC; padding: 1px 4px; }
table#besok_statistikk tr { }
table#besok_statistikk tr:hover td { background-color: #909090; }
*/
.red_hover:hover { color: red; }
.show_on_parent_hover { visibility: hidden; }
*:hover > .show_on_parent_hover { visibility: visible; }

/* Tabeller for opplisting */

table.admin_opplisting { border-spacing: 1px; width: 100%; margin-bottom: 20px; }
table.admin_opplisting:last-child { margin-bottom: 0; }

table.admin_opplisting caption { 
	background-color: #000;
	color: #FFF; 
	font-size: 1.3em;
	font-weight: bold;
	padding: 2px;
}

table.admin_opplisting th { padding: 2px 5px; background-color: #666; color: #FFF; }
table.admin_opplisting td { background-color: #CCC; padding: 2px 4px; }
table.admin_opplisting tr:hover td { background-color: #909090; }
table.admin_opplisting tr.error td { background-color: #D90043; }

table.notater tr[id^='notat_']:hover td { background-color: #CCC; }

div.annonse { width: 700px; border-bottom: inset #ccc 1px; padding: 5px 5px; }
div.annonse h2 { font-size: 18px; font-weight: 700; }
div.annonse img { margin: 2px; }
div.annonse p { font-size: 14px; font-family: Helvetica; }

ins { color: #339933; }
del { color: #FF0000; }

/* BILDEGALLERI */
div.bilder {
    border: 2px black solid;
    padding: 5px;
    /*width: 730px;*/
    overflow: scroll;
    height: 550px;
    width: 100%;
    clear: both;
}

div.bilder h1 { margin: 1px 2px; border-right: 1px dashed black; letter-spacing: 1px; }

div.bilder a img { border: none; }

div.bilder img {
    max-width: 120px;
    max-height: 100px;
    margin: 2px;
}

/* BBKODE */
.spoilerblock {
	width: 100%;
	border: dashed 1px rgb(33, 33, 33);
	border-top: none;
}

.spoilerblock span {
	font-size: 14px;
	padding: 1px 4px;
	display: block;
}

.spoilerblock span strong {
	letter-spacing: 1px;
}

.spoiler {
	display: none;
	margin-top: 3px;
	border-top: 1px solid black;
	padding: 5px 8px;
}


/* OVERLAY */
#survey1 { display: none; }
#survey1 * { color: #BBBBBB; }
#survey1 h1 {
    color: #5F87AE;
    padding-bottom: 12px;
    text-transform: uppercase;
}

#simplemodal-container{
    background-color: #333333;
    border: 8px solid #444444;
    display: none;
    padding: 12px;
}
#simplemodal-container h1 { margin: 0; padding-bottom: 0; }

p.lukker { float: right; margin-top: 30px; }
#simplemodal-container a { color: white; font-size: 1.1em; font-weight: bold; text-decoration: underline; }
#simplemodal-container a:hover { text-decoration: none; }