h6{position:fixed;z-index:50;display:none;bottom:20px;width:20px;height:20px;}




/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (orientation: landscape) and (min-width: 100px) and (max-width: 600px){
	h6:after { content: url(../h6/land100-600.png);}
	html #innehall{display:inline-block;position:absolute;z-index:10;width:100%;background-color:transparent;}
	html #innehall.resp{height:100px;overflow:scroll;}
	html #innehall.oresp{height:100%;overflow:hidden;}
	#scrollvisning{width:100%;margin-top:100px;}
	#scrollvisning .spalt1{margin-bottom:100px;}
	#innehall #sp_logo22{display:inline-block;width:167px;vertical-align:top;}
	#innehall #nta_logo22{height:100px;}
	#innehall #nta_logo22 svg{display:inline-block;width:167px;height:95px;vertical-align:top;}
	#innehall #start{vertical-align:top;background-color:#f4f4f4;border-left:0px solid #f4f4f4;}
	#innehall #start{border-left:5px solid #f4f4f4;overflow:scroll;position:relative;height:calc(100% - 100px);width:calc(100% - 173px);float:right;}
	#innehall .menyoff{height:100px;display:none;}
	#innehall .menyon{height:100px;display:inline-block;}
	
	#innehall .knappv{padding-top:10px;padding-bottom:0px;height:85px;}
	#innehall .sida, #innehall .sidaon{width:100%;}
	#innehall .sida, #innehall .sidaoff{width:100%;}
	#innehall #minimobil{display:inline-block;width:calc(100% - 173px);float:right;background-color:#EB5D40;padding-top:10px;padding-bottom:0px;height:85px;}
	#innehall #minimobil{border-top:3px solid #f4f4f4;border-left:0px solid #f4f4f4;border-right:0px solid #f1f1f1;border-bottom:0px solid #f1f1f1;}
	#innehall #minimobil p{font-size:16px;cursor:pointer;color:#fff;margin:3px 0 0 15px;padding:7px 0px 5px 0;text-transform:uppercase;}
	#innehall #minimobil.menyoff .stangdmeny{display:block;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	#innehall #minimobil.menyon .stangdmeny{display:none;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	#innehall #minimobil.menyoff .oppenmeny{display:none;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	#innehall #minimobil.menyon .oppenmeny{display:block;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}

	#periodiskasystemet{width:100%;}
	#startblock2{height:calc(100% - 100px);}
	#titelboard{height:3.6em;bottom:2em;}
	#titelboard p{font-size:2.2em;}
	#logoboard{height:2.5em;}
	#logoboard p{font-size:1.2em;}
}
@media only screen and (orientation: portrait) and (min-width: 100px) and (max-width: 600px){
	h6:after { content: url(../h6/port601-900.png);}
	html #innehall{display:inline-block;position:absolute;z-index:10;width:100%;background-color:transparent;}
	html #innehall.resp{height:100px;overflow:scroll;}
	html #innehall.oresp{height:100%;overflow:hidden;}
	#scrollvisning{width:100%;margin-top:100px;}
	#scrollvisning .spalt1{margin-bottom:100px;}
	#innehall #sp_logo22{display:inline-block;width:167px;vertical-align:top;}
	#innehall #nta_logo22{height:100px;}
	#innehall #nta_logo22 svg{display:inline-block;width:167px;height:95px;vertical-align:top;}
	#innehall #start{vertical-align:top;background-color:#f4f4f4;border-left:0px solid #f4f4f4;}
	#innehall #start{border-left:5px solid #f4f4f4;overflow:scroll;position:relative;height:calc(100% - 100px);width:calc(100% - 173px);float:right;}
	#innehall .menyoff{height:100px;display:none;}
	#innehall .menyon{height:100px;display:inline-block;}
	
	#innehall .knappv{padding-top:10px;padding-bottom:0px;height:85px;}
	#innehall .sida, #innehall .sidaon{width:100%;}
	#innehall .sida, #innehall .sidaoff{width:100%;}
	#innehall #minimobil{display:inline-block;width:calc(100% - 173px);float:right;background-color:#EB5D40;padding-top:10px;padding-bottom:0px;height:85px;}
	#innehall #minimobil{border-top:3px solid #f4f4f4;border-left:0px solid #f4f4f4;border-right:0px solid #f1f1f1;border-bottom:0px solid #f1f1f1;}
	#innehall #minimobil p{font-size:16px;cursor:pointer;color:#fff;margin:3px 0 0 15px;padding:7px 0px 5px 0;text-transform:uppercase;}
	#innehall #minimobil.menyoff .stangdmeny{display:block;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	#innehall #minimobil.menyon .stangdmeny{display:none;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	#innehall #minimobil.menyoff .oppenmeny{display:none;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	#innehall #minimobil.menyon .oppenmeny{display:block;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	
	#periodiskasystemet{width:100%;}
	#startblock2{height:calc(100% - 100px);}
	#titelboard{height:3.6em;bottom:2em;}
	#titelboard p{font-size:2.2em;}
	#logoboard{height:2.5em;}
	#logoboard p{font-size:1.2em;}
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (orientation: portrait) and (min-width: 601px) and (max-width: 900px){
	h6:after { content: url(../h6/port601-900.png);}
	html #innehall{display:inline-block;position:absolute;z-index:10;width:100%;background-color:transparent;}
	html #innehall.resp{height:100px;overflow:scroll;}
	html #innehall.oresp{height:100%;overflow:hidden;}
	#scrollvisning{width:100%;margin-top:100px;}
	#scrollvisning .spalt1{margin-bottom:100px;}
	#innehall #sp_logo22{display:inline-block;width:167px;vertical-align:top;}
	#innehall #nta_logo22{height:100px;}
	#innehall #nta_logo22 svg{display:inline-block;width:167px;height:95px;vertical-align:top;}
	#innehall #start{vertical-align:top;background-color:#f4f4f4;border-left:0px solid #f4f4f4;}
	#innehall #start{border-left:5px solid #f4f4f4;overflow:scroll;position:relative;height:calc(100% - 100px);width:calc(100% - 173px);float:right;}
	#innehall .menyoff{height:100px;display:none;}
	#innehall .menyon{height:100px;display:inline-block;}
	
	#innehall .knappv{padding-top:10px;padding-bottom:0px;height:85px;}
	#innehall .sida, #innehall .sidaon{width:100%;}
	#innehall .sida, #innehall .sidaoff{width:100%;}
	#innehall #minimobil{display:inline-block;width:calc(100% - 173px);float:right;background-color:#EB5D40;padding-top:10px;padding-bottom:0px;height:85px;}
	#innehall #minimobil{border-top:3px solid #f4f4f4;border-left:0px solid #f4f4f4;border-right:0px solid #f1f1f1;border-bottom:0px solid #f1f1f1;}
	#innehall #minimobil p{font-size:16px;cursor:pointer;color:#fff;margin:3px 0 0 15px;padding:7px 0px 5px 0;text-transform:uppercase;}
	#innehall #minimobil.menyoff .stangdmeny{display:block;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	#innehall #minimobil.menyon .stangdmeny{display:none;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	#innehall #minimobil.menyoff .oppenmeny{display:none;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	#innehall #minimobil.menyon .oppenmeny{display:block;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	
	#periodiskasystemet{width:100%;}
	#startblock2{height:calc(100% - 100px);}
	#titelboard{height:3.6em;bottom:2em;}
	#titelboard p{font-size:2.2em;}
	#logoboard{height:2.5em;}
	#logoboard p{font-size:1.2em;}
} 
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (orientation: landscape) and (min-width: 601px) and (max-width: 900px){
	h6:after { content: url(../h6/land601-900.png);}
	html #innehall{display:inline-block;position:absolute;z-index:10;width:100%;background-color:transparent;}
	html #innehall.resp{height:100px;overflow:scroll;}
	html #innehall.oresp{height:100%;overflow:hidden;}
	#scrollvisning{width:100%;margin-top:100px;}
	#scrollvisning .spalt1{margin-bottom:100px;}
	#innehall #sp_logo22{display:inline-block;width:167px;vertical-align:top;}
	#innehall #nta_logo22{height:100px;}
	#innehall #nta_logo22 svg{display:inline-block;width:167px;height:95px;vertical-align:top;}
	#innehall #start{vertical-align:top;background-color:#f4f4f4;border-left:0px solid #f4f4f4;}
	#innehall #start{border-left:5px solid #f4f4f4;overflow:scroll;position:relative;height:calc(100% - 100px);width:calc(100% - 173px);float:right;}
	#innehall .menyoff{height:100px;display:none;}
	#innehall .menyon{height:100px;display:inline-block;}
	
	#innehall .knappv{padding-top:10px;padding-bottom:0px;height:85px;}
	#innehall .sida, #innehall .sidaon{width:100%;}
	#innehall .sida, #innehall .sidaoff{width:100%;}
	#innehall #minimobil{display:inline-block;width:calc(100% - 173px);float:right;background-color:#EB5D40;padding-top:10px;padding-bottom:0px;height:85px;}
	#innehall #minimobil{border-top:3px solid #f4f4f4;border-left:0px solid #f4f4f4;border-right:0px solid #f1f1f1;border-bottom:0px solid #f1f1f1;}
	#innehall #minimobil p{font-size:16px;cursor:pointer;color:#fff;margin:3px 0 0 15px;padding:7px 0px 5px 0;text-transform:uppercase;}
	#innehall #minimobil.menyoff .stangdmeny{display:block;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	#innehall #minimobil.menyon .stangdmeny{display:none;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	#innehall #minimobil.menyoff .oppenmeny{display:none;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	#innehall #minimobil.menyon .oppenmeny{display:block;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}

	#periodiskasystemet{width:100%;}
	#startblock2{height:calc(100% - 100px);}
	#titelboard{height:3.6em;bottom:2em;}
	#titelboard p{font-size:2.2em;}
	#logoboard{height:2.5em;}
	#logoboard p{font-size:1.2em;}
} 
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 901px) and (max-width: 1200px){
	h6:after { content: url(../h6/large901-1200.png);}
	html #innehall{display:inline-block;width:167px;height:100%;background-color:#cbce9b;overflow:scroll;}
	#scrollvisning{width:calc(100% -180px);}
	#scrollvisning .spalt1{margin-bottom:0px;}
	#innehall #sp_logo22{display:block;width:100%;vertical-align:top;}
	#innehall #start{display:block;height:auto;width:100%;vertical-align:top;overflow:hidden;}
	#innehall .knappv{padding-top:0px;padding-bottom:0px;height:auto;}
	#innehall .sida, #innehall .sidaon{width:167px;}
	#innehall .sida, #innehall .sidaoff{width:167px;}
	#innehall #minimobil{display:none;}
}
@media only screen and (min-width: 1201px) and (max-width: 1600px){
	h6:after { content: url(../h6/largelarge1201-1600.png);}
	html #innehall{display:inline-block;width:167px;height:100%;background-color:#cbce9b;overflow:scroll;}
	#scrollvisning{width:calc(100% -180px);}
	#scrollvisning .spalt1{margin-bottom:0px;}
	#innehall #sp_logo22{display:block;width:100%;vertical-align:top;}
	#innehall #start{display:block;height:auto;width:100%;vertical-align:top;overflow:hidden;}
	#innehall #minimobil{display:none;}
}
@media only screen and (min-width: 1601px){
	h6:after { content: url(../h6/xlarge1601.png);}
	html #innehall{display:inline-block;width:167px;height:100%;background-color:#cbce9b;overflow:scroll;}
	#scrollvisning{width:calc(100% -180px);}
	#scrollvisning .spalt1{margin-bottom:0px;}
	#innehall #sp_logo22{display:block;width:100%;vertical-align:top;}
	#innehall #start{display:block;height:auto;width:100%;vertical-align:top;overflow:hidden;}
	#innehall #minimobil{display:none;}
}
/*
@media only screen and (orientation: portrait) and (max-device-width: 1601px){
	h6:after { content: url(../h6/mobilPort1601.png);}
	html #innehall{display:inline-block;position:absolute;z-index:10;width:100%;background-color:transparent;}
	html #innehall.resp{height:100px;overflow:scroll;}
	html #innehall.oresp{height:100%;overflow:hidden;}
	#scrollvisning{width:100%;margin-top:100px;}
	#scrollvisning .spalt1{margin-bottom:100px;}
	#innehall #sp_logo22{display:inline-block;width:167px;vertical-align:top;}
	#innehall #nta_logo22{height:100px;}
	#innehall #nta_logo22 svg{display:inline-block;width:167px;height:95px;vertical-align:top;}
	#innehall #start{vertical-align:top;background-color:#f4f4f4;border-left:0px solid #f4f4f4;}
	#innehall #start{border-left:5px solid #f4f4f4;overflow:scroll;position:relative;height:calc(100% - 100px);width:calc(100% - 173px);float:right;}
	#innehall .menyoff{height:100px;display:none;}
	#innehall .menyon{height:100px;display:inline-block;}
	
	#innehall .knappv{padding-top:10px;padding-bottom:0px;height:85px;}
	#innehall .sida, #innehall .sidaon{width:100%;}
	#innehall .sida, #innehall .sidaoff{width:100%;}
	#innehall #minimobil{display:inline-block;width:calc(100% - 173px);float:right;background-color:#EB5D40;padding-top:10px;padding-bottom:0px;height:85px;}
	#innehall #minimobil{border-top:3px solid #f4f4f4;border-left:0px solid #f4f4f4;border-right:0px solid #f1f1f1;border-bottom:0px solid #f1f1f1;}
	#innehall #minimobil p{font-size:16px;cursor:pointer;color:#fff;margin:3px 0 0 15px;padding:7px 0px 5px 0;text-transform:uppercase;}
	#innehall #minimobil.menyoff .stangdmeny{display:block;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	#innehall #minimobil.menyon .stangdmeny{display:none;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	#innehall #minimobil.menyoff .oppenmeny{display:none;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	#innehall #minimobil.menyon .oppenmeny{display:block;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	
	#periodiskasystemet{width:100%;}
	#startblock2{height:calc(100% - 100px);}
	#titelboard{height:3.6em;bottom:2em;}
	#titelboard p{font-size:2.2em;}
	#logoboard{height:2.5em;}
	#logoboard p{font-size:1.2em;}
}
@media only screen and (orientation: landscape) and (max-device-width: 1601px){
	h6:after { content: url(../h6/mobil1Land1601.png);}
	html #innehall{display:inline-block;position:absolute;z-index:10;width:100%;background-color:transparent;}
	html #innehall.resp{height:100px;overflow:scroll;}
	html #innehall.oresp{height:100%;overflow:hidden;}
	#scrollvisning{width:100%;margin-top:100px;}
	#scrollvisning .spalt1{margin-bottom:100px;}
	#innehall #sp_logo22{display:inline-block;width:167px;vertical-align:top;}
	#innehall #nta_logo22{height:100px;}
	#innehall #nta_logo22 svg{display:inline-block;width:167px;height:95px;vertical-align:top;}
	#innehall #start{vertical-align:top;background-color:#f4f4f4;border-left:0px solid #f4f4f4;}
	#innehall #start{border-left:5px solid #f4f4f4;overflow:scroll;position:relative;height:calc(100% - 100px);width:calc(100% - 173px);float:right;}
	#innehall .menyoff{height:100px;display:none;}
	#innehall .menyon{height:100px;display:inline-block;}
	
	#innehall .knappv{padding-top:10px;padding-bottom:0px;height:85px;}
	#innehall .sida, #innehall .sidaon{width:100%;}
	#innehall .sida, #innehall .sidaoff{width:100%;}
	#innehall #minimobil{display:inline-block;width:calc(100% - 173px);float:right;background-color:#EB5D40;padding-top:10px;padding-bottom:0px;height:85px;}
	#innehall #minimobil{border-top:3px solid #f4f4f4;border-left:0px solid #f4f4f4;border-right:0px solid #f1f1f1;border-bottom:0px solid #f1f1f1;}
	#innehall #minimobil p{font-size:16px;cursor:pointer;color:#fff;margin:3px 0 0 15px;padding:7px 0px 5px 0;text-transform:uppercase;}
	#innehall #minimobil.menyoff .stangdmeny{display:block;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	#innehall #minimobil.menyon .stangdmeny{display:none;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	#innehall #minimobil.menyoff .oppenmeny{display:none;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}
	#innehall #minimobil.menyon .oppenmeny{display:block;width:30px;height:auto;margin:0px 0 13px 16px;cursor:pointer;}

	#periodiskasystemet{width:100%;}
	#startblock2{height:calc(100% - 100px);}
	#titelboard{height:3.6em;bottom:2em;}
	#titelboard p{font-size:2.2em;}
	#logoboard{height:2.5em;}
	#logoboard p{font-size:1.2em;}
}
*/