@import url(pub/css/skeleton1200.css);
@import url(https://fonts.googleapis.com/css?family=Nunito:400,300,700);

html, body {
   height: 100%;
   position: absolute;
   width: 100%;
}

html {
   min-height: 100%;
   font-size: 62.5%;
}

body {
   background: #fff;
   color: #333;
   font-family: 'Nunito', arial, sans-serif;
   font-size: 100%;
   line-height: 1.5;
   font-size: 1.6rem;
   font-size: 1.6em;
   font-weight: 300;
   min-width: 100%;
   min-height: 100%;
}

strong {color: #333;}

h1, h2, h3, h4, h5, h6 {
   color: #333;
   font-weight: 300;
   font-family: 'Nunito', arial, sans-serif;
   line-height: 1.1;
}

h6 {
   font-size: 1.3em;
   color: #a01643;
}

h5 {
   font-size: 1.6em;
   color: #a01643;
}

h4 {
   font-size: 2em;
   color: #a01643;
}

h3 {
   font-size: 1.3em;
}

h2 {
   font-size: 1.6em; 
}

h1, 
h2#NewsList_ViewArchiveHeader,
h2#Gallery_AlbumTitleText {
   font-size: 2em;  
   font-weight: 400;
}

p {
   margin: 0 0 1em;
}

a, a:link, a:visited {
   color: #d19800; 
   text-decoration: underline;
   transition: all 0.2s;
}
a:hover, a:active {text-decoration: none;}

#main ul {
   list-style: url(Images/list-style.png);
   list-style-position: outside !important;
   margin: 1em;
}
#main li {font-size: 1.4rem;}

blockquote {
   border-left: 0;
   padding: 0;
   color: #333;
   margin-bottom: 2em !important;
   background-image: url(Images/ql.png) !important;
}

blockquote > div {background-image: url(Images/qr.png) !important;}
blockquote .byline em {
   font-size: 1.3rem;
   font-style: normal;
}

/* ========================================================Grund*/

.super-container {
   width: 100%;
}

.container {
   padding: 20px 0;
}

#wrapper {
   min-height: 100%;
}

#header {
   height: 70px;
   padding: 20px 0;
}

#header .container {padding: 0;}

#logo {
   float: left;
   max-height: 70px;
}

h2#slogan {
   float: left;
   margin: 20px 0 0 10px;
   font-size: 1.7em;
   display: none;
}

#main {
   padding-top: 4.1em; /*Höjd på menyn + padding*/
}

#clearfooter {
   clear:both;
   height: 250px;
}

#footer-top {
   background: #e9e9e9;
   color: #000;
   text-align: center;
   height: 40px;
   padding: 10px 0;
}

#footer-top p {
   margin: 0;
   padding: 0;
   font-size: 2rem;
   line-height: 1;
}


#footer-top .button {
   background: transparent;
   border: 1px solid #000;
   border-radius: 0;
   color: #000;
   font-size: 1.6rem;
   text-transform: uppercase;
   text-shadow: none;
   margin-left: 1em;
   transition: all 0.2s;
}
#footer-top .button:hover, #footer-top .button:active {
   background: rgba(0,0,0,.05);
   color: #000;
}

#footer {
   position: relative;
   margin: -250px auto 0 auto;
   height: 240px;
   width: 100%;
   padding: 0px 0 10px;
   background: #333;
   text-transform: uppercase;
   font-weight: normal;
   font-family: 'Nunito', arial, sans-serif;
   font-size: 1em;
}
#redigeraeditorn #footer {position: static;}

#footer, #footer a, #footer h1, #footer h2, #footer h3, #footer h4, #footer h5 {
   color: #aaa;
   font-weight: 300;
   text-decoration: none;
   text-transform: none;
}

#footer h4 {
   text-transform: uppercase;
   font-weight: 300;
   font-size: 1.8rem;
   color: #fff;
}

#footer a:hover {color: #fff;}
#main-footer {padding-top: 40px;}
#mobile-footer {padding: 0 !important;}
#main-footer p {margin: 0;}

#smelink_linkbox a {
   color: #999;
   text-transform: none;
   text-decoration: none;
}

#mobile-footer {display: none; text-align: center;}
#mobile-footer p {margin: 0;}


/* ========================================================Nav*/

#nav {
   position: absolute;
   background: #fff;
   box-shadow: 0 0 5px #ddd;
   z-index: 999;
}

#nav.fixed {
   position: fixed;
   top: 0;
}

#nav .container {padding: 0;}

#nav ul {list-style: none; margin: 0; padding: 0; float: left;}
#nav ul li {float: left; margin: 0; padding: 0;}

#nav a {
   font-weight: normal;
   font-family: 'Nunito', arial, sans-serif;
   text-transform: uppercase;
   display: block;
   font-size: 1em;
   padding: 0.8em 1em;
   line-height: 1;
   text-align: left;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
   color: #333;
   text-decoration: none;
}

#nav li:first-child a {padding-left: 0;}

#nav ul li a:hover, #nav ul li a:active {color: #888;}
#nav ul li.current a {color: #88109e;}
#nav ul li:first-child a {border-left: 0;}
#nav ul li:last-child a {border-right: 0;}

/* Sub-nav <--------------------------------- */

/*Rubrik på undermenyn*/
#subMenuHeader {
   font-size: 1.4em;
   margin-bottom: 0.5em;
   color: #333;
   text-align: left;
   display: none;
}

ul#detachedSubMenu, ul#detachedSubMenu li {
   list-style: none;
   margin: 0;
   padding: 0;
}

ul#detachedSubMenu li a {
   display: block;
   padding: 10px 7px;
   font-size: 1.6rem;
   font-weight: 400;
   font-family: 'Nunito', arial, sans-serif;
   text-decoration: none;
   text-transform: none;
   color: #333;
   background: #eee;
   border-radius: 3px;
   margin: 0 0 3px 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

ul#detachedSubMenu li a:hover, ul#detachedSubMenu li a:active {
   background: #e9e9e9;
}

ul#detachedSubMenu li.active a {
   background: #88109e;
   color: #fff;
}

/*Nivå 3*/

ul#detachedSubMenu ul {
   margin: 0 0 3px 0;
}

ul#detachedSubMenu ul li a {
   padding: 7px 5px;
   color: #333;
   border-bottom: 1px solid #eee;
   font-size: 1em;
   background: transparent;
   text-transform: none;
   margin: 0;
}

ul#detachedSubMenu ul li:last-child a {border-bottom: 0;}

ul#detachedSubMenu ul li a:hover, ul#detachedSubMenu ul li a:active {
   background: transparent; 
   color: #888;
}

ul#detachedSubMenu ul li.active a, 
ul#detachedSubMenu ul li.active a:hover {
   color: #a01643;
   background: transparent;
}

/* Mobile <--------------------------------- */

/*Dölj/visa meny*/
#menu-toggle {
   display: none;
   background: transparent;
   line-height: 1;
   float: right;
   margin: 15px 0 10px 0;
}
#menu-toggle:hover, #menu-toggle:active {cursor: pointer; color: #cd3336;}

/* ========================================================Misc*/

#main .eleven > .image-wrapper img {
   background: #e9e9e9;
   box-sizing: border-box;
   padding: 7px;
   margin-bottom: 1em;
}

.image-wrapper {max-width: 100%;}

.image-subtext {
   font-style: italic; 
   font-size: 90%;
   margin: 0.2em 0 1em 0;
}

form {margin-bottom: 0;}
form input, form textarea {
   margin-bottom: 10px !important; 
   font-weight: normal !important; 
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   font-family: 'Nunito', arial, sans-serif;
   font-weight: normal !important;
}
label {font-weight: normal;}

.button, button {
   background: #642c85;
   border: 1px solid #642c85;
   border-radius: 3px;
   font-weight: normal;
   font-size: 1.1em;
   text-transform: none;
   font-family: 'Nunito', arial, sans-serif;
   color: #fff;
   text-shadow: 0 1px 2px #540d24;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.button:hover, button:hover, .button:active, button:active {background: #6e3092; color: #fff; border: 1px solid #6e3092;}
.button a {color: #fff !important; text-decoration: none;}

#ViewContactFormHolder input, #ViewContactFormHolder textarea {width: 97% !important;}

.padding {padding: 15px;}
.nomarginbottom {margin-bottom: 0;}
.nomargintop {margin-top: 0;}
.marginbottom1 {margin-bottom: 1em;}
.margintop1 {margin-top: 1em;}

/*News*/
.NewsList a {text-decoration: none;}
.date {color: #aaa;}
ul.NewsList, ul.NewList, ul.NewsList li {list-style: none; margin: 0; line-height: 1.5;}
p.pNewsText {margin-top: 0;}
#NewsList_ViewSidebarHeader {}
#NewsList_ViewSidebarArchiveLink {}

/*Slider*/
#slider121_wrapper .slider_caption {
   background: rgba(0,0,0,.3) !important;
   color: #fff;
}

#slider121_wrapper .slider_caption h2 {
   color: #fff;
}


/* ========================================================Media Queries*/

/* Full size 1200 */
@media only screen and (min-width: 1200px) {

}

/* Tablet and larger */
@media only screen and (min-width: 768px) {
   #nav {display: block !important;}
   #nav ul li ul, #nav ul li ul li {display: none;} /*Döljer dropdown*/
}

/* 960 to 1199 */
@media only screen and (min-width: 960px) and (max-width: 1199px) {

}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
   #nav a {padding: 0.8em 0.8em;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
   #slogan, #sub-nav, #nav, #main-footer {display: none;}
   .hide, .nivo-caption {display: none !important;}
   #mobile-footer, #menu-toggle, #nav ul li.current ul, #nav ul li.current ul li.current ul {display: block;}
   .container {padding: 10px 0;}
   .divider-column {width: 100% !important;}
   #header {height: auto;}
   #logo, #logo img, #logo2, #logo2 img, #logo3, #logo3 img {max-width: 250px;}
   #nav, #nav.fixed {position: static; padding: 1em 0;}
   #nav a {margin: 0; padding: 0.8em 0; clear: both; border-bottom: 0 !important; text-transform: none;}
   #nav ul li ul {visibility: visible; opacity: 1; overflow: auto;}
   #nav ul li ul li a {float: none; font-size: 95%; padding: 0.8em 0 0.8em 15px;}
   #nav ul li ul li:first-child a {padding-left: 15px;}
   #nav ul li ul li ul li {list-style: none; margin-left: 0;}
   #nav ul li ul li ul li a {padding: 0.8em 0 0.8em 30px;}
   #nav ul li ul li:first-child ul li a {padding-left: 30px;}
   #nav ul li#current a {color: #642c85;}
   #nav ul li#current ul li a, #nav ul li.current a {color: #333; text-decoration: none;}
   #main {padding-top: 10px;}
   #clearfooter {height: 40px;}
   #footer {height: 30px; padding: 10px 0 0 0; margin: -40px 0 0 0;}
   .padding {padding: 10px;}
   #footer-top {display: none;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
   #nav a, #nav ul li ul, #nav ul li ul li ul {width: 420px; max-width: 420px;}
   #nav ul li ul li a {width: 405px; max-width: 405px;}
   #nav ul li ul li ul li a {width: 390px; max-width: 390px;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
   #nav a, #nav ul li ul, #nav ul li ul li ul {width: 300px; max-width: 300px;}
   #nav ul li ul li a {width: 285px; max-width: 285px;}
   #nav ul li ul li ul li a {width: 270px; max-width: 270px;}
}