@import url(pub/css/skeleton204.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);

a img {border: 0; border-style: none;} /*IE10 fix*/

html, body {
   width: 100%;
   min-height: 100%;
}

html {
   min-height: 100%;
   background: #f6fbfb;
   // background-image: url(Images/rwd18-htmlbg1.png), url(Images/rwd18-htmlbg2.png);
   background-position: bottom left, bottom right;
   background-repeat: no-repeat;
   background-size: 40% auto, 60% auto;
}

body {
   min-width: 100%;
   min-height: 100%;
   margin: 0;
   color: #222;
   font-family: georgia, serif;
   font-size: 1.6em;
   font-weight: normal;
   line-height: 1.6;
}

h1, h2, h3, h4, h5, h6, #subMenuHeader {
   margin: 40px 0 5px 0;
   font-family: 'Open Sans', sans-serif;
   font-weight: 700;
   letter-spacing: -0.06em;
   line-height: 1.2;
   text-transform: uppercase;
}

h1, h2#NewsList_ViewArchiveHeader, h2#NewsList_ViewNewsItemHeader {margin-top: 0; font-size: 3.8rem;}
h2 {font-size: 2.7rem; text-transform: none;}
h3 {font-size: 2.1rem;}
h4 {font-size: 3.8rem; color: #006ba2;}
h5 {font-size: 2.7rem; color: #006ba2;}
h6 {font-size: 2.1rem; color: #006ba2;}

p {}

a {color: #006ba2; font-weight: normal; text-decoration: underline;}
a:hover, a:active {color: #006ba2; text-decoration: none;}

body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a {font-weight: bold ; text-decoration: none ;}
body h1 a, body h2 a, body h3 a {color: #222;}
body h4 a, body h5 a, body h6 a {color: #006ba2 ;}

strong {font-weight: bold;}
em {font-style: italic;}

ul, ol {
   list-style-position: outside !important;
   margin-left: 18px;
}
ul {list-style: disc;}
ol {}

/* Basic ----------*/

.super-container {width: 100%;}

.container {
   max-width: 1200px;
   padding-top: 20px;
   padding-bottom: 20px;
}

#wrapper {
   background: #dae7e7;
   background-image:url('Images/bg.jpg');
   background-repeat:no-repeat;
   background-size:cover;
}

#header {
   padding-top: 0;
   padding-bottom: 0;
   position: relative;
   z-index: 99;
}
#header .container {padding-top: 0; padding-bottom: 0;}

#logo {
   max-height: 200px;
   padding: 5px 10px;
   background: #fff;
   border-bottom-left-radius: 5px;
   border-bottom-right-radius: 5px;
   
}

#header-icons {
   float: right;
}

#header-icons .button {
   float: right;
   margin: 8px 0 0 3px;
   padding: 10px;
   border-radius: 50%;  
}

#header-icons img {
   width: 15px;
}

#menu-toggle {}
#menu-toggle:hover {cursor: pointer;}
#call {}
#email {display: none;}
#find { display:none; }
#facebook {display: none; background: #4e69a2;}
#facebook:hover {background: #3a548a;}
#twitter {display: none; background: #5ea9dd;}
#twitter:hover {background: #4893c6;}

#main { min-height:350px; }

#puffar {
   display: none;
   background: #0e4194;
}
#puffar .container {max-width: 100%; width: 100%; padding: 0;}
#puffar .padding {padding: 20px; border-bottom: 1px solid #ddd;}
#puffar .image-wrapper {
   background:#0e4194;
   display: none;
   float: none !important; 
   width: 130px !important; 
   height:130px !important;
   margin: 0 auto; 
  border-radius: 50%; 
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
}
#puffar .image-wrapper img {transition: all 300ms;}
#puffar .image-wrapper img:hover {transform: scale(1.1);}
#puffar, #puffar h2 {text-align: center !important;}
#puffar h2 {margin-top: 0;}
#puffar p {margin-bottom: 0;}

#cta {
   height: auto !important;
   background: #eee url(https://www.testwebben.se/8105/Images/rwd18-ctabg.jpg) no-repeat center center;
   background-size: cover; 
}
#cta, #cta h2, #cta a {color: #fff; text-align: center !important;}
#cta h2 {max-width: 500px; margin: 0 auto 20px auto; margin-top:10px !important; font-size: 2.4rem;}
#cta .button {padding: 15px 35px;}
#cta .button a {font-weight: 600;}

#footer {
   width: 100%;
   margin-bottom: 10px;
   font-family: 'Open Sans', sans-serif;
   text-align: center;
}
#redigeraeditorn #footer { position: static; }
#footer, #footer a {
   color: #666;
   font-weight: normal; 
   text-decoration: none;
   text-transform: uppercase;
}
#footer p {margin: 0;}
#main-footer {display: none;}

/* Nav ----------*/

#nav {
	background:rgba(0,0,0,0.6);
   	padding:0 20px;
   	margin-top:0 !important;
   	border-bottom-left-radius:6px;
   border-bottom-right-radius:6px;
}

#nav a {
   font-size:0.8em !important;   
   color:#fff !important;
}
#nav a:hover {
   color:#ccc !important;
}


/* Lv. 1 */
#mobile-sidebar {
   display: none;
   margin: 0;
   padding: 0;
   background: #fff;
   box-shadow: none;
}

#mobile-sidebar ul {
   display: block;
   float: none;
   width: 100%;
   max-width: 100%;
   margin: 0;
   padding: 0;
   list-style: none;
}

#mobile-sidebar ul li {
   float: none;
   margin: 0;
   padding: 0;
   list-style: none;
}

#mobile-sidebar ul li a {
   display: block;
   margin: 0;
   padding: 15px 10px;
   border-top: 1px solid #ddd;
   color: #222;
   font-family: 'Open Sans', sans-serif;
   font-weight: normal;
   font-size: 1em;
   text-decoration: none;
   text-transform: none;
}
#mobile-sidebar ul li a:hover, #mobile-sidebar ul li a:active {}
#mobile-sidebar ul li.parent.current a, #mobile-sidebar ul li#current a {color: #222;}


/* Lv. 2 */
#mobile-sidebar ul li ul li {}
#mobile-sidebar ul li ul li a {
   padding: 10px 5px 10px 15px;
   border: 0;
   font-size: 1em;

}
#mobile-sidebar ul ul li.parent.current a {}
#mobile-sidebar ul li.parent.current ul li a {color: #222;}
#mobile-sidebar ul li#current a {color: #222;}

/* Lv. 3 */
#mobile-sidebar ul li ul li ul {display: none;}
#mobile-sidebar ul li ul li.parent.current ul {display: block;}
#mobile-sidebar ul li ul li ul li {}
#mobile-sidebar ul li ul li ul li a {
   padding: 10px 5px 10px 35px;
}

/* Hide/Show sub levels */
#mobile-sidebar ul li ul {display: none;}
#mobile-sidebar ul li.current ul {display: block;}
#mobile-sidebar ul li.current ul li ul {display: none;}
#mobile-sidebar ul li ul li#current ul {display: block;}

/* Current / Parent */
#mobile-sidebar ul li#current>a {color: #006ba2;}

#nav, #sub-nav {display: none;}

/* Misc ----------*/

/*Form*/
form {margin-bottom: 0;}

#main input, 
#main textarea {
   width: 250px;
   height: auto;
   padding: 10px 2px;
   background: #f7f7f7;
   border: 1px solid #ddd;
   border-radius: 0;
   color: #999;
   font-family: helvetica, arial, sans-serif;
   font-size: 1em;
   font-weight: normal;
   transition: all 300ms;
}
#main input:focus, #main textarea:focus {background: #fdfdfd; color: #222;}

#main textarea {width: 300px; height: 100px;}
#main textarea, #main input {max-width: 100%;}
label {font-weight: normal;}

body button, body .button {
   height: auto;
   margin: 0;
   padding: 10px 20px;
   background: #f8bc13;
   border: 0;
   border-radius: 30px;
   color: #fff;
   font-family: 'Open Sans', sans-serif;
   font-size: 1.7rem;
   font-weight: 600;
   letter-spacing: normal;
   line-height: 1;
   text-decoration: none !important;
   text-transform: uppercase;
   transition: all 300ms;
   white-space: normal;
}
button:hover, .button:hover {background: #e7ad0a; color: #fff;}

.button.button-primary {background: #006ba2;}
.button.button-primary:hover {background: #005987;}

body .full-width {display: block; padding: 0; font-size: 2.2rem;}
body .full-width a {display: block; padding: 15px 10px; text-align: center !important;}

.button a, .button:hover a, .button.button-primary a {color: #fff;}
.button a {font-weight: 600; text-decoration: none;}

/*NewsList*/

.NewsList, .NewList {margin-left: 0; list-style: none;}
.date, .NewsList_date strong {font-style: italic; font-weight: normal;}
.NewsList li {margin-bottom: 20px;}

/*Misc*/

.nomargintop {margin-top: 0;}
.nomarginbottom {margin-bottom: 0;}
.margintop {margin-top: 2.5rem;}
.marginbottom {margin-bottom: 2.5rem;}
.padding {padding: 20px;}

.p-image-left { margin-right:10px; }
.p-image-right { margin-left:10px; }
.image-wrapper {max-width: 100%; margin-bottom: 10px;}
.image-subtext {margin: .1em 0 .5em 0; font-size: 0.8em;}
.elem-iframe-wrapper {margin-bottom: 20px;}
#contactFormErrorSpan {font-style: italic;}

/* Mobile and phablet only --------------------------------------------------*/
@media only screen and (max-width: 749px) {

   /* Basic ----------*/
   
   #logo {max-height:120px; }

   /* Nav ----------*/

   /* Misc ----------*/

   .divider-column {width: 100% !important;}

}


/* Larger than mobile --------------------------------------------------*/
@media (min-width: 400px) {

   /* Basic ----------*/

   #footer-cta h2 {margin-top: 90px;}
   #footer-main p {margin-top: 50px;}

   /* Nav ----------*/

   /* Misc ----------*/

}


/* Larger than phablet --------------------------------------------------*/
@media (min-width: 550px) {

   /* Basic ----------*/

   /* Nav ----------*/

   /* Misc ----------*/

}

/* Tablet only --------------------------------------------------*/
@media (min-width: 550px) and (max-width: 999px) {

   /* Basic ----------*/

   .one.column, .one.columns, 
   .two.columns, 
   .three.columns, 
   .four.columns, 
   .five.columns, 
   .six.columns, 
   .seven.columns, 
   .eight.columns, 
   .nine.columns, 
   .ten.columns, 
   .eleven.columns, 
   .twelve.columns,
   .one-third.column, 
   .two-thirds.column, 
   .one-half.column {width: 100%; margin-left: 0;}

   /* Offsets */
   .offset-by-one.column, .offset-by-one.columns,
   .offset-by-two.column, .offset-by-two.columns,
   .offset-by-three.column,
   .offset-by-three.columns,
   .offset-by-four.column,
   .offset-by-four.columns, 
   .offset-by-five.column,
   .offset-by-five.columns,
   .offset-by-six.column,
   .offset-by-six.columns, 
   .offset-by-seven.column,
   .offset-by-seven.columns,
   .offset-by-eight.column,
   .offset-by-eight.columns, 
   .offset-by-nine.column,
   .offset-by-nine.columns, 
   .offset-by-ten.column,
   .offset-by-ten.columns,
   .offset-by-eleven.column,
   .offset-by-eleven.columns, 
   .offset-by-one-third.column,
   .offset-by-one-third.columns,
   .offset-by-two-thirds.column,
   .offset-by-two-thirds.columns, 
   .offset-by-one-half.column,
   .offset-by-one-half.columns {margin-left: 0;}

   /* Nav ----------*/

   /* Misc ----------*/

}

/* Larger than tablet --------------------------------------------------*/
@media (min-width: 750px) {

   body {
      font-size: 1.6em;
   }

   /* Basic ----------*/

   .container {
      padding-top: 30px;
      padding-bottom: 30px;
   }

   #logo {
      max-height: 145px;
      padding: 0px 0px;
   }

   #header-icons .button {
      margin: 20px 0 0 5px;
      padding: 15px;
   }

   #header-icons img {
      width: 25px;
   }

   #cta {height: 400px;}
   #cta h2 {margin: 0 auto 30px auto; margin-top: 10px; font-size: 3rem;}
   #cta .button {padding: 20px 40px;}

   #footer {
      margin-bottom: 100px;
   }

   #mobile-footer {display: none;}
   #main-footer {display: block;}

   #smelink_linkbox {
      display: block; 
      opacity: 0.5; 
      margin-top: 10px;
   }

   /* Nav ----------*/

   /* Misc ----------*/

}

/* Larger than desktop --------------------------------------------------*/
@media (min-width: 1170px) {

   /* Basic ----------*/

   .container {
      padding-top: 50px;
      padding-bottom: 50px;
   }

   #header .container {
      position: static;
   }

   #header-icons {
      position: fixed; 
      top: 10px;
      right: 10px;
      z-index: 9;
   }

   #header-icons .button {
      float: right;
      clear: both;
      margin: 0 0 3px 0;
      padding: 10px;
   }

   #header-icons img {
      width: 18px;
   }

   #call {display: none;}
  //  #email, #facebook, #twitter {display: block;}

   #puffar {
      display: block;
      background: #fff;
   }
   #puffar .container {max-width: 100%; width: 100%; padding: 50px 0;}
   #puffar .padding {padding: 0 20px; border-bottom: 0;}
   #puffar .image-wrapper {display: block;}
   #puffar h2 {margin-top: 20px;}

   #cta {height: 500px;}
   #cta h2 {margin-top: 140px;}

   #footer {
      margin-bottom: 150px;
   }

   /* Nav ----------*/

   #menu-toggle {display: none;}

   /* Lv. 1 */
   #nav {
      display: block;
      float: right;
      margin-top: 2px;
      padding:0 15px;
   }

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

   #nav a {
      display: block;
      margin: 0 0 0 20px;
      padding: 35px 0;
      color: #222;
      font-family: 'Open Sans', sans-serif;
      font-size: 1em;
      font-weight: 600;
      text-decoration: none;
      text-transform: uppercase;
      transition: all 300ms;
   }

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

   #nav ul li a:hover, #nav ul li a:active {color: #006ba2;}
   #nav ul li.current a {padding: 30px 0 35px 0; border-top: 5px solid #f8bc13; font-weight: 700;}
   #nav ul li:first-child a {border-left: 0;}
   #nav ul li:last-child a {border-right: 0;}

   /* Lv. 2 */
   #sub-nav {display: block;}

   #subMenuHeader {display: none;}

   ul#detachedSubMenu, ul#detachedSubMenu ul {list-style: none; margin: 0;}
   ul#detachedSubMenu {border: 1px solid #e7ad09; border-bottom: 0;}
   ul#detachedSubMenu li {margin: 0;}

   ul#detachedSubMenu li a {
      display: block;
      padding: 10px 10px;
      background: #f8bc13;
      border-bottom: 1px solid #e7ad09;
      color: #fff;
      font-family: 'Open Sans', sans-serif;
      font-size: 1em;
      font-weight: normal;
      text-decoration: none;
      transition: all 300ms;
   }
   ul#detachedSubMenu li a:hover, ul#detachedSubMenu li a:active {background: #e7ad09;}
   ul#detachedSubMenu li.active a {background: #e7ad09;}

   /* Lv. 3 */
   ul#detachedSubMenu ul li a {
      margin: 0;
      padding: 5px 10px 5px 20px;
      background: #d79f00;
      border-bottom: 1px solid #cd9701;
      border-radius: 0;
      color: #fff;
      font-size: 1em;
      text-transform: none;
   }

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

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


   /* Misc ----------*/

}

/* Larger than Desktop HD --------------------------------------------------*/
@media (min-width: 1200px) {

   /* Basic ----------*/

   /* Nav ----------*/
   #nav {padding:0 20px;}
   #nav a {margin: 0 0 0 30px;}

   /* Misc ----------*/

}


#ViewContactFormHolder input, #ViewContactFormHolder textarea { width:300px; min-width:300px; }