body {
	background-image: url(../images/ruter.gif);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.pop-leksikon-body {
	background-image: none;
	background-color : #EBEBEB;
}
/*************************************************************/
/*                    Tekstformatering                       */
/*************************************************************/

p {
	font-size: 0.9em;
	line-height: 140%;
}

h1, h2, h3 {
	font-family: "Trebuchet MS", Arial, sans-serif;
}

h1, h2, h3, p {
	padding: 3px;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

/* pga navigasjon videre/tilbake */
h2 {
	clear: both;
}
/* ==== */

h1 {
	color: #FFFFFF;
	background-color: #000000;
	font-size: 1.4em;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 4px 2px 4px 4px;
	border-bottom: 4px solid #FFFFFF;
}

h1.h1-aktiviteter {
	background-color: #FF6633;
}

h1.h1-kurs {
	background-color: #99CC33;
}

h1.h1-flashverden {
	background-color: #ECDD06;
	color: #666666;
}

h1.h1-generell {
	background-color: #43759F;
}

h1 a {
	text-decoration: none;
	color: #FFFFFF;
}

h1.h1-flashverden a {
	color: #666666;
}

h2 {
	font-size: 1.1em;
}

h3 {
	font-size: 0.9em;
}

ul, ol {
	font-size: 0.9em;
}

ul {
	list-style-type: circle;
}

.ingress {
	font-weight: bold;
}

.utdrag, blockquote {
	font-size: 1em;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0 2em 0 1em;
	width: 85%;
}

.spalte1 .utdrag {
	margin: 0 0 0 5px;
	width: 95%;
}

dfn {
	background-color: #CCE7FE;
	padding: 0 2px 0 2px;
}

/*************************************************************/
/*                         Topp                              */
/*************************************************************/

.stjerne {
	position: absolute;
	left: 12px;
	top: 14px;
}

.print-topp {
	display: none;
}

.logo {
	float: right;
	margin-top: 35px;
	margin-right: 8px;
}

.screen-logo {
	float: right;
	margin-top: 38px;
	margin-right: 8px;
}

.topp {
	background-image: url(../images/buer.gif);
	background-repeat: no-repeat;
	height: 68px;
	margin: 4px 0px 0px 4px;
	padding: 0px;
	width: 752px;
	border-width: 4px 4px 0 4px;
	border-style: solid;
	border-color: white;
}

.pop-topp {
	background-image: url(../images/buer.gif);
	background-repeat: no-repeat;
	height: 68px;
	margin: 4px 0px 0px 4px;
	padding: 0px;
	/* width: 488px; */
	width: 98%;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 4px 4px 0 4px;
}

#snarveier {
	float: right;
	color: #FFFFFF;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, sans-serif;
	vertical-align: middle;
}

#snarveier a {
	text-decoration: none;
	color: #FFFFFF;
}

#snarveier a:hover {
	text-decoration: underline;
}

/*************************************************************/
/*                      Innholdsfelt                         */
/*************************************************************/

.innhold {
	position: absolute;
	width: 752px;
	
	/* UNNGÅ HVIT SPALTESTREK MELLOM SPALTE 1 og 2 */
	/* background-color: #FFFFFF; */
	background-color: #EBEBEB;
	
	margin: 0 4px 4px 4px;
	border: 4px solid #FFFFFF;
}

.pop-innhold {
	/* position: absolute; */
	/* width: 488px; */
	width: 98%;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 4px;
	border: 4px solid #FFFFFF;
}

/*************************************************************/
/*                      Fullskjerm                           */
/*************************************************************/

.fullskjerm {
	width: 744px;
	background-color: #EBEBEB;
	padding: 2px;
}

.pop-fullskjerm {
	/* width: 480px; */
	/*width: 100%;*/
	background-color: #EBEBEB;
	padding: 2px;
}

/*************************************************************/
/*                  Spalter - tekst og flash                 */
/*************************************************************/

.spalte1 {
	clear: left;
	width: 220px;
	background-color: #EBEBEB;
	float: left;
	min-height: 500px;
	margin-top: 4px;
}

.spalte2 {
	width: 69%;
	background-color: #EBEBEB;
	float: right;
	min-height: 500px;
	margin-top: 4px;
	padding-left: 4px; 
	padding-right: 4px;
}

.spalte2 h1 {
	margin-top: 20px;
}

/*************************************************************/
/*               Tekst med bilde i høyre marg                */
/*************************************************************/

.tekstbilde {
	width: 100%;
	background-color: #EBEBEB;
	padding: 2px;
	margin-top: 4px;
}

div.bildeboks, div.bildeboks-right, div.bildeboks-left {
	top: auto;
	width: auto;
	height: auto;
	padding: 4px;
	margin: 4px;
	border: 2px solid #666666;
	background-color: #FFFFFF;
}

div.bildeboks {
	float: right;
	display: inline;
}

div.bildeboks-right {
	float: right;
}

div.bildeboks-left {
	float: left;
}

div.bildeboks p, div.bildeboks-right p, div.bildeboks-left p {
	font-size: 0.8em;
	font-style: italic;
}

div.bildeboks-senter {
	width: 100%;
	text-align: center;
	clear: both;
}

div.bildeboks-senter img {
	top: auto;
	padding: 4px;
	margin: 4px;
	border: 2px solid #666666;
	background-color: #FFFFFF;
}

a {
	 color: #FF6633;
	 font-weight: bold;
}

/*************************************************************/
/*                     Oppgaver og lenker                    */
/*************************************************************/

/* skal vekk */	

/* h2 */

h2.oppgaver, h2.lenker, h2.eksternlenker {
	color: #FFFFFF;
	margin-bottom: 0;
	padding-left: 8px;
	margin-top: 0.5em;
}

h2.oppgaver {
	/* background-color: #99CC33; */
	background-color: #C9CCD1;
}

h2.lenker {
	/* background-color: #FF6633; */
	background-color: #C9CCD1;
}

h2.eksternlenker {
	/* background-color: #ECDD06; */
	background-color: #C9CCD1;
}

/* skal vekk */	

/* p */

p.oppgaver, p.lenker, p.eksternlenker {
	margin-top: 0;
	background-color: #FFFFFF;
	border-width: 8px;
	border-top-width: 4px;
	border-style: solid;
}

p.oppgaver {
	border-color: #99CC33;
}

p.lenker {
	border-color: #FF6633;
}

p.eksternlenker {
	border-color: #ECDD06;
}

/*************************************************************/
/*                     Oppgaver og lenker                    */
/*                   Versjon 2 for snippets                  */
/*************************************************************/

.boks-oppgaver, .boks-lenker, .boks-eksternlenker {
	margin: 0 0 4px 0;
	background-color: #FFFFFF;
	border-width: 8px;
	border-top-width: 0;
	border-style: solid;
	clear: both;
	margin-bottom: 1em;
}

.boks-oppgaver {
	/* border-color: #99CC33; */
	border-color: #C9CCD1;
}

.boks-oppgaver h2, .boks-lenker h2, .boks-eksternlenker h2 {
	margin-top: 0;
	color: #FFFFFF;
}

.boks-oppgaver h2 {
	/* background-color: #99CC33; */
	background-color: #C9CCD1;
}

.boks-lenker {
	/* border-color: #FF6633; */
	border-color: #C9CCD1;
}

.boks-lenker h2 {
	/* background-color: #FF6633; */
	background-color: #C9CCD1;
}

.boks-eksternlenker {
	/* border-color: #ECDD06; */
	border-color: #C9CCD1;
}

.boks-eksternlenker h2 {
	/* background-color: #ECDD06; */
	background-color: #C9CCD1;
}

/*************************************************************/
/*                          Bunntekst                         */
/*                                                            */
/*************************************************************/

.copyright {
	font-size : 0.7em;
	text-align : center; 
	padding-bottom: 0em;
	clear: both;
	border-top: 4px solid #FFFFFF;
}
.copyright a, .copyright a:active, .copyright a:focus, .copyright a:visited {
	color : #F63;
	text-decoration : none;
	font-weight: normal;
}
.copyright a:hover {
	text-decoration : underline;
}

/*************************************************************/
/*                          Leksikon                         */
/*         Hvem har lagt inn denne, og hva er den til?       */
/*************************************************************/

.leksicon {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-style: normal;
	font-weight: lighter;
	color: #FF6600;
	list-style-position: outside;
	list-style-type: circle;
}

/*************************************************************/
/*                        Ordliste                           */
/*************************************************************/

.ordliste {
	top:auto;
    width: 230;
	height:360;
	overflow: auto;
}

.ordliste > a {
	/*width : auto;*/
}

.ordliste a {
	display : block;
}

.ordliste a:link, .ordliste a:visited,  {
	color : #000000;
	font-size : 0.8em;
	/*padding : 2px;*/
	text-decoration : none;
	background-color : #F1F1F1;
	margin-bottom : 1px;
}


 .ordliste a:hover {
	background : #000000;
	color : #FFFFFF;
}

/*************************************************************/
/*      BOKS for underoverskrift og undermeny (2-spaltet)    */
/*************************************************************/

.overmenyboks {
	background-color: #CCE7FE;
	float: left;
	border-bottom: 4px solid #FFFFFF;
	background-image: url(hvit.gif);
	background-repeat: repeat-y;
	background-position: 220px;
	clear: both;
	width: 100%
}

/*************************************************************/
/*                Underoverskrift                            */
/*************************************************************/

.underoverskrift {
	width: 220px; 
	float: left;
}

.underoverskrift h2 {
	margin-top: 0;
}

.underoverskrift h2 a {
	text-decoration: none;
	color: #000000;
}

/*************************************************************/
/*      Undermeny (under overskrift) med underoverskrift     */
/*************************************************************/

.undermenyspaltet {
	float: right;
	padding-left: 4px; 
	padding-right: 4px;
	padding-bottom: 4px;
	width: 520px;
}

.undermenyspaltet a {
	font-family: "Trebuchet MS", arial, sans-serif;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	line-height: 130%;
	font-size: 0.9em;
}

.undermenyspaltet a:hover {
	text-decoration: underline;
}

/*************************************************************/
/*      Undermeny (under overskrift) uten underoverskrift    */
/*************************************************************/

.undermeny {
	background-color: #CCE7FE;
	padding: 4px;
	border-bottom: 4px solid #FFFFFF;
}

.undermeny a {
	font-family: "Trebuchet MS", arial, sans-serif;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	line-height: 130%;
	font-size: 0.9em;
}

.undermeny a:hover {
	text-decoration: underline;
}

/*************************************************************/
/*                         Frem og tilbake                   */
/*************************************************************/

.tilbakepil, .viderepil {
	margin-top: 5px;
}

.tilbakepil {
	float: left;
}

.viderepil {
	float: right;
}

.hvorerjeg {
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 8px;
	margin-left: 40px;
	margin-right: 40px;
}

/*************************************************************/
/*                         Utskrift                          */
/*************************************************************/

@media print {
	body {
		width: 100%;
	}
	
	.topp img {
		display: none;
	}
	
	.topp:before {
		content: url("http://home.hib.no/mediesenter/demo/LS_Norskverksted/www/images/stjerne_utskrift.gif");	
	}	

	.topp:after {
		content: url("http://home.hib.no/mediesenter/demo/LS_Norskverksted/www/images/logo_utskrift.gif");	
	}	

	.innhold, .pop-innhold, .pop-fullskjerm {
		width: 100%;
		left: 0px;
	}
	
	.tekstbilde p {
		width: 60%;
	}
	
	div.tekstbilde p.hoyrebilde {
		width: 40%;
		left: 0px;
		position: relative;
		float: right;
	}
	
	.spalte1 { 
		width: 28%;
	}
	
	.spalte2 {
		width: 68%;
	}
	
	.undermeny, .undermenyspaltet, #snarveier {
		display: none;
	}
	
	.underoverskrift {
		height: auto;
		width: 100%;
	}
	
	/* skal vekk */
	h2.oppgaver, h2.lenker, h2.eksternlenker {
		padding: 0;		
	}

	/* skal vekk */	
	p.oppgaver, p.lenker, p.eksternlenker {
		border-width: 0;
		background-color: #FFFFFF;
		padding: 0;
	}

	.boks-oppgaver, .boks-lenker, .boks-eksternlenker {
		border: 0;
	}

}

.bryt {
	clear: both;
}