/* IPHONE S */ @media screen and (min-width: 320px) { h6:after {content:url(../h6/320.png);width:50px;height:50px;} #yttre_ram{margin:0 3vw;padding:0;border:0px solid yellow;} #topboard{width:100vw;height:4vw;min-height:60px;margin:0;} #logony{margin:15px;width:15vw;min-width:215px;height:auto;} #anvandare,#anvandare2{margin:15px 20px 0px 0;width:30px;} #burger,#burger2{margin:15px 10px 0px 0;width:30px;} #search{margin:15px 10px 0 0;} .searchoff{width:26px;height:26px;border-radius:26px;} .searchon{width:200px;height:26px;border-radius:26px;} .searchoff img{width:26px;} .searchon img{width:26px;} .searchon .search-form-container-ny{width:140px;margin:4px 0 0 20px;} .searchoff .search-form-container-ny{} .search-form-container-ny .searchruta{padding: 0px;} #menyer{display:none;} #menyer .meny-niva1{padding:0;margin:0 5px 0 0;} #menyer .meny-niva1 p{font-size:1em;padding:0;margin:0;} #responsivruta{} #bredd{} #hojd{} #block1{width:100vw;height:auto;margin:0;padding:80px 0 0 0;} #block2{width:100vw;height:auto;margin:0;padding:0 0 0 0;} #block2 img{height:auto;} #block3{width:100vw;height:auto;margin:0;padding:1vw 0 0 0;} #block4{width:100vw;height:auto;margin:0;padding:1vw 0 0 0;} #bildspalt{width:94vw;height:50vw;min-height:100px;margin:0 0 0 0;padding:0;} #bildspalt{ background-position: center; background-size: 100% auto; } #block2 #instagram{margin:25px auto 0 auto;} #startspalt{width:94vw;height:50vw;min-height:100px;margin:2vw 0 0 0;padding:0;} #startspalt .inloggruta{border:0px solid red;margin:2.5vw auto 0 0;bottom:2.5vw;left:2.5vw;} #startspalt h1{font-size:5vw;line-height:1.3;margin:5vw 0 0 2.5vw;width:auto;} #startspalt h1 span{font-size:5vw;line-height:1.1;margin:0;width:auto;} #startspalt p{font-size:2.3vw;line-height:1.0;margin:0.5vw auto 1vw auto;width:auto} #startspalt p.kategori{font-size:3vw;} #startspalt .knappar{margin:0 20px 0 0;padding:10px 10px;font-size:1em;width:100px;} #textspalt{width:94vw;height:50vw;min-height:100px;margin:2vw 0 0 0;padding:0;} #textspalt .inloggruta{border:0px solid red;margin:2.5vw auto 0 0;bottom:2.5vw;left:2.5vw;} #textspalt h1{font-size:5vw;line-height:1.3;margin:5vw 0 0 2.5vw;width:auto;} #textspalt h1 span{display:none;font-size:1em;line-height:1.1;margin:0;width:auto;} #textspalt p{font-size:1.3vw;line-height:1.2;margin:1em auto 0 0;width:90%;} #textspalt p.kategori{font-size:2vw;} #textspalt form{width:auto;width:332px;} #textspalt input{margin:0em auto;width:100%;padding:10px 0 10px 0;} #textspalt input[type=text], #textspalt input[type=password]{font-size:1em;width:300px;} #textspalt input[type=submit]{font-size:1em;width:120px;padding:7px 10px;border-radius:0;border:0px;} #textspalt p.login-username{width:300px;} #textspalt p.login-password{width:300px;} #textspalt p.login-submit{font-size:1em;line-height:0;margin:10px 0 0 0;width:120px;display:block;float:right;} #textspalt .knappar{margin:6px 18px 0 0;padding:7px 10px;font-size:1em;width:100px;} #textspalt #closemin {width:20px;height:20px;top:0px;right:0px;padding:2px;} #textspalt #closemin img{} #elevspalt{width:94vw;height:50vw;min-height:100px;margin:2vw 0 0 0;padding:0;} #elevspalt .inloggruta{border:0px solid red;margin:2.5vw auto 0 0;bottom:2.5vw;left:2.5vw;} #elevspalt h1{font-size:5vw;line-height:1.3;margin:5vw 0 0 2.5vw;width:auto;} #elevspalt h1 span{display:none;font-size:1em;line-height:1.1;margin:0;width:auto;} #elevspalt p{font-size:1.3vw;line-height:1.2;margin:1em auto 0 0;width:100%;} #elevspalt p.kategori{font-size:3vw;} #elevspalt form{margin:0em auto;width:auto;} #elevspalt input{margin:0em auto;width:75%;padding:10px 10px 10px 10px;} #elevspalt input[type=text], #textspalt input[type=password]{font-size:3vw;} #elevspalt input[type=submit]{font-size:3vw;width:16vw;padding:7px 10px;border-radius:0;border:0px;} #elevspalt p.login-submit{font-size:3vw;line-height:1.2;padding:0;margin:10px 0 0 0;width:16vw;display:inline-block;} #elevspalt .knappar{margin:0 0 0 10px;padding:7px 10px;font-size:3vw;width:16vw;} #elevspalt #closemin {width:20px;height:20px;top:0px;right:0px;padding:2px;} #elevspalt #closemin img{} #minspalt{width:94vw;height:50vw;min-height:100px;margin:2vw 0 0 0;padding:0 0 0 0;} #minspalt .faktaruta{padding:2.5vw 0 0 2.5vw;} #minspalt .faktaruta .text{width:70vw;height:auto;} #minspalt .inloggruta{margin:50px auto 0 0;bottom:2.5vw;left:2.5vw;width:70vw;} #minspalt h1{font-size:5vw;line-height:1.3;margin:2vw 0 0 2.5vw;width:auto;} #minspalt .faktaruta h2{font-size:4vw;margin:0;} #minspalt p{font-size:3vw;margin:0 auto 4px 0;width:auto;} #minspalt p a{} #minspalt p.kategori{font-size:2.3vw;} #minspalt input{margin:0em auto;width:70%;padding:10px 10px 10px 10px;} #minspalt input[type=text], #textspalt input[type=password]{font-size:2vw;} #minspalt input[type=submit]{font-size:3vw;width:16vw;padding:7px 10px;border-radius:0;border:0px;} #minspalt p.logut-submit{font-size:3vw;line-height:1.2;margin:1em 0 0 0;width:16vw;display:block;} #minspalt .knappar{margin:10px 10px 0 0;padding:7px 10px;font-size:2.5vw;width:20vw;display:inline-block;} #omspalt{width:94vw;height:52vw;margin:0 0 0 0;padding:0;} #aktuelltspalt{width:94vw;height:102vw;margin:0 0 0 0;padding:0 0 0 0;} .omruta{width:94vw;height:25vw;margin:2vw 1vw 0 0;padding:0;} .omruta2{width:94vw;height:25vw;margin:2vw 0 1vw 0;padding:0;} #aktuellruta1{width:94vw;height:50vw;margin:2vw 0 2vw 0 0;padding:0;} #aktuellruta2{width:94vw;height:50vw;margin:2vw 0 2vw 0;padding:0;display:none;} #aktuellruta3{width:94vw;height:50vw;margin:2vw 0 2vw 0;padding:0;display:inline-block;} #omspalt p.titelbox, #aktuelltspalt p.titelbox{font-size:5vw;line-height:1.1;margin:5vw auto 1vw auto;width:75%;} #aktuelltspaltsamling{width:100%;} #block2 .aktuellrutadubbel{width:94vw;height:auto;margin:0 1vw 1vw 0;} #block2 .aktuellrutadubbeltext{width:94vw;height:auto;margin:0 0 0 0;} #block2 .aktuellrutaspalt{width:94vw;height:auto;margin:0 1vw 1vw 0;} #block2 .imagestor{width:48vw;height:46.5vw;margin:0 0 0 0;display:none;} #block2 .imageliten{width:46.5vw;height:22.5vw;margin:0 0 0 0;display:none;} #block2 .imagestor{width: 48vw;} #block2 .imageliten{width: 46.5vw;} #aktuelltspaltsamling p.titelbox{font-size:4.2vw;line-height:1.3;margin:2.5vw auto 0 auto;width:80%;height:19vw;} #block2 .aktuellrutadubbeltext p.titelbox{width:80%;margin:2.5vw auto 0 auto;} #block2 p.excerptbox{font-size:3.2vw;line-height:1.3;margin:1vw auto 0 auto;width:80%;height:auto;} #block2 p.datumnyhet{font-size:1.7vw;line-height:1.1;padding:0 0 0 0;width:80%;height:1.5vw;} #block2 .aktuellrutadubbeltext p.datumnyhet{width:80%;margin:0 auto 0 auto;} #block2 .ruboexerp{width:auto;height:auto;} #yttre_ram .textintro h1{margin:100px 0 0 0;font-size:60px;} #yttre_ram .textintro p{margin:20px auto 0 auto;font-size:20px;width:100%;} #yttre_ram #aktuelltdel1{margin:100px 0 0 0;font-size:60px;padding:10px 0 60px 0;} #yttre_ram #aktuelltdel1 h1{font-size:60px;} #instagram{width:30vw;height:30vw;margin:0 auto 0 auto;} #instagram img{width:auto;height:101%;margin:0;} #blalada2.visalada{display:block;} #blaladafull2.visalada{display:block;} #blalada.visalada{display:none;} #blaladafull.visalada{display:none;} #blalada2{width:35vw;height:35vw;margin:1vw auto 0 auto;} #blalada2 img{width:100%;height:auto;margin:0 0 0 -0.3vw;} #blaladafull2{width:94vw;height:154vw;margin:1.9vw 6vw 0 0;} #blaladafull2 object{position:relative;display:block;width:auto;height:89vw;margin:55vw auto 0 auto;z-index:10;} #blaladafull2 #closebla2 {background-color:#2281b5;width:30px;height:30px;right:0;top:52vw;} #blaladafull2 #closebla2 img{} #temaspalt{width:80vw;height:30vw;margin:0 auto;margin:0 0 0 0;padding:0 0 0 0;} #temaspalt .temakuborange{width:20vw;height:30vw;} #temaspalt .temakubblue{width:20vw;height:30vw;} #temaspalt .temakubgreen{width:20vw;height:30vw;} #temaspalt .temakubred{width:20vw;height:30vw;} #temaspalt .temakubmell{width:20vw;height:30vw;} #temaspalt .rubrikliten{height:70px;width:90%;} #temaspalt .rubrikliten h2{font-size:1.0em;} #temaspalt .kategoriorange{height:9vw;} #temaspalt .kategoriblue{height:9vw;} #temaspalt .kategorigreen{height:9vw;} #temaspalt .kategorired{height:9vw;} #temaspalt .bilder{height:auto;padding-top:2.5vw;margin:0 auto;} #temaspalt .bilder img{width:4vw;height:4vw;margin:0 1px;} #temaspalt .arskurs{padding-top:0.2vw;margin:0 auto;} #temaspalt .siffror{} #temaspalt .arskurs p{width:3.5vw;height:3.5vw;margin:0 1px;border-radius:3vw;font-family:'OfficSerITCMed';font-size:2vw;line-height:1;padding-top:0;} #temapilL{width:5vw;height:4vw;right:0;margin:0;} #temapilL img{width:5vw;height:5vw;margin:14.5vw 0 0 0;} #temapilR{width:5vw;height:4vw;right:0;margin:0;} #temapilR img{width:5vw;height:5vw;margin:14.5vw 0 0 5px;} #sidfotny{padding:3.2vw;} #logonegny{width:auto;padding:0 1.6vw 0 0;height:8vw;} #logonegny img{width:40vw;margin-right:0vw;} #sociala{width:auto;padding:0vw 10px 0 2.2vw;height:8vw;border:0;} #sociala img{height:6vw;margin-right:1vw;} #adressny{width:auto;padding:2vw 0 0 0;height:8vw;border:0;} #adressny p{font-size:2.2vw;line-height:1.3;margin:0 auto 0 auto;padding:0;} /* Nya mallar */ .menyblock{padding:0 0 65px 0;width:90vw;max-width:1100px;} .menyblock .text{width:80vw;max-width:700px;} .menyblock .text h1{font-size:2.1em;padding:40px 0 30px 0;} .menyblock .text h2{font-size:1.5em;margin:30px 0 0 0;} .menyblock .text blockquote p{font-size:1.7em;margin:0 0 30px 0;} .menyblock .text p{margin:15px 0 0 0;} .menyblock .text img.imghalv{max-width:600px;margin:20px auto;} .menyblock .text img.imghel{max-width:100%;margin:20px auto;} .menyblock img.imgspalt{width:100%;margin:20px auto;} #nyaspalten .vberattelser{width:200px;padding:0 0px;} #nyaspalten #uppdragens_arbetscykel .text{width:90%;} #nyaspalten #uppdragens_arbetscykel .textv{width:100%;margin-right:0%;} #nyaspalten #uppdragens_arbetscykel .bildh{width:100%;} #nyaspalten .temaprovapa{width:400px;} #nyaspalten #temablock{width:400px;} #nyaspalten #ansoka_om_medlemskap .text{width:80vw;max-width:650px;} #nyaspalten #ansoka_om_medlemskap .mleft{width:100%;margin-right:0px;} #nyaspalten #ansoka_om_medlemskap .mright{margin-top:30px;width:100%;} #nyaspalten #vanliga_fragor h1{font-size:2.1em;padding:40px 0 30px 0;} #nyaspalten #nyckelbereppbox .text{width:80vw;max-width:700px;} #nyaspalten #overgangarbox .text{width:80vw;max-width:700px;} #nyaspalten #implementeringbox .text{width:80vw;max-width:700px;} #nyaspalten #externa_aktorerbox .text{width:80vw;max-width:700px;} #nyaspalten #oversattningarbox .text{width:80vw;max-width:700px;} #nyaspalten #forskningbox .text{width:80vw;max-width:700px;} #nyaspalten #boktips_till_ntatemanbox .text{width:80vw;max-width:700px;} #nyaspalten #ideban_for_ntautomhusbox .text{width:80vw;max-width:700px;} #nyaspalten #nyckelbereppbox .text .mleft{width:100%;margin-right:0px;} #nyaspalten #nyckelbereppbox .text .mright{width:100%;height:auto;overflow:scroll;} #nyaspalten #overgangarbox .text .mleft{width:100%;margin-right:0px;} #nyaspalten #overgangarbox .text .mright{width:100%;height:300px;overflow:scroll;} #nyaspalten #implementeringbox .text .mleft{width:100%;margin-right:0px;} #nyaspalten #implementeringbox .text .mright{width:100%;height:300px;overflow:scroll;} #nyaspalten #externa_aktorerbox .text .mleft{width:100%;margin-right:0px;} #nyaspalten #externa_aktorerbox .text .mright{width:100%;height:300px;overflow:scroll;} #nyaspalten #oversattningarbox .text .mleft{width:100%;margin-right:0px;} #nyaspalten #oversattningarbox .text .mright{width:100%;height:300px;overflow:scroll;} #nyaspalten #forskningbox .text .mleft{width:100%;margin-right:0px;} #nyaspalten #forskningbox .text .mright{width:100%;height:300px;overflow:scroll;} #nyaspalten #boktips_till_ntatemanbox .text .mleft{width:100%;margin-right:0px;} #nyaspalten #boktips_till_ntatemanbox .text .mright{width:100%;height:300px;overflow:scroll;} #nyaspalten #ideban_for_ntautomhusbox .text .mleft{width:100%;margin-right:0px;} #nyaspalten #ideban_for_ntautomhusbox .text .mright{width:100%;height:300px;overflow:scroll;} #nyaspalten #nationella_kansliet_kontakter{width:80vw;max-width:700px;margin:0 auto;} #nyaspalten #nationella_kansliet_kontakter .kontakt{margin:0 20px 10px 0;width:100%;} #nyaspalten #nationella_kansliet_kontakter .kontaktbild{width:130px;height:170px;} #nyaspalten #nationella_kansliet_kontakter .kontaktinfo{width:250px;margin-left:10px;} #nyaspalten #regionala_samordnare_kontakter{width:80vw;max-width:700px;margin:0 auto;} #nyaspalten #regionala_samordnare_kontakter .kontakt{margin:0 20px 10px 0;width:100%;} #nyaspalten #regionala_samordnare_kontakter .kontaktbild{width:130px;height:170px;} #nyaspalten #regionala_samordnare_kontakter .kontaktinfo{width:250px;margin-left:10px;} #nyaspalten #HelaContainern{width:80vw;margin:0 auto;border:0px solid blue;margin-top:30px;} #nyaspalten #HelaContainern #Container{display:none;} #nyaspalten #HelaContainern #KontaktoLista{border:0px solid red;width:auto;display:inline-block;width:80vw;margin-left:0px;} } /* IPAD S */ @media screen and (min-width: 768px) { h6:after { content: url(../h6/768.png);} #yttre_ram{margin:0 3vw;padding:0;border:0px solid blue;} #topboard{width:100vw;height:4vw;min-height:60px;margin:0;} #logony{margin:15px;width:15vw;min-width:215px;height:auto;} #anvandare,#anvandare2{margin:18px 20px 0px 0;width:30px;} #burger,#burger2{margin:18px 10px 0px 0;width:30px;} #burger.on{display:inline-block;} #search{margin:18px 10px 0 0;} .searchoff{width:26px;height:26px;border-radius:26px;} .searchon{width:300px;height:26px;border-radius:26px;} .searchoff img{width:26px;} .searchon img{width:26px;} .searchon .search-form-container-ny{width:240px;margin:4px 0 0 20px;} .searchoff .search-form-container-ny{} .search-form-container-ny .searchruta{padding: 0px;} #menyer{display:none;} #menyer .meny-niva1{padding:0;margin:0 5px 0 0;} #menyer .meny-niva1 p{font-size:1em;padding:0;margin:0;} #responsivruta{} #bredd{} #hojd{} #block1{width:100vw;height:auto;margin:0;padding:80px 0 0 0;} #block2{width:100vw;height:auto;margin:0;padding:0 0 0 0;} #block2 img{height:auto;} #block3{width:100vw;height:auto;margin:0;padding:1vw 0 0 0;} #block4{width:100vw;height:auto;margin:0;padding:1vw 0 0 0;} #bildspalt{width:94vw;height:35vw;min-height:100px;margin:0 0 0 0;padding:0;} #bildspalt{ background-position: center; background-size: 100% auto; } #block2 #instagram{margin:45px auto 0 auto;} #startspalt{width:94vw;height:35vw;min-height:100px;margin:1vw 0 0 0;padding:0;} #startspalt .inloggruta{border:0px solid red;margin:2.5vw auto 0 0;bottom:2.5vw;left:2.5vw;} #startspalt h1{font-size:4vw;line-height:1.3;margin:3vw 0 0 2.5vw;width:auto;} #startspalt h1 span{font-size:4vw;line-height:1.1;margin:0;width:auto;} #startspalt p{font-size:2.3vw;line-height:1.0;margin:0.5vw auto 1vw auto;width:auto} #startspalt p.kategori{font-size:2.3vw;} #startspalt .knappar{margin:0 20px 0 0;padding:10px 10px;font-size:1em;width:100px;} #textspalt{width:94vw;height:35vw;min-height:100px;margin:1vw 0 0 0;padding:0;} #textspalt .inloggruta{border:0px solid red;margin:2.5vw auto 0 0;bottom:2.5vw;left:2.5vw;} #textspalt h1{font-size:4vw;line-height:1.3;margin:3vw 0 0 2.5vw;width:auto;} #textspalt h1 span{display:none;font-size:1em;line-height:1.1;margin:0;width:auto;} #textspalt p{font-size:1.3vw;line-height:1.2;margin:1em auto 0 0;width:70%;} #textspalt p.kategori{font-size:1.5vw;} #textspalt form{width:auto;width:332px;} #textspalt input{margin:0em auto;width:100%;padding:10px 0 10px 0;} #textspalt input[type=text], #textspalt input[type=password]{font-size:1em;width:300px;} #textspalt input[type=submit]{font-size:1em;width:120px;padding:7px 10px;border-radius:0;border:0px;} #textspalt p.login-username{width:300px;} #textspalt p.login-password{width:300px;} #textspalt p.login-submit{font-size:1em;line-height:0;margin:10px 0 0 0;width:120px;display:block;float:right;} #textspalt .knappar{margin:6px 18px 0 0;padding:7px 10px;font-size:1em;width:100px;} #textspalt #closemin {width:30px;height:30px;top:0px;right:0px;padding:3px;} #textspalt #closemin img{} #elevspalt{width:94vw;height:35vw;min-height:100px;margin:1vw 0 0 0;padding:0;} #elevspalt .inloggruta{border:0px solid red;margin:2.5vw auto 0 0;bottom:2.5vw;left:2.5vw;} #elevspalt h1{font-size:4vw;line-height:1.3;margin:3vw 0 0 2.5vw;width:auto;} #elevspalt h1 span{display:none;font-size:1em;line-height:1.1;margin:0;width:auto;} #elevspalt p{font-size:1em;line-height:1.2;margin:1em auto 0 0;width:100%;} #elevspalt p.kategori{font-size:2.3vw;} #elevspalt form{margin:0em auto;width:auto;} #elevspalt input{margin:0em auto;width:75%;padding:10px 10px 10px 10px;} #elevspalt input[type=text], #textspalt input[type=password]{font-size:1em;} #elevspalt input[type=submit]{font-size:2vw;width:12vw;padding:7px 10px;border-radius:0;border:0px;} #elevspalt p.login-submit{font-size:2vw;line-height:1.2;margin:1vw auto 0 auto;width:120px;display:inline-block;} #elevspalt .knappar{margin:0 0 0 10px;padding:7px 10px;font-size:2vw;width:12vw;} #elevspalt #closemin {width:30px;height:30px;top:0px;right:0px;padding:3px;} #elevspalt #closemin img{} #minspalt{width:94vw;height:35vw;min-height:100px;margin:1vw 0 0 0;padding:0 0 0 0;} #minspalt .faktaruta{padding:2.5vw 0 0 2.5vw;} #minspalt .faktaruta .text{width:70vw;height:auto;} #minspalt .inloggruta{margin:50px auto 0 0;bottom:2.5vw;left:2.5vw;width:80vw;} #minspalt h1{font-size:3vw;line-height:1.3;margin:2vw 0 0 2.5vw;width:auto;} #minspalt .faktaruta h2{font-size:3vw;margin:0;} #minspalt p{font-size:2.3vw;margin:0 auto 4px 0;width:auto;} #minspalt p a{} #minspalt p.kategori{font-size:2.3vw;} #minspalt input{margin:0em auto;width:50%;padding:10px 10px 10px 10px;} #minspalt input[type=text], #textspalt input[type=password]{font-size:1em;} #minspalt input[type=submit]{font-size:2vw;width:12vw;padding:7px 10px;border-radius:0;border:0px;} #minspalt p.logut-submit{font-size:2vw;line-height:1.2;margin:1em 0 0 0;width:12vw;display:block;} #minspalt .knappar{margin:0 10px 5px 0;padding:7px 10px;font-size:2vw;width:15vw;display:inline-block;} #omspalt{width:94vw;height:18vw;margin:0 0 0 0;padding:0;} #aktuelltspalt{width:100%;height:35vw;margin:0 0 0 0;padding:0 0 0 0;} .omruta{width:46.5vw;height:18vw;margin:0 1vw 1vw 0;padding:0;} .omruta2{width:46.5vw;height:18vw;margin:1vw 0 1vw 0;padding:0;} #aktuellruta1{width:46.5vw;height:35vw;margin:1vw 0 1vw 0;padding:0;} #aktuellruta2{width:46.5vw;height:35vw;margin:1vw 1vw 1vw 0;padding:0;display:none;} #aktuellruta3{width:46.5vw;height:35vw;margin:1vw 1vw 1vw 0;padding:0;display:inline-block;} #omspalt p.titelbox, #aktuelltspalt p.titelbox{font-size:3vw;line-height:1.1;margin:3vw auto 1vw auto;width:75%;} #aktuelltspaltsamling{width:100%;} #block2 .aktuellrutadubbel{width:94vw;height:46.5vw;margin:0 1vw 1vw 0;} #block2 .aktuellrutadubbeltext{width:44vw;height:46.5vw;margin:0 0 0 0;} #block2 .aktuellrutaspalt{width:46.5vw;height:46.5vw;margin:0 1vw 1vw 0;} #block2 .imagestor{width:48vw;height:46.5vw;margin:0 0 0 0;display:block;} #block2 .imageliten{width:46.5vw;height:22.5vw;margin:0 0 0 0;display:block;} #block2 .imagestor{width: 48vw;} #block2 .imageliten{width: 46.5vw;} #aktuelltspaltsamling p.titelbox{font-size:3.2vw;line-height:1.3;margin:2.5vw auto 0 auto;width:80%;height:19vw;} #block2 .aktuellrutadubbeltext p.titelbox{width:80%;margin:2.5vw auto 0 auto;} #block2 p.excerptbox{font-size:2.2vw;line-height:1.3;margin:1vw auto 0 auto;width:80%;height:11vw;} #block2 p.datumnyhet{font-size:1.7vw;line-height:1.1;padding:0 0 0 0;width:80%;height:1.5vw;} #block2 .aktuellrutadubbeltext p.datumnyhet{width:80%;margin:0 auto 0 auto;} #block2 .ruboexerp{width:auto;height:24vw;} #yttre_ram .textintro h1{margin:100px 0 0 0;font-size:60px;} #yttre_ram .textintro p{margin:20px auto 0 auto;font-size:20px;width:100%;} #yttre_ram #aktuelltdel1{margin:100px 0 0 0;font-size:60px;padding:10px 0 60px 0;} #yttre_ram #aktuelltdel1 h1{font-size:60px;} #instagram{width:18vw;height:18vw;margin:0 auto 0 auto;} #instagram img{width:auto;height:101%;margin:0;} #blalada2.visalada{display:block;} #blaladafull2.visalada{display:block;} #blalada.visalada{display:none;} #blaladafull.visalada{display:none;} #blalada2{width:24vw;height:24vw;margin:1vw auto 0 auto;} #blalada2 img{width:100%;height:auto;margin:0 0 0 -0.3vw;} #blaladafull2{width:94vw;height:70vw;margin:0.9vw 6vw 0 0;} #blaladafull2 object{position:relative;display:block;width:auto;height:70vw;margin:-2vw auto 0 auto;z-index:10;} #blaladafull2 #closebla2 {background-color:#2281b5;width:30px;height:30px;right:0;top:0;} #blaladafull2 #closebla2 img{} #temaspalt{width:83vw;height:22.7vw;margin:0 auto;margin:0 0 0 0;padding:0 0 0 0;} #temaspalt .temakuborange{width:15vw;height:22.7vw;} #temaspalt .temakubblue{width:15vw;height:22.7vw;} #temaspalt .temakubgreen{width:15vw;height:22.7vw;} #temaspalt .temakubred{width:15vw;height:22.7vw;} #temaspalt .temakubmell{width:15vw;height:22.7vw;} #temaspalt .rubrikliten{height:70px;width:90%;} #temaspalt .rubrikliten h2{font-size:1.0em;} #temaspalt .kategoriorange{height:8vw;} #temaspalt .kategoriblue{height:8vw;} #temaspalt .kategorigreen{height:8vw;} #temaspalt .kategorired{height:8vw;} #temaspalt .bilder{height:auto;padding-top:2.5vw;margin:0 auto;} #temaspalt .bilder img{width:3.3vw;height:3.3vw;margin:0 1px;} #temaspalt .arskurs{padding-top:0.2vw;margin:0 auto;} #temaspalt .siffror{} #temaspalt .arskurs p{width:3vw;height:3vw;margin:0 1px;border-radius:3vw;font-family:'OfficSerITCMed';font-size:1.6vw;line-height:1;padding-top:0;} #temapilL{width:4.5vw;height:4vw;right:0;margin:0;} #temapilL img{width:4.5vw;height:4.5vw;margin:10.5vw 0 0 0;} #temapilR{width:4.5vw;height:4vw;right:0;margin:0;} #temapilR img{width:4.5vw;height:4.5vw;margin:10.5vw 0 0 5px;} #sidfotny{padding:2.2vw;} #logonegny{width:auto;padding:0 1.6vw 0 0;height:5.5vw;} #logonegny img{width:23vw;margin-right:0vw;} #sociala{width:auto;padding:0vw 10px 0 2.2vw;height:5.5vw;border-left:2px solid white;} #sociala img{height:4vw;margin-right:1vw;} #adressny{width:auto;padding:0 0 0 2vw;height:5.5vw;border:0;border-left:2px solid white;} #adressny p{font-size:1.5vw;line-height:1.3;margin:0;padding:0;} /* Nya mallar */ .menyblock{padding:0 0 65px 0;width:90vw;max-width:1100px;} .menyblock .text{width:80vw;max-width:700px;} .menyblock .text h1{font-size:3.0em;padding:100px 0 30px 0;} .menyblock .text h2{font-size:2em;margin:50px 0 0 0;} .menyblock .text blockquote p{font-size:2em;margin:0 0 30px 0;} .menyblock .text p{margin:15px 0 0 0;} .menyblock .text img.imghalv{max-width:600px;margin:20px auto;} .menyblock .text img.imghel{max-width:100%;margin:20px auto;} .menyblock img.imgspalt{width:100%;margin:20px auto;} #nyaspalten .vberattelser{width:700px;padding:0 20px;} #nyaspalten #uppdragens_arbetscykel .text{width:650px;} #nyaspalten #uppdragens_arbetscykel .textv{width:55%;margin-right:3%;} #nyaspalten #uppdragens_arbetscykel .bildh{width:38%;} #nyaspalten .temaprovapa{width:600px;} #nyaspalten #temablock{width:600px;} #nyaspalten #ansoka_om_medlemskap .text{width:80vw;max-width:650px;} #nyaspalten #ansoka_om_medlemskap .mleft{width:100%;margin-right:0px;} #nyaspalten #ansoka_om_medlemskap .mright{margin-top:30px;width:100%;} #nyaspalten #vanliga_fragor h1{font-size:3.0em;padding:100px 0 30px 0;} #nyaspalten #nyckelbereppbox .text{width:80vw;max-width:700px;} #nyaspalten #overgangarbox .text{width:80vw;max-width:700px;} #nyaspalten #implementeringbox .text{width:80vw;max-width:700px;} #nyaspalten #externa_aktorerbox .text{width:80vw;max-width:700px;} #nyaspalten #oversattningarbox .text{width:80vw;max-width:700px;} #nyaspalten #forskningbox .text{width:80vw;max-width:700px;} #nyaspalten #boktips_till_ntatemanbox .text{width:80vw;max-width:700px;} #nyaspalten #ideban_for_ntautomhusbox .text{width:80vw;max-width:700px;} #nyaspalten #nyckelbereppbox .text .mleft{width:100%;margin-right:0px;} #nyaspalten #nyckelbereppbox .text .mright{width:100%;height:auto;overflow:scroll;} #nyaspalten #overgangarbox .text .mleft{width:100%;margin-right:0px;} #nyaspalten #overgangarbox .text .mright{width:100%;height:300px;overflow:scroll;} #nyaspalten #implementeringbox .text .mleft{width:100%;margin-right:0px;} #nyaspalten #implementeringbox .text .mright{width:100%;height:300px;overflow:scroll;} #nyaspalten #externa_aktorerbox .text .mleft{width:100%;margin-right:0px;} #nyaspalten #externa_aktorerbox .text .mright{width:100%;height:300px;overflow:scroll;} #nyaspalten #oversattningarbox .text .mleft{width:100%;margin-right:0px;} #nyaspalten #oversattningarbox .text .mright{width:100%;height:300px;overflow:scroll;} #nyaspalten #forskningbox .text .mleft{width:100%;margin-right:0px;} #nyaspalten #forskningbox .text .mright{width:100%;height:300px;overflow:scroll;} #nyaspalten #boktips_till_ntatemanbox .text .mleft{width:100%;margin-right:0px;} #nyaspalten #boktips_till_ntatemanbox .text .mright{width:100%;height:300px;overflow:scroll;} #nyaspalten #ideban_for_ntautomhusbox .text .mleft{width:100%;margin-right:0px;} #nyaspalten #ideban_for_ntautomhusbox .text .mright{width:100%;height:300px;overflow:scroll;} #nyaspalten #nationella_kansliet_kontakter{width:80vw;max-width:700px;margin:0 auto;} #nyaspalten #nationella_kansliet_kontakter .kontakt{margin:0 20px 10px 0;width:100%;} #nyaspalten #nationella_kansliet_kontakter .kontaktbild{width:130px;height:170px;} #nyaspalten #nationella_kansliet_kontakter .kontaktinfo{width:250px;margin-left:10px;} #nyaspalten #regionala_samordnare_kontakter{width:80vw;max-width:700px;margin:0 auto;} #nyaspalten #regionala_samordnare_kontakter .kontakt{margin:0 20px 10px 0;width:100%;} #nyaspalten #regionala_samordnare_kontakter .kontaktbild{width:130px;height:170px;} #nyaspalten #regionala_samordnare_kontakter .kontaktinfo{width:250px;margin-left:10px;} #nyaspalten #HelaContainern{width:80vw;margin:0 auto;border:0px solid blue;margin-top:30px;} #nyaspalten #HelaContainern #Container{display:inline-block;} #nyaspalten #HelaContainern #KontaktoLista{border:0px solid red;width:auto;display:inline-block;width:80vw;margin-left:10px;} } /* SCREEN S */ @media screen and (min-width: 992px) and (min-device-width: 992px), screen and (device-height: 1024px) and (device-width: 768px) and (width: 1024px) and (max-height: 768px) { h6:after { content: url(../h6/992.png);} #yttre_ram{margin:0 3vw;padding:0;border:0px solid pink;} #topboard{width:100vw;height:4vw;min-height:60px;margin:0;} #logony{margin:15px;width:15vw;min-width:215px;height:auto;} #anvandare,#anvandare2{margin:18px 20px 0px 0;width:30px;} #burger,#burger2{margin:18px 10px 0px 0;width:30px;} #burger.on{display:none;} #burger2.on{display:none;} #search{margin:18px 10px 0 0;} .searchoff{width:26px;height:26px;border-radius:26px;} .searchon{width:160px;height:26px;border-radius:26px;} .searchoff img{width:26px;} .searchon img{width:26px;} .searchon .search-form-container-ny{width:100px;margin:4px 0 0 20px;} .searchoff .search-form-container-ny{} .search-form-container-ny .searchruta{padding: 0px;} #menyer{display:table;} #menyer .meny-niva1{padding:0;margin:0 5px 0 0;} #menyer .meny-niva1 p{font-size:1em;padding:0;margin:0;} #responsivruta{} #bredd{} #hojd{} #block1{width:100vw;height:auto;margin:0;padding:80px 0 0 0;} #block2{width:100vw;height:auto;margin:0;padding:1vw 0 0 0;} #block2 img{height:auto;} #block3{width:100vw;height:auto;margin:0;padding:1vw 0 0 0;} #block4{width:100vw;height:auto;margin:0;padding:1vw 0 0 0;} #bildspalt{width:46.5vw;height:35vw;min-height:100px;margin:0 0 0 0;padding:0;} #bildspalt{ background-position: center; background-size: 112% auto; } #block2 #instagram{margin:25px auto 0 auto;} #startspalt{width:46.5vw;height:35vw;min-height:100px;margin:0 0 0 1vw;padding:0;} #startspalt .inloggruta{border:0px solid red;margin:2.5vw auto 0 0;bottom:2.5vw;left:2.5vw;} #startspalt h1{font-size:2.2vw;line-height:1.3;margin:3vw 0 0 2.5vw;width:auto;} #startspalt h1 span{font-size:2.4vw;line-height:1.1;margin:0;width:auto;} #startspalt p{font-size:1.3vw;line-height:1.0;margin:0.5vw auto 1vw auto;width:auto} #startspalt p.kategori{font-size:1.4vw;} #startspalt .knappar{margin:0 20px 0 0;padding:10px 10px;font-size:1em;width:100px;} #textspalt{width:46.5vw;height:35vw;min-height:100px;margin:0 0 0 1vw;padding:0;} #textspalt .inloggruta{border:0px solid red;margin:2.5vw auto 0 0;bottom:2.5vw;left:2.5vw;} #textspalt h1{font-size:2.2vw;line-height:1.3;margin:3vw 0 0 2.5vw;width:auto;} #textspalt h1 span{display:none;font-size:1em;line-height:1.1;margin:0;width:auto;} #textspalt p{font-size:1.3vw;line-height:1.2;margin:1em auto 0 0;width:80%;} #textspalt p.kategori{font-size:1.4vw;} #textspalt form{width:auto;width:332px;} #textspalt input{margin:0em auto;width:100%;padding:10px 0 10px 0;} #textspalt input[type=text], #textspalt input[type=password]{font-size:1em;width:300px;} #textspalt input[type=submit]{font-size:1em;width:120px;padding:7px 10px;border-radius:0;border:0px;} #textspalt p.login-username{width:300px;} #textspalt p.login-password{width:300px;} #textspalt p.login-submit{font-size:1em;line-height:0;margin:10px 0 0 0;width:120px;display:block;float:right;} #textspalt .knappar{margin:6px 18px 0 0;padding:7px 10px;font-size:1em;width:100px;} #textspalt #closemin {width:30px;height:30px;top:0px;right:0px;padding:3px;} #textspalt #closemin img{} #elevspalt{width:46.5vw;height:35vw;min-height:100px;margin:0 0 0 1vw;padding:0;} #elevspalt .inloggruta{border:0px solid red;margin:2.5vw auto 0 0;bottom:2.5vw;left:2.5vw;} #elevspalt h1{font-size:2.2vw;line-height:1.3;margin:3vw 0 0 2.5vw;width:auto;} #elevspalt h1 span{display:none;font-size:1em;line-height:1.1;margin:0;width:auto;} #elevspalt p{font-size:1em;line-height:1.2;margin:1em auto 0 0;width:80%;} #elevspalt p.kategori{font-size:1.4vw;} #elevspalt form{margin:0em auto;width:auto;} #elevspalt input{margin:0em auto;width:75%;padding:10px 10px 10px 10px;} #elevspalt input[type=text], #textspalt input[type=password]{font-size:1em;} #elevspalt input[type=submit]{font-size:1.3vw;width:120px;padding:7px 10px;border-radius:0;border:0px;} #elevspalt p.login-submit{font-size:1.3vw;line-height:1.2;margin:1em auto 0 auto;width:120px;display:inline-block;} #elevspalt .knappar{margin:0 0 0 20px;padding:7px 10px;font-size:1.3vw;width:100px;} #elevspalt #closemin {width:30px;height:30px;top:0px;right:0px;padding:3px;} #elevspalt #closemin img{} #minspalt{width:46.5vw;height:35vw;min-height:100px;margin:0 0 0 1vw;padding:0 0 0 0;} #minspalt .faktaruta{padding:2.5vw 0 0 2.5vw;} #minspalt .faktaruta .text{width:12w;height:auto;width:30vw;} #minspalt .inloggruta{margin:0 auto 0 auto;bottom:2.5vw;left:2.5vw;width:40vw;} #minspalt h1{font-size:2.4vw;line-height:1.3;margin:3vw 0 0 2.5vw;width:auto;} #minspalt .faktaruta h2{font-size:2vw;margin:0;} #minspalt p{font-size:1.5vw;margin:0 auto 4px auto;width:auto;} #minspalt p a{} #minspalt p.kategori{font-size:1.3vw;} #minspalt input{margin:0em auto;width:65%;padding:10px 10px 10px 10px;} #minspalt input[type=text], #textspalt input[type=password]{font-size:1.2vw;} #minspalt input[type=submit]{font-size:1.2vw;width:10vw;padding:7px 10px;border-radius:0;border:0px;} #minspalt p.logut-submit{font-size:1.2vw;line-height:1.2;margin:1em 0 0 0;width:10vw;display:block;} #minspalt .knappar{margin:0 10px 10px 0;padding:7px 10px;font-size:1.2vw;width:14vw;display:inline-block;} #omspalt{width:47.5vw;height:22.75vw;margin:0 0 0 0;padding:0;} #aktuelltspalt{width:46.5vw;height:22.75vw;margin:0 0 0 0;padding:0 0 0 0;} .omruta{width:22.75vw;height:22.75vw;margin:0 1vw 1vw 0;padding:0;} .omruta2{width:22.75vw;height:22.75vw;margin:0 0 1vw 0;padding:0;} #aktuellruta1{width:22.75vw;height:22.75vw;margin:0 0 1vw 0;padding:0;} #aktuellruta2{width:22.75vw;height:22.75vw;margin:0 1vw 1vw 0;padding:0;display:inline-block;} #aktuellruta3{width:22.75vw;height:22.75vw;margin:0 1vw 1vw 0;padding:0;display:none;} #omspalt p.titelbox, #aktuelltspalt p.titelbox{font-size:2vw;line-height:1.1;margin:3vw auto 1vw auto;width:75%;} #aktuelltspaltsamling{width:100%;} #block2 .aktuellrutadubbel{width:62vw;height:31vw;margin:0 1vw 1vw 0;} #block2 .aktuellrutadubbeltext{width:30vw;height:31vw;margin:0 0 0 0;} #block2 .aktuellrutaspalt{width:30.5vw;height:31vw;margin:0 1vw 1vw 0;} #block2 .imagestor{width:31.5vw;height:31vw;margin:0 0 0 0;} #block2 .imageliten{width:30.5vw;height:15vw;margin:0 0 0 0;} #block2 .imagestor{width: 31.5vw;} #block2 .imageliten{width: 30.5vw;} #aktuelltspaltsamling p.titelbox{font-size:2.1vw;line-height:1.3;margin:2.5vw auto 0 auto;width:80%;height:11.5vw;} #block2 .aktuellrutadubbeltext p.titelbox{width:80%;margin:2.5vw auto 0 auto;} #block2 p.excerptbox{font-size:1.6vw;line-height:1.3;margin:1vw auto 0 auto;width:80%;height:11vw;} #block2 p.datumnyhet{font-size:1.1vw;line-height:1.1;padding:0 0 0 0;width:80%;height:1.5vw;} #block2 .aktuellrutadubbeltext p.datumnyhet{width:80%;margin:0 auto 0 auto;} #block2 .ruboexerp{width:auto;height:24vw;} #yttre_ram .textintro h1{margin:100px 0 0 0;font-size:60px;} #yttre_ram .textintro p{margin:20px auto 0 auto;font-size:20px;width:800px;} #yttre_ram #aktuelltdel1{margin:100px 0 0 0;font-size:60px;padding:10px 0 60px 0;} #yttre_ram #aktuelltdel1 h1{font-size:60px;} #instagram{width:55%;height:55%;margin:0 auto 0 auto;} #instagram img{width:auto;height:101%;margin:0;} #blalada.visalada{display:block;} #blaladafull.visalada{display:block;} #blalada2.visalada{display:none;} #blaladafull2.visalada{display:none;} #blalada{width:65%;height:65%;margin:1vw auto 0 18%;} #blalada img{width:100%;height:auto;margin:0 0 0 -0.3vw;} #blaladafull {width:70.25vw;height:58.8vw;margin:80px 6vw 0 0;} #blaladafull.visalada object{position:relative;display:block;width:auto;height:58.8vw;margin:-2vw auto 0 auto;z-index:10;} #blaladafull #closebla {background-color:#3c8583;width:30px;height:30px;right:0;top:0;} #blaladafull #closebla img{} #temaspalt{width:85.5vw;height:18vw;margin:0 auto;margin:0 0 0 0;padding:0 0 0 0;} #temaspalt .temakuborange{width:11.9vw;height:18vw;} #temaspalt .temakubblue{width:11.9vw;height:18vw;} #temaspalt .temakubgreen{width:11.9vw;height:18vw;} #temaspalt .temakubred{width:11.9vw;height:18vw;} #temaspalt .temakubmell{width:11.9vw;height:18vw;} #temaspalt .rubrikliten{height:70px;width:90%;} #temaspalt .rubrikliten h2{font-size:1.0em;} #temaspalt .kategoriorange{height:7vw;} #temaspalt .kategoriblue{height:7vw;} #temaspalt .kategorigreen{height:7vw;} #temaspalt .kategorired{height:7vw;} #temaspalt .bilder{height:auto;padding-top:2.5vw;margin:0 auto;} #temaspalt .bilder img{width:2.5vw;height:2.5vw;margin:0 1px;} #temaspalt .arskurs{padding-top:0.2vw;margin:0 auto;} #temaspalt .siffror{} #temaspalt .arskurs p{width:2vw;height:2vw;margin:0 1px;border-radius:1vw;font-family:'OfficSerITCMed';font-size:1vw;line-height:1;padding-top:0;} #temapilL{width:3.5vw;height:4vw;right:0;margin:0;} #temapilL img{width:3.5vw;height:3.5vw;margin:8.5vw 0 0 0;} #temapilR{width:3.5vw;height:4vw;right:0;margin:0;} #temapilR img{width:3.5vw;height:3.5vw;margin:8.5vw 0 0 5px;} #sidfotny{padding:2.2vw;} #logonegny{width:auto;padding:0 1.6vw 0 0;height:4vw;} #logonegny img{width:18vw;margin-right:0vw;} #sociala{width:auto;padding:0vw 10px 0 2.2vw;height:4vw;border-left:2px solid white;} #sociala img{height:3vw;margin-right:1vw;} #adressny{width:auto;padding:0 0 0 2vw;height:4vw;border:0;border-left:2px solid white;} #adressny p{font-size:1.1vw;line-height:1.3;margin:0;padding:0;} } /* SCREEN B 1080px*/ @media screen and (min-width: 1080px) { h6:after { content: url(../h6/1024.png);} #yttre_ram{margin:0 3vw;padding:0;border:0px solid green;} #topboard{width:100vw;height:4vw;min-height:60px;margin:0;} #logony{margin:15px;width:15vw;min-width:215px;height:auto;} #anvandare,#anvandare2{margin:18px 20px 0px 0;width:30px;} #burger,#burger2{margin:18px 10px 0px 0;width:30px;} #search{margin:18px 10px 0 0;} .searchoff{width:26px;height:26px;border-radius:26px;} .searchon{width:240px;height:26px;border-radius:26px;} .searchoff img{width:26px;} .searchon img{width:26px;} .searchon .search-form-container-ny{width:180px;margin:4px 0 0 20px;} .searchoff .search-form-container-ny{} .search-form-container-ny .searchruta{padding: 0px;} #menyer{display:table;} #menyer .meny-niva1{padding:0;margin:0 5px 0 0;} #menyer .meny-niva1 p{font-size:1em;padding:0;margin:0;} #responsivruta{} #bredd{} #hojd{} #block1{width:100vw;height:auto;margin:0;padding:80px 0 0 0;} #block2{width:100vw;height:auto;margin:0;padding:1vw 0 0 0;} #block2 img{height:auto;} #block3{width:100vw;height:auto;margin:0;padding:1vw 0 0 0;} #block4{width:100vw;height:auto;margin:0;padding:1vw 0 0 0;} #bildspalt{width:46.5vw;height:30vw;min-height:100px;margin:0 0 0 0;padding:0;} #bildspalt{ background-position: center; background-size: 100% auto; } #block2 #instagram{margin:25px auto 0 auto;} #startspalt{width:46.5vw;height:30vw;min-height:100px;margin:0 0 0 1vw;padding:0;} #startspalt .inloggruta{border:0px solid red;margin:2.5vw auto 0 auto;bottom:2.5vw;left:2.5vw;} #startspalt h1{font-size:2.4vw;line-height:1.3;margin:3vw 0 0 2.5vw;width:auto;} #startspalt h1 span{font-size:2.4vw;line-height:1.1;margin:0;width:auto;} #startspalt p{font-size:1.1vw;line-height:1.0;margin:0.5vw auto 1vw auto;width:auto} #startspalt p.kategori{font-size:1.3vw;} #startspalt .knappar{margin:0 20px 0 0;padding:10px 10px;font-size:1em;width:100px;} #textspalt{width:46.5vw;height:30vw;min-height:100px;margin:0 0 0 1vw;padding:0;} #textspalt .inloggruta{border:0px solid red;margin:2.5vw auto 0 auto;bottom:2.5vw;left:2.5vw;} #textspalt h1{font-size:2.4vw;line-height:1.3;margin:3vw 0 0 2.5vw;width:auto;} #textspalt h1 span{display:none;font-size:1em;line-height:1.1;margin:0;width:auto;} #textspalt p{font-size:1em;line-height:1.2;margin:1em auto 0 0;width:80%;} #textspalt p.kategori{font-size:1.3vw;} #textspalt form{width:auto;width:332px;} #textspalt input{margin:0em auto;width:100%;padding:10px 0 10px 0;} #textspalt input[type=text], #textspalt input[type=password]{font-size:1em;width:300px;} #textspalt input[type=submit]{font-size:1em;width:120px;padding:7px 10px;border-radius:0;border:0px;} #textspalt p.login-username{width:300px;} #textspalt p.login-password{width:300px;} #textspalt p.login-submit{font-size:1em;line-height:0;margin:10px 0 0 0;width:120px;display:block;float:right;} #textspalt .knappar{margin:6px 18px 0 0;padding:7px 10px;font-size:1em;width:100px;} #textspalt #closemin {width:30px;height:30px;top:0px;right:0px;padding:3px;} #textspalt #closemin img{} #elevspalt{width:46.5vw;height:30vw;min-height:100px;margin:0 0 0 1vw;padding:0;} #elevspalt .inloggruta{border:0px solid red;margin:2.5vw auto 0 auto;bottom:2.5vw;left:2.5vw;} #elevspalt h1{font-size:2.4vw;line-height:1.3;margin:3vw 0 0 2.5vw;width:auto;} #elevspalt h1 span{display:none;font-size:1em;line-height:1.1;margin:0;width:auto;} #elevspalt p{font-size:1em;line-height:1.2;margin:1em auto 0 0;width:70%;} #elevspalt p.kategori{font-size:1.3vw;} #elevspalt form{margin:0em auto;width:auto;} #elevspalt input{margin:0em auto;width:65%;padding:10px 10px 10px 10px;} #elevspalt input[type=text], #textspalt input[type=password]{font-size:1.2vw;} #elevspalt input[type=submit]{font-size:1.2vw;width:120px;padding:7px 10px;border-radius:0;border:0px;} #elevspalt p.login-submit{font-size:1.2vw;line-height:1.2;margin:1em auto 0 auto;width:120px;display:inline-block;} #elevspalt .knappar{margin:0 0 0 20px;padding:7px 10px;font-size:1em;width:100px;} #elevspalt #closemin {width:30px;height:30px;top:0px;right:0px;padding:3px;} #elevspalt #closemin img{} #minspalt{width:46.5vw;height:30vw;min-height:100px;margin:0 0 0 1vw;padding:0 0 0 0;} #minspalt .faktaruta{padding:2.5vw 0 0 2vw;} #minspalt .faktaruta .text{width:12w;height:auto;width:30vw;} #minspalt .inloggruta{margin:0 auto 0 auto;bottom:2.5vw;left:2.5vw;width:40vw;} #minspalt h1{font-size:2.4vw;line-height:1.3;margin:3vw 0 0 2.5vw;width:auto;} #minspalt .faktaruta h2{font-size:2vw;margin:0;} #minspalt p{font-size:1.5vw;margin:0 auto 4px auto;width:auto;} #minspalt p a{} #minspalt p.kategori{font-size:1.3vw;} #minspalt input{margin:0em auto;width:65%;padding:10px 10px 10px 10px;} #minspalt input[type=text], #textspalt input[type=password]{font-size:1.2vw;} #minspalt input[type=submit]{font-size:1.2vw;width:10vw;padding:7px 10px;border-radius:0;border:0px;} #minspalt p.logut-submit{font-size:1.2vw;line-height:1.2;margin:1em 0 0 0;width:10vw;display:block;} #minspalt .knappar{margin:0 10px 10px 0;padding:7px 10px;font-size:1.2vw;width:14vw;display:inline-block;} #omspalt{width:47.5vw;height:22.75vw;margin:0 0 0 0;padding:0;} #aktuelltspalt{width:46.5vw;height:22.75vw;margin:0 0 0 0;padding:0 0 0 0;} .omruta{width:22.75vw;height:22.75vw;margin:0 1vw 1vw 0;padding:0;} .omruta2{width:22.75vw;height:22.75vw;margin:0 0 1vw 0;padding:0;} #aktuellruta1{width:22.75vw;height:22.75vw;margin:0 0 1vw 0;padding:0;} #aktuellruta2{width:22.75vw;height:22.75vw;margin:0 1vw 1vw 0;padding:0;display:inline-block;} #aktuellruta3{width:22.75vw;height:22.75vw;margin:0 1vw 1vw 0;padding:0;display:none;} #omspalt p.titelbox, #aktuelltspalt p.titelbox{font-size:2vw;line-height:1.1;margin:3vw auto 1vw auto;width:75%;} #aktuelltspaltsamling{width:100%;} #block2 .aktuellrutadubbel{width:62vw;height:31vw;margin:0 1vw 1vw 0;} #block2 .aktuellrutadubbeltext{width:30vw;height:31vw;margin:0 0 0 0;} #block2 .aktuellrutaspalt{width:30.5vw;height:31vw;margin:0 1vw 1vw 0;} #block2 .imagestor{width:31.5vw;height:31vw;margin:0 0 0 0;} #block2 .imageliten{width:30.5vw;height:15vw;margin:0 0 0 0;} #block2 .imagestor{width: 31.5vw;} #block2 .imageliten{width: 30.5vw;} #aktuelltspaltsamling p.titelbox{font-size:1.5vw;line-height:1.3;margin:2.5vw auto 0 auto;width:80%;height:7.5vw;} #block2 .aktuellrutadubbeltext p.titelbox{width:80%;margin:2.5vw auto 0 auto;} #block2 p.excerptbox{font-size:1.1vw;line-height:1.3;margin:1vw auto 0 auto;width:80%;height:11vw;} #block2 p.datumnyhet{font-size:0.75vw;line-height:1.1;padding:0 0 0 0;width:80%;height:1.5vw;} #block2 .aktuellrutadubbeltext p.datumnyhet{width:80%;margin:0 auto 0 auto;} #block2 .ruboexerp{width:auto;height:18vw;} #yttre_ram .textintro h1{margin:100px 0 0 0;font-size:60px;} #yttre_ram .textintro p{margin:20px auto 0 auto;font-size:20px;width:800px;} #yttre_ram #aktuelltdel1{margin:100px 0 0 0;font-size:60px;padding:10px 0 60px 0;} #yttre_ram #aktuelltdel1 h1{font-size:60px;} #instagram{width:55%;height:55%;margin:0 auto 0 auto;} #instagram img{width:auto;height:101%;margin:0;} #blalada.visalada{display:block;} #blaladafull.visalada{display:block;} #blalada2.visalada{display:none;} #blaladafull2.visalada{display:none;} #blalada{width:65%;height:65%;margin:1vw auto 0 18%;} #blalada img{width:100%;height:auto;margin:0 0 0 -0.3vw;} #blaladafull{width:70.25vw;height:53.8vw;margin:80px 6vw 0 0;} #blaladafull.visalada object{position:relative;display:block;width:auto;height:53.8vw;margin:-2vw auto 0 auto;z-index:10;} #blaladafull #closebla {background-color:#3c8583;width:35px;height:35px;right:0;top:0;} #blaladafull #closebla img{} #temaspalt{width:85.5vw;height:18vw;margin:0 auto;margin:0 0 0 0;padding:0 0 0 0;} #temaspalt .temakuborange{width:11.9vw;height:18vw;} #temaspalt .temakubblue{width:11.9vw;height:18vw;} #temaspalt .temakubgreen{width:11.9vw;height:18vw;} #temaspalt .temakubred{width:11.9vw;height:18vw;} #temaspalt .temakubmell{width:11.9vw;height:18vw;} #temaspalt .rubrikliten{height:70px;width:90%;} #temaspalt .rubrikliten h2{font-size:1.0em;} #temaspalt .kategoriorange{height:7vw;} #temaspalt .kategoriblue{height:7vw;} #temaspalt .kategorigreen{height:7vw;} #temaspalt .kategorired{height:7vw;} #temaspalt .bilder{height:auto;padding-top:2.5vw;margin:0 auto;} #temaspalt .bilder img{width:2.5vw;height:2.5vw;margin:0 1px;} #temaspalt .arskurs{padding-top:0.5vw;margin:0 auto;} #temaspalt .siffror{} #temaspalt .arskurs p{width:2vw;height:2vw;margin:0 1px;border-radius:1vw;font-family:'OfficSerITCMed';font-size:1vw;line-height:1;padding-top:0;} #temapilL{width:3.5vw;height:4vw;right:0;margin:0;} #temapilL img{width:3.5vw;height:3.5vw;margin:8.5vw 0 0 0;} #temapilR{width:3.5vw;height:4vw;right:0;margin:0;} #temapilR img{width:3.5vw;height:3.5vw;margin:8.5vw 0 0 5px;} #sidfotny{padding:2.2vw;} #logonegny{width:auto;padding:0 1.6vw 0 0;height:4vw;} #logonegny img{width:18vw;margin-right:0vw;} #sociala{width:auto;padding:0vw 10px 0 2.2vw;height:4vw;border-left:2px solid white;} #sociala img{height:3vw;margin-right:1vw;} #adressny{width:auto;padding:0 0 0 2vw;height:4vw;border:0;border-left:2px solid white;} #adressny p{font-size:1.1vw;line-height:1.3;margin:0;padding:0;} /* Nya mallar */ .menyblock{padding:0 0 65px 0;width:90vw;max-width:1100px;} .menyblock .text{width:80vw;max-width:700px;} .menyblock .text h1{font-size:3.5em;padding:100px 0 30px 0;} .menyblock .text h2{font-size:2em;margin:50px 0 0 0;} .menyblock .text blockquote p{font-size:2em;margin:0 0 30px 0;} .menyblock .text p{margin:15px 0 0 0;} .menyblock .text img.imghalv{max-width:600px;margin:20px auto;} .menyblock .text img.imghel{max-width:100%;margin:20px auto;} .menyblock img.imgspalt{width:100%;margin:20px auto;} #nyaspalten .vberattelser{width:100%;max-width:900px;padding:0 50px;} #nyaspalten #uppdragens_arbetscykel .text{width:100%;max-width:900px;} #nyaspalten #uppdragens_arbetscykel .textv{width:55%;margin-right:3%;} #nyaspalten #uppdragens_arbetscykel .bildh{width:38%;} #nyaspalten .temaprovapa{width:1000px;} #nyaspalten #temablock{width:1000px;} #nyaspalten #ansoka_om_medlemskap .text{width:100%;max-width:950px;} #nyaspalten #ansoka_om_medlemskap .mleft{width:460px;margin-right:20px;} #nyaspalten #ansoka_om_medlemskap .mright{margin-top:30px;width:460px;} #nyaspalten #ansoka_om_medlemskap .mright h2{margin:0 10px 0 70px;} #nyaspalten #ansoka_om_medlemskap .mright .filrad{width:100%;min-height:55px;margin-bottom:2px;padding:5px 0 10px 0;} #nyaspalten #ansoka_om_medlemskap .mright .filtext{margin:0 10px 0 70px;} #nyaspalten #ansoka_om_medlemskap .mright .filrub{margin:15px 0 0 0;} #nyaspalten #ansoka_om_medlemskap .mright .filrub h3{margin:0;width:350px;} #nyaspalten #ansoka_om_medlemskap .mright .filikon{width:40px;height:40px;margin:10px 15px 10px 15px;} #nyaspalten #ansoka_om_medlemskap .mright .filikon img{width:40px;height:40px;} #nyaspalten #vanliga_fragor h1{font-size:3.5em;padding:100px 0 30px 0;} #nyaspalten #nyckelbereppbox .text{width:100%;max-width:950px;} #nyaspalten #overgangarbox .text{width:100%;max-width:950px;} #nyaspalten #implementeringbox .text{width:100%;max-width:950px;} #nyaspalten #externa_aktorerbox .text{width:100%;max-width:950px;} #nyaspalten #oversattningarbox .text{width:100%;max-width:950px;} #nyaspalten #forskningbox .text{width:100%;max-width:950px;} #nyaspalten #boktips_till_ntatemanbox .text{width:100%;max-width:950px;} #nyaspalten #ideban_for_ntautomhusbox .text{width:100%;max-width:950px;} #nyaspalten #nyckelbereppbox .text .mleft{width:460px;margin-right:20px;} #nyaspalten #nyckelbereppbox .text .mright{width:460px;height:auto;overflow:scroll;} #nyaspalten #overgangarbox .text .mleft{width:460px;margin-right:20px;} #nyaspalten #overgangarbox .text .mright{width:460px;height:300px;overflow:scroll;} #nyaspalten #implementeringbox .text .mleft{width:460px;margin-right:20px;} #nyaspalten #implementeringbox .text .mright{width:460px;height:300px;overflow:scroll;} #nyaspalten #externa_aktorerbox .text .mleft{width:460px;margin-right:20px;} #nyaspalten #externa_aktorerbox .text .mright{width:460px;height:300px;overflow:scroll;} #nyaspalten #oversattningarbox .text .mleft{width:460px;margin-right:20px;} #nyaspalten #oversattningarbox .text .mright{width:460px;height:300px;overflow:scroll;} #nyaspalten #forskningbox .text .mleft{width:460px;margin-right:20px;} #nyaspalten #forskningbox .text .mright{width:460px;height:300px;overflow:scroll;} #nyaspalten #boktips_till_ntatemanbox .text .mleft{width:460px;margin-right:20px;} #nyaspalten #boktips_till_ntatemanbox .text .mright{width:460px;height:300px;overflow:scroll;} #nyaspalten #ideban_for_ntautomhusbox .text .mleft{width:460px;margin-right:20px;} #nyaspalten #ideban_for_ntautomhusbox .text .mright{width:460px;height:300px;overflow:scroll;} #nyaspalten #nationella_kansliet_kontakter{width:100%;max-width:950px;margin:0 auto;} #nyaspalten #nationella_kansliet_kontakter .kontakt{margin:0 20px 10px 0;width:450px;} #nyaspalten #nationella_kansliet_kontakter .kontaktbild{width:130px;height:170px;} #nyaspalten #nationella_kansliet_kontakter .kontaktinfo{width:250px;margin-left:10px;} #nyaspalten #regionala_samordnare_kontakter{width:100%;max-width:950px;margin:0 auto;} #nyaspalten #regionala_samordnare_kontakter .kontakt{margin:0 20px 10px 0;width:450px;} #nyaspalten #regionala_samordnare_kontakter .kontaktbild{width:130px;height:170px;} #nyaspalten #regionala_samordnare_kontakter .kontaktinfo{width:250px;margin-left:10px;} #nyaspalten #HelaContainern{width:1000px;margin:0 auto;border:0px solid blue;margin-top:30px;} #nyaspalten #HelaContainern #KontaktoLista{border:0px solid red;width:auto;display:inline-block;width:280px;margin-left:10px;} } /* SCREEN B 1366px*/ @media screen and (min-width: 1366px) { h6:after { content: url(../h6/1366.png);} #yttre_ram{margin:0 3vw;padding:0;border:0px solid red;} #topboard{width:100vw;height:4vw;min-height:60px;margin:0;} #logony{margin:15px;width:15vw;min-width:215px;height:auto;} #anvandare,#anvandare2{margin:13px 20px 0px 0;width:40px;} #burger,#burger2{margin:13px 10px 0px 0;width:40px;} #search{margin:13px 10px 0 0;} .searchoff{width:36px;height:36px;border-radius:36px;} .searchon{width:400px;height:36px;border-radius:36px;} .searchoff img{width:36px;} .searchon img{width:36px;} .searchon .search-form-container-ny{width:340px;margin:4px 0 0 20px;} .searchoff .search-form-container-ny{} .search-form-container-ny .searchruta{padding: 5px;} #menyer{display:table;} #menyer .meny-niva1{padding:0;margin:0 5px 0 0;} #menyer .meny-niva1 p{font-size:1.1em;padding:0;margin:0;} #responsivruta{} #bredd{} #hojd{} #block1{width:100vw;height:auto;margin:0;padding:6vw 0 0 0;} #block2{width:100vw;height:auto;margin:0;padding:1vw 0 0 0;} #block2 img{height:auto;} #block3{width:100vw;height:auto;margin:0;padding:1vw 0 0 0;} #block4{width:100vw;height:auto;margin:0;padding:1vw 0 0 0;} #bildspalt{width:46.5vw;height:25vw;min-height:100px;margin:0 0 0 0;padding:0;} #bildspalt{ background-position: center; background-size: 100% auto; } #block2 #instagram{margin:30px auto 0 auto;} #startspalt{width:46.5vw;height:25vw;min-height:100px;margin:0 0 0 1vw;padding:0;} #startspalt .inloggruta{border:0px solid red;margin:2.5vw auto 0 auto;bottom:2.5vw;left:2.5vw;} #startspalt h1{font-size:2.4vw;line-height:1.3;margin:3vw 0 0 2.5vw;width:auto;} #startspalt h1 span{font-size:2.4vw;line-height:1.1;margin:0;width:auto;} #startspalt p{font-size:1.1vw;line-height:1.0;margin:0.5vw auto 1vw auto;width:auto} #startspalt p.kategori{font-size:1.1vw;} #startspalt .knappar{margin:0 20px 0 0;padding:10px 10px;font-size:1em;width:100px;} #textspalt{width:46.5vw;height:25vw;min-height:100px;margin:0 0 0 1vw;padding:0;} #textspalt .inloggruta{border:0px solid red;margin:2.5vw auto 0 auto;bottom:2.5vw;left:2.5vw;} #textspalt h1{font-size:2.4vw;line-height:1.3;margin:3vw 0 0 2.5vw;width:auto;} #textspalt h1 span{display:none;font-size:1em;line-height:1.1;margin:0;width:auto;} #textspalt p{font-size:1vw;line-height:1.2;margin:1em auto 0 0;width:73%;} #textspalt p.kategori{font-size:1.1vw;} #textspalt form{width:auto;width:332px;} #textspalt input{margin:0em auto;width:100%;padding:10px 0 10px 0;} #textspalt input[type=text], #textspalt input[type=password]{font-size:1em;width:300px;} #textspalt input[type=submit]{font-size:1em;width:120px;padding:7px 10px;border-radius:0;border:0px;} #textspalt p.login-username{width:300px;} #textspalt p.login-password{width:300px;} #textspalt p.login-submit{font-size:1em;line-height:0;margin:10px 0 0 0;width:120px;display:block;float:right;} #textspalt .knappar{margin:6px 18px 0 0;padding:7px 10px;font-size:1em;width:100px;} #textspalt #closemin {width:30px;height:30px;top:0px;right:0px;padding:3px;} #textspalt #closemin img{} #elevspalt{width:46.5vw;height:25vw;min-height:100px;margin:0 0 0 1vw;padding:0;} #elevspalt .inloggruta{border:0px solid red;margin:2.5vw auto 0 auto;bottom:2.5vw;left:2.5vw;} #elevspalt h1{font-size:2.4vw;line-height:1.3;margin:3vw 0 0 2.5vw;width:auto;} #elevspalt h1 span{display:none;font-size:1em;line-height:1.1;margin:0;width:auto;} #elevspalt p{font-size:1vw;line-height:1.2;margin:1em auto 0 0;width:73%;} #elevspalt p.kategori{font-size:1.1vw;} #elevspalt form{margin:0em auto;width:auto;} #elevspalt input{margin:0em auto;width:65%;padding:10px 10px 10px 10px;} #elevspalt input[type=text], #textspalt input[type=password]{font-size:1em;} #elevspalt input[type=submit]{font-size:1vw;width:120px;padding:7px 10px;border-radius:0;border:0px;} #elevspalt p.login-submit{font-size:1vw;line-height:1.2;margin:1em auto 0 auto;width:120px;display:inline-block;} #elevspalt .knappar{margin:0 20px 0 0;padding:7px 10px;font-size:1em;width:120px;} #elevspalt #closemin {width:30px;height:30px;top:0px;right:0px;padding:3px;} #elevspalt #closemin img{} #minspalt{width:46.5vw;height:25vw;min-height:100px;margin:0 0 0 1vw;padding:0 0 0 0;} #minspalt .faktaruta{padding:50px 10px 20px 40px;} #minspalt .faktaruta .text{width:30vw;height:auto;} #minspalt .inloggruta{margin:50px auto 0 auto;bottom:40px;left:40px;width:40vw;} #minspalt h1{font-size:2.4vw;line-height:1.3;margin:3vw 0 0 2.5vw;width:auto;} #minspalt .faktaruta h2{font-size:2vw;margin:0;} #minspalt p{font-size:1.2vw;line-height:1.4;margin:0 auto 0 0;width:73%;} #minspalt p a{} #minspalt p.kategori{font-size:1.1vw;} #minspalt input{margin:0em auto;width:65%;padding:10px 10px 10px 10px;} #minspalt input[type=text], #textspalt input[type=password]{font-size:1vw;} #minspalt input[type=submit]{font-size:1vw;width:120px;padding:7px 10px;border-radius:0;border:0px;} #minspalt p.logut-submit{font-size:1em;line-height:1.2;margin:1em 0 0 0;width:120px;display:block;} #minspalt .knappar{margin:0 20px 0 0;padding:7px 10px;font-size:1em;width:auto;} #omspalt{width:47.5vw;height:22.75vw;margin:0 0 0 0;padding:0;} #aktuelltspalt{width:46.5vw;height:22.75vw;margin:0 0 0 0;padding:0 0 0 0;} .omruta{width:22.75vw;height:22.75vw;margin:0 1vw 1vw 0;padding:0;} .omruta2{width:22.75vw;height:22.75vw;margin:0 0 1vw 0;padding:0;} #aktuellruta1{width:22.75vw;height:22.75vw;margin:0 0 1vw 0;padding:0;} #aktuellruta2{width:22.75vw;height:22.75vw;margin:0 1vw 1vw 0;padding:0;display:inline-block;} #aktuellruta3{width:22.75vw;height:22.75vw;margin:0 1vw 1vw 0;padding:0;display:none;} #omspalt p.titelbox, #aktuelltspalt p.titelbox{font-size:2vw;line-height:1.1;margin:3vw auto 1vw auto;width:75%;} #aktuelltspaltsamling{width:100%;} #block2 .aktuellrutadubbel{width:46.25vw;height:22.5vw;margin:0 1vw 1vw 0;} #block2 .aktuellrutadubbeltext{width:22.5vw;height:22.5vw;margin:0 0 0 0;} #block2 .aktuellrutaspalt{width:22.5vw;height:22.5vw;margin:0 1vw 1vw 0;} #block2 .imagestor{width:22.5vw;height:23.5vw;margin:0 0 0 0;} #block2 .imageliten{width:22.5vw;height:11.10vw;margin:0 0 0 0;} #block2 .imagestor{width: 23.75vw;} #block2 .imageliten{width: 22.5vw;} #aktuelltspaltsamling p.titelbox{font-size:1.5vw;line-height:1.3;margin:2.5vw auto 0 auto;width:80%;height:7.5vw;} #block2 .aktuellrutadubbeltext p.titelbox{width:80%;margin:2.5vw auto 0 auto;} #block2 p.excerptbox{font-size:1.1vw;line-height:1.3;margin:1vw auto 0 auto;width:80%;height:11vw;} #block2 p.datumnyhet{font-size:0.75vw;line-height:1.1;padding:0 0 0 0;width:80%;height:1.5vw;} #block2 .aktuellrutadubbeltext p.datumnyhet{width:80%;margin:0 auto 0 auto;} #block2 .ruboexerp{width:auto;height:18vw;} #yttre_ram .textintro h1{margin:100px 0 0 0;font-size:60px;} #yttre_ram .textintro p{margin:20px auto 0 auto;font-size:20px;width:800px;} #yttre_ram #aktuelltdel1{margin:100px 0 0 0;font-size:60px;padding:10px 0 60px 0;} #yttre_ram #aktuelltdel1 h1{font-size:60px;} #instagram{width:55%;height:55%;margin:0 auto 0 auto;} #instagram img{width:auto;height:101%;margin:0;} #blalada.visalada{display:block;} #blaladafull.visalada{display:block;} #blalada2.visalada{display:none;} #blaladafull2.visalada{display:none;} #blalada{width:65%;height:65%;margin:1vw auto 0 18%;} #blalada img{width:100%;height:auto;margin:0 0 0 -0.3vw;} #blaladafull{width:70.25vw;height:48.8vw;margin:6vw 6vw 0 0;} #blaladafull.visalada object{position:relative;display:block;width:auto;height:48.8vw;margin:-2vw auto 0 auto;z-index:10;} #blaladafull #closebla {background-color:#3c8583;width:40px;height:40px;right:0;top:0;} #blaladafull #closebla img{} #temaspalt{width:85.5vw;height:18vw;margin:0 auto;margin:0 0 0 0;padding:0 0 0 0;} #temaspalt .temakuborange{width:11.9vw;height:18vw;} #temaspalt .temakubblue{width:11.9vw;height:18vw;} #temaspalt .temakubgreen{width:11.9vw;height:18vw;} #temaspalt .temakubred{width:11.9vw;height:18vw;} #temaspalt .temakubmell{width:11.9vw;height:18vw;} #temaspalt .rubrikliten{height:90px;width:90%;} #temaspalt .rubrikliten h2{font-size:1.3em;} #temaspalt .kategoriorange{height:7vw;} #temaspalt .kategoriblue{height:7vw;} #temaspalt .kategorigreen{height:7vw;} #temaspalt .kategorired{height:7vw;} #temaspalt .bilder{height:auto;padding-top:2.5vw;margin:0 auto;} #temaspalt .bilder img{width:2.5vw;height:2.5vw;margin:0 1px;} #temaspalt .arskurs{padding-top:1.5vw;margin:0 auto;} #temaspalt .siffror{} #temaspalt .arskurs p{width:2vw;height:2vw;margin:0 1px;border-radius:1vw;font-family:'OfficSerITCMed';font-size:1vw;line-height:2;padding-top:0;} #temapilL{width:3.7vw;height:4vw;right:0;margin:0;} #temapilL img{width:3.5vw;height:3.5vw;margin:8.5vw 0 0 0;} #temapilR{width:3.7vw;height:4vw;right:0;margin:0;} #temapilR img{width:3.5vw;height:3.5vw;margin:8.5vw 0 0 5px;} #sidfotny{padding:2.2vw;} #logonegny{width:auto;padding:0 1.6vw 0 0;height:4vw;} #logonegny img{width:18vw;margin-right:0vw;} #sociala{width:auto;padding:0vw 10px 0 2.2vw;height:4vw;border-left:2px solid white;} #sociala img{height:3vw;margin-right:1vw;} #adressny{width:auto;padding:0 0 0 2vw;height:4vw;border:0;border-left:2px solid white;} #adressny p{font-size:1.1vw;line-height:1.3;margin:0;padding:0;} #nyaspalten #HelaContainern{width:1100px;margin:0 auto;border:0px solid blue;margin-top:30px;} #nyaspalten #HelaContainern #KontaktoLista{border:0px solid red;width:auto;display:inline-block;width:380px;margin-left:10px;} } /* 1680 */ @media screen and (min-width: 1680px) { h6:after { content: url(../h6/1680.png);} #yttre_ram{margin:0 auto 0 auto;padding:0;max-width:1580px;border:0px solid blue;} #topboard{width:100%;height:70px;min-height:60px;margin:0;} #logony{margin:15px;width:260px;height:auto;} #anvandare,#anvandare2{margin:13px 25px 0px 0;width:40px;} #burger,#burger2{margin:13px 10px 0px 0;width:40px;} #search{margin:13px 10px 0 0;} .searchoff{width:36px;height:36px;border-radius:36px;} .searchon{width:400px;height:36px;border-radius:36px;} .searchoff img{width:36px;} .searchon img{width:36px;} .searchon .search-form-container-ny{width:340px;margin:4px 0 0 20px;} .searchoff .search-form-container-ny{} .search-form-container-ny .searchruta{padding: 5px;} #menyer{display:table;} #menyer .meny-niva1{padding:0;margin:0 5px 0 0;} #menyer .meny-niva1 p{font-size:1.1em;padding:0;margin:0;} #responsivruta{} #bredd{} #hojd{} #block1{width:100%;height:auto;margin:0;padding:100px 0 0 0;} #block2{width:100%;height:auto;margin:0;padding:20px 0 0 0;} #block2 img{height:auto;} #block3{width:100%;height:auto;margin:0;padding:20px 0 0 0;} #block4{width:100%;height:auto;margin:0;padding:20px 0 0 0;} #bildspalt{width:780px;height:415px;min-height:400px;margin:0 0 0 0;padding:0;} #bildspalt{ background-position: center; background-size: 100% auto; } #block2 #instagram{margin:25px auto 0 auto;} #startspalt{width:780px;height:415px;min-height:400px;margin:0 0 0 20px;padding:0;} #startspalt .inloggruta{border:0px solid red;margin:50px auto 0 auto;bottom:40px;left:40px;} #startspalt h1{font-size:2.5em;line-height:1.3;margin:50px 0 0 40px;width:auto;} #startspalt h1 span{font-size:1em;line-height:1.1;margin:0;width:auto;} #startspalt p{font-size:1em;line-height:1.0;margin:1em auto 1em auto;width:auto} #startspalt p.kategori{font-size:1.2em;} #startspalt .knappar{margin:0 20px 0 0;padding:10px 10px;font-size:1em;width:100px;} #textspalt{width:780px;height:415px;min-height:400px;margin:0 0 0 20px;padding:0;} #textspalt .inloggruta{border:0px solid red;margin:50px auto 0 auto;bottom:40px;left:40px;} #textspalt h1{font-size:2.5em;line-height:1.3;margin:50px 0 0 40px;width:auto;} #textspalt h1 span{display:none;font-size:1em;line-height:1.1;margin:0;width:auto;} #textspalt p{font-size:1em;line-height:1.4;margin:0.5vw auto 0 0;width:490px;} #textspalt p.kategori{font-size:1.2em;} #textspalt form{width:auto;width:332px;} #textspalt input{margin:0em auto;width:100%;padding:10px 0 10px 0;} #textspalt input[type=text], #textspalt input[type=password]{font-size:1em;width:300px;} #textspalt input[type=submit]{font-size:1em;width:120px;padding:7px 10px;border-radius:0;border:0px;} #textspalt p.login-username{width:300px;} #textspalt p.login-password{width:300px;} #textspalt p.login-submit{font-size:1em;line-height:0;margin:10px 0 0 0;width:120px;display:block;float:right;} #textspalt .knappar{margin:6px 18px 0 0;padding:7px 10px;font-size:1em;width:100px;} #textspalt #closemin {width:30px;height:30px;top:0px;right:0px;padding:3px;} #textspalt #closemin img{} #elevspalt{width:780px;height:415px;min-height:400px;margin:0 0 0 20px;padding:0;} #elevspalt .inloggruta{border:0px solid red;margin:50px auto 0 auto;bottom:40px;left:40px;} #elevspalt h1{font-size:2.5em;line-height:1.3;margin:50px 0 0 40px;width:auto;} #elevspalt h1 span{display:none;font-size:1em;line-height:1.1;margin:0;width:auto;} #elevspalt p{font-size:1em;line-height:1.2;margin:0.5em auto 0 0;width:370px;} #elevspalt p.kategori{font-size:1.2em;} #elevspalt form{margin:0em auto;width:auto;} #elevspalt input{margin:0em auto;width:65%;padding:10px 10px 10px 10px;} #elevspalt input[type=text], #textspalt input[type=password]{font-size:1em;} #elevspalt input[type=submit]{font-size:1em;width:122px;padding:7px 10px;border-radius:0;border:0px;} #elevspalt p.login-submit{font-size:1em;line-height:1.2;margin:1em auto 0 auto;width:120px;display:inline-block;} #elevspalt .knappar{margin:0 0 0 18px;padding:7px 10px;font-size:1em;width:100px;} #elevspalt #closemin {width:30px;height:30px;top:0px;right:0px;padding:3px;} #elevspalt #closemin img{} #minspalt{width:780px;height:415px;min-height:400px;margin:0 0 0 20px;padding:0 0 0 0;} #minspalt .faktaruta{padding:50px 10px 20px 40px;} #minspalt .faktaruta .text{width:400px;height:auto;} #minspalt .inloggruta{margin:50px auto 0 auto;bottom:40px;left:40px;width:650px;} #minspalt h1{font-size:2.5em;line-height:1.3;margin:50px 0 0 40px;width:auto;} #minspalt .faktaruta h2{font-size:2em;margin:0;} #minspalt p{font-size:1.2em;margin:0 auto 4px auto;width:auto;} #minspalt p a{} #minspalt p.kategori{font-size:1.2em;} #minspalt input{margin:0em auto;width:65%;padding:10px 10px 10px 10px;} #minspalt input[type=text], #textspalt input[type=password]{font-size:1em;} #minspalt input[type=submit]{font-size:1em;width:120px;padding:10px 10px;border-radius:0;border:0px;} #minspalt p.logut-submit{font-size:1em;line-height:1.2;margin:0.4em 0 0 0;width:120px;display:block;} #minspalt .knappar{margin:0 10px 10px 0;padding:7px 10px;font-size:1em;width:250px;display:inline-block;} #omspalt{width:800px;height:380px;margin:0 0 0 0;padding:0;} #aktuelltspalt{width:780px;height:380px;margin:0 0 0 0;padding:0 0 0 0;} .omruta{width:380px;height:380px;margin:0 20px 20px 0;padding:0;} .omruta2{width:380px;height:380px;margin:0 0 20px 0;padding:0;} #aktuellruta1{width:380px;height:380px;margin:0 0 20px 0;padding:0;} #aktuellruta2{width:380px;height:380px;margin:0 20px 20px 0;padding:0;display:inline-block;} #aktuellruta3{width:380px;height:380px;margin:0 20px 20px 0;padding:0;display:none;} #omspalt p.titelbox, #aktuelltspalt p.titelbox{font-size:2em;line-height:1.1;margin:50px auto 20px auto;width:75%;} #aktuelltspaltsamling{width:1604px;} #block2 .aktuellrutadubbel{width:780px;height:380px;margin:0 16px 16px 0;} #block2 .aktuellrutadubbeltext{width:380px;height:380px;margin:0 0 0 0;} #block2 .aktuellrutaspalt{width:380px;height:380px;margin:0 16px 16px 0;} #block2 .imagestor{width:400px;height:380px;margin:0 0 0 0;} #block2 .imageliten{width:380px;height:190px;margin:0 0 0 0;} #block2 .imagestor{width: 400px;} #block2 .imageliten{width: 380px;} #aktuelltspaltsamling p.titelbox{font-size:1.4em;line-height:1.3;margin:40px auto 0 auto;width:80%;height:130px;} #block2 .aktuellrutadubbeltext p.titelbox{width:80%;margin:40px auto 0 auto;} #block2 p.excerptbox{font-size:1.0em;line-height:1.3;margin:20px auto 0 auto;width:80%;height:160px;} #block2 p.datumnyhet{font-size:0.6em;line-height:1.1;padding:0 0 0 0;width:80%;height:20px;} #block2 .aktuellrutadubbeltext p.datumnyhet{width:80%;margin:0 auto 0 auto;} #block2 .ruboexerp{width:auto;height:315px;} #yttre_ram .textintro h1{margin:100px 0 0 0;font-size:60px;} #yttre_ram .textintro p{margin:20px auto 0 auto;font-size:20px;width:800px;} #yttre_ram #aktuelltdel1{margin:100px 0 0 0;font-size:60px;padding:10px 0 60px 0;} #yttre_ram #aktuelltdel1 h1{font-size:60px;} #instagram{width:60%;height:60%;margin:0 auto 0 auto;} #instagram img{width:auto;height:101%;margin:0;} #blalada.visalada{display:block;} #blaladafull.visalada{display:block;} #blalada2.visalada{display:none;} #blaladafull2.visalada{display:none;} #blalada{width:67%;height:67%;margin:10px auto 0 auto;} #blalada img{width:auto;height:100%;margin:0;} #blaladafull{width:1180px;height:820px;margin:100px 0 0 0;} #blaladafull.visalada object{position:relative;display:block;width:auto;height:800px;margin:-20px auto 0 auto;z-index:10;} #blaladafull #closebla {background-color:#3c8583;width:40px;height:40px;right:0;top:0;} #blaladafull #closebla img{} #temaspalt{width:1440px;height:300px;margin:0 auto;margin:0 0 0 0;padding:0 0 0 0;} #temaspalt .temakuborange{width:200px;height:300px;;} #temaspalt .temakubblue{width:200px;height:300px;} #temaspalt .temakubgreen{width:200px;height:300px;} #temaspalt .temakubred{width:200px;height:300px;} #temaspalt .temakubmell{width:200px;height:300px;} #temaspalt .rubrikliten{height:110px;width:90%;} #temaspalt .rubrikliten h2{font-size:1.5em;} #temaspalt .kategoriorange{height:120px;} #temaspalt .kategoriblue{height:120px;} #temaspalt .kategorigreen{height:120px;} #temaspalt .kategorired{height:120px;} #temaspalt .bilder{height:auto;padding-top:40px;margin:0 auto;} #temaspalt .bilder img{width:40px;height:40px;margin:0 1px;} #temaspalt .arskurs{padding-top:20px;margin:0 auto;} #temaspalt .siffror{} #temaspalt .arskurs p{width:28px;height:28px;border-radius:15px;font:20px 'OfficSerITCMed', Arial, sans-serif;line-height:30px;padding:0;margin:0 0 3px 3px;} #temapilL{width:65px;height:65px;right:0;margin:0;} #temapilL img{width:60px;height:60px;margin:140px 0 0 0;} #temapilR{width:65px;height:65px;right:0;margin:0;} #temapilR img{width:60px;height:60px;margin:140px 0 0 5px;} #sidfotny{padding:40px;} #logonegny{width:auto;padding:0 30px 0 0;height:70px;} #logonegny img{width:300px;margin-right:0vw;} #sociala{width:auto;padding:0vw 10px 0 30px;height:70px;border-left:2px solid white;} #sociala img{height:50px;margin-right:20px;} #adressny{width:auto;padding:0 0 0 30px;height:70px;border:0;border-left:2px solid white;} #adressny p{font-size:1.2em;line-height:1.3;margin:0;padding:0;} } /* 1800 */ @media screen and (min-width: 1800px) { h6:after { content: url(../h6/1680.png);} } /* ----------- iPhone X ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) { } /* Portrait */ @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { /*h6:after { content: url(../picsen/iphoneP.png);}*/ #yttre_ram{margin:0 3vw;padding:0;border:0px solid yellow;} #topboard{width:100vw;height:4vw;min-height:60px;margin:0;} #logony{margin:15px;width:15vw;min-width:215px;height:auto;} #anvandare,#anvandare2{margin:15px 15px 15px 0;width:30px;} #burger,#burger2{margin:15px 15px 15px 0;width:30px;} #search{margin:15px 10px 0 0;} .searchoff{width:26px;height:26px;border-radius:26px;} .searchon{width:400px;height:26px;border-radius:26px;} #search img{width:26px;} #menyer{display:none;} #menyer .meny-niva1{padding:0;margin:0 5px 0 0;} #menyer .meny-niva1 p{font-size:1.5vw;padding:0;margin:0;} #responsivruta{} #bredd{} #hojd{} #block1{width:100vw;height:auto;margin:0;padding:80px 0 0 0;} #block2{width:100vw;height:auto;margin:0;padding:0 0 0 0;} #block2 img{height:auto;} #block3{width:100vw;height:auto;margin:0;padding:1vw 0 0 0;} #block4{width:100vw;height:auto;margin:0;padding:1vw 0 0 0;} #bildspalt{width:94vw;height:50vw;min-height:100px;margin:0 0 0 0;padding:0;} #bildspalt{ background-position: center; background-size: 100% auto; } #startspalt{width:94vw;height:50vw;min-height:100px;margin:2vw 0 0 0;padding:0;} #startspalt .inloggruta{border:0px solid red;margin:2.5vw auto 0 0;bottom:2.5vw;left:2.5vw;} #startspalt h1{font-size:5vw;line-height:1.3;margin:5vw 0 0 2.5vw;width:auto;} #startspalt h1 span{font-size:5vw;line-height:1.1;margin:0;width:auto;} #startspalt p{font-size:2.3vw;line-height:1.0;margin:0.5vw auto 1vw auto;width:auto} #startspalt p.kategori{font-size:3vw;} #startspalt .knappar{margin:0 20px 0 0;padding:10px 10px;font-size:1em;width:100px;} #textspalt{width:94vw;height:50vw;min-height:100px;margin:2vw 0 0 0;padding:0;} #textspalt .inloggruta{border:0px solid red;margin:2.5vw auto 0 0;bottom:2.5vw;left:2.5vw;} #textspalt h1{font-size:5vw;line-height:1.3;margin:5vw 0 0 2.5vw;width:auto;} #textspalt h1 span{display:none;font-size:1em;line-height:1.1;margin:0;width:auto;} #textspalt p{font-size:1.3vw;line-height:1.2;margin:1em auto 0 0;width:90%;} #textspalt p.kategori{font-size:3vw;} #textspalt form{width:auto;} #textspalt input{margin:0em auto;width:75%;padding:10px 10px 10px 10px;} #textspalt input[type=text], #textspalt input[type=password]{font-size:3vw;} #textspalt input[type=submit]{font-size:3vw;width:16vw;padding:7px 10px;border-radius:0;border:0px;} #textspalt p.login-submit{font-size:3vw;line-height:1.2;padding:0;margin:10px 0 0 0;width:16vw;display:inline-block;} #textspalt .knappar{margin:6px 18px 0 0;padding:7px 10px;font-size:1em;width:100px;} #textspalt #closemin {width:20px;height:20px;top:0px;right:0px;padding:2px;} #textspalt #closemin img{} #elevspalt{width:94vw;height:50vw;min-height:100px;margin:2vw 0 0 0;padding:0;} #elevspalt .inloggruta{border:0px solid red;margin:2.5vw auto 0 0;bottom:2.5vw;left:2.5vw;} #elevspalt h1{font-size:5vw;line-height:1.3;margin:5vw 0 0 2.5vw;width:auto;} #elevspalt h1 span{display:none;font-size:1em;line-height:1.1;margin:0;width:auto;} #elevspalt p{font-size:1.3vw;line-height:1.2;margin:1em auto 0 0;width:100%;} #elevspalt p.kategori{font-size:3vw;} #elevspalt form{margin:0em auto;width:auto;} #elevspalt input{margin:0em auto;width:75%;padding:10px 10px 10px 10px;} #elevspalt input[type=text], #textspalt input[type=password]{font-size:3vw;} #elevspalt input[type=submit]{font-size:3vw;width:16vw;padding:7px 10px;border-radius:0;border:0px;} #elevspalt p.login-submit{font-size:3vw;line-height:1.2;padding:0;margin:1vw 0 0 0;width:16vw;display:inline-block;} #elevspalt .knappar{margin:0 0 0 10px;padding:7px 10px;font-size:3vw;width:16vw;} #elevspalt #closemin {width:20px;height:20px;top:0px;right:0px;padding:2px;} #elevspalt #closemin img{} #minspalt{width:94vw;height:50vw;min-height:100px;margin:2vw 0 0 0;padding:0 0 0 0;} #minspalt .faktaruta{padding:2.5vw 0 0 2.5vw;} #minspalt .faktaruta .text{width:70vw;height:auto;} #minspalt .inloggruta{margin:50px auto 0 0;bottom:2.5vw;left:2.5vw;width:70vw;} #minspalt h1{font-size:5vw;line-height:1.3;margin:2vw 0 0 2.5vw;width:auto;} #minspalt .faktaruta h2{font-size:4vw;margin:0;} #minspalt p{font-size:3vw;margin:0 auto 4px 0;width:auto;} #minspalt p a{} #minspalt p.kategori{font-size:2.3vw;} #minspalt input{margin:0em auto;width:70%;padding:10px 10px 10px 10px;} #minspalt input[type=text], #textspalt input[type=password]{font-size:2vw;} #minspalt input[type=submit]{font-size:3vw;width:16vw;padding:7px 10px;border-radius:0;border:0px;} #minspalt p.logut-submit{font-size:3vw;line-height:1.2;margin:1em 0 0 0;width:16vw;display:block;} #minspalt .knappar{margin:10px 10px 0 0;padding:7px 10px;font-size:2.5vw;width:20vw;display:inline-block;} #omspalt{width:94vw;height:102vw;margin:0 0 0 0;padding:0;} #aktuelltspalt{width:94vw;height:102vw;margin:0 0 0 0;padding:0 0 0 0;} .omruta{width:94vw;height:50vw;margin:2vw 1vw 0 0;padding:0;} .omruta2{width:94vw;height:50vw;margin:2vw 0 1vw 0;padding:0;} #aktuellruta1{width:94vw;height:50vw;margin:2vw 0 2vw 0 0;padding:0;} #aktuellruta2{width:94vw;height:50vw;margin:2vw 0 2vw 0;padding:0;display:none;} #aktuellruta3{width:94vw;height:50vw;margin:2vw 0 2vw 0;padding:0;display:inline-block;} #omspalt p.titelbox, #aktuelltspalt p.titelbox{font-size:5vw;line-height:1.1;margin:5vw auto 1vw auto;width:75%;} #instagram{width:30vw;height:30vw;margin:0 auto 0 auto;} #instagram img{width:auto;height:101%;margin:0;} #blalada2.visalada{display:block;} #blaladafull2.visalada{display:block;} #blalada.visalada{display:none;} #blaladafull.visalada{display:none;} #blalada2{width:25vw;height:auto;margin:6vw auto 0 auto;} #blalada2 img{width:100%;height:auto;margin:0 0 0 -0.3vw;} #blaladafull2{width:94vw;height:154vw;margin:1.9vw 6vw 0 0;} #blaladafull2 object{position:relative;display:block;width:auto;height:89vw;margin:55vw auto 0 auto;z-index:10;} #blaladafull2 #closebla2 {background-color:#2281b5;width:30px;height:30px;right:0;top:52vw;} #blaladafull2 #closebla2 img{} #temaspalt{width:80vw;height:30vw;margin:0 auto;margin:0 0 0 0;padding:0 0 0 0;} #temaspalt .temakuborange{width:20vw;height:30vw;} #temaspalt .temakubblue{width:20vw;height:30vw;} #temaspalt .temakubgreen{width:20vw;height:30vw;} #temaspalt .temakubred{width:20vw;height:30vw;} #temaspalt .temakubmell{width:20vw;height:30vw;} #temaspalt .rubrikliten h2{} #temaspalt .kategoriorange{height:9vw;} #temaspalt .kategoriblue{height:9vw;} #temaspalt .kategorigreen{height:9vw;} #temaspalt .kategorired{height:9vw;} #temaspalt .bilder{height:auto;padding-top:2.5vw;margin:0 auto;} #temaspalt .bilder img{width:4vw;height:4vw;margin:0 1px;} #temaspalt .arskurs{padding-top:1.5vw;margin:0 auto;} #temaspalt .siffror{} #temaspalt .arskurs p{width:3.5vw;height:3.5vw;margin:0 1px;border-radius:3vw;font-family:'OfficSerITCMed';font-size:2vw;line-height:1;padding-top:0;} #temapilL{width:5vw;height:4vw;right:0;margin:0;} #temapilL img{width:5vw;height:5vw;margin:14.5vw 0 0 0;} #temapilR{width:5vw;height:4vw;right:0;margin:0;} #temapilR img{width:5vw;height:5vw;margin:14.5vw 0 0 5px;} #sidfotny{padding:3.2vw;} #logonegny{width:auto;padding:0 1.6vw 0 0;height:8vw;} #logonegny img{width:40vw;margin-right:0vw;} #sociala{width:auto;padding:0vw 10px 0 2.2vw;height:8vw;border:0;} #sociala img{height:6vw;margin-right:1vw;} #adressny{width:auto;padding:2vw 0 0 0;height:8vw;border:0;} #adressny p{font-size:2.2vw;line-height:1.3;margin:0 auto 0 auto;padding:0;} input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } } /* Landscape */ @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { } /* IPHONE P */ @media screen and (min-width: 320px) { } /* IPHONE L */ @media screen and (min-width: 480px) and (min-device-width: 480px), screen and (device-height: 480px) and (device-width: 320px) and (width: 480px) and (max-height: 320px) { /*h6:after { content: url(../picsen/iphoneL.png);}*/ } /* IPAD P */ @media screen and (min-width: 768px) { /*h6:after { content: url(../picsen/ipadP.png);}*/ .spalt2{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } /* SCREEN S */ @media screen and (min-width: 992px) and (min-device-width: 992px), screen and (device-height: 1024px) and (device-width: 768px) and (width: 1024px) and (max-height: 768px) { /*h6:after { content: url(../picsen/screenB.png);}*/ } /* IPAD L */ @media screen and (min-width: 1024px) and (min-device-width: 1024px), screen and (device-height: 1024px) and (device-width: 768px) and (width: 1024px) and (max-height: 768px) { /*h6:after { content: url(../picsen/ipadL.png);}*/ } /* SCREEN B */ @media screen and (min-width: 1200px) { /*h6:after { content: url(../picsen/screenB.png);}*/ }