/*-----------------------------------------------------------------------------*/

.bryt {
	clear: both;
}

body{
	background : #8BB4CA url(../designelementer/bakgr.gif) no-repeat;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color : #000;
	margin: 0;
	padding : 0;
	
}

h1 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	margin: 5px;
	font-size : 1.3em;
}
h2 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	margin: 5px 0px;
	font-size : 1.1em;
	color: #0099CC;

}
h3 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	font-size : 0.9em;
	margin: 0px;
	color: #0099CC;
	clear: both;
}

h4 {
	font-weight: bold;
	margin: 0px;

}

/*-----------------------------------------------------------------------------*/
/* ------------------------------lms linjen i toppen---------------------------*/

.lms{
	background-color: #0094CC;
	color: #FFF;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	padding: 3px 0 4px 20px;

}
.lms a, .lms a:active, .lms a:focus, .lms a:hover, .lms a:visited {
	color : #FFF;
	background-color: #0094CC;
	text-decoration: none;
	padding-right : 2em;
}
.lms a:hover{
	text-decoration: underline;
}
/*-----------------------------------------------------------------------------*/
/*-----------------------Farget topp som viser emnetilhørighet-----------------*/

.logo{
	position: absolute;
	top: 22px;
	left : 0px;
}

.fagtoppgenerell {
	background-color: #0094CC;
	vertical-align: middle;
	padding: 20px 0 20px 100px;
}
.fagtittel{
	color: #FFF;
	font-weight: normal;
	font-size: 1.3em;
	letter-spacing: 2px;
	margin: 0;	
	margin-left:0.5em;
	display : inline;
	position:relative;
	top: -14px;
}
/*-----------------------------------------------------------------------------*/
/* -----------------------------WebSys's sti-linje ----------------------------*/
.breadcrumbsfelt{
	background: #FFF url(../designelementer/bue_bunn.gif) no-repeat left bottom;
	width: 665px;
	margin-top: -10px;
	margin-bottom: 15px;
	margin-left: 100px;
}
.breadcrumbs{
	font-size : 0.8em;
	color : #0094CC;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.breadcrumbs a, .div.breadcrumbs a:active, div.breadcrumbs a:focus, div.breadcrumbs a:hover, div.breadcrumbs a:visited {
	color: #669900;
	background-color: #FFF;
	text-decoration: none;
}
.breadcrumbs a:hover{
	text-decoration: underline;
}
.breadcrumbs strong{
	color : #0094CC;
}
/*-----------------------------------------------------------------------------*/
/*------------------------------bildeboks--------------------------------------*/
.tilleggsmeny {
	font-size: 0.7em;
	color: #0099CC;
	text-align: center;
}
/*----------*/
.bildeboks{
	font-size: 0.7em;
	color: #FFFFFF;
	float: right;
	margin: 0em 0em 1em 0em;
	padding: 1em;
	background-color: #8bb4ca;

/*	border: 1px solid #0094CC; */
}
.bildeboks p{	
	margin-top: 2px;
	margin-bottom: 0px;
}
.bildeboks img{
	border: 1px solid #0094CC;
}
.bildeboks object {
	border: 1px solid #0094CC;
}
.bildeboks img.ikkeramme {
	border: 0px none;
}
/*_--------------------------------------------*/

.animasjonsboks{
	font-size: 0.7em;
	color: #0099CC;
	margin: 0em 0em 1em 0em;
	padding: 1em;
	background-color: #FFFFFF;
	width: 100%;
	text-align: center;
}
.animasjonsboks p{	
	margin-top: 2px;
	margin-bottom: 0px;
}
.animasjonsboks img{
	border: 1px solid #0094CC;
}
.animasjonsboks object {
	border: 1px solid #0094CC;
}
.animasjonsboks img.ikkeramme {
	border: 0px none;
}

/*--------------------------meny lærerveiledning-------------------------------*/
/*-----------------------------------------------------------------------------*/
.veiledningsmeny{
	background-image: url(../designelementer/transp45.png);
	width: 150px;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	float: left;
	font-size: 0.9em;
	color: #0099CC;
	font-weight: bold;

}
.veiledningsmeny a, .veiledningsmeny a:active, .veiledningsmeny a:focus, .veiledningsmeny a:hover, .veiledningsmeny a:visited{
	color : #CC6600;
	text-decoration : none;
}
.veiledningsmeny a:hover{
	text-decoration : underline;
}
.veiledningsmeny p{
	padding: 0px 0px 0px 5px;
}
/*-----------------------------------------------------------------------------*/
/*------------------------------faginnhold-------------------------------------*/
.holdebredde {
	width: 770px;
}
.tekstbakgrunn {
	background-image: url(../designelementer/transp45.png);
	width: 590 px;
	margin: 0px 0px 20px 170px;
	padding: 0px;
}

.tekstfelt {
	margin: 0px 15px;
}
.tekstfelt a, .tekstfelt a:active, .tekstfelt a:focus, .tekstfelt a:hover, .tekstfelt a:visited{
	color : #CC6600;
	text-decoration : none;
}
.tekstfelt a:hover{
	text-decoration : underline;
}
.bunnbue {
	margin: 0px;
	padding: 0px;
}
.toppbue {
	margin: 0px;
	padding: 0px;
}
.attention {
	background-color: #FFFF99;
	font-size: x-small;
	font-style: italic;
}

/* navigasjon i bunn */

.knappVidere {
	float: right;	
	clear: both;
}

.knappVidere img {
	vertical-align: middle;
	margin-left: 5px;
	border: 0px;
}

.knappTilbake {
	float: left;
	clear: both;
}

.knappTilbake img {
	vertical-align: middle;
	margin-right: 5px;
	border: 0px;
}

.knappFasit {
	margin: 5px;
	text-align: right;
}

.knappFasit a img {
	vertical-align: middle;
	margin-left: 5px;
	border: 0px;
}

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

/* klasser til venstre/høyre-div */

.oppgaverVenstre {
	float: left;
	width: 45%;
}
.oppgaverHoyre {
	float: right;
	width: 45%;	
}
.oppgaverHele {
	width: 100%;
	clear: both;
	margin-bottom: 0.5em;
}

/* klasser til ute/inne/link-div */

.oppgaverUte, .oppgaverInne, .tenkeGjennom, .snakkeOm, .viseAndre, .lenker, .eksterneLenker,  .popUp {
	border-width: 0 8px 8px 8px;
	border-color: #0094CC;
	border-style: solid;
	background-color: #FFFFFF;
	margin: 0 0 15px 0
}
.oppgaverUte img, .oppgaverInne img, .tenkeGjennom img, .snakkeOm img, .viseAndre img, .lenker img, .eksterneLenker img,  .popUp img {
	border-width: 1px 1px 1px 1px;
	border-color: #0094CC;
	border-style: solid;
}

/* h2 */

.oppgaverUte h2, .oppgaverInne h2, .tenkeGjennom h2, .snakkeOm h2, .viseAndre h2, .lenker h2, .eksterneLenker h2, .popUp h2 {
	background-repeat: no-repeat;
	background-position: right center;
	padding: 6px 0px 6px 0px;
	color: #FFFFFF;
	margin-top: 0;
}

.oppgaverUte h2 {
	background-color: #0094CC;
	background-image: url(../designelementer/ute.gif);
}

.oppgaverInne h2 {
	background-color: #0094CC;
	background-image: url(../designelementer/inne.gif);
}

.tenkeGjennom h2 {
	background-color: #0094CC;
	background-image: url(../designelementer/tenke.gif);
}

.snakkeOm h2{
	background-color: #0094CC;
	background-image: url(../designelementer/snakkeom.gif);
}

.viseAndre h2{
	background-color: #0094CC;
	background-image: url(../designelementer/viseandre.gif);
}

.lenker h2 {
	background-color: #0094CC;
	background-image: url(../designelementer/bokmerke_stjerne.gif);
}

.eksterneLenker h2 {
	background-color: #0094CC;
	background-image: url(../designelementer/eksternlenke.gif);
}

.popUp h2 {
	background-color: #0094CC;
	background-image: url(../designelementer/logo_mini.gif);
}
/* p */

.oppgaverUte p, .oppgaverInne p, .tenkeGjennom p, .snakkeOm p, .viseAndre p, .lenker p, .eksterneLenker p, .popUp p{
	margin: 0 4px 4px 4px;
	font-weight: bold;
	font-size : 0.9em;
	color: #0099CC;
}
/* h3*/
.oppgaverUte h3, .oppgaverInne h3, .tenkeGjennom h3, .snakkeOm h3, .viseAndre h3, .lenker h3, .eksterneLenker h3, .popUp h3 {
	margin: 0 4px 4px 4px;
	font-weight: bold;
	color: #000000;
}

/*-----------------------------------------------------------------------------*/
/* ---------------------------- bunntekst--------------------------------------*/
.copyright{
	font-size : 0.7em;
	text-align : center; 
	padding-bottom: 2em;
}
.copyright a, .copyright a:active, .copyright a:focus, .copyright a:visited{
	color : #000;
	text-decoration : none;
}
.copyright a:hover{
	text-decoration : underline;
}
.lagrebokmerke{
	font-weight: bold;
}
.lagrebokmerke a, .lagrebokmerke a:active, .lagrebokmerke a:focus, .lagrebokmerke a:hover, .lagrebokmerke a:visited{
	text-align : center; 
	color : #FFFFFF;
	font-size : 1.2em;
	text-decoration : none;
}
.lagrebokmerke a:hover{
	text-decoration : underline;
}
/*-----------------------------------------------------------------------------*/
/*---------------------------------Printe-versjon------------------------------*/
@media print {
	.lms {
		display:none;
	}

	.verktoy {
		display:none;
	}
	
	.logo {
		display:none;
	}
	.toppbue{
		display:none;
	}

	.bunnbue{
		display:none;
	}

	.lagrebokmerke {
		display: none;
	}
}.bold {
	font-weight: bold;
}
p {
	margin-top: 0px;
}