@import url(/css/topmenu.css);

/* body ----------------------------------------------------------------------*/
body
{
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

a { outline: none; }
#bodytable { width: 800px; }
#bodytable td.leftcolumn { width: 156px; }
#bodytable td.maincolumn { width: 644px; }

#bodytable td#maincolumnark
{
	background-color: #fff;
	padding-bottom: 20px;
}

/* spalter og bredder --------------------------------------------------------*/
#maincolumnarktable #spalte1 { width: 453px; }
#maincolumnarktable #spalte2 { width: 191px; }

#maincolumnarktable #spalte1 #spalte1Cont
{
	padding-top: 10px;
	padding-left: 25px;
	padding-bottom: 14px;
	padding-right: 0px;
}

#maincolumnarktable #spalte2 #spalte2Cont
{
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 14px;
	padding-left: 14px;
}

/* SIDEBUNN   ----------------------------------------------------------------*/
.sidebunntxt
{
	margin-top: 10px;
	font-size: 10px;
	text-align: center;
	letter-spacing: 0.1em;
}

/* VENSTRE MENY --------------------------------------------------------------*/
#leftmenuplaceholder
{
	padding-top: 80px;
	height: 390px;
}

#leftmenu
{
	background-position: 12px 0px;
	background-repeat: no-repeat;
	position: absolute;
	width: 177px;
	height: 335px;
	margin-left: -29px;
	padding-left: 20px;
}

#leftmenu a:hover { text-decoration: none; }
#leftmenu .menuCont#trinn { margin-top: 50px; }
#leftmenu .menuCont#fast { margin-top: 38px; }

#leftmenu .menuCont .li
{
	margin-right: 7px;
	margin-bottom: 4px;
	background-image: none;
	padding: 1px;
	padding-left: 20px;
	line-height: 110%;
}

#leftmenu .menuCont#trinn .li { font-weight: bold; }

#leftmenu .menuCont#trinn .li { background-color: #cde8f4; }
#leftmenu .menuCont#fast .li { background-color: #eff7fb; }


/* Institusjon og Person i sidebunn ------------------------------------------*/
#institusjonperson
{
	width: 800px;
	background-color: transparent;
	margin-top: 10px;
	margin-bottom: 5px;
}

#institusjonperson .insttextCont { width: 221px; }

#institusjonperson .insttextCont .insttext
{
	width: 136px;
	float: left;
	padding: 10px;
	background-color: #E0ECB9;
}

#institusjonperson .instimgCont
{
	height: 71px;
	width: 65px;
	float: right;
	padding-top: 10px;
	background-image: url(/img/testbilder/test_logo_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#institusjonperson #erskrevetav
{
	padding-top: 0px;
	padding-left: 5px;
}

#erskrevetav { color: #FFF; }

#institusjonperson .personCont {
	width: 231px; 
	height: 50px; 
	float: left;
	padding: 7px;
	background-color: #E0ECB9;
	border-left: 0px solid #c0d873;
	border-bottom: 0px solid #c0d873;
	margin-left: 5px

}

#institusjonperson .personimgCont
{
	float: left;
	margin-right: 7px;
}

/* stofftype SIDEKOMPLEKS og UOPPLEGG ----------------------------------------*/
/* Navigasjon INTRO sidekompleks og undervisningsopplegg */
.kompleks_navigasjon_intro h3
{
	text-align: center;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
}

.kompleks_navigasjon_intro .kompleks_navigasjon_liste { padding-top: 24px; }
.kompleks_navigasjon_intro .kompleks_navigasjon_liste h4 { display: none; }
.kompleks_navigasjon_intro#uopplegg .kompleks_navigasjon_liste h4 { display: block; }

/* Navigasjon i sidekompleks og undervisningsopplegg */
.kompleks_navigasjon { margin-bottom: 10px; }
.kompleks_navigasjon .topp { display: none; }

.kompleks_navigasjon .kompleks_navigasjon_liste
{
	background-position: right top;
	background-repeat: no-repeat;
	width: 163px;
}

.kompleks_navigasjon .bunn
{
	background-position: right top;
	background-repeat: no-repeat;
	background-color: white;
	width: 163px;
	height: 31px;
}

.kompleks_navigasjon_liste h3
{
	text-align: center;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 18px;
	padding-right: 10px;
	padding-left: 10px;
}

.kompleks_navigasjon_liste h4 {
	color: #666666;
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.kompleks_navigasjon_liste .li,
.kompleks_navigasjon_liste .current_kn_li
{
	padding-left: 18px;
	padding-right: 4px;
}

.kompleks_navigasjon_liste .li
{
	background-image: url(/img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 10px 4px;
}

.kompleks_navigasjon_liste .markor
{
	position: absolute;
	margin-left: -24px;
	width: 8px;
	height: 12px;
	background-position: center left;
	background-repeat: no-repeat;
}

.kompleks_navigasjon .bunn
{
	background-position: right top;
	background-repeat: no-repeat;
	width: 163px;
	height: 31px;
}

/* stofftype FORSØK ----------------------------------------------------------*/
table#narhvor {
    width: 100%;
    border-right: 1px solid #79B9D7;
    border-left: 1px solid #79B9D7;
    border-collapse: collapse;
    margin-bottom: 20px;
}
#narhvor td {
    border-right: 1px solid #79B9D7;
    border-left: 1px solid #79B9D7;
    padding-left: 10px;
    width: 25%;
}
#narhvor td strong {
    color: #999;
    display: block;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.materialCont h3 {
	color: #8CB5CE; 
	font-weight: bold;
}

/* stofftype BIOGRAFI --------------------------------------------------------*/
#biografiCont .ingress {
	color: #b74700;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6em
}
/* liste over biografier*/
#fagfelt_form {
    background-color: #eee; 
    padding: 5px 5px 0 5px;
    margin-bottom: 1em;
	}

#fagfelt
{
	float: right;
	width: 250px;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

#fagfelt .li
{
	float: left;
	background-image: none;
	padding-left: 0;
	padding-right: 3px;
	min-width: 76px;
}

#fagfelt_orderby
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#fagfelt_orderby .li
{
	background-image: none;
	padding-left: 0;
}

#biografiliste .li { margin-top: 0.2em; }

#biografiliste .person_fagfelt {
	color: #a194b5;
	}

/* stofftype KALENDERPOST0 ---------------------------------------------------*/
#kalenderliste
{
	background-position: top right;
	padding: 10px;
	padding-right: 3px;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: -3px;
	font-size: 11px;
	line-height: 1.1em;
}

#kalenderliste .kalender-item { margin-bottom: 4px; }
#kalenderliste .kalenderdato, #kalenderliste h4{
	color: #628596;
	font-weight: bold;
}
#kalenderliste h4
{
	font-size: 13px;
	margin-bottom: 5px;
}

/* bare litt luft bindestreken */
#kalenderliste .kalenderdato span
{
	padding-left: 3px;
	padding-right: 3px;
}

/* HOVEDSPALTE VENSTRE -------------------------------------------------------*/

/* liste over aktuelle innholdscontainere
	#fagligforklaringCont
	#praktisketipsCont
	.bildeserieCont
*/

#spalte1 #fagligforklaringCont, 
#spalte1 #praktisketipsCont
{
	border: 1px solid #E0ECB9;
	padding: 10px;
	margin: 0 0 10px 0;
}

#spalte1 #fagligforklaringCont h2, 
#spalte1 #praktisketipsCont h2 { margin-top: 0px; }

#spalte1 .bildeserieCont
{
	clear: both;
	padding-bottom: 10px;
}

#spalte1 .bildeserieCont h3 {
	background-image: url(/img/tittel_bg.gif);
}


/* SIDESPALTE HØYRE ----------------------------------------------------------*/

/* liste over aktuelle innholdscontainere
	.container
	#materiellisteCont
	#brukersombakgrunnstoffCont
	#tidfesttekstCont
	#vedleggCont
	#ordforklaringCont
	#omtaltpersonCont
	#blirforutsattavCont
	#forutsetterCont
	#nettressursCont
	#nokkelbeskrCont - for bok-, nettsted-, dataprogram- og film-beskrivelser sin nøkkelinfo
	.faktaCont - faktaboks
	.smakebitCont 
	.laremiddellisteCont 
*/

#spalte2 .container
{
	margin-bottom: 10px;
	clear: both;
}

#spalte2 .container h3 {
	background-image: url(/img/tittel_bg.gif);
	margin-right: -3px;
}
#spalte2 .container p,
#spalte2 .container div.li { line-height: 120%; }

#spalte2 #materiellisteCont h3 {
	color: #8CB5CE; 
	background-color: transparent; 
	background-image: none; 
	font-weight: bold
}

/* Omtalt bok 
og Omtalt person i biografi i sidespalteformattering -----------------------------------------*/

#spalte2 #omtaltbokCont,
#spalte2 #omtaltbiopersonCont
{
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-right: -14px;
}

#spalte2 #omtaltbiopersonCont .omtaltpersonimgCont
{
	float: right;
	margin-left: 3px;
	padding-top: 4px;
}

/* Nettressurser -------------------------------------------------------------*/
#spalte2 #nettressursCont h3 { background-image: none; }

/* Ordforklaringer ------------------------------------------------------------*/
#spalte2 #ordforklaringCont h4 {
	font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
	color: #5F586B;
	display: inline;
	letter-spacing: 0em;
	line-height: 110%;
}

/* Omtalt person ------------------------------------------------------------ */
#spalte2 #omtaltpersonCont {
	background-color:#89B7CC; 
	padding: 5px;
}

#spalte2 #omtaltpersonCont .omtaltpersonimgCont
{
	float: right;
	margin-left: 3px;
	margin-bottom: 3px;
}

#spalte2 #omtaltpersonCont .omtaltpersonimgCont img { height: 50px; }

#spalte2 #omtaltpersonCont h3
{
	background-image: none;
	margin-top: 0px;
	color: #000;
}

#spalte2 #omtaltpersonCont .person
{
	font-size: 11px;
	font-weight: bold;
	clear: both;
	height: 50px;
}

/* Bok, film, dataprogram osv. beskrivelser ----------------------------------*/
#spalte2 #nokkelbeskrCont
{
	padding: 0px;
	padding-bottom: 4px;
}

#spalte2 #nokkelbeskrCont h4
{
	margin-top: 0px;
	margin-bottom: 2px;
	padding-left: 6px;
	padding-bottom: 4px;
	letter-spacing: 0em;
}

#spalte2 #nokkelbeskrCont p
{
	padding-left: 6px;
	padding-right: 2px;
	margin-top: 0.3em;
	margin-bottom: 0em;
}

#spalte2 #nokkelbeskrCont p strong
{
	font-size: 10px;
	text-transform: uppercase;
}

/* Faktaboks i sidespalteformattering -----------------------------------------*/
#spalte2 .faktaCont,
#spalte2 .faktaCont-fakta,
#spalte2 .faktaCont-tips,
#spalte2 .faktaCont-merk,
#spalte2 .faktaCont-nb,
#spalte2 .faktaCont-ps,
#spalte2 .faktaCont-vispor,
#spalte2 .faktaCont-vissteduat
{
	background-position: top right;
	background-repeat: no-repeat;
	padding: 14px 13px 10px 10px;
	margin-right: -7px;
	margin-bottom: 10px;
}

#spalte2 .faktaCont { background-image: url(/img/tekstboks_bg.gif); }

#spalte2 .faktaCont-fakta
{
	background-image: url(/img/fakta_bg.gif);
	padding-top: 2px;
}

#spalte2 .faktaCont-tips { background-image: url(/img/tips_bg.gif); }
#spalte2 .faktaCont-merk { background-image: url(/img/ramme_merk.gif); }
#spalte2 .faktaCont-nb { background-image: url(/img/ramme_nb.gif); }
#spalte2 .faktaCont-ps { background-image: url(/img/ramme_ps.gif); }
#spalte2 .faktaCont-vispor { background-image: url(/img/ramme_vispor.gif); }
#spalte2 .faktaCont-vissteduat { background-image: url(/img/vissteduat_bg.gif); }

#spalte2 .faktaCont h3,
#spalte2 .faktaCont-fakta h3,
#spalte2 .faktaCont-tips h3,
#spalte2 .faktaCont-merk h3,
#spalte2 .faktaCont-nb h3,
#spalte2 .faktaCont-ps h3,
#spalte2 .faktaCont-vispor h3,
#spalte2 .faktaCont-vissteduat h3
{
	letter-spacing: 0em;
	font-weight: bold;
}

#spalte2 .faktaCont .container h3,
#spalte2 .faktaCont-fakta .container h3,
#spalte2 .faktaCont-tips .container h3,
#spalte2 .faktaCont-merk .container h3,
#spalte2 .faktaCont-nb .container h3,
#spalte2 .faktaCont-ps .container h3,
#spalte2 .faktaCont-vispor .container h3,
#spalte2 .faktaCont-vissteduat .container h3
{
	font-size: 11px;
	font-weight: normal;
}

/* Teasers/Smakebit  ---------------------------------------------------------*/
.smakebitCont
{
	background-image: url(/img/ramme_anbefales.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 10px;
	padding-right: 13px;
	padding-top: 29px;
	margin-right: -7px;
	margin-bottom: 10px;
}

.teasersvartjeneste
{
	/* background-image: url(/img/ramme_svartjeneste.gif);
	background-repeat: no-repeat;
	background-position: top right; */
	padding: 2px 13px 1px 10px;
	margin-right: -7px;
	margin-bottom: 0px;
}

.teasersvartjeneste H3
{
	margin-top: 3px;
	margin-bottom: 3px;
	font-weight: bold;
}

.smakebitCont h3
{
	font-weight: bold;
	margin-top: 3px;
}

.smakebitCont .bildeblokkCont
{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	clear: left;
}

#spalte2 .laremiddellisteCont
{
	background-image: url(/img/ramme_bla.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 10px;
	padding-right: 13px;
	padding-top: 7px;
	margin-right: -7px;
	margin-bottom: 10px;
}

#spalte2 .laremiddellisteCont h3
{
	font-weight: bold;
	margin-top: 3px;
}

#spalte2 .laremiddelfirmalisteCont
{
	background-image: url(/img/ramme_bla.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 10px;
	padding-right: 13px;
	padding-top: 7px;
	margin-right: -7px;
	margin-bottom: 10px;
}

#spalte2 .laremiddelfirmalisteCont h3
{
	font-weight: bold;
	margin-top: 3px;
}

.rssCont, .rssContIntern
{
	background-repeat: no-repeat;
	background-position: top right;
	padding: 10px;
	padding-right: 13px;
	padding-top: 29px;
	margin-right: -7px;
	margin-bottom: 10px;
}

.rssCont 
{
	padding-top: 14px;
}

.temaliste
{
	background-image: url(/img/ramme_tema.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 10px;
	padding-right: 13px;
	padding-top: 29px;
	margin-right: -7px;
	margin-bottom: 10px;
}

#temareklame { margin-top: 5px; }
#temareklame a { font-weight: bold; }

/* Tabellstiler --------------------------------------------------------------*/
TABLE.RWTABSTYLEvert, TABLE.RWTABSTYLEhori, TABLE.RWTABSTYLEruter
{
	clear: both;
	border-collapse: collapse;
}

TABLE.RWTABSTYLEvert TD
{
	border-left: 2px solid silver;
	border-right: 2px solid silver;
	padding-left: 2px;
}

TABLE.RWTABSTYLEhori TD
{
	border-bottom: 2px solid silver;
	border-top: 2px solid silver;
}

TABLE.RWTABSTYLEruter { border: 1px solid gray; }

TABLE.RWTABSTYLEruter TD
{
	border: 1px solid gray;
	padding-left: 2px;
}

/* Oppgavesamlinglister ------------------------------------------------------*/
#oppgavelisteCont { background-color: transparent; }

#oppgavelisteCont .oppgave
{
	margin: 10px 0 10px 0;
	padding: 0;
	border-top: 1px solid #c0d873;
}

#oppgavelisteCont .oppgave h3 { font-weight: bold; }

.losningsCont
{
	background-color: #eee;
	padding: 5px;
	margin-top: 5px;
	clear: both;
}

#oppgavelisteCont .losningsCont h3,
.losningsCont h3
{
	margin-top: 0;
	font-weight: normal;
}

.oppgaven .adhocbilde
{
	float: right;
	margin: 0 0 5px 5px;
}

/* Læreplanlister ------------------------------------------------------------*/
#lareplanmal-liste
{
	border: 1px solid #9ECCE8;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	margin-top: 5px;
	margin-bottom: 15px;
	clear: both;
}

#lareplanmal-liste h4
{
	margin-top: 16px;
	margin-bottom: 0px;
}

#lareplanmal-liste h3
{
	color: #8CB5CE;
	font-weight: bold;
}

#lareplanmal-liste li
{
	margin-top: 6px;
	margin-bottom: 0px;
}

#lareplanmal-liste li li { margin-top: 0px; }

#lareplanmal-liste ul
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	margin-left: 0px;
	list-style: none;
}

#lareplanmal-liste ul ul
{
	padding-left: 16px;
	margin-left: 11px;
}

#lareplanmal-liste ul ul ul { list-style: disc; }

/*

#lareplanmal-liste {
	background-image:url(/images/kompetansemal_bg.gif);
	background-position: top right;
	background-repeat:no-repeat;
	margin-top: 10px;
	background-color: #eee;
	padding: 10px 10px 5px 0;
}
#lareplanmal-liste h3, 
#lareplanmal-liste h4 {
	display: none;
}
#lareplanmal-liste ul {
	padding-left: 10px;
}
#lareplanmal-liste li {
	display: block;
}
#lareplanmal-liste ul li ul li {
	margin-bottom: 5px;
}
*/

/* GREP-lareplan på lp_sok.html og lp_liste.html */
#lareplantre ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	padding-left: 48px;
}

#lareplantre ul li ul
{
	padding-left: 0;
	margin-left: 15px;
}

#lareplantre ul li { line-height: 16px; }

#lareplantre label
{
	color: #524E58;
	margin-bottom: 0.1em;
}

#lareplantre input { margin: 0; }

/* clearfix  -----------------------------------------------------------------*/
.clearfix:after,
.nyhetCont:after, 
.smakebitCont:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
.nyhetCont,
.smakebitCont { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix,
* html .nyhetCont,
* html .smakebitCont { height: 1%; }
.clearfix,
.nyhetCont,
.smakebitCont { display: block; }

/* End hide from IE-mac */
/* RSS-knappe i lett modifisert Screiberstil ---------------------------------*/
.jscr-btn
{
	/*display: block;*/
	padding: 1px;
	border: 0;
	margin: 0;
	text-decoration: none;
	background-color: #666;
	height: 15px;
	/*width: 90px;*/
}

.jscr-btnFront
{
	/*float: left;*/
	font: 10px Arial, sans-serif;
	display: inline;
	background-color: #f90;
	color: #fff;
	padding: 0 2px;
	border: 1px solid #fff;
	margin: 0px;
	width: 20px;
}

.jscr-btnText
{
	/*float: right;*/
	font: 10px Arial, sans-serif;
	display: inline;
	background-color: #898e79;
	color: #fff;
	padding: 0 2px;
	border: 1px solid #fff;
	border-left: 0;
	margin: 0px;
	padding-left: 5px;
	width: 59px;
}

#googleinput
{
	border: 1px solid #5d89d3;
	background-color: #c0cfde;
	background-image: url(/img/googleinput_bg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}

#nyhetsbrev_vignettCont
{
	margin-right: 0px;
	text-align: right;
	margin-bottom: 20px;
	background-repeat: no-repeat;
	width: 142px;
	height: 142px;
}

#kalendervignettCont
{
	margin-right: 0px;
	margin-bottom: 20px;
	margin-top: 10px;
	background-repeat: no-repeat;
	width: 142px;
	height: 142px;
	text-align: right;
}

.sidebunntxt, .sidebunntxt a:link, .sidebunntxt a:visited { color: #FFF; }