@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Exo:wght@200&family=Roboto:wght@300&family=Source+Sans+Pro&display=swap');

*{
	font-family: 'Source Sans Pro', sans-serif;
}

body{
	margin: 0;
	padding: 0;
	
}

#header{
	background-color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px;
	
}
#header img{
	width: 142px;
	height: 121px;
	padding: 15px;
	position:relative;
	right: 145px;

	
}
.invisble_MainMenu{
	opacity: 0;
}
#header .radio_tabs_head{
	font-size: 20px;
	font-weight: bold; 
	padding: 20px;
	display: flex;

}

#header .radio_tabs_head .radio_wrap_head{
	margin-right: 30px;
	display: block;
	position: relative;
	cursor: pointer;
}

#header .radio_tabs_head .radio_wrap_head .radio_markSubject{
	content:'';
	display: block;
	border: solid 1.5px #000;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 7px;
	margin: 5px;
}

#header .radio_tabs_head .radio_wrap_head .inputSubject{
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
}
#header .radio_tabs_head .radio_wrap_head .inputSubject:checked ~ .radio_markSubject{
	background: #FAB511;
	color: #fff;
}



.sidebar{
	position: fixed;
	top: 0;
	right: -250px;
	background: #262626;
	width: 250px;
	height: 100%;
	transition: .5s;
}

.active{
	right: 0;
}

ul{
	margin: 0;
	padding: 20px 0;
	/*float: right; Usikker på om jeg skal ha denne*/
}

ul li{
	list-style: none;
}

ul li a{
	padding: 10px 50px;
	color: #fff;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid rgba(0,0,0,.2);
}

.sidebarBtn{
	position: absolute;
	top: 0;
	left: -50px;
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	cursor: pointer;
	background: #f5f5f5;
	border: none;
	outline: none;
		
}
.sidebarBtn span{
	display: block;
	width: 35px;
	height: 3px;
	background: #262626;
	position: absolute;
	top: 24px;
	transition: .3s;	
}

.sidebarBtn span:before{
	content: '';
	position: absolute;
	top: -10px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #262626;
	transition: .3s;
}

.sidebarBtn span:after{
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	height: 3px;
	background: #262626;
	transition: .3s;
}

.sidebarBtn.toggle span{
	background: transparent;
}

.sidebarBtn.toggle span:before{
	top: 0;
	transform: rotate(45deg);
}

.sidebarBtn.toggle span:after{
	top: 0;
	transform: rotate(-45deg);
}

#wrapper{
	background-color: #FFF;
	
}

#mainContent{
	/*margin-top: 50px;*/
	padding: 0;
	background-color: #FFF;
	
	
}

#mainContent .title{
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 25px;
	/*padding-top:30px;*/
	background-color: aqua;
	
}

#wrapButtText{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: -30px;
	height: 200px;
	
	
	
}

#wrapButtText button{
	margin: 60px;
	

}



#wrapButtText .yearOne {
	border: 5px solid #FAB511;
	/*display: inline-block;*/
	width: 200px;
	height: 200px;
	border-radius: 50%;
	
}

#wrapButtText .yearOne:hover{
	background-color: #FAB511;
	transition: 1s;
}

#wrapButtText .yearTwo{
	border: 5px solid #6EB52C;
	/*display: inline-block;*/
	width: 200px;
	height: 200px;
	border-radius: 50%;
	
}

#wrapButtText .yearTwo:hover{
	background-color: #6EB52C;
	transition: 1s;
}

#wrapButtText .yearThree{
	border: 5px solid #5CC5EE;
	/*display: inline-block;*/
	width: 200px;
	height: 200px;
	border-radius: 50%;
	
}

#wrapButtText .yearThree:hover{
	background-color: #5CC5EE;
	transition: 1s;
}




.vg{
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 30px;
	position: relative;
	bottom: 44px;
	left: 12px;	
	
}

.year{
	font-weight: bold;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 150px;
	position: relative;
	bottom: 7px;
	left: -8px;
}

/*Hovedinnholdet - Fagsidene*/

#mainContentSubject{
	display: flex;
	justify-content: center;
	margin: 20px;
	/*align-items: center;*/
}

#mainContentSubject .contentSub{
	background: #FFF;
	width: 1250px;
}

#mainContentSubject .sidebarSub{
	background: #FFF;
	width: 300px;
}

.radio_contentSub{
	display: flex;
	justify-content: center;
}

/*Kompasset*/

.compass{
	background: #FFF;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-template-areas: "overlap";
	padding-top: 60px;
	width: 500px;
}
.radio_contentSub .compass .gridEn{
	grid-area: overlap;
	align-self:center;
	justify-self: center;
}
.radio_contentSub .compass .gridTo{
	grid-area: overlap;
	align-self:center;
	justify-self: center;	
}
.radio_contentSub .compass .gridTre{
	grid-area: overlap;
	align-self:center;
	justify-self: center;
}
.radio_contentSub .compass .gridFire{
	grid-area: overlap;
	align-self:center;
	justify-self: center;	
}

.radio_contentSub .compass .gridFem{
	grid-area: overlap;
	align-self:center;
	justify-self: center;	
}

.radio_contentSub .compass .gridSeks{
	grid-area: overlap;
	align-self:center;
	justify-self: center;	
}


.radio_contentSub .compass .gridEn label{
	display:block;
	position:relative;
	cursor: pointer;
}
.radio_contentSub .compass .gridTo label{
	display:block;
	position:relative;
	cursor: pointer;
}

.radio_contentSub .compass .gridTre label{
	display:block;
	position:relative;
	cursor: pointer;
}

.radio_contentSub .compass .gridFire label{
	display:block;
	position:relative;
	cursor: pointer;
}

.radio_contentSub .compass .gridFem label{
	display:block;
	position:relative;
	cursor: pointer;
}


.radio_contentSub .compass .gridEn label .uttrykk_en{
	position: relative;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background:#FFF;
	border: solid 3px #CCA451;
	padding: 20px;
	display: block;
	text-align: center;
	transition: 1s;
	
}
.radio_contentSub .compass .gridTo label .uttrykk_to{
	position: relative;
	width: 325px;
	height: 325px;
	border-radius: 50%;
	background:#FFF;
	border: solid 3px #FAB515;
	padding: 20px;
	display: block;
	text-align: center;
	transition: 1s;
	
}
.radio_contentSub .compass .gridTre label .uttrykk_tre{
	position: relative;
	width: 250px;
	height: 250px;
	border-radius: 50%;
	background:#FFF;
	border: solid 3px #FED485;
	padding: 20px;
	display: block;
	text-align: center;
	transition: 1s;
	
}

.radio_contentSub .compass .gridFire label .uttrykk_fire{
	position: relative;
	width: 175px;
	height: 175px;
	border-radius: 50%;
	background:#FFF;
	border: solid 3px #FFE2B0;
	padding: 20px;
	display: block;
	text-align: center;
	transition: 1s;
	
}

.radio_contentSub .compass .gridFem label .uttrykk_fem{
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background:#FFF;
	border: solid 3px #FFEBCF;
	padding:20px;
	display: block;
	text-align: center;
	transition: 1s;
	
}

.radio_contentSub .compass .gridEn label .inputUttrykk{
	opacity: 0;
}
.radio_contentSub .compass .gridTo label .inputUttrykk{
	opacity: 0;
}

.radio_contentSub .compass .gridTre label .inputUttrykk{
	opacity: 0;
}
.radio_contentSub .compass .gridFire label .inputUttrykk{
	opacity: 0;
}
.radio_contentSub .compass .gridFem label .inputUttrykk{
	opacity: 0;
}

.radio_contentSub .compass .gridEn label .inputUttrykk:checked ~ .uttrykk_en{
	font-style: italic;
	font-weight: bold;
	background: #CCA451;
}
.radio_contentSub .compass .gridEn label:hover .uttrykk_en{
	background-color: #CCA451;
	
} 
.radio_contentSub .compass .gridTo label .inputUttrykk:checked ~ .uttrykk_to{
	font-style: italic;
	font-weight: bold;
	background: #FAB515;
}
.radio_contentSub .compass .gridTo label:hover .uttrykk_to{
	background-color: #FAB515;
	
} 
.radio_contentSub .compass .gridTre label .inputUttrykk:checked ~ .uttrykk_tre{
	font-style: italic;
	font-weight: bold;
	background: #FED485;
}

.radio_contentSub .compass .gridTre label:hover .uttrykk_tre{
	background-color: #FED485;
	
} 

.radio_contentSub .compass .gridFire label .inputUttrykk:checked ~ .uttrykk_fire{
	font-style: italic;
	font-weight: bold;
	background: #FFE2B0;
}
.radio_contentSub .compass .gridFire label:hover .uttrykk_fire{
	background-color: #FFE2B0;
	
} 
.radio_contentSub .compass .gridFem label .inputUttrykk:checked ~ .uttrykk_fem{
	font-style: italic;
	font-weight: bold;
	background: #FFEBCF;
}
.radio_contentSub .compass .gridFem label:hover .uttrykk_fem{
	background-color: #FFEBCF;
	
} 
.compassTittel_En{
	display: inline;
	position: absolute;
	top: -6px;
	right: 170px;
}
.compassTittel_To{
	display: inline;
	position: absolute;
	top: -6px;
	right: 150px;
}
.compassTittel_Tre{
	display: inline;
	position: absolute;
	top: -6px;
	right: 115px;
}

.compassTittel_Fire{
	display: inline;
	position: absolute;
	top: -6px;
	right: 55px;
}

/*Kompass matematikk*/
.radio_contentSub .compass .gridEn label .math_en{
	position: relative;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background:#FFF;
	border: solid 3px #2F82A3;
	padding: 20px;
	display: block;
	text-align: center;
	transition: 0.5s;
	
}
.radio_contentSub .compass .gridEn label:hover .math_en{
	background-color: #2F82A3;
	color: #FFF;
} 
.radio_contentSub .compass .gridEn label .inputMath:checked ~ .math_en{
	font-style: italic;
	font-weight: bold;
	background: #2F82A3;
	color: #FFF;
}
.radio_contentSub .compass .gridTo label .math_to{
	position: relative;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	background:#FFF;
	border: solid 3px #6598B4;
	padding: 20px;
	display: block;
	text-align: center;
	transition: 0.5s;
	
}
.radio_contentSub .compass .gridTo label:hover .math_to{
	background-color: #6598B4;
	color: #FFF;
} 
.radio_contentSub .compass .gridTo label .inputMath:checked ~ .math_to{
	font-style: italic;
	font-weight: bold;
	background: #6598B4;
	color: #FFF;
}

.radio_contentSub .compass .gridFire label .math_syv{
	position: relative;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background:#FFF;
	border: solid 3px #ADDDF7;
	padding: 20px;
	display: block;
	text-align: center;
	transition: 1s;
	
}
.radio_contentSub .compass .gridFire label:hover .math_syv{
	background-color: #ADDDF7;
	
} 
.radio_contentSub .compass .gridFire label .inputMath:checked ~ .math_syv{
	font-style: italic;
	font-weight: bold;
	background: #ADDDF7;
	
}
.radio_contentSub .compass .gridFem label .math_eight{
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background:#FFF;
	border: solid 3px #CBE9FA;
	padding:20px;
	display: block;
	text-align: center;
	transition: 1s;
	
}
.radio_contentSub .compass .gridFem label:hover .math_eight{
	background-color: #CBE9FA;
	
} 

.radio_contentSub .compass .gridFem label .inputMath:checked ~ .math_eight{
	font-style: italic;
	font-weight: bold;
	background: #CBE9FA;
	
}


.radio_contentSub .compass .gridSeks label .math_nine{
	position: relative;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background:#FFF;
	border: solid 3px #CBE9FA;
	padding:20px;
	display: block;
	text-align: center;
	transition: 1s;
	
}
.radio_contentSub .compass .gridEn label .inputMath{
	opacity: 0;
}
.radio_contentSub .compass .gridTo label .inputMath{
	opacity: 0;
}
.radio_contentSub .compass .gridTre label .inputMath{
	opacity: 0;
}
.radio_contentSub .compass .gridFire label .inputMath{
	opacity: 0;
}
.radio_contentSub .compass .gridFem label .inputMath{
	opacity: 0;
}
.radio_contentSub .compass .gridSeks label .inputMath{
	opacity: 0;
}
.compassTittelMath_En{
	display: inline;
	position: absolute;
	top: 4px;
	right: 165px;
	font-size: 14px;
}
.compassTittelMath_To{
	display: inline;
	position: absolute;
	top: 4px;
	right: 130px;
	font-size: 14px;
}

.compassTittelMath_Syv{
	display: inline;
	position: absolute;
	top: -4px;
	right: 70px;
	font-size: 14px;
}
.compassTittelMath_Eight{
	display: inline;
	position: absolute;
	top: 30px;
	right: 5px;
	font-size: 14px;
}


/*Kompass engelsk*/

.radio_contentSub .compass .gridEn label .eng_en{
	position: relative;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background:#FFF;
	border: solid 3px #7FA351;
	padding: 20px;
	display: block;
	text-align: center;
	transition: 0.5s;
	
}
.radio_contentSub .compass .gridEn label:hover .eng_en{
	background-color: #7FA351;
	color: #FFF;
} 
.radio_contentSub .compass .gridEn label .inputEng:checked ~ .eng_en{
	font-style: italic;
	font-weight: bold;
	background: #7FA351;
	color: #FFF;
}



.radio_contentSub .compass .gridTo label .eng_to{
	position: relative;
	width: 270px;
	height: 270px;
	border-radius: 50%;
	background:#FFF;
	border: solid 3px #94C357;
	padding: 20px;
	display: block;
	text-align: center;
	transition: 0.5s;
	
}

.radio_contentSub .compass .gridTo label:hover .eng_to{
	background-color: #94C357;
	color: #FFF;
} 

.radio_contentSub .compass .gridTo label .inputEng:checked ~ .eng_to{
	font-style: italic;
	font-weight: bold;
	background: #94C357;
	color: #FFF;
}

.radio_contentSub .compass .gridTre label .eng_tre{
	position: relative;
	width: 135px;
	height: 135px;
	border-radius: 50%;
	background:#FFF;
	border: solid 3px #B2D285;
	padding: 20px;
	display: block;
	text-align: center;
	transition: 0.5s;
	
}

.radio_contentSub .compass .gridTre label:hover .eng_tre{
	background-color: #B2D285;
	color: #FFF;
} 

.radio_contentSub .compass .gridTre label .inputEng:checked ~ .eng_tre{
	font-style: italic;
	font-weight: bold;
	background: #B2D285;
	color: #FFF;
}



.radio_contentSub .compass .gridEn label .inputEng{
	opacity: 0;
}
.radio_contentSub .compass .gridTo label .inputEng{
	opacity: 0;
}
.radio_contentSub .compass .gridTre label .inputEng{
	opacity: 0;
}

.compassTittelEng_En{
	display: inline;
	position: absolute;
	top: 10px;
	right: 155px;
	font-size: 16px;
}

.compassTittelEng_To{
	font-size: 16px;
	display: inline;
	position: absolute;
	right: 135px;
	top: 10px;
	
}
.compassTittelEng_Tre{
	font-size: 16px;
	display: inline;
	position: absolute;
	top: 40px;
	right: 35px;
}

/*Kompass norsk*/

.radio_contentSub .compass .gridEn label .nor_en{
	position: relative;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background:#FFF;
	border: solid 3px #7FA351;
	padding: 20px;
	display: block;
	text-align: center;
	transition: 0.5s;
	
}
.radio_contentSub .compass .gridEn label:hover .nor_en{
	background-color: #7FA351;
	color: #FFF;
} 
.radio_contentSub .compass .gridEn label .inputNor:checked ~ .nor_en{
	font-style: italic;
	font-weight: bold;
	background: #7FA351;
	color: #FFF;
}



.radio_contentSub .compass .gridTo label .nor_to{
	position: relative;
	width: 270px;
	height: 270px;
	border-radius: 50%;
	background:#FFF;
	border: solid 3px #94C357;
	padding: 20px;
	display: block;
	text-align: center;
	transition: 0.5s;
	
}

.radio_contentSub .compass .gridTo label:hover .nor_to{
	background-color: #94C357;
	color: #FFF;
} 

.radio_contentSub .compass .gridTo label .inputNor:checked ~ .nor_to{
	font-style: italic;
	font-weight: bold;
	background: #94C357;
	color: #FFF;
}

.radio_contentSub .compass .gridTre label .nor_tre{
	position: relative;
	width: 135px;
	height: 135px;
	border-radius: 50%;
	background:#FFF;
	border: solid 3px #B2D285;
	padding: 20px;
	display: block;
	text-align: center;
	transition: 0.5s;
	
}

.radio_contentSub .compass .gridTre label:hover .nor_tre{
	background-color: #B2D285;
	color: #FFF;
} 

.radio_contentSub .compass .gridTre label .inputNor:checked ~ .nor_tre{
	font-style: italic;
	font-weight: bold;
	background: #B2D285;
	color: #FFF;
}



.radio_contentSub .compass .gridEn label .inputNor{
	opacity: 0;
}
.radio_contentSub .compass .gridTo label .inputNor{
	opacity: 0;
}
.radio_contentSub .compass .gridTre label .inputNor{
	opacity: 0;
}

.compassTittelNor_En{
	display: inline;
	position: absolute;
	top: 10px;
	right: 155px;
	font-size: 16px;
}

.compassTittelNor_To{
	font-size: 16px;
	display: inline;
	position: absolute;
	right: 135px;
	top: 10px;
	
}
.compassTittelNor_Tre{
	font-size: 16px;
	display: inline;
	position: absolute;
	top: 40px;
	right: 35px;
}



/*Kompetansemålene -Medieuttrykk*/

.mainAim{
	background: #FFF;
	width: 250px;
	margin: 20px;
	padding-right: 50px;
	position: relative;
	border-right: solid 0.5px #000;

}
.mainAimTittel{
	position: absolute;
	top: 0px;
	font-size: 20px;
	font-weight: 800;
}

/*Kompetansemålene tilhørende Presentasjon*/
.uttPresentAim{
	margin: 10px;
	position:absolute;
}
.uttPresent_wrap{
	cursor: pointer;
	
}


.uttPresent_enText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #C71617;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 30px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.uttPresent_en{
	position: absolute;
	top: 20px;
	left: 5px;
}

.uttPresent_hover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}


.uttPresent_enText:hover .uttPresent_hover{
	visibility: visible;
	
}
.inputUttPresent:checked ~ .uttPresent_enText{
	background: #C71617;
	color: #fff;
}


.uttPresent_to{
	display: block;
	position: absolute;
	top: 100px;
	left: 20px;
	width: 18px;
	height: 18px;
	background:#A8A7A7;
	opacity: 0.5;
	transition: .5s;
}

.uttPresent_to:hover{
	opacity: 1;
}

.uttPresent_to:before, .uttPresent_to:after {
	position:absolute;
	left: 8px;
	content: '';
	height: 15px;
	width: 2px;
	background-color: #333;
}

.uttPresent_to:before{
	transform: rotate(45deg);
}
.uttPresent_to:after{
	transform: rotate(-45deg);
}
.inputUttPresent{
	opacity: 0;
}


/*Kompetansemålene tilhørende Medieuttrykk Prosess*/
.uttProsessAim{
	margin: 10px;
	position:absolute;
	
}

.uttProsess_wrap{
	cursor: pointer;
	
}

.inputUttProsess{
	opacity: 0;
}

.uttProsess_enText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #FBBB0E;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 30px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.uttProsess_en{
	position: absolute;
	top: 20px;
	left: 0;
}
.uttProsess_enHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputUttProsess:checked ~ .uttProsess_enText{
	background: #FBBB0E;
	color: #fff;
}

.uttProsess_enText:hover .uttProsess_enHover{
	visibility: visible;
}

.uttProsess_toText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #E7E000;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 100px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}

.uttProsess_to{
	position: absolute;
	top: 22px;
	left: 0;
}
.uttProsess_toHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputUttProsess:checked ~ .uttProsess_toText{
	background: #E7E000;
	color: #fff;
}
.uttProsess_toText:hover .uttProsess_toHover{
	visibility: visible;
}

.uttProsess_treText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #89BD24;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 170px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}

.uttProsess_tre{
	position: absolute;
	top: 12px;
	left: 8px;
}
.uttProsess_treHover{
	position: absolute;
	top: 0;
	left: 70px;
	font-size: 12px;
	width: 170px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputUttProsess:checked ~ .uttProsess_treText{
	background: #89BD24;
	color: #fff;
}
.uttProsess_treText:hover .uttProsess_treHover{
	visibility: visible;
}

.uttProsess_fireText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #C71617;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 240px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.uttProsess_fire{
	position: absolute;
	top: 22px;
	left: 4px;
}
.uttProsess_fireHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputUttProsess:checked ~ .uttProsess_fireText{
	background: #C71617;
	color: #fff;
}
.uttProsess_fireText:hover .uttProsess_fireHover{
	visibility: visible;
}
.uttProsess_femText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #AC589E;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 310px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.uttProsess_fem{
	position: absolute;
	top: 22px;
	left: 2px;
}
.uttProsess_femHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputUttProsess:checked ~ .uttProsess_femText{
	background: #AC589E;
	color: #fff;
}

.uttProsess_femText:hover .uttProsess_femHover{
	visibility: visible;
}

.uttProsess_seks{
	display: block;
	position: absolute;
	top: 380px;
	left: 20px;
	width: 18px;
	height: 18px;
	background:#A8A7A7;
	opacity: 0.5;
	transition: .5s;
}

.uttProsess_seks:hover{
	opacity: 1;
}

.uttProsess_seks:before, .uttProsess_seks:after {
	position:absolute;
	left: 8px;
	content: '';
	height: 15px;
	width: 2px;
	background-color: #333;
}

.uttProsess_seks:before{
	transform: rotate(45deg);
}
.uttProsess_seks:after{
	transform: rotate(-45deg);
}
/*Kompetansemålene tilhørende Medieuttrykk Innhold*/
.uttContentAim{
	margin: 10px;
	position:absolute;
	
}

.uttContent_wrap{
	cursor: pointer;
	
}

.inputUttContent{
	opacity: 0;
}

.uttContent_enText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #29A842;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 30px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.uttContent_en{
	position: absolute;
	top: 15px;
	left: 3px;
}
.uttContent_enHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputUttContent:checked ~ .uttContent_enText{
	background:  #29A842;
	color: #fff;
}

.uttContent_enText:hover .uttContent_enHover{
	visibility: visible;
}

.uttContent_toText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #3EB9BF;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 100px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}

.uttContent_to{
	position: absolute;
	top: 12px;
	left: 12px;
}
.uttContent_toHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputUttContent:checked ~ .uttContent_toText{
	background: #3EB9BF;
	color: #fff;
}
.uttContent_toText:hover .uttContent_toHover{
	visibility: visible;
}

.uttContent_treText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px  #2C4B9B;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 170px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}

.uttContent_tre{
	position: absolute;
	top: 12px;
	left: 10px;
}
.uttContent_treHover{
	position: absolute;
	top: 0;
	left: 70px;
	font-size: 12px;
	width: 170px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputUttContent:checked ~ .uttContent_treText{
	background:  #2C4B9B;
	color: #fff;
}
.uttContent_treText:hover .uttContent_treHover{
	visibility: visible;
}

.uttContent_fireText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px  #6C3B8F;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 240px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.uttContent_fire{
	position: absolute;
	top: 12px;
	left: 12px;
}
.uttContent_fireHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputUttContent:checked ~ .uttContent_fireText{
	background:  #6C3B8F;
	color: #fff;
}
.uttContent_fireText:hover .uttContent_fireHover{
	visibility: visible;
}
.uttContent_femText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #C71617;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 310px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.uttContent_fem{
	position: absolute;
	top: 20px;
	left: 5px;
}
.uttContent_femHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputUttContent:checked ~ .uttContent_femText{
	background: #C71617;
	color: #fff;
}

.uttContent_femText:hover .uttContent_femHover{
	visibility: visible;
}

.uttContent_seks{
	display: block;
	position: absolute;
	top: 380px;
	left: 20px;
	width: 18px;
	height: 18px;
	background:#A8A7A7;
	opacity: 0.5;
	transition: .5s;
}

.uttContent_seks:hover{
	opacity: 1;
}

.uttContent_seks:before, .uttContent_seks:after {
	position:absolute;
	left: 8px;
	content: '';
	height: 15px;
	width: 2px;
	background-color: #333;
}

.uttContent_seks:before{
	transform: rotate(45deg);
}
.uttContent_seks:after{
	transform: rotate(-45deg);
}
/*Kompetansemålene tilhørende Medieuttrykk Media*/
.uttMediaAim{
	margin: 10px;
	position:absolute;
	
}

.uttMedia_wrap{
	cursor: pointer;
	
}

.inputUttMedia{
	opacity: 0;
}

.uttMedia_enText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #C71617;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 30px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.uttMedia_en{
	position: absolute;
	top: 20px;
	left: 5px;
}
.uttMedia_enHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputUttMedia:checked ~ .uttMedia_enText{
	background:  #C71617;
	color: #fff;
}

.uttMedia_enText:hover .uttMedia_enHover{
	visibility: visible;
}
.uttMedia_to{
	display: block;
	position: absolute;
	top: 100px;
	left: 20px;
	width: 18px;
	height: 18px;
	background:#A8A7A7;
	opacity: 0.5;
	transition: .5s;
}

.uttMedia_to:hover{
	opacity: 1;
}

.uttMedia_to:before, .uttMedia_to:after {
	position:absolute;
	left: 8px;
	content: '';
	height: 15px;
	width: 2px;
	background-color: #333;
}

.uttMedia_to:before{
	transform: rotate(45deg);
}
.uttMedia_to:after{
	transform: rotate(-45deg);
}

/*Kompetansemålene -Engelsk*/
/*Kompetansemålene -Engelsk "Kommunikasjon"*/
.engKommunikasjonAim{
	margin: 30px 10px 10px 10px;
	position:absolute;
	
}

.engKommunikasjon_wrap{
	cursor: pointer;
	
}

.inputEngKommunikasjon{
	opacity: 0;
}

.engKommunikasjon_enText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #FBBB0E;
	color:#000;
	font-size: 12px;
	padding:5px;
	
	top: 30px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.engKommunikasjon_en{
	position: absolute;
	top: 20px;
	left: 0;
}
.engKommunikasjon_enHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputEngKommunikasjon:checked ~ .engKommunikasjon_enText{
	background: #FBBB0E;
	color: #fff;
}

.engKommunikasjon_enText:hover .engKommunikasjon_enHover{
	visibility: visible;
}

.engKommunikasjon_toText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #E7E000;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 100px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	transition: .5s;
}

.engKommunikasjon_to{
	position: absolute;
	top: 22px;
	left: 0;
}
.engKommunikasjon_toHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputEngKommunikasjon:checked ~ .engKommunikasjon_toText{
	background: #E7E000;
	color: #fff;
}
.engKommunikasjon_toText:hover .engKommunikasjon_toHover{
	visibility: visible;
}

.engKommunikasjon_treText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #89BD24;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 170px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}

.engKommunikasjon_tre{
	position: absolute;
	top: 12px;
	left: 8px;
}
.engKommunikasjon_treHover{
	position: absolute;
	top: 0;
	left: 70px;
	font-size: 12px;
	width: 170px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputEngKommunikasjon:checked ~ .engKommunikasjon_treText{
	background: #89BD24;
	color: #fff;
}
.engKommunikasjon_treText:hover .engKommunikasjon_treHover{
	visibility: visible;
}

.engKommunikasjon_fireText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #C71617;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 240px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.engKommunikasjon_fire{
	position: absolute;
	top: 22px;
	left: 4px;
}
.engKommunikasjon_fireHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputEngKommunikasjon:checked ~ .engKommunikasjon_fireText{
	background: #C71617;
	color: #fff;
}
.engKommunikasjon_fireText:hover .engKommunikasjon_fireHover{
	visibility: visible;
}
.engKommunikasjon_femText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #AC589E;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 310px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.engKommunikasjon_fem{
	position: absolute;
	top: 22px;
	left: 2px;
}
.engKommunikasjon_femHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputEngKommunikasjon:checked ~ .engKommunikasjon_femText{
	background: #AC589E;
	color: #fff;
}

.engKommunikasjon_femText:hover .engKommunikasjon_femHover{
	visibility: visible;
}

.engKommunikasjon_seks{
	display: block;
	position: absolute;
	top: 380px;
	left: 20px;
	width: 18px;
	height: 18px;
	background:#A8A7A7;
	opacity: 0.5;
	transition: .5s;
}

.engKommunikasjon_seks:hover{
	opacity: 1;
}

.engKommunikasjon_seks:before, .engKommunikasjon_seks:after {
	position:absolute;
	left: 8px;
	content: '';
	height: 15px;
	width: 2px;
	background-color: #333;
}

.engKommunikasjon_seks:before{
	transform: rotate(45deg);
}
.engKommunikasjon_seks:after{
	transform: rotate(-45deg);
}

/*Kompetansemålene -Engelsk "Språk" Language*/
/*Felles formatering -Engelsk "Språk" Language*/

.engLanguageAim{
	margin: 30px 10px 10px 10px;
	position:absolute;
	
}

.engLanguage_wrap{
	cursor: pointer;
	
}
.inputEngLanguage{
	opacity: 0;
}
/*Engelsk Uttale kompetansemål*/
.engLanguage_enText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #29A842;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 30px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.engLanguage_en{
	position: absolute;
	top: 15px;
	left: 3px;
}
.engLanguage_enHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputEngLanguage:checked ~ .engLanguage_enText{
	background:  #29A842;
	color: #fff;
}

.engLanguage_enText:hover .engLanguage_enHover{
	visibility: visible;
}

/*Engelsk Hjelpe-midler kompetansemål*/

.engLanguage_toText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #3EB9BF;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 100px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}

.engLanguage_to{
	position: absolute;
	top: 12px;
	left: 12px;
}
.engLanguage_toHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputEngLanguage:checked ~ .engLanguage_toText{
	background: #3EB9BF;
	color: #fff;
}
.engLanguage_toText:hover .engLanguage_toHover{
	visibility: visible;
}
/* Engelsk Strategier kompetansemål*/
.engLanguage_treText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px  #2C4B9B;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 170px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	transition: .5s;
}

.engLanguage_tre{
	position: absolute;
	top: 12px;
	left: 10px;
}
.engLanguage_treHover{
	position: absolute;
	top: 0;
	left: 70px;
	font-size: 12px;
	width: 170px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputEngLanguage:checked ~ .engLanguage_treText{
	background:  #2C4B9B;
	color: #fff;
}
.engLanguage_treText:hover .engLanguage_treHover{
	visibility: visible;
}

/* Engelsk Sammenheng kompetansemål (språk)*/

.engLanguage_fireText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px  #6C3B8F;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 240px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.engLanguage_fire{
	position: absolute;
	top: 12px;
	left: 12px;
}
.engLanguage_fireHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputEngLanguage:checked ~ .engLanguage_fireText{
	background:  #6C3B8F;
	color: #fff;
}
.engLanguage_fireText:hover .engLanguage_fireHover{
	visibility: visible;
}

/* Engelsk Grammar kompetansemål (språk)*/

.engLanguage_femText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #C71617;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 310px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.engLanguage_fem{
	position: absolute;
	top: 20px;
	left: 5px;
}
.engLanguage_femHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputEngLanguage:checked ~ .engLanguage_femText{
	background: #C71617;
	color: #fff;
}

.engLanguage_femText:hover .engLanguage_femHover{
	visibility: visible;
}

/* Engelsk Verdensspråk kompetansemål (språk)*/

.engLanguage_seksText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #FBBB0E;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 380px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.engLanguage_seks{
	position: absolute;
	top: 20px;
	left: 5px;
}
.engLanguage_seksHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputEngLanguage:checked ~ .engLanguage_seksText{
	background: #FBBB0E;
	color: #fff;
}

.engLanguage_seksText:hover .engLanguage_seksHover{
	visibility: visible;
}

.engLanguage_syv{
	display: block;
	position: absolute;
	top: 450px;
	left: 20px;
	width: 18px;
	height: 18px;
	background:#A8A7A7;
	opacity: 0.5;
	transition: .5s;
}

.engLanguage_syv:hover{
	opacity: 1;
}

.engLanguage_syv:before, .engLanguage_syv:after {
	position:absolute;
	left: 8px;
	content: '';
	height: 15px;
	width: 2px;
	background-color: #333;
}

.engLanguage_syv:before{
	transform: rotate(45deg);
}
.engLanguage_syv:after{
	transform: rotate(-45deg);
}

/*Kompetansemålene -Engelsk "Møte med Engelskspråkelige tekster*/
/*Felles formatering -Engelsk Text*/

.engTextAim{
	margin: 30px 10px 10px 10px;
	position:absolute;
	
}

.engText_wrap{
	cursor: pointer;
	
}
.inputEngText{
	opacity: 0;
}
/*Engelsk Content Innhold og virkemidler*/
.engText_enText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #29A842;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 30px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.engText_en{
	position: absolute;
	top: 15px;
	left: 3px;
}
.engText_enHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputEngText:checked ~ .engText_enText{
	background:  #29A842;
	color: #fff;
}

.engText_enText:hover .engText_enHover{
	visibility: visible;
}

/*Engelsk Skjønnlitteratur*/

.engText_toText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #3EB9BF;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 100px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}

.engText_to{
	position: absolute;
	top: 12px;
	left: 12px;
}
.engText_toHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputEngText:checked ~ .engText_toText{
	background: #3EB9BF;
	color: #fff;
}
.engText_toText:hover .engText_toHover{
	visibility: visible;
}
/* Engelsk Sakprosa kompetansemål*/
.engText_treText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px  #2C4B9B;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 170px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	transition: .5s;
}

.engText_tre{
	position: absolute;
	top: 12px;
	left: 10px;
}
.engText_treHover{
	position: absolute;
	top: 0;
	left: 70px;
	font-size: 12px;
	width: 170px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputEngText:checked ~ .engText_treText{
	background:  #2C4B9B;
	color: #fff;
}
.engText_treText:hover .engText_treHover{
	visibility: visible;
}

/* Engelsk Kilder kompetansemål*/

.engText_fireText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px  #6C3B8F;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 240px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.engText_fire{
	position: absolute;
	top: 12px;
	left: 12px;
}
.engText_fireHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputEngText:checked ~ .engText_fireText{
	background:  #6C3B8F;
	color: #fff;
}
.engText_fireText:hover .engText_fireHover{
	visibility: visible;
}

/* Engelsk Mangfold og samfunn*/

.engText_femText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #C71617;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 310px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.engText_fem{
	position: absolute;
	top: 20px;
	left: 5px;
}
.engText_femHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputEngText:checked ~ .engText_femText{
	background: #C71617;
	color: #fff;
}

.engText_femText:hover .engText_femHover{
	visibility: visible;
}

/* Engelsk Kulturelle uttrykk */

.engText_seksText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #FBBB0E;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 380px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.engText_seks{
	position: absolute;
	top: 20px;
	left: 5px;
}
.engText_seksHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputEngText:checked ~ .engText_seksText{
	background: #FBBB0E;
	color: #fff;
}

.engText_seksText:hover .engText_seksHover{
	visibility: visible;
}

/*Closing button*/
.engText_syv{
	display: block;
	position: absolute;
	top: 450px;
	left: 20px;
	width: 18px;
	height: 18px;
	background:#A8A7A7;
	opacity: 0.5;
	transition: .5s;
}

.engText_syv:hover{
	opacity: 1;
}

.engText_syv:before, .engText_syv:after {
	position:absolute;
	left: 8px;
	content: '';
	height: 15px;
	width: 2px;
	background-color: #333;
}

.engText_syv:before{
	transform: rotate(45deg);
}
.engText_syv:after{
	transform: rotate(-45deg);
}

/*Kompetansemålene -Norsk*/
/*Kompetansemålene -Norsk "Kommunikasjon"*/
.norKommunikasjonAim{
	margin: 30px 10px 10px 10px;
	position:absolute;
	
}

.norKommunikasjon_wrap{
	cursor: pointer;
	
}

.inputNorKommunikasjon{
	opacity: 0;
}

/*Norsk Akademisk språk*/

.norKommunikasjon_enText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #FBBB0E;
	color:#000;
	font-size: 12px;
	padding:5px;
	
	top: 30px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.norKommunikasjon_en{
	position: absolute;
	top: 20px;
	left: 0;
}
.norKommunikasjon_enHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputNorKommunikasjon:checked ~ .norKommunikasjon_enText{
	background: #FBBB0E;
	color: #fff;
}

.norKommunikasjon_enText:hover .norKommunikasjon_enHover{
	visibility: visible;
}

/*Norsk Uttrykke*/

.norKommunikasjon_toText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #E7E000;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 100px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	transition: .5s;
}

.norKommunikasjon_to{
	position: absolute;
	top: 22px;
	left: 0;
}
.norKommunikasjon_toHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputNorKommunikasjon:checked ~ .norKommunikasjon_toText{
	background: #E7E000;
	color: #fff;
}
.norKommunikasjon_toText:hover .norKommunikasjon_toHover{
	visibility: visible;
}

/*Norsk Innhold og virkemidler*/

.norKommunikasjon_treText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #89BD24;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 170px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}

.norKommunikasjon_tre{
	position: absolute;
	top: 12px;
	left: 8px;
}
.norKommunikasjon_treHover{
	position: absolute;
	top: 0;
	left: 70px;
	font-size: 12px;
	width: 170px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputNorKommunikasjon:checked ~ .norKommunikasjon_treText{
	background: #89BD24;
	color: #fff;
}
.norKommunikasjon_treText:hover .norKommunikasjon_treHover{
	visibility: visible;
}

/*Norsk Produksjon*/

.norKommunikasjon_fireText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #C71617;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 240px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.norKommunikasjon_fire{
	position: absolute;
	top: 22px;
	left: 4px;
}
.norKommunikasjon_fireHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputNorKommunikasjon:checked ~ .norKommunikasjon_fireText{
	background: #C71617;
	color: #fff;
}
.norKommunikasjon_fireText:hover .norKommunikasjon_fireHover{
	visibility: visible;
}

/*Norsk Argumentasjon*/
.norKommunikasjon_femText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #AC589E;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 310px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.norKommunikasjon_fem{
	position: absolute;
	top: 22px;
	left: 2px;
}
.norKommunikasjon_femHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputNorKommunikasjon:checked ~ .norKommunikasjon_femText{
	background: #AC589E;
	color: #fff;
}

.norKommunikasjon_femText:hover .norKommunikasjon_femHover{
	visibility: visible;
}
/* Norsk Bearbeide */

.norKommunikasjon_seksText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #3EB9BF;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 380px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.norKommunikasjon_seks{
	position: absolute;
	top: 20px;
	left: 5px;
}
.norKommunikasjon_seksHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputNorKommunikasjon:checked ~ .norKommunikasjon_seksText{
	background: #3EB9BF;
	color: #fff;
}

.norKommunikasjon_seksText:hover .norKommunikasjon_seksHover{
	visibility: visible;
}

/*Norsk Kommunikasjon Close Button*/


.norKommunikasjon_syv{
	display: block;
	position: absolute;
	top: 450px;
	left: 20px;
	width: 18px;
	height: 18px;
	background:#A8A7A7;
	opacity: 0.5;
	transition: .5s;
}

.norKommunikasjon_syv:hover{
	opacity: 1;
}

.norKommunikasjon_syv:before, .norKommunikasjon_syv:after {
	position:absolute;
	left: 8px;
	content: '';
	height: 15px;
	width: 2px;
	background-color: #333;
}

.norKommunikasjon_syv:before{
	transform: rotate(45deg);
}
.norKommunikasjon_syv:after{
	transform: rotate(-45deg);
}

/*Kompetansemålene -Norsk "Språk" Language*/
/*Felles formatering -Norsk "Språk" Language*/

.norLanguageAim{
	margin: 30px 10px 10px 10px;
	position:absolute;
	
}

.norLanguage_wrap{
	cursor: pointer;
	
}
.inputNorLanguage{
	opacity: 0;
}
/*Engelsk Sammenheng*/
.norLanguage_enText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #29A842;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 30px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.norLanguage_en{
	position: absolute;
	top: 15px;
	left: 3px;
}
.norLanguage_enHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputNorLanguage:checked ~ .norLanguage_enText{
	background:  #29A842;
	color: #fff;
}

.norLanguage_enText:hover .norLanguage_enHover{
	visibility: visible;
}

/*Norsk Grammatikk kompetansemål*/

.norLanguage_toText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #3EB9BF;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 100px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}

.norLanguage_to{
	position: absolute;
	top: 12px;
	left: 12px;
}
.norLanguage_toHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputNorLanguage:checked ~ .norLanguage_toText{
	background: #3EB9BF;
	color: #fff;
}
.norLanguage_toText:hover .norLanguage_toHover{
	visibility: visible;
}
/* Norsk Urspråk kompetansemål*/
.norLanguage_treText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px  #2C4B9B;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 170px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	transition: .5s;
}

.norLanguage_tre{
	position: absolute;
	top: 12px;
	left: 10px;
}
.norLanguage_treHover{
	position: absolute;
	top: 0;
	left: 70px;
	font-size: 12px;
	width: 170px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputNorLanguage:checked ~ .norLanguage_treText{
	background:  #2C4B9B;
	color: #fff;
}
.norLanguage_treText:hover .norLanguage_treHover{
	visibility: visible;
}

/*Closing button Norsk Språk*/

.norLanguage_fire{
	display: block;
	position: absolute;
	top: 240px;
	left: 20px;
	width: 18px;
	height: 18px;
	background:#A8A7A7;
	opacity: 0.5;
	transition: .5s;
}

.norLanguage_fire:hover{
	opacity: 1;
}

.norLanguage_fire:before, .norLanguage_fire:after {
	position:absolute;
	left: 8px;
	content: '';
	height: 15px;
	width: 2px;
	background-color: #333;
}

.norLanguage_fire:before{
	transform: rotate(45deg);
}
.norLanguage_fire:after{
	transform: rotate(-45deg);
}

/*Kompetansemålene -orsk "Møte med tekst*/
/*Felles formatering -Norsk Text*/

.norTextAim{
	margin: 30px 10px 10px 10px;
	position:absolute;
	
}

.norText_wrap{
	cursor: pointer;
	
}
.inputNorText{
	opacity: 0;
}
/*Norsk Skjønnlitteratur*/
.norText_enText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #29A842;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 30px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.norText_en{
	position: absolute;
	top: 15px;
	left: 3px;
}
.norText_enHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputNorText:checked ~ .norText_enText{
	background:  #29A842;
	color: #fff;
}

.norText_enText:hover .norText_enHover{
	visibility: visible;
}

/*Norsk Sakprosa*/

.norText_toText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #3EB9BF;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 100px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}

.norText_to{
	position: absolute;
	top: 12px;
	left: 12px;
}
.norText_toHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputNorText:checked ~ .norText_toText{
	background: #3EB9BF;
	color: #fff;
}
.norText_toText:hover .norText_toHover{
	visibility: visible;
}
/* Norsk Kilder*/
.norText_treText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px  #2C4B9B;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 170px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	transition: .5s;
}

.norText_tre{
	position: absolute;
	top: 12px;
	left: 10px;
}
.norText_treHover{
	position: absolute;
	top: 0;
	left: 70px;
	font-size: 12px;
	width: 170px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputNorText:checked ~ .norText_treText{
	background:  #2C4B9B;
	color: #fff;
}
.norText_treText:hover .norText_treHover{
	visibility: visible;
}

/* Norsk Mangfold og Samfunn*/

.norText_fireText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px  #6C3B8F;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 240px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.norText_fire{
	position: absolute;
	top: 12px;
	left: 12px;
}
.norText_fireHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputNorText:checked ~ .norText_fireText{
	background:  #6C3B8F;
	color: #fff;
}
.norText_fireText:hover .norText_fireHover{
	visibility: visible;
}


/*Closing button*/
.norText_fem{
	display: block;
	position: absolute;
	top: 310px;
	left: 20px;
	width: 18px;
	height: 18px;
	background:#A8A7A7;
	opacity: 0.5;
	transition: .5s;
}

.norText_fem:hover{
	opacity: 1;
}

.norText_fem:before, .norText_fem:after {
	position:absolute;
	left: 8px;
	content: '';
	height: 15px;
	width: 2px;
	background-color: #333;
}

.norText_fem:before{
	transform: rotate(45deg);
}
.norText_fem:after{
	transform: rotate(-45deg);
}


/*Kompetansemålene tilhørende Matematikk "Løsningsforslag"*/
.mathComAim{
	margin: 10px;
	position:absolute;
	
}
.mathCom_wrap{
	cursor: pointer;
	
}
.inputMathCom{
	opacity: 0;
}
/* Matematikk Løsningsforslag Tekster*/
.mathCom_enText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #FBBB0E;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 30px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.mathCom_en{
	position: absolute;
	top: 20px;
	left: 0;
}
.mathCom_enHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputMathCom:checked ~ .mathCom_enText{
	background: #FBBB0E;
	color: #fff;
}

.mathCom_enText:hover .mathCom_enHover{
	visibility: visible;
}

/* Matematikk Løsningsforslag Modellering*/

.mathCom_toText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #E7E000;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 100px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}

.mathCom_to{
	position: absolute;
	top: 22px;
	left: 0;
}
.mathCom_toHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputMathCom:checked ~ .mathCom_toText{
	background: #E7E000;
	color: #fff;
}
.mathCom_toText:hover .mathCom_toHover{
	visibility: visible;
}

/* Matematikk Løsningsforslag Selvstendig arbeid*/
.mathCom_treText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #89BD24;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 170px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}

.mathCom_tre{
	position: absolute;
	top: 12px;
	left: 8px;
}
.mathCom_treHover{
	position: absolute;
	top: 0;
	left: 70px;
	font-size: 12px;
	width: 170px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputMathCom:checked ~ .mathCom_treText{
	background: #89BD24;
	color: #fff;
}
.mathCom_treText:hover .mathCom_treHover{
	visibility: visible;
}

/* Matematikk Løsningsforslag Prosent*/

.mathCom_fireText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #C71617;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 240px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.mathCom_fire{
	position: absolute;
	top: 22px;
	left: 4px;
}
.mathCom_fireHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputMathCom:checked ~ .mathCom_fireText{
	background: #C71617;
	color: #fff;
}
.mathCom_fireText:hover .mathCom_fireHover{
	visibility: visible;
}

/*Close button Matematikk kompetansemål tilhørende Løsningsforslag*/

.mathCom_fem{
	display: block;
	position: absolute;
	top: 310px;
	left: 20px;
	width: 18px;
	height: 18px;
	background:#A8A7A7;
	opacity: 0.5;
	transition: .5s;
}

.mathCom_fem:hover{
	opacity: 1;
}

.mathCom_fem:before, .mathCom_fem:after {
	position:absolute;
	left: 8px;
	content: '';
	height: 15px;
	width: 2px;
	background-color: #333;
}

.mathCom_fem:before{
	transform: rotate(45deg);
}
.mathCom_fem:after{
	transform: rotate(-45deg);
}

/*Kompetansemålene tilhørende Matematikk Modellering*/
.mathModAim{
	margin: 10px;
	position:absolute;
	
}
.mathMod_wrap{
	cursor: pointer;
	
}
.inputMathMod{
	opacity: 0;
}
/* Matematikk Modellering - Modellering*/
.mathMod_enText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #FBBB0E;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 30px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.mathMod_en{
	position: absolute;
	top: 20px;
	left: 0;
}
.mathMod_enHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputMathMod:checked ~ .mathMod_enText{
	background: #FBBB0E;
	color: #fff;
}

.mathMod_enText:hover .mathMod_enHover{
	visibility: visible;
}

/* Matematikk Modellering Selvstendig arbeid*/

.mathMod_toText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #E7E000;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 100px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}

.mathMod_to{
	position: absolute;
	top: 22px;
	left: 0;
}
.mathMod_toHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputMathMod:checked ~ .mathMod_toText{
	background: #E7E000;
	color: #fff;
}
.mathMod_toText:hover .mathMod_toHover{
	visibility: visible;
}

/*Close button Matematikk kompetansemål tilhørende Modellering*/

.mathMod_tre{
	display: block;
	position: absolute;
	top: 170px;
	left: 20px;
	width: 18px;
	height: 18px;
	background:#A8A7A7;
	opacity: 0.5;
	transition: .5s;
}

.mathMod_tre:hover{
	opacity: 1;
}

.mathMod_tre:before, .mathMod_tre:after {
	position:absolute;
	left: 8px;
	content: '';
	height: 15px;
	width: 2px;
	background-color: #333;
}

.mathMod_tre:before{
	transform: rotate(45deg);
}
.mathMod_tre:after{
	transform: rotate(-45deg);
}

/*Kompetansemålene tilhørende Matematikk "Utforskning og Problemløsning"*/
.mathProAim{
	margin: 10px;
	position:absolute;
	
}
.mathPro_wrap{
	cursor: pointer;
	
}
.inputMathPro{
	opacity: 0;
}
/* Matematikk Utforskning Tekster*/
.mathPro_enText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #FBBB0E;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 30px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.mathPro_en{
	position: absolute;
	top: 20px;
	left: 0;
}
.mathPro_enHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputMathPro:checked ~ .mathPro_enText{
	background: #FBBB0E;
	color: #fff;
}

.mathPro_enText:hover .mathPro_enHover{
	visibility: visible;
}

/* Matematikk Utforskning Premisser*/

.mathPro_toText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #E7E000;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 100px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}

.mathPro_to{
	position: absolute;
	top: 22px;
	left: 0;
}
.mathPro_toHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputMathPro:checked ~ .mathPro_toText{
	background: #E7E000;
	color: #fff;
}
.mathPro_toText:hover .mathPro_toHover{
	visibility: visible;
}

/* Matematikk Utforskning Variabler*/
.mathPro_treText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #89BD24;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 170px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}

.mathPro_tre{
	position: absolute;
	top: 12px;
	left: 8px;
}
.mathPro_treHover{
	position: absolute;
	top: 0;
	left: 70px;
	font-size: 12px;
	width: 170px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputMathPro:checked ~ .mathPro_treText{
	background: #89BD24;
	color: #fff;
}
.mathPro_treText:hover .mathPro_treHover{
	visibility: visible;
}

/* Matematikk Utforskning Digital*/

.mathPro_fireText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #C71617;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 240px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.mathPro_fire{
	position: absolute;
	top: 22px;
	left: 4px;
}
.mathPro_fireHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputMathPro:checked ~ .mathPro_fireText{
	background: #C71617;
	color: #fff;
}
.mathPro_fireText:hover .mathPro_fireHover{
	visibility: visible;
}

/*Close button Matematikk kompetansemål tilhørende Utforskning*/

.mathPro_fem{
	display: block;
	position: absolute;
	top: 310px;
	left: 20px;
	width: 18px;
	height: 18px;
	background:#A8A7A7;
	opacity: 0.5;
	transition: .5s;
}

.mathPro_fem:hover{
	opacity: 1;
}

.mathPro_fem:before, .mathPro_fem:after {
	position:absolute;
	left: 8px;
	content: '';
	height: 15px;
	width: 2px;
	background-color: #333;
}

.mathPro_fem:before{
	transform: rotate(45deg);
}
.mathPro_fem:after{
	transform: rotate(-45deg);
}

/*Kompetansemålene -Matematikk*/
/*Kompetansemålene -Matematisk kunnskapsormåde"*/
.mathKunAim{
	margin: 30px 10px 10px 10px;
	position:absolute;
	
}

.mathKun_wrap{
	cursor: pointer;
	
}

.inputMathKun{
	opacity: 0;
}

/*Matte Kunnskapsområde Formler*/

.mathKun_enText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #FBBB0E;
	color:#000;
	font-size: 12px;
	padding:5px;
	
	top: 30px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.mathKun_en{
	position: absolute;
	top: 20px;
	left: 0;
}
.mathKun_enHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputMathKun:checked ~ .mathKun_enText{
	background: #FBBB0E;
	color: #fff;
}

.mathKun_enText:hover .mathKun_enHover{
	visibility: visible;
}

/*Matte kunnskapsområde Prosent*/

.mathKun_toText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #E7E000;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 100px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	transition: .5s;
}

.mathKun_to{
	position: absolute;
	top: 22px;
	left: 0;
}
.mathKun_toHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputMathKun:checked ~ .mathKun_toText{
	background: #E7E000;
	color: #fff;
}
.mathKun_toText:hover .mathKun_toHover{
	visibility: visible;
}

/*Matte kunnskapsområge Proposjoner*/

.mathKun_treText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #89BD24;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 170px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}

.mathKun_tre{
	position: absolute;
	top: 12px;
	left: 8px;
}
.mathKun_treHover{
	position: absolute;
	top: 0;
	left: 70px;
	font-size: 12px;
	width: 170px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputMathKun:checked ~ .mathKun_treText{
	background: #89BD24;
	color: #fff;
}
.mathKun_treText:hover .mathKun_treHover{
	visibility: visible;
}

/*Matte Kunnskapsområde Målinger*/

.mathKun_fireText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #C71617;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 240px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.mathKun_fire{
	position: absolute;
	top: 22px;
	left: 4px;
}
.mathKun_fireHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}
.inputMathKun:checked ~ .mathKun_fireText{
	background: #C71617;
	color: #fff;
}
.mathKun_fireText:hover .mathKun_fireHover{
	visibility: visible;
}

/*Matematikk Kunnskapsormåde Funksjoner*/
.mathKun_femText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #AC589E;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 310px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.mathKun_fem{
	position: absolute;
	top: 22px;
	left: 2px;
}
.mathKun_femHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputMathKun:checked ~ .mathKun_femText{
	background: #AC589E;
	color: #fff;
}

.mathKun_femText:hover .mathKun_femHover{
	visibility: visible;
}
/* Matte Kunnskapsområde Tall */

.mathKun_seksText{
	position: absolute;
	display:block;
	background: #fff;
	border: solid 2px #3EB9BF;
	color:#000;
	font-size: 12px;
	padding:5px;
	top: 380px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align:center;
	transition: .5s;
}
.mathKun_seks{
	position: absolute;
	top: 20px;
	left: 5px;
}
.mathKun_seksHover{
	position: absolute;
	top: 8px;
	left: 70px;
	font-size: 12px;
	width: 150px;
	background-color: #000;
	color: #fff;
	border: solid 2px transparent;
	border-radius: 5px;
	padding: 3px 5px;
	visibility: hidden;
	text-align: left;

}

.inputMathKun:checked ~ .mathKun_seksText{
	background: #3EB9BF;
	color: #fff;
}

.mathKun_seksText:hover .mathKun_seksHover{
	visibility: visible;
}

/*Matte Kunnskapsområde Close Button*/


.mathKun_syv{
	display: block;
	position: absolute;
	top: 450px;
	left: 20px;
	width: 18px;
	height: 18px;
	background:#A8A7A7;
	opacity: 0.5;
	transition: .5s;
}

.mathKun_syv:hover{
	opacity: 1;
}

.mathKun_syv:before, .mathKun_syv:after {
	position:absolute;
	left: 8px;
	content: '';
	height: 15px;
	width: 2px;
	background-color: #333;
}

.mathKun_syv:before{
	transform: rotate(45deg);
}
.mathKun_syv:after{
	transform: rotate(-45deg);
}



/*Læreplanmålene*/

.subAim{
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	position: relative;
	background: #FFF;
	width: 250px;
	padding-right: 80px;
	padding-left: 15px;
	border-right: solid 0.5px #000;
}

/*Læreplanmål Presentasjon*/
.uttSPresent{
	position: absolute;
	top: 60px;
}

.chkbxUPrePro_wrap{
	cursor: pointer;
}

.chkbxUPrePro_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxUPrePro_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #C71617;
	
}

.chkbxUPrePro_input{
	position: absolute;
	opacity: 0;
}

.chkbxUPrePro_input:checked ~ .chkbxUPrePro_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxUPrePro_mark:before{
	background: #C71617;

}

/*Læreplanmål Medieuttrykk Prosess*/

.uttProsess_SubWrap{
	position: absolute;
	top: 60px;
}
/*Læreplanmål Medieuttrykk Prosess planlegging*/

.chkbxUProPlan_wrap{
	cursor: pointer;
}
.chkbxProPlan_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxProPlan_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #FBBB0E;
	
}
.chkbxUPrePro_input:checked ~ .chkbxProPlan_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxProPlan_mark:before{
	background: #FBBB0E;

}
/*Læreplanmål Medieuttrykk Prosess Idéteknikker*/

.chkbxUProIde_wrap{
	cursor: pointer;
}
.chkbxProIde_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxProIde_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #E7E000;
	
}
.chkbxUPrePro_input:checked ~ .chkbxProIde_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxProIde_mark:before{
	background: #E7E000;

}
.uttProIde_Tittel{
	position: absolute;
	display: block;
	font-weight: bold;
	left: -25px;
	
}

/*Læreplanmål Medieuttrykk Prosess Utstyr og programvare "prog"*/
.chkbxUProProg_wrap{
	cursor: pointer;
}
.chkbxProProg_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxProProg_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #89BD24;
	
}
.chkbxUPrePro_input:checked ~ .chkbxProProg_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxProProg_mark:before{
	background: #89BD24;

}
/*Læreplanmål Medieuttrykk Prosess Idéteknikker*/

.chkbxUProIde_wrap{
	cursor: pointer;
}
.chkbxProIde_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxProIde_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #E7E000;
	
}
.chkbxUPrePro_input:checked ~ .chkbxProIde_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxProIde_mark:before{
	background: #E7E000;

}

/*Læreplanmål Medieuttrykk Prosess Produsere*/

.chkbxUProProd_wrap{
	cursor: pointer;
}
.chkbxProProd_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxProProd_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #C71617;
	
}
.chkbxUPrePro_input:checked ~ .chkbxProProd_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxProProd_mark:before{
	background: #C71617;

}
/*Læreplanmål Medieuttrykk Prosess Kildekritikk*/

.chkbxUProKrit_wrap{
	cursor: pointer;
}
.chkbxProKrit_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxProKrit_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #AC589E;
	
}
.chkbxUPrePro_input:checked ~ .chkbxProKrit_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxProKrit_mark:before{
	background: #AC589E;

}

.uttProProg_Tittel{
	position: absolute;
	display: block;
	font-weight: bold;
	left: -25px;
	
}
/*Læreplanmål Medieuttrykk Innhold*/

.uttContent_SubWrap{
	position: absolute;
	top: 60px;
}

/*Læreplanmål Medieuttrykk Innhold Kommunikasjon*/

.chkbxUConCom_wrap{
	cursor: pointer;
}
.chkbxConCom_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxConCom_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #29A842;
	
}
.chkbxUPrePro_input:checked ~ .chkbxConCom_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxConCom_mark:before{
	background: #29A842;

}
/*Læreplanmål Medieuttrykk Innhold Komposisjon*/

.chkbxUConComp_wrap{
	cursor: pointer;
}
.chkbxConComp_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxConComp_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #3EB9BF;
	
}
.chkbxUPrePro_input:checked ~ .chkbxConComp_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxConComp_mark:before{
	background: #3EB9BF;

}
/*Læreplanmål Medieuttrykk Innhold Stil og uttrykk*/

.chkbxUConStil_wrap{
	cursor: pointer;
}
.chkbxConStil_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxConStil_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #2C4B9B;
	
}
.chkbxUPrePro_input:checked ~ .chkbxConStil_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxConStil_mark:before{
	background: #2C4B9B;

}
/*Læreplanmål Medieuttrykk Innhold Lover og regler*/

.chkbxUConLov_wrap{
	cursor: pointer;
}
.chkbxConLov_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxConLov_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #6C3B8F;
	
}
.chkbxUPrePro_input:checked ~ .chkbxConLov_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxConLov_mark:before{
	background: #6C3B8F;

}
/*Læreplanmål Medieuttrykk Innhold Produsere*/

.chkbxUConProd_wrap{
	cursor: pointer;
}
.chkbxConProd_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxConProd_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #C71617;
	
}
.chkbxUPrePro_input:checked ~ .chkbxConProd_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxConProd_mark:before{
	background: #C71617;

}

/*Læreplanmål Medie og uttrykk*/
.uttMedia_SubWrap{
	position: absolute;
	top: 60px;
}
/*Læreplanmål Medieuttrykk medie og uttrykk, produsere*/

.chkbxUMediaProd_wrap{
	cursor: pointer;
}
.chkbxMediaProd_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxMediaProd_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #C71617;
	
}
.chkbxUPrePro_input:checked ~ .chkbxMediaProd_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxMediaProd_mark:before{
	background: #C71617;

}
/*Læreplanmål Engelsk Kommunikasjon*/

.engKommunikasjon_SubWrap{
	position: absolute;
	top: 60px;
}
/*Læreplanmål Engelsk Kommunikasjon Akademisk*/

.chkbxEKomAka_wrap{
	cursor: pointer;
}
.chkbxEKomAka_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxEKomAka_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #FBBB0E;
	
}
.chkbxUPrePro_input:checked ~ .chkbxEKomAka_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxEKomAka_mark:before{
	background: #FBBB0E;

}
/*Læreplanmål Engelsk Kommunikasjon Uttrykke */

.chkbxEKomUtt_wrap{
	cursor: pointer;
}
.chkbxEKomUtt_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxEKomUtt_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #E7E000;
	
}
.chkbxUPrePro_input:checked ~ .chkbxEKomUtt_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxEKomUtt_mark:before{
	background: #E7E000;

}

/*Læreplanmål Engelsk Kommunikasjon Argumentasjon*/
.chkbxEKomArg_wrap{
	cursor: pointer;
}
.chkbxEKomArg_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxEKomArg_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #89BD24;
	
}
.chkbxUPrePro_input:checked ~ .chkbxEKomArg_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxEKomArg_mark:before{
	background: #89BD24;

}

/*Læreplanmål Engelsk Kommunikasjon Tekst Produsere (tekst produksjon)*/

.chkbxEKomTekst_wrap{
	cursor: pointer;
}
.chkbxEKomTekst_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxEKomTekst_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #C71617;
	
}
.chkbxUPrePro_input:checked ~ .chkbxEKomTekst_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxEKomTekst_mark:before{
	background: #C71617;

}
/*Læreplanmål Engelsk Kommunikasjon Bearbeide */

.chkbxEKomBear_wrap{
	cursor: pointer;
}
.chkbxEKomBear_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxEKomBear_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #AC589E;
	
}
.chkbxUPrePro_input:checked ~ .chkbxEKomBear_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxEKomBear_mark:before{
	background: #AC589E;

}

/*Læreplanmål Engelsk Language*/

.engLanguage_SubWrap{
	position: absolute;
	top: 60px;
}

/*Læreplanmål Engelsk Language Uttale*/

.chkbxELangUtt_wrap{
	cursor: pointer;
}
.chkbxELangUtt_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxELangUtt_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #29A842;
	
}
.chkbxUPrePro_input:checked ~ .chkbxELangUtt_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxELangUtt_mark:before{
	background: #29A842;

}

/*Læreplanmål Engelsk Språk Hjelpemidler*/

.chkbxELangHje_wrap{
	cursor: pointer;
}
.chkbxELangHje_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxELangHje_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #3EB9BF;
	
}
.chkbxUPrePro_input:checked ~ .chkbxELangHje_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxELangHje_mark:before{
	background: #3EB9BF;

}
/*Læreplanmål Engelsk Strategier*/

.chkbxELangStrat_wrap{
	cursor: pointer;
}
.chkbxELangStrat_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxELangStrat_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #2C4B9B;
	
}
.chkbxUPrePro_input:checked ~ .chkbxELangStrat_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxELangStrat_mark:before{
	background: #2C4B9B;

}
/*Læreplanmål Engelsk Språksammenheng*/

.chkbxELangSpr_wrap{
	cursor: pointer;
}
.chkbxELangSpr_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxELangSpr_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #6C3B8F;
	
}
.chkbxUPrePro_input:checked ~ .chkbxELangSpr_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxELangSpr_mark:before{
	background: #6C3B8F;

}
/*Læreplanmål Engelsk Grammatikk*/

.chkbxELangGram_wrap{
	cursor: pointer;
}
.chkbxELangGram_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxELangGram_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #C71617;
	
}
.chkbxUPrePro_input:checked ~ .chkbxELangGram_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxELangGram_mark:before{
	background: #C71617;

}

/*Læreplanmål Engelsk Verdensspråk */

.chkbxELangVer_wrap{
	cursor: pointer;
}
.chkbxELangVer_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxELangVer_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #FBBB0E;
	
}
.chkbxUPrePro_input:checked ~ .chkbxELangVer_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxELangVer_mark:before{
	background: #FBBB0E;

}

/*Læreplanmål Engelsk Text*/

.engText_SubWrap{
	position: absolute;
	top: 60px;
}

/*Læreplanmål Engelsk Text Innhold og virkemidler*/

.chkbxETextInn_wrap{
	cursor: pointer;
}
.chkbxETextInn_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxETextInn_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #29A842;
	
}
.chkbxUPrePro_input:checked ~ .chkbxETextInn_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxETextInn_mark:before{
	background: #29A842;

}

/*Læreplanmål Engelsk Text Fictional*/

.chkbxETextFic_wrap{
	cursor: pointer;
}
.chkbxETextFic_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxETextFic_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #3EB9BF;
	
}
.chkbxUPrePro_input:checked ~ .chkbxETextFic_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxETextFic_mark:before{
	background: #3EB9BF;

}
/*Læreplanmål Engelsk Text Factual*/

.chkbxETextFac_wrap{
	cursor: pointer;
}
.chkbxETextFac_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxETextFac_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #2C4B9B;
	
}
.chkbxUPrePro_input:checked ~ .chkbxETextFac_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxETextFac_mark:before{
	background: #2C4B9B;

}
/*Læreplanmål Engelsk Text Sources*/

.chkbxETextSour_wrap{
	cursor: pointer;
}
.chkbxETextSour_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxETextSour_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #6C3B8F;
	
}
.chkbxUPrePro_input:checked ~ .chkbxETextSour_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxETextSour_mark:before{
	background: #6C3B8F;

}
/*Læreplanmål Engelsk Text Diversity*/

.chkbxETextDiv_wrap{
	cursor: pointer;
}
.chkbxETextDiv_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxETextDiv_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #C71617;
	
}
.chkbxUPrePro_input:checked ~ .chkbxETextDiv_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxETextDiv_mark:before{
	background: #C71617;

}

/*Læreplanmål Engelsk Text Culutral expression */

.chkbxETextCult_wrap{
	cursor: pointer;
}
.chkbxETextCult_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxETextCult_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #FBBB0E;
	
}
.chkbxUPrePro_input:checked ~ .chkbxETextCult_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxETextCult_mark:before{
	background: #FBBB0E;

}

/*Læreplanmål Norsk*/

/*Læreplanmål Norsk Kommunikasjon*/

.norKommunikasjon_SubWrap{
	position: absolute;
	top: 60px;
}
/*Læreplanmål Engelsk Kommunikasjon Akademisk*/

.chkbxNKomAka_wrap{
	cursor: pointer;
}
.chkbxNKomAka_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxNKomAka_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #FBBB0E;
	
}
.chkbxUPrePro_input:checked ~ .chkbxNKomAka_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxNKomAka_mark:before{
	background: #FBBB0E;

}

/*Læreplanmål Norsk Kommunikasjon Uttrykke */

.chkbxNKomUtt_wrap{
	cursor: pointer;
}
.chkbxNKomUtt_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxNKomUtt_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #E7E000;
	
}
.chkbxUPrePro_input:checked ~ .chkbxNKomUtt_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxNKomUtt_mark:before{
	background: #E7E000;

}

/*Læreplanmål Norsk Kommunikasjon Argumentasjon*/
.chkbxNKomArg_wrap{
	cursor: pointer;
}
.chkbxNKomArg_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxNKomArg_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #AC589E;
	
}
.chkbxUPrePro_input:checked ~ .chkbxNKomArg_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxNKomArg_mark:before{
	background: #AC589E;

}

/*Læreplanmål Norsk Kommunikasjon Innhold og virkemidler*/
.chkbxNKomInn_wrap{
	cursor: pointer;
}
.chkbxNKomInn_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxNKomInn_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #89BD24;
	
}
.chkbxUPrePro_input:checked ~ .chkbxNKomInn_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxNKomInn_mark:before{
	background: #89BD24;

}

/*Læreplanmål Engelsk Kommunikasjon Tekst Produsere (tekst produksjon)*/

.chkbxNKomTekst_wrap{
	cursor: pointer;
}
.chkbxNKomTekst_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxNKomTekst_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #C71617;
	
}
.chkbxUPrePro_input:checked ~ .chkbxNKomTekst_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxNKomTekst_mark:before{
	background: #C71617;

}
/*Læreplanmål Engelsk Kommunikasjon Bearbeide */

.chkbxNKomBear_wrap{
	cursor: pointer;
}
.chkbxNKomBear_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxNKomBear_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #3EB9BF;
	
}
.chkbxUPrePro_input:checked ~ .chkbxNKomBear_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxNKomBear_mark:before{
	background: #3EB9BF;

}

/*Læreplanmål Norsk Language*/

.norLanguage_SubWrap{
	position: absolute;
	top: 60px;
}

/*Læreplanmål Norsk Language Språklig sammenheng*/

.chkbxNLangSpr_wrap{
	cursor: pointer;
}
.chkbxNLangSpr_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxNLangSpr_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #29A842;
	
}
.chkbxUPrePro_input:checked ~ .chkbxNLangSpr_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxNLangSpr_mark:before{
	background: #29A842;

}

/*Læreplanmål Norsk Langugage  Grammatikk*/

.chkbxNLangGram_wrap{
	cursor: pointer;
}
.chkbxNLangGram_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxNLangGram_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #3EB9BF;
	
}
.chkbxUPrePro_input:checked ~ .chkbxNLangGram_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxNLangGram_mark:before{
	background: #3EB9BF;

}
/*Læreplanmål Engelsk Language - Urspråk*/

.chkbxNLangUr_wrap{
	cursor: pointer;
}
.chkbxNLangUr_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxNLangUr_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #2C4B9B;
	
}
.chkbxUPrePro_input:checked ~ .chkbxNLangUr_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxNLangUr_mark:before{
	background: #2C4B9B;

}

/*Læreplanmål Norsk Text*/

.norText_SubWrap{
	position: absolute;
	top: 60px;
}

/*Læreplanmål Engelsk Text Skjønnlitteratur*/

.chkbxNTextFic_wrap{
	cursor: pointer;
}
.chkbxNTextFic_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxNTextFic_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #29A842;
	
}
.chkbxUPrePro_input:checked ~ .chkbxNTextFic_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxNTextFic_mark:before{
	background: #29A842;

}

/*Læreplanmål Engelsk Text Factual*/

.chkbxNTextFac_wrap{
	cursor: pointer;
}
.chkbxNTextFac_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxNTextFac_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #3EB9BF;
	
}
.chkbxUPrePro_input:checked ~ .chkbxNTextFac_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxNTextFac_mark:before{
	background: #3EB9BF;

}
/*Læreplanmål Engelsk Text Sources*/

.chkbxNTextSour_wrap{
	cursor: pointer;
}
.chkbxNTextSour_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxNTextSour_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #2C4B9B;
	
}
.chkbxUPrePro_input:checked ~ .chkbxNTextSour_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxNTextSour_mark:before{
	background: #2C4B9B;

}
/*Læreplanmål Engelsk Text Mangfold*/

.chkbxNTextDiv_wrap{
	cursor: pointer;
}
.chkbxNTextDiv_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxNTextDiv_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #6C3B8F;
	
}
.chkbxUPrePro_input:checked ~ .chkbxNTextDiv_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxNTextDiv_mark:before{
	background: #6C3B8F;

}


/*Læreplanmål Matematikk*/

/*Læreplanmål Matematikk Kommunikasjon*/
.mathCom_SubWrap{
	position: absolute;
	top: 60px;
}
/*Læreplanmål Matematikk Kommunikasjon - 1. Tekster*/

.chkbxMComText_wrap{
	cursor: pointer;
}
.chkbxMComText_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxMComText_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #FBBB0E;
	
}
.chkbxUPrePro_input:checked ~ .chkbxMComText_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxMComText_mark:before{
	background: #FBBB0E;

}
/*Læreplanmål Matematikk Kommunikasjon - 3. Modellering*/

.chkbxMComMod_wrap{
	cursor: pointer;
}
.chkbxMComMod_mark{
	font-size: 14px;
	line-height: 1.5;
	
}

.chkbxMComMod_mark:before{
	content: "";
	position: absolute;
	margin: 3px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	left: -30px;
	border: solid 2px #E7E000;
	
}
.chkbxUPrePro_input:checked ~ .chkbxMComMod_mark{
	font-style: italic;
}

.chkbxUPrePro_input:checked ~ .chkbxMComMod_mark:before{
	background: #E7E000;

}

/*Sidebar - valgte mål*/
.sidebarSub{
	position: relative;
	margin: 20px;
}

.chosenChecks{
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 25px;
	top: 50px;
}

#selectedtext{
	background-color: #E4E4E4;
	color: #000;
	padding: 0.5em;
	border: 2px solid transparent;
	outline: none;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.4;
	width: 250px;
	height: 400px;
	transition: all 0.5s;
}