html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block;}

html
{
/* killing 300ms touch delay in IE */
-ms-touch-action: manipulation;
touch-action: manipulation;
}

/* Reset */
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

* {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;

}

/* Removes Webkit form styling on Mobiles */
input, textarea {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
/* Additional Form resets */
button, input[type="button"] {background: none;}
:required {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}

/* Typo styling global */
em, i {font-style: italic;}
strong, b {font-weight: bold;}
u {text-decoration: underline;}
pre, code {font-family: Monaco, Courier, monospace;}
pre {white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word;}
blockquote, q {quotes: "" "";}
blockquote:before, blockquote:after, q:before,  q:after {content: "";}

/* Interactive Element Settings */
a, input[type="submit"], input[type="button"], button, label[for] {cursor: pointer;}

/* Misc. Element Styling */
img {-ms-interpolation-mode: bicubic;}

/* iPhone och iPad */
a[href^=tel] {
color: inherit;
text-decoration: none;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}

table {border:none; color:#333; margin-bottom:1.250em; width:100%;}
table td {padding:0.340em 0.340em 0.340em 0;}

table.events {border:none; color:#333; margin-bottom:1.250em; width:100%;}
table.events thead {font-weight:700;}
table.events thead td {background-color:#dedede;}
table.events td {padding:0.7450em; border-right:2px solid #fff;}
table.events td:last-child {border-right:none;}
table.events td {width:20%;}
table.events td:first-child {width:40%;}

table.styrelsen td {padding:0.340em 0; border-right:2px solid #fff;}
table.styrelsen td:first-child {width:25%;}
table.styrelsen td:last-child {width:75%;}

iframe {border:none;}
iframe, object, embed {max-width:100%;}
.iframe-rwd {position: relative; height: 0; overflow: hidden; margin-bottom:0;}
.iframe-rwd iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* FONTER & COLORS */
body {font-family: 'PT Sans', sans-serif; font-weight:400; color:#fff; font-size:16px; letter-spacing:0.021em;}
h1, h2, h3, h4 {font-style:normal; font-weight:400; margin-bottom:1%; color:#48484a;}
h1 {font-size:3.000em; letter-spacing:1px;}
h2 {font-size:2.000em;}
h3 {font-size:1.571em;}
h4 {font-size:1.286em;}
.header-wrap-darkgrey, .header-wrap-darkgrey h3, #footer h1, #footer h2, #footer h3, #footer h4, #fourboxes h2, #fourboxes p {color:#fff;}
p {line-height:1.429em; font-size:1.071em; color:#48484a;}
a {color:#007aac; text-decoration:none; font-family: 'PT Sans', sans-serif; font-weight:400;}
a:hover {color:#48484a;}
#content ul, #content ol {margin:0 4% 3%; color:#48484a;}
#content li {line-height:1.429em; padding:0.5% 3%;}
.expanddiv ul, .expanddiv ol {margin:0 4% 3%; color:#fff;}
.expanddiv li {line-height:1.429em; padding:0.5% 3%;}

/* LAYOUT STRUCTUR */
body, html {padding: 0; margin: 0; height:100%; background:#48484a;}
h1, h2, h3, h4 {margin:0 0 2% 0; padding:0;}
p {margin:0 0 1em 0;}
#wrap {width:100%; height:auto; padding:0;}
#header {width:100%;}
#page-wrape-white {width:100%; background-color:#fff;}
#page {width:100%; max-width:1200px; margin:0 auto; padding:2.500em 0;}
body.startPage #page {padding:1.500em 0 2.500em;}

/* logo member admin*/
#header-wrap-white {width:100%; background-color:#fff;}
.logo-member-admin {width:100%; max-width:1200px; margin:0 auto; padding:0.750em 0;}
.logo {float:left; width:50%;}
.logo img {width:100%; max-width:321px;}
#showmobilmenu {display:none; height:auto;}
#mobilmenu {display:none; float:right; width:26%; position:relative; top:10px; cursor:pointer;}
.flikar {/*display:none;*/float:right; width:20%; position:relative; top:50px;}
.member-admin {display:none; list-style:none; margin:0; padding:0; text-align:center;}
.member-admin li {display:inline-block; padding:3% 4% 0; width:9.500em; height:4.250em; background-color:#0082b2; -webkit-border-top-left-radius:12px; -moz-border-top-left-radius:12px; border-top-left-radius:12px; -webkit-border-top-right-radius:12px; -moz-border-top-right-radius:12px; border-top-right-radius:12px; background:#007aac; behavior: url("/Themes/sks/Content/PIE.htc");}
.member-admin li div a {color:#fff; margin:0; position:relative; top:-34px; left:30px; font-family: 'PT Sans', sans-serif; text-transform:uppercase;}
.member {display:block; padding:0; margin:0;}
.admin {display:block; padding:0; margin:0;}

/* Socialmedia*/
.socialmedia {/*float:right; width:26%; padding:0.250em 0;*/ position:relative; top:15px;}
.socialmedia ul {list-style:none; margin:0; padding:0; text-align:center;}
.socialmedia ul li {display:inline-block; padding:1%; margin:0 0.100em;}

/* expand search*/
.header-wrap-darkgrey {background-color:#48484a; width:100%; border-top:3px solid #0082b2; position:relative; z-index:10;}
.expand-search {width:100%; max-width:1200px; margin:0 auto;}
.expand {float:left; width:70%;}
.expandmenudiv ul {list-style:none; margin:0; padding:0; }
.expandmenudiv ul li {float:left; display:block; padding:0.750em 2% 0 0; text-align:left; margin:0 1%; cursor:pointer; width:30%;}
.sks, .ens {display:block; padding:0; margin:0;}
.expandmenudiv li div a {display:block; width:100%; text-align:left; color:#fff; margin:0; position:relative; top:-34px; left:65px; font-family: 'PT Sans', sans-serif; text-transform:uppercase; height:10px;}
.expanddiv .close {float: right; cursor:pointer;}
.info-om-oss, .info-ens {display:none; width:100%; color:#fff;}
.info-om-oss p, .info-ens p {color:#fff;}
.search {float:right; position:relative; top:1.000em; width:25%; -webkit-bordert-radius:24px; -moz-border-radius:24px; border-radius:24px; border:2px solid #fff; }
.search input {border:none; background-color:#48484a; color:#fff; font-family:'PT Sans', sans-serif; padding:0.25em 1.000em; margin:5px 0;}
.search input.text {width:74%; margin-left:2%;}
.search input.submit {width:20%; height:23px; background:transparent url("/Themes/sks/Content/images/search.png") no-repeat center right;}

/* links-imagebank-contact */
.links-imagebank-contact {display:none;}
body.startPage .links-imagebank-contact {display:block; padding-bottom:2.000em;}
.links-imagebank-contact ul {list-style:none; margin:0; padding:0;}
.links-imagebank-contact ul li {display:inline-block; padding:1%; width:22%;}
.links-imagebank-contact {width:100%; text-align:center;}
.links {display:block; padding:0; margin:0;}
.links-imagebank-contact li div a {display:block; width:50%; text-align:center; color:#48484a; margin:0 auto; position:relative; top:0;  font-family: 'PT Sans', sans-serif; text-transform:uppercase;}


/* footer menu */
.footer {width:100%; max-width:1200px; margin:2.500em auto; padding-bottom:2%;}
.footer .socialmedia {display:none; width:100%; text-align:center; border-top:1px solid #696a6d; padding:1.250em 0;}
.footer .socialmedia ul {list-style:none; margin:0; padding:0;}
.footer .socialmedia ul li {display:inline-block; padding:1%;}
.footertext {width:100%; max-width:1200px; margin:0 auto; padding:2% 0; text-align:center; font-size:0.833em; border-top:1px solid #696a6d;}
.footertext p {color:#696a6d;}
.footertext a {color:#696a6d;}
.language .current {display:none;}

/* IKONER CIRKEL */
.icon-white {display:block; width:1.5em; height:1.5em; border-radius:50%; color:#fff; text-align:center; font-size:2em; line-height:1.5em; border:2px solid #fff; margin: 0 auto;}
.icon-blue {display:block; width:2.0em; height:2.0em; border-radius:50%; color:#fff; text-align:center; font-size:1.8em; line-height:2em; border:none; margin: 0 auto; background-color:#007aac;}
.footer .icon-blue {display:block; width:1.5em; height:1.5em; border-radius:50%; color:#fff; text-align:center; font-size:2em; line-height:1.5em; border:2px solid #fff; margin: 0 auto; background:transparent;}
.member .icon-white, .admin .icon-white {padding-left:5%; margin:0;}
.expand .icon-white{padding-left:2%; margin:0;}
.links-imagebank-contact .icon-white {margin:0;}
.icon-grey {display:block; width:1.5em; height:1.5em; border-radius:50%; color:#48484a; text-align:center; font-size:2em; line-height:1.5em; border:2px solid #48484a; margin: 0 auto;}
.icon-grey-right {float:right; display:block; width:1.5em; height:1.5em; border-radius:50%; color:#48484a; text-align:center; font-size:2em; line-height:1.5em; border:2px solid #48484a;}
.icon-small-white {display:block; width:1.0em; height:1.0em; border-radius:50%; color:#fff; text-align:center; font-size:1.5em; line-height:1.0em; /*border:2px solid #fff;*/ margin: 0 auto;}
.icon-small-grey {display:block; width:1.0em; height:1.0em; border-radius:50%; color:#48484a; text-align:center; font-size:1.5em; line-height:1.0em; /*border:2px solid #fff; margin: 0 auto;*/}
.icon-small-blue {display:block; width:1.0em; height:1.0em; border-radius:50%; color:#007aac; text-align:center; font-size:1.5em; line-height:1.0em; /*border:2px solid #fff; margin: 0 auto;*/}
.icon-grey-left {float:left; display:block; width:1.5em; height:1.5em; border-radius:50%; color:#48484a; text-align:center; font-size:2em; line-height:1.5em; border:2px solid #48484a;}
.icon2-grey {display:block; width:1.5em; height:1.5em; border-radius:50%; color:#48484a; text-align:center; font-size:2em; line-height:1.5em; border:2px solid #48484a; margin: 0 auto;}
.icon-small-grey-left {float:left; display:block; width:1.0em; height:1.0em; border-radius:50%; color:#48484a; text-align:center; font-size:1.5em; line-height:1.0em; margin-right:15px;}


/* Footer menu */
#nav {padding-bottom:1.250em; position:relative; }
#nav ul.topmenu {list-style:none; margin:0; padding:0;}
#nav ul.topmenu li {float:left; display:block; padding:1%; width:23%; }
#nav ul.topmenu li a {color:#fff; text-transform:uppercase; font-weight:700;}
#nav ul {list-style:none; margin:0; padding:0; position:relative; top:0;}
#nav ul ul li.submenu {float:none; display:block; padding:1% 0; width:90%;}
#nav ul ul li.submenu a {color:#fff; text-transform:none; font-weight:400;}

/* Mobile menu */
#showmobilmenu {padding:0 1.250em; position:relative;}
#showmobilmenu ul.mobilemenu {list-style:none; margin:0; padding:0; width:100%;}
#showmobilmenu ul.mobilemenu li.firstlevel {float:left; display:block; padding:0 1% 5%; width:45%; text-align:left;}
#showmobilmenu ul.mobilemenu li a {color:#007aac; text-transform:uppercase; font-weight:700;}
#showmobilmenu ul {list-style:none; margin:0; padding:0; position:relative; top:0;}
#showmobilmenu ul ul li.submenu {float:none; display:block; padding:0; width:96%; line-height:1.2em;}
#showmobilmenu ul ul li.submenu a {color:#007aac; text-transform:none; font-weight:400;}
#showmobilmenu ul.mobilemenu ul ul li.subsubmenu {float:none; display:block; padding:0 0 0 4%; width:90%; border-left:none; line-height:1.0em;}
#showmobilmenu ul ul ul li.subsubmenu a {color:#007aac; text-transform:none; font-weight:400; font-size:75%;}

/* Start page */
body.startPage #content {display:none;}
#fourboxes {}
.fourboxes {width:100%;}
.fourboxes .box {width:100%; max-width:270px; min-height:264px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; background:#007aac; behavior: url("/Themes/sks/Content/PIE.htc");}
.fourboxes .box:hover {background:#3497bf;}
.fourboxes .box-left {float:left; width:22%; margin-right:4%;}
.fourboxes .box-middle-left {float:left; width:22%; margin-right:4%;}
.fourboxes .box-middle-right {float:left; width:22%; margin-right:4%;}
.fourboxes .box-right {float:right; width:22%;}
.fourboxes .box .uc {width:100%; padding:1.250em; text-align:center;}
#newsteaser {margin-top:2.500em;}
.newsteaser {width:100%; padding:1.250em; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; background:#dedede url("/Themes/sks/Content/images/bagar.png") no-repeat top right; behavior: url("/Themes/sks/Content/PIE.htc");}
.newsteaser .imageholder {float:left; width:100%; max-width:230px; max-height:190px; overflow:hidden; padding:0;}
.newsteaser .textholder {float:right; width:100%; max-width:850px; padding: 0;}
.newsteaser .textholder-large {float:none; width:100%; padding: 0;}
.newsteaser-new {margin:2.500em 0;}


#rss-wrape-grey {width:100%; background:#dedede url("/Themes/sks/Content/images/bg-rss.png") repeat; border-bottom:3px solid #0082b2;}
.rss-wrape-grey {width:100%; max-width:1200px; margin:0 auto; padding:1.250em;}
.rss-wrape-grey .half {float:left; width:30%; padding:1.250em 0; margin-right:2%;}
.rss-wrape-grey .half:last-child {margin-right:0;}
.rss-wrape-grey div.item {padding:1% 0;}
.rss-wrape-grey h3 {padding-bottom:1.250em;}
.rss-wrape-grey div.item a {display:block; width:96%; text-align:left; margin:0; position:relative; top:-24px; left:0; font-family: 'PT Sans', sans-serif;}
.feedEkList {list-style:none; margin:0; padding:0; position:relative; top:-24px;}
.feedEkList li {padding:1% 0;}

/* Text page */
.storbildwrap {margin:0; background: #fff; position: relative; zoom: 1; width:100%; min-height:15.000em; height:30%!important; margin-left:auto; margin-right:auto; box-shadow: 0 5px 5px #ccc; -webkit-box-shadow: 0 5px 5px #ccc; -moz-box-shadow: 0 5px 5px #ccc; -o-box-shadow: 0 5px 5px #ccc;}
.storbild {display:block; width:100%; height:15.000em; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover!important; -moz-background-size:cover!important; -o-background-size:cover!important; background-size:cover!important;  -webkit-transform:translateZ(0);}
#menu {float:left; width:100%; max-width:16.875em;}
#content {float:left; width:100%; max-width:54.375em;}
.path {color:#48484a; font-size:0.875em;}
.path a.current {color:#48484a;}
.doc,.doc p {margin:0;}
.doc p a {display:block; text-align:left; margin:0; position:relative; top:-1.625em; left:3.750em; font-family: 'PT Sans', sans-serif; margin-bottom:-1.000em; width:80%;}
.row img {float:left; width:100%; max-width:300px; margin:0 1.250em 0.750em 0;}
.row p:after {clear:left; display:block; clear:both; content: " "; height:0; overflow:hidden;}
.submenu, .subsubmenu {list-style:none; margin:0; padding:0;}
.submenu li {padding:2% 5%; border-left:4px solid #fff; margin:0 0 1%;}
.submenu li.current {border-left:4px solid #007aac;}
.submenu li.current a {color:#48484a;}
.submenu li:hover {border-left:4px solid #48484a;}
.subsubmenu li {padding:1% 5%; font-size:0.875em;}
.subsubmenu li:first-child {padding:4% 5% 1%;}
.subsubmenu li.current {}
.subsubmenu li.current a {color:#48484a;}
.subsubmenu li:hover {border-left:4px solid #fff;}

/* Text page large */
body.textPageLarge #menu {display:none;}
body.textPageLarge #content {float:none; width:100%; max-width:1200px;}
#threeboxes {width:100%; margin:1em 0 2em;}
#threeboxes .left {float:left; width:32.6%; margin-right:1%;}
#threeboxes .left .left-left, #threeboxes .left .left-right {float:left; position:relative; width:48%; height:230px; padding:15px; background-color:#007aac; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
#threeboxes .left .left-left:hover, #threeboxes .left .left-right:hover, #threeboxes .middle .middle-middle:hover, #threeboxes .right .right-left:hover, #threeboxes .right .right-middle:hover, #threeboxes .right .right-right:hover {background:#3497bf;}
#threeboxes .left .left-left, #threeboxes .right .right-left, #threeboxes .right .right-middle {margin:0 4% 0 0;}
#threeboxes .left .left-right, #threeboxes .right .right-right {margin:0;}
#threeboxes .middle {float:left; width:32.7%;}
#threeboxes .middle .middle-middle {float:none; width:98%; height:66px; background-color:#007aac; margin:0 auto 4% auto; padding:15px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
#threeboxes .right {float:right; width:32.7%; height:100%; margin-left:1%;}
#threeboxes .right .right-left, #threeboxes .right .right-middle, #threeboxes .right .right-right {float:left; width:30.65%; padding:15px; background-color:#007aac; position:relative; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
#threeboxes .right .right-left, #threeboxes .right .right-middle {top:80px; height:150px;}
#threeboxes .right .right-right {height:230px;}

#threeboxes .left .linkboxname, #threeboxes .right .linkboxname {position:absolute; top:10px; bottom:10px; width:86%;}
#threeboxes span, #threeboxes span a {color:#fff; font-size:1.071em;}
#threeboxes .left span.vertical-text, #threeboxes .right span.vertical-text {-webkit-writing-mode: vertical-lr; -moz-writing-mode: vertical-lr; -ms-writing-mode: vertical-lr; writing-mode: vertical-lr;}
#threeboxes .middle span.vertical-text {}
/*p.vertical-text {margin-top:50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform:rotate(90deg);}
p.vertical-text {display:inline-block; white-space:nowrap; -webkit-transform: translate(1.1em,0) rotate(90deg); -moz-transform: translate(1.1em,0) rotate(90deg); -o-transform: translate(1.1em,0) rotate(90deg); transform: translate(1.1em,0) rotate(90deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0;}
.vertical-text:before {content:""; float:left; margin-top:100%;}*/

/* Text Page Video */

body.textPageVideo #menu {display:none;}
body.textPageVideo #content {float:none; width:100%; max-width:1200px;}
#twoboxes {width:100%; margin:1em 0 2em;}
#twoboxes .left {float:left; width:49%; padding:15px 0; margin-right:1%;}
#twoboxes .right {float:right; width:49%; padding:15px 0; margin-left:1%;}
.video-info {padding:2% 0; min-height:100px;}
@media only screen and (max-width:767px) {
#twoboxes .left {float:none; width:100%; padding:15px 0; margin-right:0;}
#twoboxes .right {float:none; width:100%; padding:15px 0; margin-left:0;}
}
/* iframe */
.iframe-container {overflow: hidden; padding-top: 56.25%; position: relative;}
.iframe-container iframe {border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}


/* Calender */
.list {margin-top:1.250em;}
.item h2, item h4 {margin:0; padding:0;}
.introduction {font-size:1.286em;}
h3.date {text-transform:uppercase;}
body.calendar .item {border-top:1px solid #ccc; padding:1.250em 0;}
body.calendar .item:first-child {border:none;}
body.calendar .item h4:first-letter {text-transform: uppercase;}
body.calendar .item h4 span.eventinfo {font-size:80%; color:#999;}
h3.avslutade {margin-top:1.250em;}
.fakts-contacts {margin-top:3.750em; width:100%; padding:1.250em; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; background:#dedede url("/Themes/sks/Content/images/bagar.png") no-repeat top right; behavior: url("/Themes/sks/Content/PIE.htc");}
.fakts-contacts h3, .fakts-contacts p {color:#666;}
.half {float:left; width:46%; padding:1.250em 0;}
.half:first-child {margin-right:3%;}

/* News */
body.newsContainer .item {border-top:1px solid #ccc; padding:1.250em 0;}
body.newsContainer .item:first-child {border:none;}
body.newsContainer .item h4:first-letter {text-transform: uppercase;}
section img.main {float:left; margin:0 1.250em 1.250em 0;}
.news .newsdate {border-top:1px solid #dedede; padding:15px 0; margin-top:30px;}

/* Commnets */
.comments .newsdate, .explanations .newsdate{border-top:1px solid #dedede; padding:15px 0; margin-top:30px;}


/* Bildspel */
.flexslider {min-height: 382px; width:100%; margin-left:auto; margin-right:auto; box-shadow: 0 5px 5px #ccc; -webkit-box-shadow: 0 5px 5px #ccc; -moz-box-shadow: 0 5px 5px #ccc; -o-box-shadow: 0 5px 5px #ccc; background:transparent url("/Themes/sks/Content/images/bg-flexslider.jpg"); background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover!important; -moz-background-size:cover!important; -o-background-size:cover!important; background-size:cover!important;  -webkit-transform:translateZ(0);}
.slides li {display:block; width:100%; height:382px; background-position: center center; background-repeat: no-repeat; -webkit-background-size:cover!important; -moz-background-size:cover!important; -o-background-size:cover!important; background-size:cover!important;  -webkit-transform:translateZ(0);}
.slides li .textholder {width:100%; max-width:1200px; margin:0 auto;}
.slides li .slide-text {position:relative; top:100px; width:100%; max-width:400px; max-height:250px; overflow:hidden;}
.slides li .slide-text p {color:#fff;}
.slides li .left {float:left; left:10%;}
.slides li .right {float:right; right:10%;}
.slides li .slide-text {background:#48484a; background:rgba(72,72,74,0.3); padding:2%;}
.slides li .slide-text h2 {font-size:2.250em; margin-bottom:4%; color:#fff;}
.flex-control-nav {bottom: 0;}
.flex-control-nav li {margin: 0 2px;}
.flex-control-paging {display:none;}

/* SEARCH */
body.databaseSearch #menu {display:none;}
body.databaseSearch #content {float:none; width:100%;}
.search-page {position:relative; top:0; width:50%; -webkit-bordert-radius:24px; -moz-border-radius:24px; border-radius:24px; border:2px solid #007aac; margin-bottom:1.250em;}
.search-page input {border:none; background-color:#fff; color:#48484a; font-family:'PT Sans', sans-serif; padding:0.25em 1.000em; margin:5px 0;}
.search-page input.text {width:82%; margin-left:2%;}
.search-page input.submit {width:10%; height:23px; background:transparent url("/Themes/sks/Content/images/search-blue.png") no-repeat center right;}


body.databaseSearch .list {padding:0 0 1.250em 0; margin:0;}
ul#searchlist {list-style:none; padding:0; margin:0; }
ul#searchlist li {float:left; display:block; width:250px; border-right:1px solid #ccc; padding:0; margin:0 15px 0 0; }
ul#searchlist li:last-child {border-right:1px solid #fff;}
body.databaseSearch .list .item {padding:2% 0; margin:0;}
body.databaseSearch .list .item .title {font-style:italic;}
#pg {padding-top:15px;}
#pg span.paging {padding:0 15px 0 0;}
#pg a {color:#f90;}
#pg-prev {border-right:1px solid #ccc; margin:0 10px 0 0; padding:0 10px 0 0;}
#pg-next {border-left:1px solid #ccc; margin:0 0 0 10px; padding:0 0 0 10px;}

/* BILDARKIV */
#lightgallerydiv ul.gallery {list-style: none outside none; padding-left: 0; margin:0;}
#lightgallerydiv .gallery li {display: block; float: left; height:110px; margin-bottom:0.5em; margin-right:0.5em; width:100%; max-width:150px; padding:0; overflow:hidden;}
.gallery li a {height:110px; width:100%; max-width:150px;}
.gallery li a img {max-width:150px;}
.gallery:after {clear:left; display:block; clear:both; content: " "; height:0; overflow:hidden;}

/* GOOGLE MAPS */
.gMapsContainer #menu {display:none;}
.gMapsContainer #content {float:none; width: 100%; max-width: 100%;}
.mapinfotext {text-align:center;}
.mapinfotext p {font-size:0.8em;}

/* ================================================================== */
/* === Responsive styles ============================================ */
/* ================================================================== */

/* Smartphones */
@media only screen and (max-width: 469px) {
body {font-size:12px;}
table {width:70%;}
table td {font-size:80%;}
#header-wrap-white {position:fixed; z-index:100;}
.logo-member-admin {padding:0.750em 0.750em 0.35em 0.750em;}
.logo {float:left; width:70%;}
.logo img {max-width:250px;}
#mobilmenu {display:block;}
#showmobilmenu ul.mobilemenu li a {font-size:10px;}
/*#showmobilmenu ul ul {min-height:100px;}*/
.flikar, .submenu {display:none;}
.header-wrap-darkgrey {padding:0; position:relative; top:82px;}
.expand {float:none; width:100%; padding:0.35em 1.250em 0 1.250em;}
.expandmenudiv ul li {float:none; display:inline-block; width:40%;}
.sks, .ens {display:block; padding:0; margin:0;}
.expandmenudiv li div a {margin:0; top:-28px; left:50px;}
.info-om-oss, .info-ens {display:none; width:100%; color:#fff;}
.info-om-oss p, .info-ens p {color:#fff;}

.searchmobile {float:none; position:relative; top:0; width:80%; padding:0.50em 1.000em; margin:0.750em auto; -webkit-bordert-radius:24px; -moz-border-radius:24px; border-radius:24px; border:2px solid #007aac; }
.searchmobile input {border:none; background-color:#fff; color:#007aac; font-family:'PT Sans', sans-serif;}
.searchmobile input.text {width:74%; margin-right:6%;}
.searchmobile input.submit {width:20%; height:23px; background:transparent url("/Themes/sks/Content/images/search-blue.png") no-repeat center right;}
.search {display:none;}
.slides li .left {float:none; position:static;}
.slides li .right {float:none; position:static;}
.slides li .slide-text {padding:6% 4%; position:static; margin:5.000em auto; width:90%;}
.flex-direction-nav {display:none;}
#page {padding:1.250em; position:relative; top:96px;}
body.startPage #page {top:16px;}
#page {padding-bottom:98px;}
#rss-wrape-grey, #footer {position:relative; top:0; padding:1.250em;}
.fourboxes .box {width:100%; max-width:450px; min-height:100%;}
.fourboxes .box-left {float:none; width:100%; margin:0 auto 1.250em auto;}
.fourboxes .box-middle-left {float:none; width:100%; margin:0 auto 1.250em auto;}
.fourboxes .box-middle-right {float:none; width:100%; margin:0 auto 1.250em auto;}
.fourboxes .box-right {float:none; width:100%; margin:0 auto 1.250em auto;}
.icon-grey-right {float:none; margin:0 auto 0.750em auto;}
#newsteaser {margin:2.500em 0;}
.newsteaser .imageholder {float:none; width:100%; max-width:470px; max-height:190px; overflow:hidden; padding:0;}
.newsteaser .textholder {float:none; width:100%; max-width:850px; padding: 0; margin-top:1.250em;}

.rss-wrape-grey {padding:1.250em;}
.rss-wrape-grey .half {float:none; width:90%; padding:0; margin:0 auto;}
.rss-wrape-grey .half:last-child {margin:0 auto;}
.rss-wrape-grey h3 {padding:0 0 0.750em 0; margin:0;}
.rss-wrape-grey div.item a {top:0; left:0;}
.rssDiv {padding-top:0.750em;}
.rssDiv h3 {margin-bottom:1.250em;}
.links-imagebank-contact {padding:0 0 1.250em;}
.links-imagebank-contact ul {list-style:none; margin:0; padding:0;}
.links-imagebank-contact ul li {display:inline-block; padding:0.5%; width:31%;}
.links-imagebank-contact li div {text-align:center;}
.links-imagebank-contact .icon-grey {margin:0 auto 0.500em auto;}
.links-imagebank-contact li div a {display:block; width:100%; text-align:center; margin:0; position:static;}
.storbildwrap {top:78px; height:20%!important; min-height:10.000em;}
.storbild {height:10.000em;}
.row img { max-width:150px;}
#footer #nav {padding:1.250em 0; width:100%;}
#footer #nav ul.topmenu {margin:0 auto; width:100%;}
#footer #nav ul.topmenu li {width:49%; margin:1% 1% 1% 0;}
#nav ul.topmenu li ul {height:100%; min-height:110px;}
#footer #nav ul.topmenu li ul li.submenu {width:100%;}
.search-page {width:100%;}
.footertext {border-top:none;}
.footer .socialmedia {display:block;}

/* Text page large */
#threeboxes .left {float:none; width:100%; margin-right:0;}
#threeboxes .left .left-left, #threeboxes .left .left-right {float:none; width:100%; height:46px; padding:15px; margin:0 auto 2% auto;}
#threeboxes .left .left-left, #threeboxes .right .right-left, #threeboxes .right .right-middle {margin:0 auto 2% auto;}
#threeboxes .middle {float:none; width:100%;}
#threeboxes .middle .middle-middle {float:none; width:100%; height:46px; margin:0 auto 2% auto; padding:15px;}
#threeboxes .right {float:none; width:100%; height:100%; margin-left:0;}
#threeboxes .right .right-left, #threeboxes .right .right-middle, #threeboxes .right .right-right {float:none; width:100%; padding:15px;}
#threeboxes .right .right-left, #threeboxes .right .right-middle {top:0; height:46px;}
#threeboxes .right .right-right {height:46px;}
#threeboxes .left span.vertical-text, #threeboxes .right span.vertical-text {-webkit-writing-mode: horizontal-tb; -moz-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; writing-mode: horizontal-tb;}
}

/* Large smartphones */
@media only screen and (min-width: 470px) and (max-width: 699px) {
body {font-size:12px;}
#header-wrap-white {position:fixed; z-index:100;}
.logo-member-admin {padding:0.750em 0.750em 0.35em 0.750em;}
.logo {float:left; width:70%;}
.logo img {max-width:250px;}
#mobilmenu {display:block;}
#showmobilmenu ul.mobilemenu li.firstlevel {width:24%;}
#showmobilmenu ul.mobilemenu li a {font-size:10px;}
/* #showmobilmenu ul ul {min-height:90px;}*/
.flikar, .submenu {display:none;}
.header-wrap-darkgrey {padding-bottom:1%; position:relative; top:95px;}
.expand {float:none; width:100%; padding:0.35em 1.250em 0 1.250em;}
.expandmenudiv ul li {float:none; display:inline-block; width:40%;}
.sks, .ens {display:block; padding:0; margin:0;}
.expandmenudiv li div a {margin:0; top:-28px; left:50px;}
.searchmobile {float:none; position:relative; top:0; width:80%; padding:0.50em 1.000em; margin:0.750em auto; -webkit-bordert-radius:24px; -moz-border-radius:24px; border-radius:24px; border:2px solid #007aac; }
.searchmobile input {border:none; background-color:#fff; color:#007aac; font-family:'PT Sans', sans-serif;}
.searchmobile input.text {width:74%; margin-right:6%;}
.searchmobile input.submit {width:20%; height:23px; background:transparent url("/Themes/sks/Content/images/search-blue.png") no-repeat center right;}
.search {display:none;}
.slides li .left {float:none; position:static;}
.slides li .right {float:none; position:static;}
.slides li .slide-text {padding:6% 4%; position:static; margin:5.000em auto; width:90%;}
.flex-direction-nav {display:none;}
#page {padding:1.250em; position:relative; top:106px;}
body.startPage #page {top:16px;}
#page {padding-bottom:96px;}
#rss-wrape-grey, #footer {position:relative; top:0; padding:1.250em;}
.fourboxes .box {width:100%; max-width:670px; min-height:100%;}
.fourboxes .box-left {float:none; width:100%; margin:0 auto 1.250em auto;}
.fourboxes .box-middle-left {float:none; width:100%; margin:0 auto 1.250em auto;}
.fourboxes .box-middle-right {float:none; width:100%; margin:0 auto 1.250em auto;}
.fourboxes .box-right {float:none; width:100%; margin:0 auto 1.250em auto;}
.icon-grey-right {float:none; margin:0 auto 0.750em auto;}
#newsteaser {margin:2.500em 0;}
.newsteaser .imageholder {float:none; width:100%; max-width:670px; max-height:190px; overflow:hidden; padding:0; text-align:center;}
#newsteaser .imageholder img {margin:0 auto;}
.newsteaser .textholder {float:none; width:100%; max-width:850px; padding: 0; margin-top:1.250em;}
.rss-wrape-grey {padding:1.250em;}
.rss-wrape-grey .half {float:none; width:90%; padding:0; margin:0 auto;}
.rss-wrape-grey .half:last-child {margin:0 auto;}
.rss-wrape-grey h3 {padding:0 0 0.750em 0; margin:0;}
.rss-wrape-grey div.item a {top:0; left:0;}
.rssDiv {padding-top:0.750em;}
.rssDiv h3 {margin-bottom:1.250em;}
.links-imagebank-contact {padding:0 0 1.250em;}
.footer .links-imagebank-contact ul {list-style:none; margin:0; padding:0;}
.footer .links-imagebank-contact ul li {display:inline-block; padding:0.5%; width:30%;}
.links-imagebank-contact .icon-white {margin:0 auto 0.500em auto;}
.links-imagebank-contact li div a {display:block; width:100%; text-align:center; margin:0; position:static;}
.row img { max-width:150px;}
#footer #nav {padding:1.250em 0; width:100%;}
#footer #nav ul.topmenu {margin:0 auto; width:100%;}
#footer #nav ul.topmenu li {width:49%; margin:1% 1% 1% 0;}
#nav ul.topmenu li ul {height:100%; min-height:124px;}
#footer #nav ul.topmenu li ul li.submenu {width:100%;}
.storbildwrap {top:92px; height:20%!important; min-height:10.000em;}
.storbild {height:10.000em;}
.search-page {width:70%;}
.footer .socialmedia {display:block;}
.footertext {border-top:none;}
/* Text page large */
#threeboxes .left {float:none; width:100%; margin-right:0;}
#threeboxes .left .left-left, #threeboxes .left .left-right {float:none; width:100%; height:46px; padding:15px; margin:0 auto 2% auto;}
#threeboxes .left .left-left, #threeboxes .right .right-left, #threeboxes .right .right-middle {margin:0 auto 2% auto;}
#threeboxes .middle {float:none; width:100%;}
#threeboxes .middle .middle-middle {float:none; width:100%; height:46px; margin:0 auto 2% auto; padding:15px;}
#threeboxes .right {float:none; width:100%; height:100%; margin-left:0;}
#threeboxes .right .right-left, #threeboxes .right .right-middle, #threeboxes .right .right-right {float:none; width:100%; padding:15px;}
#threeboxes .right .right-left, #threeboxes .right .right-middle {top:0; height:46px;}
#threeboxes .right .right-right {height:46px;}
#threeboxes .left span.vertical-text, #threeboxes .right span.vertical-text {-webkit-writing-mode: horizontal-tb; -moz-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; writing-mode: horizontal-tb;}
}

/* Tablets and landscape large smartphones */
@media only screen and (min-width: 700px) and (max-width:1100px) {
body {font-size:13px;}
#header-wrap-white,  .header-wrap-darkgrey {padding: 0 1.250em;}
#page, #footer {padding:1.250em;}
.flikar {float:right; width:36%; position:relative; top:62px;}
.member-admin li div a {top:-28px; left:26px;}
.expand {margin-top:0.300em;}
.expandmenudiv li div a {top:-28px; left:50px;}
.flexslider {min-height:282px; width:100%;}
.slides li {height:282px;}
.slides li .textholder {width:100%; max-width:1200px; margin:0 auto;}
.slides li .slide-text {top:50px;  width:40%; max-width:400px; max-height:150px; overflow:hidden;}
.fourboxes .box h2 {font-size:1.538em; margin-top:0.300em;}
.fourboxes .box-left {margin-right:2.6%;}
.fourboxes .box-middle-left {margin-right:2.6%;}
.fourboxes .box-middle-right {margin-right:2.6%;}
.fourboxes .box-left, .fourboxes .box-middle-left, .fourboxes .box-middle-right, .fourboxes .box-right {width:23%;}
.newsteaser .imageholder {width:30%;}
.newsteaser .textholder {width:68%; padding: 0;}
.links-imagebank-contact ul li {padding:1%; width:28%;}
#menu {float:left; width:15%;}
#content {float:right; width:75%;}
#nav {padding:0 0 1.250em 2.500em; width:100%;}

#threeboxes .left .left-left, #threeboxes .left .left-right {height:220px;}
#threeboxes .right .right-left, #threeboxes .right .right-middle, #threeboxes .right .right-right {width:30%;}
#threeboxes .right .right-left, #threeboxes .right .right-middle {height:140px;}
#threeboxes .right .right-right {height:220px;}
}


@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px)
and (orientation : portrait)
{


}


/* Desktop screens */
@media only screen and (min-width: 1200px) and (max-width: 1499px){

}

/* Large screen */
@media only screen and (min-width: 1500px) and (max-width: 1799px){

}

/* Very large screen */
@media only screen and (min-width: 1950px){
.slides li {height:452px;}
}
