@charset "UTF-8"; /* ============================================================================ heamedia4v8.css — main heamedia.se style Author/Utvecklare: Hans E. Andersson 2006–2025 | © Hans E. Andersson Scope: ; Namngivning: BEM (block__el--mod) Vars: :root-variabler används; dark mode? Performance: Minimera tunga selektorer; undvik !important Version: 1.0.0 | Updated: 2025-09-10 ========================================================================== */ /* icons */ :root { --76a3ac: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAMAAAC6sdbXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFdqOsAAAASCYU6AAAAA5JREFUeNpiYMAHAAIMAAAeAAHMILKLAAAAAElFTkSuQmCC"); --89ca97: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEWJypcW4CT2AAAACklEQVQIHWOAAwAACgABRO+w5AAAAABJRU5ErkJggg=="); --92a261: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEWSomH/ad7hAAAACklEQVQIHWOAAwAACgABRO+w5AAAAABJRU5ErkJggg=="); --538c8b: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEVTjIsk3CDcAAAACklEQVQIHWOAAwAACgABRO+w5AAAAABJRU5ErkJggg=="); --5876ad: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEVYdq0U10P3AAAACklEQVQIHWOAAwAACgABRO+w5AAAAABJRU5ErkJggg=="); --437062: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEVDcGJZJXfBAAAACklEQVQIHWOAAwAACgABRO+w5AAAAABJRU5ErkJggg=="); --506546: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEVQZUZM82gtAAAACklEQVQIHWOAAwAACgABRO+w5AAAAABJRU5ErkJggg=="); --544840: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEVUSECCsz8rAAAACklEQVQIHWOAAwAACgABRO+w5AAAAABJRU5ErkJggg=="); --aed470: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEWu1HDBzTyXAAAACklEQVQIHWOAAwAACgABRO+w5AAAAABJRU5ErkJggg=="); --ba4f43: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEW6T0P3hwX8AAAACklEQVQIHWOAAwAACgABRO+w5AAAAABJRU5ErkJggg=="); --d1eea2: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEXR7qLTFH57AAAACklEQVQIHWOAAwAACgABRO+w5AAAAABJRU5ErkJggg=="); --ed823e: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEXtgj7OlJlLAAAACklEQVQIHWOAAwAACgABRO+w5AAAAABJRU5ErkJggg=="); --doc-lock-gray: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAARUlEQVQoz2P4//8/AzGYgWiF5eXlICwIxLuB+D8Q3wViY6g4hsKZUAUuQLwKysaqEGRaOZTtAjWZfIX/8WCX4amQ6nENAC31WWDoypMsAAAAAElFTkSuQmCC"); --doc-lock-dark: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAOCAYAAAAWo42rAAAARUlEQVQoz2P4//8/AzGYgWiFxsbGICwIxLuB+D8Q3zWGALAcusKZUAUuQLwKysaqEGRaOZTtAjWZfIX/8WCX4amQ6nENAJKOGaBPfod3AAAAAElFTkSuQmCC"); /* Mall --doc-lock-gray: url("data:image/png;base64,"); --doc-lock-gray: url("data:image/png;base64,"); */ --Ornaments-Asset-8: url("data:image/png;base64,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"); } ul{padding-left:1em} html{height: 100%;} body{min-height: 100%;font-size:16px;} /* *{font-size: 2vh;} */ *{margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} body{line-height:1.3;font-size:16px;} /* ----------------------------------------- */ /* Phi Grids */ .phigrid { /* Testa repeat-y center center fixed; (fel då bakgrunden ligger still)*/ background: url('/svg/1000px_phi_grid04.svg') repeat-y top left #fff; background-size:contain; /* 'cover' i Safari men blir fel i Chrome */ /*-webkit-background-size: cover;*/ } .phiRage02{ background: url('/svg/phi-rage-02_1000px-01.svg') repeat-y top left #fff; background-size:contain; } .phiRage02_2{ background: url('/svg/phi-rage-02_1000px-02.svg') repeat-y top left #fff; background-size:contain; } .qPhi01{ background: url('/svg/q-phi01.svg') repeat-y top left #fff; background-size:contain; } .qPhi04_block{ background: url('/svg/q-phi04-blocks.svg') repeat-y top left #fff; background-size:contain; } .XM_Margins{ background: url('/svg/xm-margins-repeat-y.svg') repeat-y top left #fff; background-size:contain; } table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}table,td,th{vertical-align:middle}a:focus{outline:0} pre{font-size:.9em;background-color:#fff;padding:0.7em;border:1px #c3c3c1 solid;overflow-x:auto;-webkit-overflow-scrolling:touch;} table{border-collapse:separate;border-spacing:0;} caption,th,td{text-align:left;font-weight:normal;} table,td,th{vertical-align:middle;} a:focus{outline:0} a, a:visited {color:#2f6a8c;text-decoration: none;} img{border:0 none} .biga, .biga:visited{color:#333;} object,video,audio,embed{outline:0} /* Is this enough? */ @font-face{font-family:"Open Sans Light";font-style:normal;font-weight:normal;src:url("/fonts/OpenSans-Light-webfont.804037562eab.eot?#iefix") format("embedded-opentype"),url("/fonts/OpenSans-Light-webfont.963eb3290774.woff") format("woff"),url("/fonts/OpenSans-Light-webfont.ecb4572a5e47.ttf") format("truetype")} @font-face{font-family:"Open Sans";font-style:normal;font-weight:normal;src:url("/fonts/OpenSans-Regular-webfont.83efe33660ab.eot?#iefix") format("embedded-opentype"),url("/fonts/OpenSans-Regular-webfont.55b8ce1f9a32.woff") format("woff"),url("/fonts/OpenSans-Regular-webfont.3cbf4d3ed22e.ttf") format("truetype")} @font-face{font-family:'FontAwesome';src:url('/fonts/fontawesome-webfont.eot');src:url('/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-genderless:before,.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"} /* ----------------------------------------- Main Body */ body, html { /* nej, inte så bra förslag scroll-snap-type: y proximity; */ } /* Basic placements */ .hWrapper,.fWrapper { background-color: rgba(0,0,0,0.88); color: #bababa; font-family: "Open Sans Light","Helvetica Neue",Arial,sans-serif; font-weight: normal; font-size: 1em; } .hWrapper2,.fWrapper2 { background-color: rgba(0,0,0,0.88); color: #bababa; font-family: "Open Sans Light","Helvetica Neue",Arial,sans-serif; font-weight: normal; font-size: 1em; } .hWrapper { height: 122px; width: 100%; /*fixed*/ position: sticky; top: 0; /*fixed spökar och skapar ett offset problem i IE8*/ z-index: 99; display: block; /* för ie7*/ /*background-color:#282828;*/ } /*.snaptarget { scroll-snap-align: start; position: relative; top: 200px; height: 200px; background-color: green; }*/ .snaptarget { scroll-snap-align: start; position: sticky; top: -100px; height: 144px; z-index: 999; } /*.dBg{background:url("topbg0202-2.jpg") no-repeat scroll right bottom rgba(0, 0, 0, .89);}*/ /*.dBg{background:url("Ornaments-Asset-8.png") no-repeat scroll right top rgba(0, 0, 0, .89);}*/ /* Update 2023-05-04, 2025-09-10*/ .dBg { /*background: url("Ornaments-Asset-8.png") no-repeat scroll right top rgba(0, 0, 0, .94);*/ background: var(--Ornaments-Asset-8) /*url("Ornaments-Asset-8.png")*/ no-repeat scroll right top rgba(0, 0, 0, .94); border-bottom: 1px solid #181818; backdrop-filter: blur(10px); } /*.hBg{background-color: rgba(255, 255, 255, .92)}*/ /*.dBg{background-color: rgba(0, 0, 0, .88);border-bottom: 1px solid #181818;}*/ .headcontainer { margin: auto 0; height: 44px; position: sticky; top: 100px; /*height: 100%;*/ } .headPlacer { /*position: absolute; bottom: 0; left: 0; right: 0;*/ } .headcontainer div { float: left; /*height: 44px; position: sticky; top: 100px; margin-top: 5px; line-height:32px; -moz-display:flex; display:flex;*/ } .headcontainer * { font-size: 0.96em !important; } .headcontainer img { margin: 0 1em; } .headcontainer:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } .fWrapper{background-color:rgba(0,0,0,0.95);height:143px;margin-bottom:-13px;width:100%;;position:sticky/*fixed;*/;bottom:-100px;z-index: 555;/*make sure it's not covered*//*background-color:#282828 för ie7*/} #bottomNavWrapper a, a:visited{color:#bababa;} .fWrapper .footlink, .footlink:visited {color:#bababa;} .footVisible{font-size: 0.8em;text-align:center;height:32px;line-height:32px} .footHidden{height:100px;max-height:100px;width:78.9%;margin:0 auto;overflow:hidden;text-align:center;font-size:.8em;padding:1em 0;} /*.footHidden img{height:100%;width:auto;}*/ .cWrapper{ /*padding-top:11.80339887%; padding-top:6.4%;*/ padding-bottom:14.58980338%; } .cWrapper_bg2x3{ background: url('/svg/1000px-2by3.svg') repeat-y top left #fff; } .cWrapper_bg1x25{ background: url('/svg/1by2.5-grid.svg') repeat-y top left #fff; } .cWrapper_bg6x15{ background: url('/svg/6by15-grid.svg') repeat-y top left #fff; } .cWrapper_Phi{ /* √5 grid to narrow or thin '/design/images/Ornaments-1000px-Phi.svg' */ background: url('/svg/Ornaments-1000px-Phi.svg') repeat-y top left #fff; } /*.cWrapper:after{padding-top:56.25%;display:block;content:'';}*/ /* ----------------------------------------- */ /* Navigation bar */ #logoimage{cursor:pointer;/*width:100%;height:auto;*//*border:0pt none;max-width:100%;*/margin-top:0.5em;/*margin-left:2em;height:32px;*/} #swapMeTop {height:37px;margin-left:1.618%;/*margin-top:7px;*/} /* Testa SVG */ /*#logoimage img *{fill:#749} #ccc{fill:#C1B3A2}*/ .svgfill{fill:#C1B3A2} .st0{fill:#6F9753;} .st1{fill:#C1B3A2} #logoimage:hover {filter: blur(.025em) contrast(2);fill:#c1b3a2;} #logoimage:hover .st0{fill:#F00} /*#footImage{width:100%;}*/ #footImage {/*height: auto;width: 100%;*/} .svgfillFoot {fill:#888} #heamusic .fillcol{fill:#888} /* Navigation Align Left #navContainer {display:block;margin-left:1em;margin-top:5px;}*/ /* Navigation Align right:*/ #navContainer {height:44px; display:block; margin-left:1em; margin-top:0; position:absolute; right:1.618%;} /* Hidden Menu for small devices */ #hiddenMenu {display:none;font-weight: bold;height: 35px;line-height: 35px;margin-right: 1em;margin-top: 0;} #ddMeny { background-color: #181818; background-color: rgba(0,0,0,0.89); position: fixed; top:44px; left:0; right:0; bottom:auto; z-index: 101; color:#bababa;font-family:"Open Sans Light" } .headlink, headlink:visited {color:#bababa;} .tocrad{text-align:right;padding: .2em 1em .2em .2em; border-top:1px #333 solid} .tocrad a, a:visited{} /* ----------------------------------------- */ /* Nav bar */ .nav {display:block;height:35px;list-style: outside none none; margin: 9px 0 0 auto; padding:0;} ul.nav{position:relative;z-index:500} ul.nav a, a:visited{color:#bababa;} ul.nav a:hover{color:#fff;} ul.nav:hover{/*-moz-box-shadow:0 -5px 14px 2px #000;box-shadow:0 -5px 14px 2px #000;-webkit-box-shadow:0 -5px 14px 2px #000;background-color: rgb(20, 45, 56);*/} .nav > li.butt {float:left;cursor:pointer;} ul.nav li a{display:block;} li.knapp{list-style:none;width:106px;display:block;vertical-align:bottom;text-align:center;color:#bababa;border-right:1px #444 solid;height:35px;} /* Skriv om det här till en button istället, 2024-04-26 */ li.knapp a.trana{text-decoration:none;width:106px;height:35px;display:table-cell;line-height:35px;/*background:url('/images/arrowsprites.gif') no-repeat 92px 9px transparent;*/vertical-align:middle;} li.knapp a.trana:hover{position:relative;z-index:20;cursor:pointer;/*background:url('/images/arrowsprites.gif') no-repeat 92px -153px #444;*/} li.knapp .trana:after{content:"\f0d7";-moz-osx-font-smoothing:grayscale;display:block;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;text-align:center;width:1.28571em;color:#ddd} li.knapp:hover *{color:#fff} /*li.knapp:hover{background-color:#bfcfc9}*/ /* Color mixer: http://paletton.com/#uid=32G0u0k82fNcVlj9AeBaWd6d5bP */ /* Testar --root */ #activeCat.cat1{background: var(--ed823e) repeat-y scroll right center transparent;} #activeCat.cat2{background: var(--538c8b) repeat-y scroll right center transparent;} #activeCat.cat3{background: var(--ba4f43) repeat-y scroll right center transparent;} #activeCat.cat4{background: var(--92a261) repeat-y scroll right center transparent;} #activeCat.cat5{background: var(--5876ad) repeat-y scroll right center transparent;} /* #activeCat.cat1{background: url("ed823e.png") repeat-y scroll right center transparent;} #activeCat.cat2{background: url("538c8b.png") repeat-y scroll right center transparent;} #activeCat.cat3{background: url("ba4f43.png") repeat-y scroll right center transparent;} #activeCat.cat4{background: url("92a261.png") repeat-y scroll right center transparent;} #activeCat.cat5{background: url("5876ad.png") repeat-y scroll right center transparent;} */ .cat1:hover{background-color:#ed823e !important;-webkit-transition:background-color .25s linear;-moz-transition:background-color .25s linear;-o-transition:background-color .25s linear} /* d1eea2 */ .cat2:hover{background-color:#538c8b !important;-webkit-transition:background-color .25s linear;-moz-transition:background-color .25s linear;-o-transition:background-color .25s linear} /* 89ca97 */ .cat3:hover{background-color:#ba4f43 !important;-webkit-transition:background-color .25s linear;-moz-transition:background-color .25s linear;-o-transition:background-color .25s linear} /* 76a3ac */ /*.cat4:hover{background-color:#544840 !important;-webkit-transition:background-color .25s linear;-moz-transition:background-color .25s linear;-o-transition:background-color .25s linear}*/ /* ba4f43 */ .cat4:hover{background-color:#92a261 !important;-webkit-transition:background-color .25s linear;-moz-transition:background-color .25s linear;-o-transition:background-color .25s linear} .cat5:hover{background-color:#5876ad !important;color:#fff} /* aed470 */ /*#activeCat.active{background: url("5876ad.png") repeat-y scroll right center transparent;} li#activeWWWCat {background: url("76a3ac.png") repeat-y scroll left center transparent;}*/ li#activeWWWCat {background: var(--76a3ac) repeat-y scroll left center transparent;background-size: 5px 5px;} /*#activeWWWPage{background: url("ba4f43.png") no-repeat scroll 0.75em 50% #313b5c;} #activeWWWPage{background:url("ula_active.gif") no-repeat scroll .75em 50% #313b5c}*/ /* DD */ ul.nav li:hover>ul{display:block} ul.nav-sub{display:none;position:absolute;padding:1em 0;padding:1em 0 1.618em;margin:0;right:0;z-index:598;background-color:rgba(0,0,0,0.87);/*border-top:1px solid #485687;*/width:256px;text-align:left;margin-left:0;-webkit-box-shadow:0 4px 14px 0 rgba(0,0,0,0.8);-moz-box-shadow:0 4px 14px 0 rgba(0,0,0,0.8);box-shadow:0 4px 14px 0 rgba(0,0,0,0.8);border-bottom-right-radius:8px;border-bottom-left-radius:8px;-moz-border-radius-bottomright:8px 8px;-moz-border-radius-bottomleft:8px 8px;-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px} .cat1 ul.nav-sub{border-top:1px solid #ed823e;} .cat2 ul.nav-sub{border-top:1px solid #538c8b;} .cat3 ul.nav-sub{border-top:1px solid #ba4f43;} .cat4 ul.nav-sub{border-top:1px solid #92a261;} /*544840*/ .cat5 ul.nav-sub{border-top:1px solid #5876ad;} ul.nav li.hover,ul.nav li:hover{position:relative;z-index:501;cursor:pointer;color:#fff} ul.nav *.list:hover ul,li.over ul{display:block} /*ul.nav *.list{width:93px}*/ ul.nav-sub li{list-style:none;display:block;float:none;border-bottom:1px solid #3338;background:0} ul.nav-sub li b{padding-left:1em;padding-right:1em} ul.nav-sub li:hover{background:0} ul.nav-sub li a{list-style:none;display:block;padding:.328em 1em .382em 2em;background:0;text-align:left;color:#ddd} ul.nav-sub li a:hover{color:#fff} .cat1 ul.nav-sub li a:hover{background-color:#ed823e;} /* Testar --root inline istället */ .cat1 ul.nav-sub li #activeWWWPage{background: var(--ed823e) no-repeat scroll 0.75em 50% #804621;background-size: 5px 5px;} .cat2 ul.nav-sub li a:hover{background-color:#538c8b;} .cat2 ul.nav-sub li #activeWWWPage{background: var(--538c8b) no-repeat scroll 0.75em 50% #325454;background-size: 5px 5px;} .cat3 ul.nav-sub li a:hover{background-color:#ba4f43;} .cat3 ul.nav-sub li #activeWWWPage{background: var(--ba4f43) no-repeat scroll 0.75em 50% #55241d;background-size: 5px 5px;} .cat4 ul.nav-sub li a:hover{background-color:#92a261;} .cat4 ul.nav-sub li #activeWWWPage{background: var(--92a261) no-repeat scroll 0.75em 50% #616c3e;background-size: 5px 5px;} .cat5 ul.nav-sub li a:hover{background-color:#5876ad;} /* .cat1 ul.nav-sub li #activeWWWPage{background: url("ed823e.png") no-repeat scroll 0.75em 50% #804621;} .cat2 ul.nav-sub li a:hover{background-color:#538c8b;} .cat2 ul.nav-sub li #activeWWWPage{background: url("538c8b.png") no-repeat scroll 0.75em 50% #325454;} .cat3 ul.nav-sub li a:hover{background-color:#ba4f43;} .cat3 ul.nav-sub li #activeWWWPage{background: url("ba4f43.png") no-repeat scroll 0.75em 50% #55241d;} .cat4 ul.nav-sub li a:hover{background-color:#92a261;} .cat4 ul.nav-sub li #activeWWWPage{background: url("92a261.png") no-repeat scroll 0.75em 50% #616c3e;} .cat5 ul.nav-sub li a:hover{background-color:#5876ad;} */ /* .docLock{background-image:url("doc-lock-gray.png")!important;background-position:238px center!important;background-repeat:no-repeat!important} .docLockDark{background-image:url("doc-lock-dark.png")!important;background-position:right center!important;background-repeat:no-repeat!important} */ .docLock{background-image: var(--doc-lock-gray) !important;background-position:238px center!important;background-repeat:no-repeat!important} .docLockDark{background-image:var(--doc-lock-dark) !important;background-position:right center!important;background-repeat:no-repeat!important} /* ----------------------------------------- */ /* Content definitions */ .content{width:61.8%;margin-left:auto;margin-right:auto;font-family:"Open Sans Light","Helvetica Neue",Arial,sans-serif;font-weight:normal;font-size:1em;min-height:61.8vh;} .content p,ol,ul,table,pre{margin:1em 0;} .content img{width:100%;max-width:100%;height:auto} .content a, a:visited {color:#2f6a8c;text-decoration: none;} .whitea, .whitea:visited {color:#fff!important;} .owhitea, .owhitea:visited {color: #C1B3A2!important;} .darkLinks, .darkLinks:visited {color:#78b9ee !important} /* ----------------------------------------- */ /* Jobbar med att försöka förstå hur att fylla ut på bredden */ .cwider{width:78.9%;} .cwider p,ol,ul,table,pre{margin-left:10.817%;margin-right:10.817%;} /* Höver tilt */ .cHtilt{width:61.8%%;} .cHtilt p,ol,ul,table,pre{margin-left:19.09830056%;margin-right:0;} .cHtilt h1,h2,h3{/*border-bottom:1px #ddd solid;border-top:1px #ccc solid*/} /* Extra Wide */ .xmFull{width:85.4159%} /* 93.12% 88.86% 85.4159% 81.96% */ /*.xmFull p,ol,ul,table,pre,div{margin-left:5.93% !important;margin-right:5.93% !important;}*/ .xmFull p,ol,ul,table,pre,div{margin-left:0;margin-right:0;} .xmFull img{width:100%;height:auto;} .content h1{font-size:3em;font-weight:normal;margin-bottom:.382em;margin-top:.618em} .content h2{font-size:2em;margin-bottom:.382em;margin-top:0;} .content h3{font-size:1.618em;margin-bottom:.382em;/*margin-top: 0;*/} .smaller {font-size: .8em;} /* 2023-09-01: Want this effect that I have in my notes CSS, nice and useful */ blockquote { border-left: 0.2em solid #a86464; padding-left: 1em; color: #818181; font-style: italic; margin-left: 0; } /* Done with basic setup */ /* ----------------------------------------- */ /* Wrapper for content DIVs */ .tbox{float:none;clear:both;display:block;overflow:hidden;margin:3% 0;position:relative;} .tbox h2,h3{margin-left:0em} .tbox:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix:after {content: " ";visibility:hidden;display:block;height:0;clear:both;} .strechAll {float:none;clear:both;display:block;overflow:hidden;margin:3% -30.9%;position:relative;text-align:center;} .strechAll:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .strechAllInner{width:78.96%;margin:0 auto} .strechSoso {float:none;clear:both;display:block;overflow:hidden;margin:3% -14.0%;position:relative;text-align:center;} .strechSoso:after{content:".";display:block;height:0;clear:both;visibility:hidden;} /* Divs för framsida */ .frontBox {position:relative;width:100%;} /* background-color:#584641; */ .frontBox:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .frontTextLeft { text-align: left; float: left; padding: 7.29490169% 11.8403% 1.31556% 10.5292%; width: 61.8%; } .frontImgBox { float: left; text-align: right; width: 38.2%; } .frontImgBox > div { padding: 11.017% 0 7.2949%; width: 72.2736%; } /* New DIVs 2023-03-08 3:4 */ .frontTextLeft_1x1 { text-align: center; float: left; padding: 7.29490169% 11.8403% 1.31556% 10.5292%; width: 40%; } .frontImgBox_3x4 { float: left; text-align: right; width: 60%; } /* Divs för framsida, new 2023 background-color:#584641;*/ /* .frontBox {position:relative;width:100%;} .frontBox:after{content:".";display:block;height:0;clear:both;visibility:hidden;} */ .frontTextLeft_phi { text-align: center; float: left; padding: 7.29490169% 11.8403% 1.31556% 10.5292%; width: 38.2%; } .frontImgBox_phi { float: left; text-align: right; width: 61.8%; } .frontImgBox_phi > div { /*padding: 11.017% 0 7.2949%; width: 72.2736%;*/ } .frontTextRight_phi { text-align: center; float: left; padding: 7.29490169% 11.8403% 1.31556% 10.5292%; width: 38.2%; } .left_frontImgBox_phi { float: left; text-align: right; width: 61.8%; } .left_frontImgBox_phi > div { /*padding: 11.017% 0 7.2949%; width: 72.2736%;*/ } /* Font stylings */ .thin {/*font-family:'hlight','Helvetica Neue','Century Gothic','Segoe UI Light','Arial Unicode MS','DejaVu Sans',Arial,Helvetica,SunSans-Regular,sans-serif;*/ font-size:1.218em;font-weight:100;letter-spacing:0.01em;color:#282828; } .smallGray{color:#666;font-size:0.8em} .medGray{color:#666} .largeGray{color:#666;font-size:1.2em} .largeThin{/*font-family:'hlight','Helvetica Neue','Century Gothic','Segoe UI Light','Arial Unicode MS','DejaVu Sans',Arial,Helvetica,SunSans-Regular,sans-serif;*/ font-size:2.618em;font-weight:100;letter-spacing:.05em;color:#000} .mediumThin{/*font-family:'hlight','Helvetica Neue','Century Gothic','Segoe UI Light','Arial Unicode MS','DejaVu Sans',Arial,Helvetica,SunSans-Regular,sans-serif;*/ font-size:0.9em;font-weight:100;letter-spacing:.18em;color:#000} .ucase{text-transform:uppercase} /* Av någon knäpp anledning smittar detta av sig om den inte klassas */ /* Color Spec. */ .darkbl{background-color:#101c1f;color:#fff;} .darkbl h1.topSpacer,h2.topSpacer{margin-top:2em} /* strular !important */ /* DIV adjustments for Phi boxes */ div.left{float:left;width:50%;padding-right:3%;padding-left:0;text-align:left} div.left h1,h2,h3{margin-left: 0em;} div.left img{width:100%;height:auto;} div.left p,ul,ol,table,pre{margin-top:0;margin-left:0;margin-right:0} div.left *{text-align:left;} /*div.left .aBottom{position:absolute;bottom:0}*/ div.right{float:left;width:50%;padding-left:3%;padding-right:0;text-align:left} div.right h1,h2,h3{margin-left: 0em;} div.right img{width:100%;height:auto;} div.right p,ul,ol,table,pre{margin-top:0;margin-right:0;margin-left:0;} div.right *{text-align:left;} /*div.right .aBottom{}*/ /*div.right:after{padding-top:25%;display:block;content:'';}*/ div.twocol{float:left;} div.third{width:33.33333%;float:left} div.third p,ul,ol,table,pre{margin-top:0;margin-right:0;margin-left:0;} div.third *{text-align:left;} div.third img{width:100%;height:auto;} div.centered{width:33.33333%;float:left;padding:0 3%;} div.centered img{width:100%;height:auto;} div.twothird{width:66.66666%;float:left} div.forcol{width:25%;} div.forcol *{text-align:left;} div.fullcol{float:none;clear:both;width:100%;} div.fullcol img{width:100%;height:auto;} .halfleft{width:50%;margin-left:0;margin-right:auto;} .phileft{width:80.90169944%;margin-left:0;margin-right:auto;} /* extra positionings */ .aBottom{position:absolute;bottom:0} .strechSoso > .left{padding:0} .strechSoso > .right{padding:0} /* Social media */ .socMediaWrapper{overflow:hidden;display:inline-block; font-size: .9em;padding-top:2.618em} .socm {display: inline-block;float: left;font-size:1em;padding: 0.618em;} .socm a.sym,a.sym:visited{color:#282828 !important; text-decoration:none;} .smallSoc{overflow:hidden;display:inline-block;font-size:1em;float:left;margin-left:38px;float:left} .smallSocSym{display:inline-block;float:left;padding: 0.618em;} .smallSocSym a.fsym,a.fsym:visited{color:#888 !important; text-decoration:none;} .smallSocSym a.fsym:hover{color:#fff !important} /* extra men skit ! */ .divTable{display:table;width:100%;height:30.9vw;background-color:#282828} .divTr{display:table-row} .divTd{display:table-cell;vertical-align:middle;text-align:center;color:#ccc/*For oldIE: display: inline-block*/} /* Försök med div tabeller (http://stackoverflow.com/questions/14084221/how-to-make-a-table-cell-shrink-width-to-fit-only-its-contents) */ .theTable{ display:table; width:100%; border-top: 1px #ccc solid; border-left: 1px #ccc solid; } .theRow{display:table-row} .theTHRow{display:table-row;background-color:#222;color:#f3f3f1} .theCell{ border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; display: table-cell; padding: 0.387em; white-space: pre; } .bigCell{ width:100%; /* this will shrink other cells */ } /* ----------------------------------------- */ /* Phi-measurements */ /* -- 61.80339887% (Phi1) .phis{margin-left:auto;margin-right:auto} .phi1{width:61.80339887%} .phi2{width:38.19660113%} .phi3{width:23.60679775%} .phi4{width:14.58980338%} .phi5{width:9.01699437%} .phi6{width:5.57280900%} .phi7{width:3.44418537%} .phi8{width:2.12862363%} .phi9{width:1.31556175%} .phi10{width:0.81306188%} Half Phi:s -- 30.90169944% (1/2 Phi1) .halfPhi1{width:30.90169944%} .halfPhi2{width:19.09830056%} .halfPhi3{width:11.80339887%} .halfPhi4{width:7.29490169%} .halfPhi5{width:4.50849719%} .halfPhi6{width:2.78640450%} .halfPhi7{width:1.72209269%} .halfPhi8{width:1.06431181%} .halfPhi9{width:0.65778087%} .halfPhi10{width:0.40653094%} */ /* Different Phi boxes */ .phi1 {width:61.80339887%;margin-left:auto;margin-right:auto;} .phi1lefty {width:61.80339887%;margin-left:0;margin-right:auto;} .phi2 {width:38.19660113%;margin-left:auto;margin-right:auto;} .phi2lefty {width:38.19660113%;margin-left:0;margin-right:auto;} .halfPhi2{width:19.09830056%;} .phi3 {width:23.60679775%;margin-left:auto;margin-right:auto;} .halfPhi3{width:11.80339887%;} .phi4 {width:14.58980338%;margin-left:auto;margin-right:auto;} .halfPhi4{width:7.29490169%;} .phi5 {width:9.01699437%;margin-left:auto;margin-right:auto;} .phi6 {width:5.57280900%;margin-left:auto;margin-right:auto;} .phi7 {width:3.44418537%;margin-left:auto;margin-right:auto;} .phi8 {width:2.12862363%;margin-left:auto;margin-right:auto;} .phi9 {width:1.31556175%;margin-left:auto;margin-right:auto;} .phi10 {width:0.81306188%;margin-left:auto;margin-right:auto;} /* Half Phi:s */ .halfPhi1{width:30.90169944%;margin-left:auto;margin-right:auto} .halfPhi2{width:19.09830056%;margin-left:auto;margin-right:auto} /* .halfPhi3{width:11.80339887%;margin-left:auto;margin-right:auto} .halfPhi4{width:7.29490169%;margin-left:auto;margin-right:auto}7,29490169 .halfPhi5{width:4.50849719%;margin-left:auto;margin-right:auto} .halfPhi6{width:2.78640450%;margin-left:auto;margin-right:auto} .halfPhi7{width:1.72209269%;margin-left:auto;margin-right:auto} .halfPhi8{width:1.06431181%;margin-left:auto;margin-right:auto} .halfPhi9{width:0.65778087%;margin-left:auto;margin-right:auto} .halfPhi10{width:0.40653094%;margin-left:auto;margin-right:auto} */ /* Make images fit */ .imgWfit img {width:100%;max-width:100%;height:auto} .imgHfit img {height:100%;max-height:100%;width:auto} /* DIV columns */ .twoColBox{float:left;width:50%} .twoColLeft{margin-right:1em;margin-bottom:1em} .twoColLeft img{width:100%;max-width:100%;height:auto;} .twoColRight{margin-left:1em;margin-bottom:1em} .twoColRight img{width:100%;max-width:100%;height:auto;} .twoColLeft h2,h3{margin-left:0 !important;} .twoColRight h2,h3{margin-left:0 !important;} .phiright { display: inline-block; overflow-y: auto; padding: 3.44418537%; padding-right: 0; width: 38.19660113%; text-align: left; } .phileft{} .floats {float: left;} .phiimage { background-color: #181818; display: inline-block; padding: 3.44%; position: relative; width:61.80339887%; position:relative; } .phiimage > img { height: auto; max-width: 100%; position: relative; } /*.phiimage > #foo {height:23.4755%; left:38.2445%; position:absolute; top:38.2445%; width:23.60679775%;} .phiimage > #foo {height:100%; left:0; position:absolute; top:0; width:100%;}*/ .phiimage > #foo {height:88.86%; width:88.86%; top:5.5%; left:5.5%; position:absolute; } #heamusicSimplePlayer{cursor: pointer;} /*.alt { color: #888; font-family: Georgia,serif; font-style: italic; font-weight: normal; }*/ .sixteenpxtd{width:2em;} .sixteenpxtd img{width:100%; height:auto; vertical-align: bottom;} /*.tdPlayer{width:50%; height:auto;}*/ .centertd {text-align:center;} .playerTr{cursor: pointer;} /* ----------------------------------------- */ /* CSS Column test - not very useful */ .colwrapper{-moz-column-count:2;column-count:2;-moz-column-gap:6em;column-gap:6em;} .colwrapper p{margin:0 0 1em 0;} /* ----------------------------------------- */ .playbox{width:100%} .playbox th{padding: .14em; empty-cells:show} .playbox td{padding: .12em; empty-cells:show} /* Re-usage */ .graybox{border-top:1px #919699 solid;border-left:1px #919699 solid;margin:1em 0 !important;width:100%} .graybox th{padding:.6em;background:#e2e2e2;color:#000;text-align:left;font-weight:bold;border-bottom:1px #919699 solid;border-right:1px #919699 solid;empty-cells:show} .graybox td{padding:.6em;vertical-align:top;border-bottom:1px #919699 solid;border-right:1px #919699 solid;empty-cells:show} .graybox table td{border:0;padding:0;vertical-align:middle} .graybox ul,ol{width:auto} .graybox ul li{width:auto} .codeStyle{font-family:monospace,"Courier new",Courier;font-size:.9em;color:#000;background-color:#f0f6fc;border:1px solid #ccc;display:block;margin:1em 0;padding:1em 1.5ex 1.5em;white-space:pre;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;} /*.codeStyle:hover{overflow-x:auto;}*/ .promptStyle::before{background-color:#101c1f;border-top-left-radius:.618em;border-top-right-radius:.618em;color:#2d4f57;content:"|•|eamedia • TERMINAL";display:block;font-family:Arial;line-height:2em;margin:-1em -1.5ex .5em;padding:.618em 1.5ex 0} .promptStyle{background-color:#17282c;border:1px solid #444;border-top-left-radius:.618em;border-top-right-radius:.618em;color:#fff;display:block;font-family:monospace,"Courier new",Courier;font-size:.9em;margin:1em 0;max-width:100%;overflow-x:auto;padding:.392em 1.5ex 1.5em;white-space:pre;-webkit-overflow-scrolling:touch;} /*.promptStyle:hover{overflow-x:auto;}*/ /*.promptStyle{font-family:monospace,"Courier new",Courier;font-size:.9em;display:block;margin:1em 0;overflow-x:auto;padding:0.392em 1.5ex 1.5em;white-space:pre;max-width:100%;background-color:#101c1f;border:1px solid #444;color:#fff;-webkit-overflow-scrolling:touch;-moz-border-radius-topleft:8px 8px;-moz-border-radius-topright:8px 8px;border-top-left-radius:8px;border-top-right-radius:8px;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;} .promptStyle:before {background-color:#000;border-top-left-radius:8px;border-top-right-radius: 8px;color: #445566;content: "|•|EAP • TERMINAL";display: block;font-family: Arial;line-height: 2.618em;margin: -1em -1.5ex -0.5em;padding: 0.5em 1.5ex;} */ .imageContainer img{max-width:100%;height:auto;} .smallContentOnBlack{font-size:.9em;/*color:#232323*/} /* Lösa problem med image tabeller */ .imageTable {width:100%} .imageTable td.image{padding:.5em 3.44418537% .5em 0;width:25%;text-align:center;} .imageTable td.text{padding:.5em 0em .5em 3.44418537%;width:auto;font-size:0.9em;} .imageTable td.text h3{font-size:1.2em;} /** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .bash {font-family:monospace;} .bash .imp {font-weight: bold; color: red;} .bash .kw1 {color: #000000; font-weight: bold;} .bash .kw2 {color: #c20cb9; font-weight: bold;} .bash .kw3 {color: #7a0874; font-weight: bold;} .bash .co0 {color: #666666; font-style: italic;} .bash .co1 {color: #800000;} .bash .co2 {color: #cc0000; font-style: italic;} .bash .co3 {color: #000000; font-weight: bold;} .bash .co4 {color: #666666;} .bash .es1 {color: #000099; font-weight: bold;} .bash .es2 {color: #007800;} .bash .es3 {color: #007800;} .bash .es4 {color: #007800;} .bash .es5 {color: #780078;} .bash .es_h {color: #000099; font-weight: bold;} .bash .br0 {color: #7a0874; font-weight: bold;} .bash .sy0 {color: #000000; font-weight: bold;} .bash .st0 {color: #ff0000;} .bash .st_h {color: #ff0000;} .bash .nu0 {color: #000000;} .bash .re0 {color: #007800;} .bash .re1 {color: #007800;} .bash .re2 {color: #007800;} .bash .re4 {color: #007800;} .bash .re5 {color: #660033;} .bash span.xtra { display:block; } /* Old stuff -- might clean up later */ .alt { color: #444; font-family: "heahandfont","Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif; font-style: italic; font-weight: normal; } /* CSS Video Player */ /* ----------------------------------------- */ /* Video: 56.25% 1080p HD, 62.5% Screen HD Video, 75% 4:3 SD, 56.25%, 16:9 SD ratio, 66.5625% DSL ratio */ /* Experiment med bibehållen aspect ratio http://stackoverflow.com/questions/12121090/responsively-change-div-size-keeping-aspect-ratio (This relies on the surprising fact that padding-top percentages are relative to width) To calculate the padding-top percentage of something else than 16:9 ratios, use this formula (for example using a 22:5 ratio where 22 is A and 5 is B): B / (A / 100) = C%. So 22:5 is 5 / .22 = 22.72% eller för DSL kamera aspect 640px; height: 426px 640px; height: 426px (A-640:B-426) 426 / (640 / 100) = 66.5625% */ .magWrapper { width: 100%; /* whatever width you want */ display: inline-block; position: relative; } .magWrapper:after { padding-top: 66.5625%;/* 56.25%, 16:9 ratio */ display: block; content: ''; } .magMain { position: absolute; top: 0; bottom: 0; right: 0; left: 0; /* fill parent */ background-color: deepskyblue; /* let's see it! */ color: white; } .videoBoxHD, .vieoBoxTwo4oh, .videoBoxSD, .videoBoxSD43, .videoBoxScreenHD{background-color:#282828;color:#bababa;position:relative;text-align:center;} .videoBoxHD:after { padding-top: 56.25%; display: block; content: ''; } .vieoBoxTwo4oh { padding-top: 41.65%; display: block; content: ''; } .videoBoxSD:after{padding-top:56.25%;display:block;content:'';} .videoBoxSD43:after{padding-top:75%;display:block;content:'';} .videoBoxScreenHD:after{padding-top:62.5%;display:block;content:'';} .videoMain { position: absolute; top: 0; bottom: 0; right: 0; left: 0; background-color: #000; color: #fff; } /* Player colors */ .pColor{color:#FFF} /*8CBDD0*/ .pColorNorm{color:#595958} .playstplink{cursor:pointer} /* SVG Player Overlay (landscape) */ .playerOverlay{position:absolute;top:0;left:0;bottom:0;right:0; opacity: 0.5 !important; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease;} .playerOverlay:hover{opacity:1.0 !important;cursor:pointer;} /* extra positionings */ .fullWAMiddle{position:absolute;top:50%;left:auto;right:auto;width:100%} .fullWABottom{position:absolute;bottom:0;left:auto;right:auto;width:100%} #canvasContainer, #canvasContainer2 { background-color: #0d0d0d; color: #888; padding: 8px; text-align: center; width: 836px; } /* Extra divs for viewing video in same window, center, middle */ #rplayer{ position: fixed; top:0; left:0; bottom:0; right:0; background-color: #181818; background-color: rgba(0,0,0,.82); z-index: 999; } #rplayerInner{ display: table; height: 100%; width: 100%; } #vplayer { color: #bababa; display: table-cell; vertical-align: middle; } #vplayerWrap { background-color: #181818; margin: 2em; padding: 2em; vertical-align: middle; box-shadow: 0 0 2.6em 1em #000; border: 1px solid #333; } /* Images, Rows, DIV Tables, etc http://www.sitepoint.com/give-floats-the-flick-in-css-layouts/ */ /* försök till sliders, inte så jätte kul men swipe på paddan, se Netfix dåliga exempel */ div.rowWrapper{ display: block; max-width: 100%; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling:touch; position:relative;display:inline-block; } div.rowWrapper:after{content: " ";visibility:hidden;display:block;height:0;clear:both;} div.divImageRow{position:relative;display:block;overflow:hidden;width:100%;max-width:100%;display:inline-block;} div.divImageRow:hover{overflow-x: auto;-webkit-overflow-scrolling:touch;} ul.imageRow{ list-style: outside none none; margin: 0 auto; padding: 0; width: 4096px;/* based of max 256px wide images */ } div.imageRow{ margin: 0 auto; padding: 0; display:inline-block;white-space:nowrap;transform:translate3d(0px, 0px, 0px); /*overflow: hidden;*/ } div.imageRow:hover{/*overflow-x: auto;*/} div.imageRow > div{ display: inline-block; /*float: left; list-style: outside none none;*/ margin: 1em 0 0; white-space: normal; } ul.imageRow > li{ display: inline-block; float: left; list-style: outside none none; margin: 1em 0; text-align: center; vertical-align: bottom; } ul.imageRow > li > img{float: left;} /* New Design elements 2023-05-04 */ .main_row_wrapper { /* height: 100vh; */ display: flex; /* horizontally center */ justify-content: center; /* vertically center the text within the container */ align-items: center; /* height: 40vw; */ /* Make the DIV visible */ /* border-bottom: 1px solid red; */ min-height: 36vw; } .main_left { background-color: #000000cc; color: #dedede; height: 36vw; align-self: center; display: flex; align-items: center; justify-content: center; } .a_1x1 { width: 36%; } .main_right { background-color: #dedede77; color: #181818; height: 36vw; display: flex; align-items: center; justify-content: center; } .a_3x5 { width: 60%; } .a_16x9 { width: 64%; } .main_center { max-width: 64%; display: flex; height: 36vw; align-items: center; justify-content: center; margin: 0 auto; flex-wrap: wrap; flex-direction: column; text-align: start; } .txt_content { /* flex-wrap: wrap; align-self: center; */ flex-direction: column; } .txt_content * { padding: 0 2em; } .img_content_1x1 { max-width: 100%; height: auto; } .row_wrapper img { width: 100%; height: auto; } .main_full { width: 100%; height: 36vw; align-items: center; /* vertical alignment */ justify-content: center; display: flex; overflow: clip; } .main_full_scroll { overflow-y: auto !important; /* vertical alignment needs to be turned off */ justify-content: unset; } .main_absolute_centerblock { position: absolute; z-index: 3; display: flex; top: 0; flex-direction: column; margin: 0 auto; width: 100%; justify-content: center; align-items: center; height: 100%; } .main_absolute_centerblock p { max-width: 61.8%; } .main_inset_shadow { color: #fff; box-shadow: 0 0px 16em #000000b3 inset; } .main_dark { background-color: #000000cc; color: #dedede; } .main_content { width: 64%; } /* ----------------------------------------- */ /* New Design elements 2025, CTAs, HPF, forms, etc */ .cta_div>.cta_btn{cursor:pointer} /*.cta_btn{margin-top:1rem;padding:.7rem 1rem;border:0;border-radius:8px;background:#578a68;color:#fff;font-weight:700;cursor:pointer}*/ .cta_btn { margin-top: 1rem; padding: .7rem 1rem; border: 0; border-radius: 8px; background: #578a68; color: #fff !important; font-weight: 700; cursor: pointer; display: inline-block; text-decoration: none; font-size: 1em; } .cta_btn:hover{ opacity:.9 } .cta_btn[disabled]{opacity:.6;cursor:default} .cta_btn:hover{opacity:.9} .cta_btn>a{color:#fff} .cta_btn>a:hover{color:#f00} .cta_btn>a:visited{color:#fff} /* Bokning formulär */ header{margin-bottom:1rem} /*form{max-width:720px;border:1px solid #ddd;border-radius:10px;padding:1rem}*/ .row{display:flex;gap:1rem;flex-wrap:wrap} .col{flex:1;min-width:220px} label{display:block;font-weight:600;margin:.6rem 0 .2rem} /*input, select, textarea{width:100%;padding:.6rem;border:1px solid #ddd;border-radius:6px;font:inherit}*/ small{color:#666} .err{color:#b00;font-size:.9em;margin-top:.2rem;min-height:1.1em} button{margin-top:1rem;padding:.7rem 1rem;border:0;border-radius:8px;background:#578a68;color:#fff;font-weight:700;cursor:pointer} button[disabled]{opacity:.6;cursor:default} button:hover{opacity:.9} .muted{color:#333} .help{margin:.6rem 0 0} /* A11y: live-region för sammanfattning (skapas av JS) */ #form-errors{margin:.5rem 0 0;color:#b00} #bookForm .invalid { border-color: #b00; outline: none; } /* ----------------------------------------- */ /* Media Query */ /* Nexus */ @media only screen and (max-width:800px){ .content {width: 79%;} .strechAll {margin: 3% -9.01699437%%;} .strechAllInner{width:93.12%;margin:0 auto} .strechSoso {margin: 3% -4.1%;} .cWrapper {padding-bottom:19.09830056%;padding-top:14.5898%;} .floats{float:none;clear:both;width:100%} .phiright{padding:3.44419% 0} /*.sixteenpxtd img{width:33%;} .sixteenpxtd{display: initial;}*/ .twoColBox{float:none;clear:both;width:100%} .twoColLeft{margin-right:0} .twoColRight{margin-left:0} } /* iPad - Portrait */ @media only screen and (max-width:768px){ .content {width: 79%;} .strechAll {margin: 3% -13.3%;} .strechAllInner{width:93.12%;margin:0 auto}/**/ .strechSoso {margin: 3% -4.1%;} .cWrapper {padding-bottom:19.09830056%;padding-top:14.5898%;} .floats{float:none;clear:both;width:100%} /* .phiright{padding:3.44419% 0} .sixteenpxtd{display: initial;} .playbox td{border-bottom:1px #919699 solid;border-right:1px #919699 solid;} .playbox {border-top:1px #919699 solid;border-left:1px #919699 solid;} .sixteenpxtd img{width:50%;background-color: #777;} .hWrapper{height:100px;} .headcontainer {margin:0 auto; width:94%;}*/ } /* iPhone 6+ - landscape */ @media only screen and (min-width:0) and (max-width:736px){ .cWrapper{padding-bottom:23.60679775%;padding-top:23.60679775%;} /* #navContainer::after{color: #888;content: "Menu";display: block;font-weight: bold;height: 35px;line-height: 35px;margin-left: 2em;margin-top: 0;} */ .phi1{width:100% !important;height:auto} .phi2{width:61.80339887% !important;height:auto} .phi3{width:61.80339887% !important;height:auto} .content img{width:100%;max-width:100%;height:auto;} .phi1lefty{width:100%;max-width:100%;height:auto;} .phi2lefty{width:100%;max-width:100%;height:auto;} #vplayerWrap {margin:0;padding:1em;box-shadow:0 none;border:0 none} } /* iPhone - landscape 568px, har ökat till 600px för experia */ @media only screen and (min-width:0) and (max-width:600px){ /* Fixa header pos */ .snaptarget {top: 0; height: 44px;} .dBg {background: rgba(0, 0, 0, .89)/*url("Ornaments-Asset-8.png") no-repeat scroll right top rgba(0, 0, 0, .89);*/} #hiddenMenu {display: block;} .nav {display:none;} #navContainer{margin-top: 3px;} /* */ #hiddenMenu{/*display:block;*/margin-top:5px;} /* styla om dd */ #smallDD{position:fixed;top:44px;left:0;right:0;text-align:right; background-color:rgba(0,0,0,.88); z-index:489;} /*background:#181818;background:rgba(0,0,0,.88); ul.nav li:hover>ul{display:inline-table !important}*/ ul.navUL {height:auto;width:100%;margin:0;font-family:"Open Sans Light";font-size:0.92em !important;} ul.nav .trana{text-align:right;} ul.nav li a {text-align:left;width:100% !important;display:block !important;} ul.nav .trana:after{content:" ";} /*  (icon-caret-down), \f0d9 - icon-caret-left () icon-caret-right ()*/ ul.nav .trana:before{content:"\f0d7";-moz-osx-font-smoothing:grayscale;display:block;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;text-align:center;width:1.28571em;color:#ddd;} /*ul.nav li{float:none;}*/ .nav > li.butt{float:none;width:100%;height:auto;/*position:relative !important;*/display:table;} /*ul.nav *.list {background:#181818;background:rgba(0,0,0,.89);}*/ ul.nav-sub {/*right:0;top:0;bottom:0;position:absolute;*/text-align:left !important;width:100%;/*height:100%;*/border-radius:0;background:rgba(0,0,0,.88);overflow-y:auto;-webkit-overflow-scrolling:touch;} ul.nav-sub {position: inherit; height: 100vh;} .content{width:85.4159%} .cWrapper{padding-bottom:23.60679775%;padding-top: 0%;} .strechAll {margin: 3% -8.5%;} .strechAllInner{width:100%;margin:0 auto} .strechSoso {margin: 3% -8.5%;} a{word-wrap:break-word;} /* slides på 1:a */ .frontTextLeft{float:none;clear:both;width:100%} .frontImgBox{float:none;clear:both;width:100%;padding-left:10.5292%} .frontImgBox > div {padding:0 0 7.2949%;} .frontTextLeft_1x1 {width: 100%;font-size: 1.15em;} .frontImgBox_3x4 {width: 100%;font-size: 1.15em; } /*.strechAll {max-height: none !important;font-size: 0.7em;}*/ .strechAll {max-height: none !important;font-size: 0.8em;} .main_center {max-width: 80%;/*width: 80% !important;*/} .main_absolute_centerblock p {max-width: 80%;} h2.fronth {max-width: 72%;margin: 0 auto} } @media only screen and (min-width:0) and (max-width:480px){ /* Updates: 2023-05-04 */ .main_row_wrapper {min-height: 100vw;overflow: hidden;} .main_row_wrapper img {height: 100vw !important;width: auto !important;max-width: inherit;} .main_row_wrapper picture {height: 100vw !important;width: auto !important;max-width: inherit;} .main_absolute_centerblock{/*width: 89.5%;*/font-size: .85em; padding: 0 2em;} .main_absolute_centerblock p {max-width: unset;} .main_center { text-align: start; font-size: 0.85em; flex-direction: row; max-width: 85%; height: auto; } /*.strechAllInner {width: 96%;}*/ .cWrapper{padding-bottom:30.90169944%;padding-top:0%;} div.left {float:none;padding:.5em 0;width:100%;} div.left:after{content:".";display:block;height:0;clear:both;visibility:hidden;} div.right {float:none;padding:.5em 0;width:100%;} div.right:after{content:".";display:block;height:0;clear:both;visibility:hidden;} /* Lösa problem med tabeller */ .imageTable td.image{width:33%;} /* padding:.5em .5em .5em 0; */ .imageTable td.text{width:auto;font-size:0.9em;} /* padding:.5em 0em .5em .5em; */ .imageTable td.text h3{font-size:1.2em;} } /* iPhone 11 - Portrait */ @media only screen and (min-width:0) and (max-width:375px){ ul{padding-left:1em} ol{padding-left:1em} #swapMeTop {/*width: 50%;margin:0 1em*/} } /* LG - Optimus G */ @media only screen and (min-width:0) and (max-width:320px){ .cWrapper{padding-bottom:38.19660113%;padding-top:38.19660113%;} } /* Sony Experia - Portrait */ @media only screen and (min-width:0) and (max-width:360px){ ul{padding-left:1.5em} ol{padding-left:1.5em} #swapMeTop {/*width: 50%;margin:0 1em*/} } /* iPhone - Portrait */ @media only screen and (min-width:0) and (max-width:320px){ .content h1{font-size:2.6em;} .content h2{font-size:1.9em;} .content h2{font-size:1.3em;} .cWrapper{padding-bottom:50%;padding-top:50%;} .strechAll {margin: 3% -8.5%;} .strechSoso {margin: 3% -8.5%;} .footVisible {font-size: .6em;} .phi1{width:100%;padding:1.618em} .phi2,.phi3{width:100% !important} }