@font-face {font-family: 'OfficSerITCBoo';src: url('../fonts/2AA43C_7_0.eot');src: url('../fonts/2AA43C_7_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2AA43C_7_0.woff') format('woff'),url('../fonts/2AA43C_7_0.ttf') format('truetype'),url('../fonts/2AA43C_7_0.svg#wf') format('svg');}
@font-face {font-family: 'OfficSerITCBooIta';src: url('../fonts/2AA43C_4_0.eot');src: url('../fonts/2AA43C_4_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2AA43C_4_0.woff') format('woff'),url('../fonts/2AA43C_4_0.ttf') format('truetype'),url('../fonts/2AA43C_4_0.svg#wf') format('svg');}
@font-face {font-family: 'OfficSerITCBol';src: url('../fonts/2AA43C_6_0.eot');src: url('../fonts/2AA43C_6_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2AA43C_6_0.woff') format('woff'),url('../fonts/2AA43C_6_0.ttf') format('truetype'),url('../fonts/2AA43C_6_0.svg#wf') format('svg');}
@font-face {font-family: 'OfficSerITCBolIta';src: url('../fonts/2AA43C_0_0.eot');src: url('../fonts/2AA43C_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2AA43C_0_0.woff') format('woff'),url('../fonts/2AA43C_0_0.ttf') format('truetype'),url('../fonts/2AA43C_0_0.svg#wf') format('svg');}
@font-face {font-family: 'OfficSerITCMed';src: url('../fonts/2AA43C_1_0.eot');src: url('../fonts/2AA43C_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2AA43C_1_0.woff') format('woff'),url('../fonts/2AA43C_1_0.ttf') format('truetype'),url('../fonts/2AA43C_1_0.svg#wf') format('svg');}
@font-face {font-family: 'OfficSerITCMedIta';src: url('../fonts/2AA43C_3_0.eot');src: url('../fonts/2AA43C_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2AA43C_3_0.woff') format('woff'),url('../fonts/2AA43C_3_0.ttf') format('truetype'),url('../fonts/2AA43C_3_0.svg#wf') format('svg');}
@font-face {font-family: 'OfficSerITCBla';src: url('../fonts/2AA43C_8_0.eot');src: url('../fonts/2AA43C_8_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2AA43C_8_0.woff') format('woff'),url('../fonts/2AA43C_8_0.ttf') format('truetype'),url('../fonts/2AA43C_8_0.svg#wf') format('svg');}
@font-face {font-family: 'OfficSerITCExBol';src: url('../fonts/2AA43C_2_0.eot');src: url('../fonts/2AA43C_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2AA43C_2_0.woff') format('woff'),url('../fonts/2AA43C_2_0.ttf') format('truetype'),url('../fonts/2AA43C_2_0.svg#wf') format('svg');}



html,body{display:block;width:100%;height:100%;margin:0;padding:0;font-family:Helvetica,sans-serif;background:transparent;color:#000;background-color:#f9f9f9;}

html {
    overflow-y: scroll;
    overflow-x: hidden;
	-ms-overflow-style: auto;  // IE 10+
    scrollbar-width: none;  // Firefox
}
html #scrollvisning {
    overflow-y: scroll;
    overflow-x: hidden;
	-ms-overflow-style: none;  // IE 10+
    scrollbar-width: none;  // Firefox
}
html #innehall {
    overflow-y: scroll;
    overflow-x: hidden;
	-ms-overflow-style: none;  // IE 10+
    scrollbar-width: none;  // Firefox
}
#scrollvisning::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
	display:none;
}
#scrollvisning::-webkit-scrollbar:vertical {
    width: 5px;  /* Remove scrollbar space */
	display:block;
	background-color:#f6f6f6;
}
#scrollvisning::-webkit-scrollbar-thumb {
	background-color:#999;
}

#innehall::-webkit-scrollbar {
    width: 0px;  /* Remove scrollbar space */
	display:none;
}
#innehall::-webkit-scrollbar:vertical {
    width: 5px;  /* Remove scrollbar space */
	display:block;
	background-color:#f6f6f6;
}
#innehall::-webkit-scrollbar-thumb {
	background-color:#999;
}
#scrollvisning .hallihop .LH_BROD iframe{
	border:0px solid #efefef;background-color: #fff;
	padding:0 0 0 0;
	position:relative;
	margin:20px 0 0 30px;
	width:90%!important;
	height:90%!important;
}

.kapitelbox{border:0px blue solid;display:block;width:150px;height:auto;background-color:#999;}
.avsknappopen{border:1px orange solid;display:block;width:140px;height:auto;background-color:#fff;}
.avsknappclosed{border:1px red solid;display:block;width:140px;height:auto;background-color:#ededed;}

#navknappar{display:none;height:auto;width:auto;position:fixed;right:5px;top:50%;}
#upp2{display:block;height:20px;width:20px;margin-bottom:10px;cursor:pointer;}
#solovis{display:block;height:20px;width:20px;margin-bottom:10px;cursor:pointer;}
#soloclose{display:none;height:20px;width:20px;margin-bottom:10px;cursor:pointer;}
#ner2{display:block;height:20px;width:20px;margin-bottom:10px;cursor:pointer;}
#miniatyrstart2{display:none;}
#printbladPP,#printbladPPx,#delablad{display:none;position:fixed;top:15px;right:15px;cursor:pointer;width:30px;height:30px;z-index:20;}
#delablad{top:50px;}
#printknapp{display:none;}

#visning p {font: 1.0em 'OfficSerITCBoo', Arial, sans-serif;line-height:1.4em;text-align:left;color:#000;padding:0px;margin:0px;}
#visning a{text-decoration:none;}
#visning .margtext{width:70%;margin:0 auto 15px auto;padding:0%;display:block;background-color:#fff;position:relative;border:0px solid pink;}
#visning .margtext p{color:#000;display:block;font-size:1.1em;}
#visning p.margrub{color:#444;font: 1.2em 'OfficSerITCBol', Arial, sans-serif;width:70%;margin:15px auto 5px auto;display:block;}
#visning p.margbilagatext{color:#000;display:block;width:70%;margin:0px auto 5px auto;display:block;}
#visning .margtext object{width:18cqi;height:calc(18cqi * 1.415);margin:0 auto 0 auto;padding:0%;display:block;background-color:#fff;cursor:pointer;border:1px solid green;}
#visning .margtext iframe{width:300px;height:calc(300px * 1.415);margin:0 auto 0 auto;padding:0%;display:block;background-color:#fff;cursor:pointer;border:1px solid red;}

#sidvisning,#solovisning,#scrollvisning,#innehall{border-top:2px solid #f4f4f4;border-left:2px solid #f4f4f4;border-right:2px solid #f1f1f1;border-bottom:2px solid #f1f1f1;}
.sida,.sidavalkom,.sidaintro,.sidalh,.bildspellh,.sidatema,.sidauppdr,.uppdragknapp,.knapp,.knappv,.knappp,.knappg,.knappn,#sp_logo22,#nta_logo22,.sidaprova,.sidatips{border-top:3px solid #f4f4f4;border-left:0px solid #f4f4f4;border-right:0px solid #f1f1f1;border-bottom:2px solid #f1f1f1;}
.sidaintro,.sidavalkom,.sidalh,.bildspellh,.sidatips,.sidatema,.sidauppdr{height:auto;}
#innhallmask{border-top:3px solid #f4f4f4;border-left:0px solid #f4f4f4;border-right:0px solid #f1f1f1;border-bottom:0px solid #f1f1f1;height:95px;}
#innehall{border-top:0px solid #f4f4f4;}
.sidavalkom{background-color:#e0e7b1;width:100%;}
.sidaintro{background-color:#dff0f9;width:100%;}
.sidalh,.bildspellh{background-color:#EDCBA9;width:100%;}
.sidatips{background-color:#f5dad2;width:100%;}
.sidatema{background-color:#cce6e7;width:100%;}
.on{}
#scrollvisning .spalt1{border:0px solid blue;}

video {
	width: 100%;
	  height: 100%;
	  object-fit: cover;
	  position: absolute; /* magic sauce */
  }
#startblock2{position:absolute;z-index:2;width:100%;height:100%;top:0;left:0;background-color:#fff;
	/*
	background: url(../down/output.mp4) no-repeat center center;}
	#startblock2{
		background-size:cover;
		-o-background-size:cover;
		-moz-background-size:cover;
		-webkit-background-size:cover;
		background-color:#303e42;
	*/
	}
	#myVideo {
		position:absolute;
		  top:0;
		  left:0;
		  width:100%; 
		  height:100%;
	}
	#periodiskasystemet {
		background: url(../pics/periodic-table.jpg);
		background-color: #fff;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		z-index:10;
		position:absolute;
		top:0;
		right:0;
		/*width:-webkit-calc(100% - 175px);
		width:-moz-calc(100% - 175px);
		width:calc(100% - 175px);*/
		width:100%;
		height:100%;
	}	
	#periodiskasystemet img{position:absolute;width:40px;height:auto;top:10px;right:10px;cursor:pointer;}
	#periodiskasystemet p{position:absolute;font-size:2em;padding:20px;top:20px;left:20px;cursor:pointer;}
	.hidep{display:none;}
	.showp{display:block;}
	#grafritaren {
		background-color: #fff;
		z-index:10;
		position:absolute;
		top:0;
		right:0;
		/*width:-webkit-calc(100% - 175px);
		width:-moz-calc(100% - 175px);
		width:calc(100% - 175px);*/
		width:100%;
		height:100%;
	}	
	#grafritaren img{position:absolute;width:40px;height:auto;top:10px;left:10px;cursor:pointer;z-index:100;}
	#grafritaren p{position:absolute;font-size:2em;padding:20px;top:20px;left:20px;cursor:pointer;}
	.hideg{display:none;}
	.showg{display:block;}
#print{display:none;}
#dolt{display:none;}
.dold{display:none;}
#notisboard{width:99%;height:auto;position:absolute;left:0;top:0;background-color:#fff;opacity:0.7;padding-right:1%;}
#titelboard{width:99%;height:7%;position:absolute;left:0;bottom:5%;background-color:#fff;opacity:0.8;padding-right:1%;}
#logoboard{width:99%;height:5%;position:absolute;left:0;bottom:0;background-color:#FC9200;overflow:visible;padding-right:1%;}

#notisboard p{font: 1em 'OfficSerITCBol', Arial, sans-serif;line-height:1.2em;color:#000 ;text-align:center;width:100%;margin:1%;}
#titelboard p{font: 1.8vw 'OfficSerITCBol', Arial, sans-serif;line-height:1.2em;color:#FC9200 ;text-align:right;width:100%;margin:1.3% 0 0 0;}
#logoboard p{display:inline-block;font: 1.2em 'OfficSerITCBol', Arial, sans-serif;line-height:1.2em;color:#fff;text-align:right;width:100%;margin:0.8% 0 0 0;}
#logoboard p img{display:inline-block;height:40px;width:auto;vertical-align:middle;border-radius:40px;margin:-10px 0 0 10px;}

#innehall{position:relative;display:inline-block;vertical-align:top;width:167px;height:100%;overflow:scroll;background-color:#cbce9b;border-left:2px solid #f4f4f4;}
#innehall .miniintro2 .LH_RUB2 p {
    font-size: 15px;
    line-height: 1.3;
    cursor: pointer;
    margin: 3px 0 0 15px;
    padding: 7px 0px 7px 0;
    color: #000;
}

#innehall .miniintro2 #tematiskrub .LH_RUB2 p, #innehall .miniintro2 #amnesrub .LH_RUB2 p {
    font-size: 15px;
    line-height: 1.3;
    cursor: auto;
    margin: 3px 0 0 15px;
    padding: 7px 0px 7px 0;
    color: #FC9200 ;
}
#innehall .miniintro2 #tematiskrub, #innehall .miniintro2 #amnesrub{
    background-color:#f9f9f9;
	margin:-3px 0 0 0;
	padding-top:2px;
	cursor:none;
}
.tematiskon{display:block;}
.tematiskoff{display:none;}

#staendeinnehall{position:relative;display:inline-block;vertical-align:top;width:105px;height:100%;overflow:scroll;background-color:#fff;}
#visning{position:fixed;z-index:1;width:100%;height:100%;top:0;left:0;background-color:#e8e9ea;border:0px solid green;}
#visningblank{position:relative;z-index:1;width:100%;height:100%;top:0;left:0;background-color:#e8e9ea;border:0px solid green;}
#totalprint{position:absolute;display:none;z-index:1;width:20px;height:20px;top:0;left:0;border:1px solid red;}
#totalprint div{display:none;}
#totalprint2{position:absolute;display:block;z-index:1;width:100%;height:100%;top:0;left:0;border:0px solid green;}
#totalprint div{display:block;}
.delsystem{background-color:grey;margin:2px;}

#sidvisning{position:relative;display:inline-block;overflow:hidden;margin:0;padding:0;background-color:#fff;vertical-align:top;
	width:-webkit-calc(100% - 180px);
	width:-moz-calc(100% - 180px);
	width:calc(100% - 180px);}
#solovisning{position:relative;display:inline-block;overflow:hidden;margin:0;padding:0;background-color:#fff;vertical-align:top;
	width:-webkit-calc(100% - 0px);
	width:-moz-calc(100% - 0px);
	width:calc(100% - 0px);}
#staendesidvisning{position:relative;display:inline-block;overflow:hidden;margin:0;padding:0;background-color:#fff;
	width:-webkit-calc(100% - 112px);
	width:-moz-calc(100% - 112px);
	width:calc(100% - 112px);}
#scrollvisning{position:relative;display:inline-block;overflow:scroll;margin:0;padding:0;background-color:#fff;
	width:-webkit-calc(100% - 180px);
	width:-moz-calc(100% - 180px);
	width:calc(100% - 180px);}
#scrolltotal{position:relative;display:none;margin:0;padding:0;background-color:#fff;margin-left:200px;width:100%;height:100%;}

#sidvisning{display:none;}
#scrollvisning{}
#innehall .sida,#innehall .sidaon{position:relative;width:167px;display:inline-block;cursor:pointer;vertical-align:top;background-color:#e8e9ea;overflow:hidden;margin:0px;padding:0;}
#innehall .sida,#innehall .sidaoff{position:relative;width:167px;display:inline-block;cursor:pointer;vertical-align:top;background-color:#EDCBA9;overflow:hidden;margin:0px;padding:0;}
#innehall .indelningon{position:relative;width:167px;display:none;cursor:pointer;vertical-align:top;background-color:#FC9200;overflow:hidden;margin:0px;padding:0;}
#innehall .indelningoff{position:relative;width:167px;display:inline-block;cursor:pointer;vertical-align:top;background-color:#FC9200;overflow:hidden;margin:0px;padding:0;}
#innehall .indelningoffoff{display:none;}
#innehall .uppdragknapp{position:relative;width:167px;cursor:pointer;vertical-align:top;background-color:#efa400;overflow:hidden;margin:0px;padding:0;}
#innehall .aktuell{display:inline-block;}
#innehall .ejaktuell{display:none;}
#innehall .logosida{height:auto;border-bottom:0px solid #f4f4f4;}
#innehall .indelningon .stangdmeny{display:none;}
#innehall .indelningon .oppenmeny{display:none;}
#innehall .indelningoff .stangdmeny{display:none;}
#innehall .indelningoff .oppenmeny{display:inline-block;}
#innehall .indelningoff .stangdmeny{width:15px;height:auto;margin:5px 5px 0px 5px;vertical-align:top;}
#innehall .indelningoff .oppenmeny{width:15px;height:auto;margin:5px 5px 0px 5px;vertical-align:top;}
#innehall .indelningon .stangdmeny{width:15px;height:auto;margin:5px 5px 0px 5px;vertical-align:top;}
#innehall .indelningon .oppenmeny{width:15px;height:auto;margin:5px 5px 0px 5px;vertical-align:top;}


#innehall .indelningon .indelning p{color:#fff;text-transform:uppercase;}
#innehall .indelningoff .indelning p{color:#fff;text-transform:uppercase;}

#innehall #sp_logo22{width:100%;margin:0;background-color:#FC9200 ;height:95px;}
#innehall #nta_logo22{width:100%;margin:0;background-color:#a3b71c;height:95px;}
#innehall #sp_logo22 svg{width:100%;height:auto;margin:0;}
#innehall #nta_logo22 svg{width:80%;height:auto;margin:8px 0 6px 5px;}
#innehall .kapknapparoff .sidaoff{display:none;}
#innehall .kapknapparoff .sidaon{display:none;}
#innehall .kapknapparon .sidaoff{display:block;}
#innehall .kapknapparon .sidaon{display:block;}
#innehall .kapknapparon .stangdmeny{display:none;}
#innehall .kapknapparon .oppenmeny{display:block;}
#innehall .kapknapparoff .stangdmeny{display:block;}
#innehall .kapknapparoff .oppenmeny{display:none;}
#innehall .kapknapparoff .stangdmeny{width:30px;height:auto;margin:5px 0 13px 16px;}
#innehall .kapknapparoff .oppenmeny{width:30px;height:auto;margin:5px 0 13px 16px;}
#innehall .kapknapparon .stangdmeny{width:30px;height:auto;margin:5px 0 13px 16px;}
#innehall .kapknapparon .oppenmeny{width:30px;height:auto;margin:5px 0 13px 16px;}
#innehall .kapiteldelon{display:block;}
#innehall .kapiteldeloff{display:none;}

#innehall .poff .knappp,#innehall .pon .knappp{height:35px;}
#innehall .poff2 .knappg,#innehall .pon2 .knappg{height:35px;}
#innehall .poff .stangdmeny,#innehall .poff2 .stangdmeny{display:block;}
#innehall .poff .oppenmeny,#innehall .poff2 .oppenmeny{display:none;}
#innehall .pon .stangdmeny,#innehall .pon2 .stangdmeny{display:none;}
#innehall .pon .oppenmeny,#innehall .pon2 .oppenmeny{display:block;}
#innehall .poff .stangdmeny,#innehall .poff2 .stangdmeny{width:30px;height:auto;margin:0px 0 13px 16px;}
#innehall .pon .stangdmeny,#innehall .pon2 .stangdmeny{width:30px;height:auto;margin:0px 0 13px 16px;}
#innehall .poff .oppenmeny,#innehall .poff2 .oppenmeny{width:30px;height:auto;margin:0px 0 13px 16px;}
#innehall .pon .oppenmeny,#innehall .pon2 .oppenmeny{width:30px;height:auto;margin:0px 0 13px 16px;}

#innehall #sp_meny1{width:30px;height:auto;margin:5px 0 11px 16px;}
#innehall #sp_meny2{width:40px;height:auto;margin:16px;}
#innehall #sp_meny3{width:40px;height:auto;margin:16px;}
#innehall #sp_meny4{width:40px;height:auto;margin:16px;padding:0px 0px 7px 0;}
#innehall .knapp{width:100%;background-color:#FFB45A;cursor:pointer;}
#innehall .knapp p{font-size:15px;cursor:pointer;margin:3px 0 0 15px;padding:7px 0px 3px 0;text-transform:uppercase;}
#innehall .knappv{width:100%;background-color:#FC9200 ;}
#innehall .knappv p{font-size:15px;cursor:pointer;color:#fff;margin:3px 0 0 15px;padding:7px 0px 5px 0;text-transform:uppercase;}
#innehall .knappp{width:100%;background-color:#FC9200 ;height:35px;margin:0;border:0px;border-top:3px solid #f9f9f9;border-bottom:2px solid #f9f9f9;}
#innehall .knappp p{font-size:15px;cursor:pointer;color:#fff;margin:0 0 0 15px;padding:7px 0px 5px 0;text-transform:uppercase;}
#innehall .knappg{width:100%;background-color:#FC9200 ;height:35px;margin:0;border:0px;border-top:3px solid #f9f9f9;border-bottom:2px solid #f9f9f9;}
#innehall .knappg p{font-size:15px;cursor:pointer;color:#fff;margin:0 0 0 15px;padding:7px 0px 5px 0;text-transform:uppercase;}
#innehall .knappn{width:100%;background-color:#a3b71c;}
#innehall .knappn p{font-size:15px;cursor:pointer;color:#fff;margin:3px 0 0 15px;padding:7px 0px 5px 0;text-transform:uppercase;}
#innehall .sp_off p{color:#e1e1e1;}
#innehall .sp_off1 p{color:#a1b51d;}
#innehall .sp_off2 p{color:#3ca3dc;}
#innehall .sp_off3 p{color:#efa400;}
#innehall .sp_off4 p{color:#FC9200 ;}
#innehall .sp_off5 p{color:#20667c;}
#innehall .sp_off6 p{color:#20667c;}
#innehall .on1 p,#innehall .on1-1 p,#innehall .on1-2 p,#innehall .on1-3 p{color:#3ca3dc;}
#innehall .on2 p,#innehall .on2-1 p,#innehall .on2-2 p,#innehall .on2-3 p{color:#fff;}
#innehall .on3 p,#innehall .on3-1 p,#innehall .on3-2 p,#innehall .on3-3 p{color:#fff;}
#innehall .on4 p,#innehall .on4-1 p,#innehall .on4-2 p,#innehall .on4-3 p{color:#fff;}
#innehall .on5 p,#innehall .on5-1 p,#innehall .on5-2 p,#innehall .on5-3 p{color:#fff;}
#innehall .on6 p,#innehall .on6-1 p,#innehall .on6-2 p,#innehall .on6-3 p{color:#fff;}
#innehall .on7 p,#innehall .on7-1 p,#innehall .on7-2 p,#innehall .on7-3 p{color:#fff;}
#innehall .NTA_FUNDERA{background-color:#f6f6f6;padding:0 0px 3px 0;border-top:15px solid #f6f6f6;border-left:2px solid #f6f6f6;border-right:0px solid #f6f6f6;border-bottom:2px solid #f6f6f6;height:16px;}
#innehall .NTA_LARMER{background-color:#f6f6f6;padding:0 0px 3px 0;border-top:15px solid #f6f6f6;border-left:2px solid #f6f6f6;border-right:0px solid #f6f6f6;border-bottom:2px solid #f6f6f6;height:16px;}
#innehall .NTA_PROTOTYP{background-color:#f6f6f6;padding:0 0px 3px 0;border-top:15px solid #f6f6f6;border-left:2px solid #f6f6f6;border-right:0px solid #f6f6f6;border-bottom:2px solid #f6f6f6;height:16px;}
#innehall .NTA_UTVECKLA{background-color:#f6f6f6;padding:0 0px 3px 0;border-top:15px solid #f6f6f6;border-left:2px solid #f6f6f6;border-right:0px solid #f6f6f6;border-bottom:2px solid #f6f6f6;height:16px;}
#innehall .NTA_TAREDAPA{background-color:#f6f6f6;padding:0 0px 3px 0;border-top:15px solid #f6f6f6;border-left:2px solid #f6f6f6;border-right:0px solid #f6f6f6;border-bottom:2px solid #f6f6f6;height:16px;}
#innehall .NTA_FUNDERA p{text-transform:uppercase;font: 11px 'OfficSerITCMed', Arial, sans-serif;color:#000;display:inline-block;vertical-align:top;margin:4px 0 0 4px;}
#innehall .NTA_LARMER p{text-transform:uppercase;font: 11px 'OfficSerITCMed', Arial, sans-serif;color:#000;display:inline-block;vertical-align:top;margin:4px 0 0 4px;}
#innehall .NTA_PROTOTYP p{text-transform:uppercase;font: 11px 'OfficSerITCMed', Arial, sans-serif;color:#000;display:inline-block;vertical-align:top;margin:4px 0 0 4px;}
#innehall .NTA_UTVECKLA p{text-transform:uppercase;font: 11px 'OfficSerITCMed', Arial, sans-serif;color:#000;display:inline-block;vertical-align:top;margin:4px 0 0 4px;}
#innehall .NTA_TAREDAPA p{text-transform:uppercase;font: 11px 'OfficSerITCMed', Arial, sans-serif;color:#000;display:inline-block;vertical-align:top;margin:4px 0 0 4px;}
#innehall .NTA_FUNDERA div{width:18px;height:auto;display:inline-block;}
#innehall .NTA_LARMER div{width:18px;height:auto;display:inline-block;}
#innehall .NTA_PROTOTYP div{width:18px;height:auto;display:inline-block;}
#innehall .NTA_UTVECKLA div{width:18px;height:auto;display:inline-block;}
#innehall .NTA_TAREDAPA div{width:18px;height:auto;display:inline-block;}

#innehall .delrub{background-color:#f6f6f6;padding:0 0px 3px 0;border-top:15px solid #f6f6f6;border-left:2px solid #f6f6f6;border-right:0px solid #f6f6f6;border-bottom:2px solid #f6f6f6;height:auto;}
#innehall .delrub p{text-transform:uppercase;font: 11px 'OfficSerITCMed', Arial, sans-serif;color:#000;display:inline-block;vertical-align:top;margin:4px 0 0 4px;}
#innehall .delrub .ruta{width:18px;height:auto;display:inline-block;}


#staendeinnehall .sida,#staendeinnehall .sidaon,#staendeinnehall .logosida{position:relative;width:100px;height:auto;x;display:inline-block;cursor:pointer;vertical-align:top;background-color:#e8e9ea;border-right:4px solid #fff;overflow:hidden;margin:0px 3px 3px 0px;padding:0 0 7px 0;border-bottom:2px solid #f6f6f6;}
#staendeinnehall .sida,#staendeinnehall .sidaoff,#staendeinnehall .logosida{position:relative;width:100px;height:auto;display:inline-block;cursor:pointer;vertical-align:top;background-color:#e8e9ea;border-right:4px solid #fff;overflow:hidden;margin:0px 3px 3px 0px;padding:0 0 7px 0;border-bottom:2px solid #f6f6f6;}



#solovisning .storsida{position:relative;width:100%;display:inline-block;vertical-align:top;overflow:hidden;margin:0;padding:0;border-bottom:3px solid #f6f6f6;}
#solovisning .storsida p{}
#solovisning .uppdrag{width:200px;height:200px;right:0;margin-right:-100px;position:absolute;top:-100px;display:block;background-color:#f7e1ba;border-radius:100px;}
#solovisning .uppdrag p{font: 50px 'OfficSerITCBol', Arial, sans-serif;text-align:left;padding:120px 0 0 40px;margin:0;color:#fff;}
#solovisning .sidnr{position:absolute;height:40px;right:1%;bottom:1%;display:block;}
#solovisning .sidnr p{font: 1vw 'OfficSerITCBol', Arial, sans-serif;text-align:right;padding:0;margin:0;}
#solovisning .sp_off p{color:#f6f6f6;}
#solovisning .sp_off2 p{color:#ccc;}
#solovisning .on p{color:#222;}
#solovisning .on2 p{color:#000;}


.NTA_BRYT{display:none;}
.NTA_BRYT1{display:none;}
.NTA_BRYT-2{display:none;}
.NTA_RUB1 p{border:0px solid orange;line-height:1.0em;}
.NTA_RUB2 p{border:0px solid red;width:70%;margin:100px 0 0 10%;}
.NTA_RUBUNDER p{border:0px solid yellow;width:80%;margin:0 0 0 10%;}
.NTA_RUB3 p,.NTA_RUB3TA p,.NTA_RUB3SAM p,.NTA_RUB3UT p{width:60%;margin:0 0 0 10%;}
.NTA_RUB4 p{border:0px solid pink;width:80%;margin:0 0 0 10%;}
.NTA_BROD p{border:0px solid green;width:80%;line-height:1.5em;margin:0 0 0 10%;}
.NTA_BROD_INDR p{border:0px solid green;width:80%;line-height:1.5em;margin:0 0 0 10%;}
.NTA_PUNKTLISTA p{border:1px solid blue;width:80%;line-height:1.2em;margin:0 0 0 10%;}
.NTA_BILDHEL{border:0px solid red;width:100%;overflow:hidden;height:auto;}
.NTA_BILDBILDSPEL img{border:0px solid green;width:100%;}
.NTA_BILDBILDSPEL{border:0px solid blue;width:100%;overflow:hidden;height:auto;}
.NTA_BILDHEL img{border:0px solid red;width:100%;}
.NTA_BILDMARG{border:0px solid black;width:43%;float:right;}
.NTA_BILDMARG img{border:0px solid red;width:100%;}
.papperknapp{width:25px;height:25px;bottom:5px;left:5px;position:absolute;overflow:hidden;padding:5px;background-color:#fff;}
.papperknapp p{font-size:20px;color:#999;padding-left:10px;display:inline-block;vertical-align:top;}
.NTA_KOD{background-color:#fac88f;border-radius:5px;height:100%;width:100%;}
#visning .NTA_KOD p{font-size:17px;color:#fff;display:inline-block;vertical-align:top;width:100%;text-align:center;padding-top:3px;}
.NTA_KOD svg{width:20px;height:auto;display:inline-block;padding:5px;}
.NTA_KOD2{background-color:#fac88f;border-radius:5px;height:100%;width:100%;}
#visning .NTA_KOD2 p{font-size:17px;color:#fff;display:inline-block;vertical-align:top;width:100%;text-align:center;padding-top:3px;}
.NTA_KOD2 svg{width:20px;height:auto;display:inline-block;padding:5px;}
.NTA_KOD a,.NTA_KOD2 a{color:#fff;text-decoration:none;}
.NTA_INFO{width:35px;height:35px;bottom:90px;left:5px;position:absolute;overflow:hidden;background-color:#fff;}
.NTA_INFO p{font-size:18px;color:#000;padding-left:10px;padding-top:3px;display:inline-block;vertical-align:top;}
.NTA_INFO svg{width:20px;height:auto;display:inline-block;padding:5px;}
.NTA_INFO2{width:auto;height:auto;bottom:90px;left:5px;position:absolute;padding:5px;background-color:#fff;}
.NTA_INFO2 p{font-size:18px;color:#000;padding-left:10px;padding-top:3px;display:inline-block;vertical-align:top;}
.NTA_INFO2 svg{width:20px;height:auto;display:inline-block;}
.NTA_INFO a,.NTA_INFO2 a{color:#000;text-decoration:none;}



.nyttavsnittstart{background-color:#fff;width:70%;padding:1.3% 15% 0% 15%;border-top:1px solid #fff;border-bottom:1px solid #fff;
	column-count:1;
	column-gap: 5%;
	column-rule-style:solid;
	column-rule-width: 0px;
	column-rule-color: #000;}
.nyttavsnitttema{background-color:#fff;width:70%;padding:4% 15% 4% 15%;border-bottom:1px solid #999;border-top:0px solid #cce6e7;
	column-count:2;
	column-gap: 5%;
	column-rule-style:solid;
	column-rule-width: 0px;
	column-rule-color: #000;}
.nyttavsnittmell{background-color:#fff;width:70%;padding:4% 15% 4% 15%;border-bottom:1px solid #999;border-top:5px solid #ddd;
	column-count:2;
	column-gap: 5%;
	column-rule-style:solid;
	column-rule-width: 0px;
	column-rule-color: #000;}

.START_RUB1 p{border:0px solid orange;line-height:1.0em;width:70%;margin:0 0 0 0;}
.START_RUB1ALT p{border:0px solid orange;line-height:1.0em;width:70%;margin:0 0 0 0;}
.START_RUB2 p{border:0px solid red;width:80%;margin:0 0 0 5%;}
.START_RUB3 p{border:0px solid pink;width:80%;margin:0 0 0 5%;}
.START_RUB4 p{border:0px solid pink;width:80%;margin:0 0 0 5%;}
.START_BROD_START p{border:0px solid green;width:80%;line-height:1.5em;margin:0 0 0 5%;}
.START_BROD_REF p{border:0px solid green;width:80%;line-height:1.5em;margin:0 0 0 5%;text-indent:-53px;}
.START_BROD_REF span{border-left:1px solid #3ca3dc;border-right:1px solid #3ca3dc;width:30px;text-align:center;display:inline-block;font:0.9em 'OfficSerITCBol', Arial, sans-serif;color:#3ca3dc;margin-right:20px;padding:0;text-indent:0px;}
.START_BROD p{border:0px solid green;width:80%;line-height:1.5em;margin:0 0 0 5%;}
.START_BROD_INDR p{border:0px solid green;width:80%;line-height:1.5em;margin:0 0 0 5%;}
.START_NAMN P{border:0px solid green;width:80%;line-height:1.5em;margin:0 0 0 5%;}
.START_BILDHEL{border:0px solid red;width:70%;margin:20px 0 30px 15%;overflow:hidden;height:auto;}
.START_BILDHEL img{border:0px solid red;width:100%;}

.LH_RUB1 p{border:0px solid orange;line-height:1.0em;width:70%;margin:0 0 0 0;}
.LH_RUB2 p{border:0px solid red;width:80%;margin:0 0 0 5%;}
.LH_RUB3 p{border:0px solid pink;width:80%;margin:0 0 0 5%;}
.LH_RUB4 p{border:0px solid pink;width:80%;margin:0 0 0 5%;}
.LH_BROD p{border:0px solid green;width:80%;line-height:1.5em;margin:0 0 0 5%;}
.LH_BROD_INDR p{border:0px solid green;width:80%;line-height:1.5em;margin:0 0 0 5%;}
.LH_PUNKTLISTA p,.lh_punktlista p{border:0px solid red;width:80%;line-height:1.5em;margin:0 0 0 5%;}
#visning p.lh_punktlista{border:0px solid red;width:80%;line-height:1.5em;margin:0 0 0 5%;}
.LH_PUNKTLISTA2 p{border:0px solid red;width:80%;line-height:1.5em;margin:0 0 0 5%;}
.LH_ABCLISTA p{border:0px solid blue;width:80%;line-height:1.5em;margin:0 0 0 5%;}
.LH_BILDHEL{border:0px solid red;width:100%;overflow:hidden;height:auto;}
.LH_BILDBILDSPEL img{border:0px solid red;width:100%;}
.LH_BILDBILDSPEL{border:0px solid red;width:80%;overflow:hidden;height:auto;margin:-20px 0 0 10%;}
.LH_BILDHEL img{border:0px solid red;width:100%;}
.LH_BILDMARG{border:0px solid black;width:25%;float:right;padding:1%;margin-right:33%;border:0px solid red;}
.LH_BILDMARG img{border:0px solid red;width:100%;}
.LH_BILDSPALT{border:0px solid black;width:50%;margin-left:5%;}
.LH_BILDSPALT img{border:0px solid red;width:100%;}



#innehall .NTA_RUB1 p{font: 11px 'OfficSerITCBo0', Arial, sans-serif;margin:0 0 0 20px;padding:5px 0 0 5px;height:18px;width:85%;background-color:#fef4e9;white-space: nowrap;border:0px solid red;overflow:hidden;}
#innehall .NTA_RUB2 p{font-size:5px;margin:10px 0 0 15px;display:none;}
#innehall .NTA_RUB1-2 p{font-size:5px;margin:10px 0 0 15px;display:none;}
#innehall .PROVA_RUB2 p{font: 12px 'OfficSerITCBo0', Arial, sans-serif;line-height:14px;margin:7px 0 7px 15px;height:auto;width:80%;border:0px solid red;overflow:hidden;text-transform:uppercase;color:#000;}
#innehall .PROVA_LINK{position:absolute;background-color:red;opacity:0;width:140px;height:100px;top:0;}
#innehall .sidaprova{display:inline-block;position:relative;margin:0px;background-color:#f5dad2;}
#innehall .NTA_PDF{display:none;}
#innehall .NTA_LINK{display:none;}
#innehall .NTA_VIDEO{display:none;}
#innehall .NTA_VIDEO .video{display:none;}
#innehall .NTA_VIDEO .video iframe{display:none;}
#innehall .NTA_PDF p{display:none;}
#innehall .NTA_LINK p{display:none;}
#innehall .NTA_VIDEO p{display:none !important;}
#innehall .NTA_PDF svg{display:none;}
#innehall .NTA_LINK svg{display:none;}
#innehall .NTA_VIDEO svg{display:none;}
#innehall .linkknapp2{display:none;}
#innehall .filknapp2{display:none;}
#innehall .NTA_RUBUNDER p{font-size:4px;margin:0px 0 0 15px;}
#innehall .NTA_RUB3 p{font-size:4px;margin:10px 0 0 15px;}
#innehall .NTA_BROD p{font-size:3px;margin:0px 0 0 15px;}
#innehall .NTA_PUNKTLISTA p{font-size:2px;margin:2px 0 0 15px;}
#innehall .NTA_BILDHEL{margin-top:0px;height:75px;overflow:hidden;}
#innehall .NTA_BILDHEL img{width:100%;margin:0px 0 0 0;}
#innehall .PROVA_BILD{margin-top:0px;height:75px;overflow:hidden;}
#innehall .PROVA_BILD img{width:100%;margin:0px 0 0 0;}
#innehall .NTA_BILDBILDSPEL img{width:100%;margin:0px 0 0 0%;}
#innehall .NTA_BILDMARG{width:50px;top:25px;right:5px;}
#innehall .NTA_BILDMARG img{width:50px;}
#innehall .NTA_KOD{display:none;}
#innehall .NTA_INFO{display:none;}
#innehall .papperknapp{display:none;}
#innehall .dold{height:2px;border-top:1px solid #ccc;display:block;}
#innehall .dold div{display:none;}
#innehall .transprev{height:15px;border-top:0px solid #fff;}
#innehall .transprev .uppdrag{display:block;}
#innehall .transprev .NTA_BRYT{display:none;}
#innehall .transprev .NTA_BRYT1{display:none;}
#innehall .transprev .plus{display:none;}
#innehall .transprev .list{display:none;}
#innehall .transprev .spalt1{display:none;width:90%;margin:0 5%;}
#innehall .plus{width:15px;height:15px;background-color:#efa400;position:absolute;bottom:0px;left:0px;padding:0;display:none;}
#innehall .plus p{font-size:15px;color:#fff;text-align:center;margin:0;}

#minivalkom22 .START_RUB2{border-bottom:0px solid #3ca3dc;margin:0;display:none;}
#miniintro2 .LH_RUB2{border-bottom:0px solid #3ca3dc;margin:0;}
#miniuppdr2 .INT_RUB2{border-bottom:0px solid #efa400;margin:0;}
#minilh2 .INT_RUB2,#minilh2 .INT_RUB2UPP{border-bottom:0px solid #efa400;margin:0;}
#miniteman2 .INT_RUB2{border-bottom:0px solid #efa400;margin:0;}
#minivalkom22 .START_RUB2 p{font-size:15px;line-height:1.3;cursor:pointer;margin:3px 0 0 15px;padding:7px 0px 7px 0;color:#000;}
#miniintro2 .LH_RUB2 p{font-size:15px;line-height:1.3;cursor:pointer;margin:3px 0 0 15px;padding:7px 0px 7px 0;color:#000;}
#miniuppdr2 .INT_RUB2 p{font-size:15px;line-height:1.3;cursor:pointer;margin:3px 0 0 15px;padding:7px 0px 7px 0;color:#000;}
#miniuppdr2 .UPP_RUB2 p{font-size:15px;line-height:1.3;cursor:pointer;margin:3px 0 0 15px;padding:7px 0px 7px 0;color:#000;}
#minivalkom2{display:block;}
#minilh2 .INT_RUB2 p,#minilh2 .INT_RUB2UPP p{font-size:15px;line-height:1.3;cursor:pointer;margin:3px 0 0 15px;padding:7px 0 7px 0;color:#000;width:110px;}
#minilh2 .INT_RUB2 p img{display:inline-block;float:right;width:13px;height:13px;}
#miniteman2 .INT_RUB2 p{font-size:15px;line-height:1.3;cursor:pointer;margin:3px 0 0 15px;padding:7px 0px 7px 0;color:#000;}




#scrollvisning .START_RUB1{overflow:hidden;height:193px;background-color:#dff0f9;}	
#scrollvisning .START_RUB1 p{font: 60px 'OfficSerITCBol', Arial, sans-serif;padding-top:30px;width:100%;margin:0;padding-left:380px;color:#fff;}
#scrollvisning .START_RUB1 i{font: 60px 'OfficSerITCBolIta', Arial, sans-serif;padding-top:30px;width:100%;margin:0;color:#fff;}
#scrollvisning .START_RUB1ALT{overflow:hidden;height:193px;background-color:#20667c;}	
#scrollvisning .START_RUB1ALT p{font: 60px 'OfficSerITCBol', Arial, sans-serif;padding-top:30px;width:100%;margin:0;padding-left:380px;color:#fff;}
#scrollvisning .START_RUB1ALT i{font: 60px 'OfficSerITCBolIta', Arial, sans-serif;padding-top:30px;width:100%;margin:0;color:#fff;}
#scrollvisning .START_RUB2 p{font-size:2em;margin-top:140px;margin-bottom:10px;margin-left:5%;}
#scrollvisning .START_RUB3 p{font-size:1.5em;margin-top:30px;margin-bottom:10px;margin-left:5%;}
#scrollvisning .START_RUB4 p{font-size:1.5em;margin-top:30px;margin-bottom:10px;margin-left:5%;}
#scrollvisning .START_BROD_REF p{font-size:1.2em;margin-top:15px;width:50%;margin-left:5%;}
#scrollvisning .START_BROD_START p{font-size:1.2em;margin-top:80px;width:50%;margin-left:5%;}
#scrollvisning .START_BROD p{font-size:1.2em;margin-top:20px;width:50%;margin-left:5%;}
#scrollvisning .START_BROD_INDR p{font-size:1.2em;margin-bottom:0px;text-indent:2%;width:50%;margin-left:5%;}
#scrollvisning .START_NAMN p{font: 1.2em 'OfficSerITCBooIta', Arial, sans-serif;margin-top:5px;width:50%;margin-left:5%;text-align:left;}

#scrollvisning .LH_RUB1{overflow:hidden;height:193px;background-color:#dff0f9;}	
#scrollvisning .LH_RUB1 p{font: 50px 'OfficSerITCBol', Arial, sans-serif;padding-top:20px;width:100%;margin:0;padding-left:5%;}
#scrollvisning .LH_RUB2 p{font-size:2em;line-height:1.2;margin-top:20px;margin-bottom:10px;margin-left:30px;}
#scrollvisning .LH_RUB3 p{font-size:1.5em;margin-top:30px;margin-bottom:10px;margin-left:30px;}
#scrollvisning .LH_BROD p{font-size:1.2em;margin-top:20px;width:90%;max-width:800px;margin-left:30px;}
#scrollvisning .LH_BROD li p{font-size:1.2em;margin-top:5px;width:90%;max-width:800px;margin-left:30px;}
#scrollvisning .LH_BROD li{color:#FC9200;}
#scrollvisning .LH_BROD p.lh_info{font-size:2em;margin-top:10px;width:90%;max-width:800px;margin-left:30px;font-family:'OfficSerITCBooIta'!important;font-size:1em!important;}

#scrollvisning .LH_BROD p span{color:#000;cursor:pointer;display:inline-block;position:relative;} 
#scrollvisning .LH_BROD p span[data-content]{color:#0000FF ;cursor:pointer;}
#scrollvisning .LH_BROD p span[data-soundurl]{color:#0000FF ;cursor:pointer;}
#scrollvisning .LH_BROD p span.cavacnote{color:#0000FF !important;cursor:pointer;border-color:#fff!important;font-family:'OfficSerITCBoo'!important;font-size:1em!important;}
#scrollvisning .LH_BROD p span.wiki{color:#0000FF !important;cursor:pointer;border-color:#fff!important;font-family:'OfficSerITCBoo'!important;font-size:1em!important;}
#scrollvisning .LH_BROD p span.internlink{color:#0000FF !important;cursor:pointer;border-color:#fff!important;font-family:'OfficSerITCBoo'!important;font-size:1em!important;}
#scrollvisning .LH_BROD p span.sound{color:#0000FF !important;cursor:pointer;border-color:#fff!important;font-family:'OfficSerITCBoo'!important;font-size:1em!important;}
#scrollvisning .LH_BROD p span.periodlink{color:#0000FF !important;cursor:pointer;border-color:#fff!important;font-family:'OfficSerITCBoo'!important;font-size:1em!important;}
#scrollvisning .LH_BROD .lh_rub4 {font: 'OfficSerITCBol', Arial, sans-serif;font-size:1.5em;margin-top:23px;margin-bottom:-20px;margin-left:30px;color:#333;}
#scrollvisning .LH_BROD hr{color:#e8e9ea;width:90%;margin-left:30px;margin-top:15px;display:block;}
#scrollvisning .LH_BROD p.lh_brod_indr {text-indent: 0px;margin-top:20px;}

#inforuta{position:absolute;z-index:100;display:block;background-color:#fff;border:0px solid #444;border-radius:10px;width:300px;left:-10px;margin-top:5px;box-shadow: 0px 0px 5px #999;}
#visning #inforuta p.infoclose{color:#FC9200 ;display:block;position:relative;text-align:right;}
#scrollvisning .LH_BROD #inforuta p{font-size:0.9em;margin:10px;}
#inforuta img{display:none;}

#scrollvisning .LH_BROD_INDR p{font-size:1.2em;margin-bottom:0px;text-indent:2%;width:50%;margin-left:30px;}
#scrollvisning .LH_PUNKTLISTA p{font-size:1.2em;margin-top:5px;width:50%;margin-left:16%;text-indent:-1%;
	display: list-item;
    list-style-type: disc;
    list-style-position: inside;
}
#scrollvisning .LH_PUNKTLISTA2 p{font-size:1.2em;margin-top:5px;width:50%;margin-left:16%;text-indent:0%;}
#scrollvisning .LH_ABCLISTA p{font-size:1.2em;margin-top:5px;width:50%;margin-left:17%;text-indent:-2%;}
#scrollvisning .LH_ABCLISTA p::first-letter { 
	margin-right:14px;
	text-transform:lowercase;
}
#scrollvisning .LH_BILDHEL img{}
#scrollvisning .LH_BILDMARG{}
#scrollvisning .LH_BILDMARG img{}


#scrollvisning{background-color:#e8e9ea;}
#scrollvisning .spalt1{width:100%;margin:0 0 0 0;display:block;}
#scrollvisning .niva1{overflow:hidden;height:104px;background-color:#FFB45A;}
#scrollvisning .niva1om{overflow:hidden;height:104px;background-color:#FC9200 ;}

#scrollvisning .niva1 p{font: 40px 'OfficSerITCBol', Arial, sans-serif;padding-top:40px;margin:0;padding-left:30px;color:#fff;}
#scrollvisning .niva1om p{font: 40px 'OfficSerITCBol', Arial, sans-serif;padding-top:40px;margin:0;padding-left:30px;color:#fff;}
#scrollvisning .niva2{background-color:#e8e9ea;}
#scrollvisning .niva2 p{font: 30px 'OfficSerITCBol', Arial, sans-serif;padding:15px 0 10px 0;margin:0;padding-left:30px;color:#444;}

#scrollvisning .nyttavsnitt{display:block;border-bottom:10px solid #e8e9ea;width:100%;margin:0;padding:0;vertical-align:top;}
#scrollvisning table,#scrollvisning tr,#scrollvisning td{border:0px;margin:0;padding:0;border-collapse: collapse;width:100%;}
#scrollvisning td.hallihop{display:table-cell;background-color:#fff;width:70%;margin:0 0 0 0;border:0px;padding:30px 0 40px 0;vertical-align:top;border-right:2px solid #e8e9ea;}
#scrollvisning td.bildsida{display:table-cell;background-color:#fff;width:29%;margin:0 0 0 0;border:0px;padding:30px 0 20px 0;vertical-align:top;}
#scrollvisning td.hallihopdold{display:table-cell;background-color:#fff;width:75%;margin:0 0 0 0;border:0px;padding:0;vertical-align:top;border-right:2px solid #e8e9ea;}
#scrollvisning td.bildsidadold{display:table-cell;background-color:#fff;width:24%;margin:0 0 0 0;border:0px;padding:0;vertical-align:top;}
#scrollvisning .bildsida img{display:inline-block;width:100%;margin:15px 0;padding:0;border:0;border:0px solid #e8e9ea;}
#scrollvisning .bildsidadold img{display:inline-block;width:60%;margin:0 20%;padding:0;border:0;}

#scrollvisning #uppgifter{display:none;}

#scrollvisning td.hallihopdold .LH_BROD .ingress{color:gray;display:none;}
#scrollvisning td.hallihop .LH_BROD .ingress{color:#555;display:block;font: 1.3em 'OfficSerITCMed', Arial, sans-serif;}

#scrollvisning #quizer .hallihop{background-color:#f9f9f9;}
#scrollvisning #uppgifter .hallihop{background-color:#f9f9f9;}

#scrollvisning #quizer .LH_BROD .lh_rub4 {font-size:1.5em;margin-top:23px;margin-bottom:0px;margin-left:30px;color:#333;}
#scrollvisning #uppgifter .LH_BROD .lh_rub4 {font-size:1.5em;margin-top:23px;margin-bottom:0px;margin-left:30px;color:#333;}
#scrollvisning #quizer #fragorna{border:0px solid green;}
#scrollvisning #quizer .fragor{border:0px solid blue;}
#scrollvisning #quizer .form-check{border:0px solid red;font-size:1.1em;margin-top:5px;margin-left:30px;color:#555;}
#scrollvisning #quizer .form-text{border:0px solid red;font-size:1.1em;margin-top:5px;margin-left:30px;color:#555;}
#scrollvisning #quizer .green{color:green;}
#scrollvisning #quizer .red{color:red;}
#scrollvisning #quizer .orange{color:orange;}
#scrollvisning #quizer .form-check input{margin-right:10px;}
#scrollvisning #quizer .form-text input {display:inline-block; margin: 0 3px 3px 3px; padding: 7px 10px 8px 10px; font-size: 1.2em; height: 18px; cursor:pointer; border:1px solid #ccc; border-radius:3px;background-color:#fff;}
#scrollvisning #quizer .quiz-button1{font: 15px 'OfficSerITCMed', Arial, sans-serif;background-color:#444;color:#fff;padding:8px 8px 3px 8px;margin-left:30px;margin-top:20px;display:inline-block;width:60px;text-align:center;cursor:pointer;}
#scrollvisning #quizer .quiz-button1-1{font: 15px 'OfficSerITCMed', Arial, sans-serif;background-color:#444;color:#fff;padding:8px 8px 3px 8px;margin-left:30px;margin-top:20px;display:inline-block;width:60px;text-align:center;cursor:pointer;}
#scrollvisning #quizer .quiz-button1-2{font: 15px 'OfficSerITCMed', Arial, sans-serif;background-color:#888;color:#fff;padding:8px 8px 3px 8px;margin-left:30px;margin-top:20px;display:none;width:60px;text-align:center;}
#scrollvisning #quizer .quiz-button2{font: 15px 'OfficSerITCMed', Arial, sans-serif;background-color:#444;color:#fff;padding:8px 8px 3px 8px;margin-left:3px;margin-top:20px;display:inline-block;width:60px;text-align:center;cursor:pointer;}
#scrollvisning #quizer .quiz-button2-2{font: 15px 'OfficSerITCMed', Arial, sans-serif;background-color:#444;color:#fff;padding:8px 8px 3px 8px;margin-left:3px;margin-top:20px;display:inline-block;width:60px;text-align:center;cursor:pointer;}
#scrollvisning #quizer #quiz-resultat{font: 20px 'OfficSerITCMed', Arial, sans-serif;background-color:#f9f9f9;padding:8px 8px 3px 8px;margin-left:30px;margin-top:10px;display:block;width:200px;text-align:left;}
#scrollvisning #quizer #quiz-resultat span{color:green;}



#scrollvisning .openoptic-full-width {border:1px solid #e8e9ea;
    padding: 51% 0 0 0;
    position: relative;
	margin:20px 0 0 30px;
	width:90%;
}

#grafritaren .openoptic-full-width iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 125%;
}

#grafritaren .openoptic-full-width {border:1px solid #e8e9ea;
    padding: 51% 0 0 0;
    position: relative;
	margin:20px 0 0 30px;
	width:95%;
}

#scrollvisning .openoptic-full-width iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#scrollvisning .spalt_bild {border:1px solid #e8e9ea;
    padding: 0 0 0 0;
    position: relative;
	margin:20px 0 0 30px;
	width:90%;
}

#scrollvisning .spalt_bild img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
#scrollvisning .bild-i-spalt {border:0px solid #e8e9ea;
    position: relative;
	display:inline-block;
	float:left;
	margin:20px 20px 0px 30px;
	width:25%;
}

#scrollvisning .bild-i-spalt img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#scrollvisning .bild-mitti-spalt {border:0px solid #e8e9ea;
    position: relative;
	display:block;
	margin:20px auto 0px auto;
	width:25%;
	padding-right:20%;
}

#scrollvisning .bild-mitti-spalt img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#scrollvisning .lh_brod img {border:1px solid #e8e9ea;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#scrollvisning .ljudknapp{position:relative;float:right;display:block;margin:-30px 0 0 0;width:40px;height:auto;overflow:hidden;}
#scrollvisning .ljudknapp p{display:none;}
#scrollvisning .ljudknapp audio{display:none;}
/* #scrollvisning .ljudknapp audio{display:block;} */

.not2{color:#3ca3dc;font-size:0.8em;cursor:pointer;padding:0px 3px;border-left:1px solid #3ca3dc;border-right:1px solid #3ca3dc;}
#notdisplay{display:none;position:fixed;width:30%;height:auto;left:36%;top:45%;background-color:#3ca3dc;padding:2%;}
#notdisplay p{color:#fff;}

p span.upphojd{text-indent:0;border:0px solid red;display:inline-block;font-size:0.8em;padding:0;margin:-5px 0 0 0;vertical-align:top;}

.elev{display:block;position:absolute;right:0px;bottom:0px;background-color:#efa400;padding:5px 20px 0px 20px;}
.elev p{color:#fff!important;}

#scrolltotal .elev{display:none;}

#sokresultlista{display:block;border:0px solid red;background-color:#e8e9ea;}
#sokresultlista .soktraff{display:block;border:0px solid green;width:100%;background-color:#fff;margin-top:5px;}
#sokresultlista .soktraff .hoppa{display:inline-block;width:18px;height:18px;margin-left:5px;vertical-align:middle;}
#sokboard{width:100%;background-color:#FC9200;margin:0;padding:0;height:95px;}
#sokboard h2{font:40px 'OfficSerITCBol', Arial, sans-serif;padding-top:40px;margin:0;color:#fff;padding-left:30px;}
#sokresultlista p.breads{font-size:1em;margin-top:0px;width:100%;max-width:800px;padding-left:0px;background-color:#EDCBA9;display:block;padding-right:40px ;}
#sokresultlista p.sokrub{font:20px 'OfficSerITCBol', Arial, sans-serif;margin-top:0px;width:100%;max-width:800px;padding:15px 0 0 30px;}
#sokresultlista p.soktext{font-size:1.2em;margin:0 0 5px 30px;width:90%;max-width:800px;padding-bottom:20px;}
#sokresultlista span.sokstart{font:1em 'OfficSerITCBol', Arial, sans-serif;text-transform:uppercase;background-color:#FC9200;padding:10px 15px 10px 30px;color:#fff;display:inline-block;}
#sokresultlista span.sokkap{font:1em 'OfficSerITCBol', Arial, sans-serif;text-transform:uppercase;background-color:#FFB45A;padding:10px 15px;color:#fff;display:inline-block;}
#sokresultlista span.sokavs{font:1em 'OfficSerITCBol', Arial, sans-serif;background-color:#EDCBA9;padding:10px 15px;color:#444;display:inline-block;}

#sokruta{position:absolute;z-index:9;right:0;top:2px;border-left:2px solid #ededed;border-bottom:2px solid #ededed;background-color:#f9f9f9;}
#sokruta input[type=text]{border:none;color:#444;font-size:16px;padding-left:10px;margin-right:3px;}
#search{background-color:#f9f9f9;height:35px;width:300px;margin:0;padding:0;vertical-align:top;}
#sokikon{background-color:#f9f9f9;height:25px;width:25px;margin:0;padding:5px;vertical-align:top;cursor:pointer;}
#soksvg{background-color:#f9f9f9;height:25px;width:25px;margin:0;padding:5px;vertical-align:top;position:absolute;border-left:2px solid #ededed;border-bottom:2px solid #ededed;z-index:9;right:0;top:2px;cursor:pointer;}
.hidden{display:none;}
.vissen{display:inline-block;}

.grafkoden .brak_singel{color:#555;font-size:0.8em;}
.brak_singel{width:auto;border:0px solid red;display:inline-block;vertical-align:middle;margin:0 3px;}
.brak_dubbel{width:auto;border:0px solid yellow;display:inline-block;vertical-align:middle;}
.brak_dubbel .brak_singel{border:0px solid orange;}
#scrollvisning .formelleft p{width:auto;}
#scrollvisning .formelleft p.Graf_upphojd{width:auto;border:0px solid brown;display:inline-block;vertical-align:middle;color:#000;margin:-4px 0 0 2px;}
#scrollvisning .formelleft p.Graf_nedsankt{width:auto;border:0px solid pink;display:inline-block;vertical-align:middle;color:red;margin:0 0 0 0;}
.Graf_upphojd_parentes{width:auto;border:0px solid brown;display:inline-block;vertical-align:middle;color:#000;}
.Graf_rotenur{width:auto;position:relative;display:inline-block;vertical-align:middle;margin:0;padding:0;}
.Graf_rotenur_tecken{display:inline-block;color:red;padding:0 0 0 0;margin:-5px 0 0 0;vertical-align:middle;
  transform:scale(1,1.3);
  /* Safari and Chrome */
  -webkit-transform: scale(1,1.3);
  /* Firefox */
  -moz-transform: scale(1,1.3);
  /* IE 9+ */
  -ms-transform: scale(1,1.3);
  /* Opera */
  -o-transform: scale(1,1.3);
}
.Graf_rotenur_value{display:inline-block;padding:5px 0 0 5px;margin:0 0 0 -3px;vertical-align:middle;border-top:2px solid red;}
.Graf_rotenur_ur{display:inline-block;padding:0;margin:-18px -12px 0 0;vertical-align:middle;font-size:0.6em;border:0px solid red;}
.Parentes_siffra_upphojd{color:#000;width:auto;border:0px solid yellow;display:inline-block;vertical-align:top;margin:-7px 0 0 -3px;}
span.Siffra_upphojd{border:0px solid green;display:block;vertical-align:middle;color:#000;font-size:0.6em;line-height:1;}
span.Siffra_nedsankt{border:0px solid blue;display:block;vertical-align:middle;color:#000;font-size:0.6em;line-height:1;margin-bottom:-5px;}
span.Parentes_tal{border:0px solid pink;color:#000;vertical-align:middle;display:inline-block;padding:0 3px;margin:-7px 0 7px 0;
	  transform:scale(1,1.2);
	  /* Safari and Chrome */
	  -webkit-transform: scale(1,1.2);
	  /* Firefox */
	  -moz-transform: scale(1,1.2);
	  /* IE 9+ */
	  -ms-transform: scale(1,1.2);
	  /* Opera */
	  -o-transform: scale(1,1.2);
 }
span.Parentes_brak{border:0px solid pink;color:#000;vertical-align:middle;display:inline-block;padding:0 3px;margin-top:-7px;
	  transform:scale(1,2.7);
	  /* Safari and Chrome */
	  -webkit-transform: scale(1,2.7);
	  /* Firefox */
	  -moz-transform: scale(1,2.7);
	  /* IE 9+ */
	  -ms-transform: scale(1,2.7);
	  /* Opera */
	  -o-transform: scale(1,2.7);
 }
#scrollvisning .formelleft .tecken{width:auto;border:0px solid blue;display:inline-block;vertical-align:middle;}
#scrollvisning .formelleft .tal{width:auto;border:0px solid blue;display:inline-block;vertical-align:middle;padding:0 0;}
#scrollvisning .formelleft .talbryt{width:auto;border:0px solid yellow;display:block;vertical-align:middle;padding:0 0;margin:0 auto;}
.formelleft{border:0px solid green;margin-left:30px;}
.formelcenter{border:0px solid blue;margin:0 0;display:block;position:relative;width:200px;}

#scrollvisning .formelleft p.mtecken{color:#000;display:inline-block;vertical-align:middle;margin:0 5px;margin-top:3px;}
.mteckenplus{color:orange;display:inline-block;vertical-align:middle;margin:0 5px;font-size:0.6em;}

div.gruppyttre{display:inline-block;border:0px solid pink;vertical-align:middle;}
.gruppinnre{display:inline-block;border:0px solid blue;text-align:center;}
.Graf_delat_innan{display:inline-block;vertical-align:middle;color:red;padding:0 0 0 0;}
.Graf_delat_uppe{border-bottom:2px solid #000;display:block;text-align:center;color:#000;padding:0 0 0 0;}
.Graf_delat_nere{display:block;text-align:center;color:#000;padding:4px 0 0 0;}
.Siffra_upphojd .Graf_delat_uppe{padding:0 0 0 0;font-size:0.8em;}
.Siffra_upphojd .Graf_delat_nere{padding:0 0 0 0;font-size:0.8em;}
.Graf_delat_dubbel_uppe{border-bottom:2px solid #000;display:block;text-align:center;color:#000;padding:0 5px 5px 5px;}
.Graf_delat_dubbel_nere{display:block;text-align:center;color:#000;padding:5px 5px 0 5px;}
.Graf_delat_dubbel_uppe .Graf_delat_uppe{padding:0 0 1px 0;font-size:0.8em;}
.Graf_delat_dubbel_uppe .Graf_delat_nere{padding:1px 0 0 0;font-size:0.8em;}
.Graf_delat_dubbel_nere .Graf_delat_uppe{padding:0 0 1px 0;font-size:0.8em;}
.Graf_delat_dubbel_nere .Graf_delat_nere{padding:1px 0 0 0;font-size:0.8em;}
.formlen{display:inline-block;border-color:1px solid pink;vertical-align:middle;background-color:#f9f9f9;padding:5px 15px;border-radius:5px;}
.Textparad{display:inline-block;color:pink;vertical-align:middle;padding:5px 10px;}
.Text_tal{color:lightblue;}
.Text_text{color:pink;}

#scrollvisning .formlen p{color:#000;font-size:25px;}
#scrollvisning .formlen div{color:#000;font-size:25px;}
#scrollvisning .formlen span{color:#000;}

p.brak_streck{color:#000;display:inline-block;font-size:1em;}
span.String_kursiv{font-style:italic;}
span.Graf_kursiv{font-style:italic;}
span.Graf_rotenur{border:0px solid orange;}

#scrollvisning #sortabledrag { list-style-type: none; margin: 0; padding: 0; width: auto; padding-left:30px;border:0px solid red;}
#scrollvisning #sortabledrag li {display:inline-block; margin: 0 3px 3px 3px; padding: 5px 10px 10px 10px; font-size: 1.2em; height: 18px; cursor:pointer; border:1px solid #ccc; color:#000;border-radius:3px;background-color:#fff;}
  
#sortable1, #sortable2, #sortable3 { list-style-type: none; margin: 0; float: left; margin-right: 10px; background: #eee; padding: 5px; width: 143px;}
#sortable1 li, #sortable2 li, #sortable3 li { margin: 5px; padding: 5px; font-size: 1.2em; width: 120px; }

#dropstation{display:inline-block;border:0px solid green;width:auto;vertical-align:top;}
#dragstation{display:inline-block;border:0px solid orange;width:auto;vertical-align:top;}
#rattastation{display:block;border:0px solid brown;width:auto;vertical-align:top;}
#scrollvisning #sortabledrop1,#scrollvisning #sortabledrop2,#scrollvisning #sortabledrop3,#scrollvisning #sortabledrop4 {
	border: 0px solid red;
    width: 250px;
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    margin-right: 10px;
	cursor:pointer;
	padding-left:30px;
  }
  #scrollvisning #sortabledrop5 {
  	border: 0px solid blue;
	display:block;
      width: auto;
      min-height: 20px;
      list-style-type: none;
      margin: 0;
      padding: 5px 0 0 0;
      margin-right: 10px;
  	cursor:pointer;
  	padding-left:30px;
    }
  #scrollvisning #sortabledrop1 li, #scrollvisning #sortabledrop2 li, #scrollvisning #sortabledrop3 li, #scrollvisning #sortabledrop4 li{
	border: 1px solid #ccc;border-radius:3px;background-color:#fff;
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    width: auto;
	display:inline-block;
	color:#000;
  }
  #scrollvisning #sortabledrop5 li {
	border: 1px solid #ccc;border-radius:3px;background-color:#fff;
    margin: 0 5px 10px 5px;
    padding: 5px;
    font-size: 1.2em;
    width: auto;
	display:block;
	color:#000;
  }