/*page-public-classes: bleed*/
/*div-public-classes:(tvåtredjedelar, tvåfjärdedelar, halv, tredjedel, fjärdedel), (tvåkolumner, trekolumner, fyrakolumner), (centrerad, högerställd, marginaljustera), luftig, till_höger, logga, hide_mobile, hide*/
/*section-public-classes:(tvåtredjedelar, tvåfjärdedelar, halv, tredjedel, fjärdedel), (centrerad, högerställd, marginaljustera), luftig, till_höger, gråbakgrund, hide_mobile, hide*/
/*h1-public-classes:(tvåtredjedelar, tvåfjärdedelar, halv, tredjedel, fjärdedel), (centrerad, högerställd, marginaljustera), till_höger, hide_mobile, hide*/
/*h2-public-classes:(tvåtredjedelar, tvåfjärdedelar, halv, tredjedel, fjärdedel), (centrerad, högerställd, marginaljustera), till_höger, hide_mobile, hide*/
/*h3-public-classes:(tvåtredjedelar, tvåfjärdedelar, halv, tredjedel, fjärdedel), (centrerad, högerställd, marginaljustera), till_höger, hide_mobile,  hide*/
/*h4-public-classes:(tvåtredjedelar, tvåfjärdedelar, halv, tredjedel, fjärdedel), (centrerad, högerställd, marginaljustera), till_höger, hide_mobile,  hide*/
/*h5-public-classes:(tvåtredjedelar, tvåfjärdedelar, halv, tredjedel, fjärdedel), (centrerad, högerställd, marginaljustera), till_höger, hide_mobile,  hide*/
/*table-public-classes: h_gradient, h_färg, h_centrerad, rad_varannan, rad_centrerad, rad_markera, skugga, (linjer, streckade, ljusa), fullvidd, (litentext, stortext), höger */
/*loopdiv-public-classes: (tvåtredjedelar, tvåfjärdedelar, halv, tredjedel, fjärdedel), (centrerad, högerställd, marginaljustera), till_höger, hide_mobile, hide*/
body {
  background: url('/css.vinode/image/basic20150217111109_bg.png') center bottom fixed !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#content a img {
  border: none;
}
p {
  margin: 0;
  padding: 0;
}
/* Wraps the user definable content. */
#wrap,
#wrap td {
  /*font: 14px LucidaGrande, Lucida, Helvetica, Arial, sans-serif;*/
  font-size: 14px;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color: #4f4f4f;
}
#wrap {
  width: 100%;
  margin: 0 auto 0 auto;
  background-color: white;
  padding: 0;
  border-radius: 5px;
}
/* The default header div. 
   The div id can be changed by the user. */
#header {
  width: 100%;
  margin: 0 0 2em 0;
  padding: 0;
  border-bottom: 30px solid #1fb350;
  display: inline-block;
  position: relative;
  background-color: #167f39;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.12) 86%, rgba(255, 255, 255, 0.15) 99%, rgba(255, 255, 255, 0.15) 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%, rgba(255, 255, 255, 0)), color-stop(86%, rgba(255, 255, 255, 0.12)), color-stop(99%, rgba(255, 255, 255, 0.15)), color-stop(100%, rgba(255, 255, 255, 0.15)));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.12) 86%, rgba(255, 255, 255, 0.15) 99%, rgba(255, 255, 255, 0.15) 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.12) 86%, rgba(255, 255, 255, 0.15) 99%, rgba(255, 255, 255, 0.15) 100%);
  /* Opera 11.10+ */
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.12) 86%, rgba(255, 255, 255, 0.15) 99%, rgba(255, 255, 255, 0.15) 100%);
  /* IE10+ */
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0.12) 86%, rgba(255, 255, 255, 0.15) 99%, rgba(255, 255, 255, 0.15) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#26ffffff', GradientType=0);
  /* IE6-9 */
}
#header > .inner {
  width: 920px;
  margin: 0 auto 0 auto;
  padding: 0 1em;
}
#header h1,
#header h2,
#header h3,
#header h4,
#header h5 {
  color: white;
}
#header h2 {
  float: right;
  margin-top: 3.2em;
}
#header h1 {
  font-size: 4em;
  padding: 0;
  font-family: new times roman;
  font-weight: 100;
  float: left;
}
#header h1 a {
  color: white;
  text-decoration: none;
}
.horizontal ul {
  display: inline;
  margin-left: 0px;
  padding-left: 0px;
}
.horizontal ul li {
  display: inline;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 5px;
  margin: 0;
}
.horizontal ul li ul {
  display: inline;
  margin-left: 0px;
  padding-left: 0px;
}
.horizontal ul li ul li {
  margin: 0;
  margin-left: 10px;
  padding-left: 0px;
  padding-bottom: 5px;
}
/* The default menu div contained in the header div.
   The div id can be changed by the user. */
#menu {
  text-align: left;
  margin: 0 0 -23px 0;
  font-size: 1em;
  font-style: normal;
  clear: both;
}
#menu a {
  color: white;
  padding: 7px 2em 7px 2em;
  text-decoration: none;
}
#menu a:hover,
#menu a.current,
#menu a.current_group {
  color: white;
  background: #1a9543;
}
#menu a:hover {
  background: #147233;
}
/* The default sidebar div.
   The div id can be changed by the user. */
#sidebar {
  float: right;
  width: 33%;
  margin-top: 1.3em;
}
#sidebar p {
  margin: 0;
  padding: 0;
}
/* The default subMenu div contained in the sidebar div.
   The div id can be changed by the user. */
#submenu {
  width: 80%;
  background-color: #f0f0f0;
  border: 1px solid #bfbfbf;
  float: right;
}
.edit_mode #submenu {
  display: none;
}
.vertical a {
  text-decoration: none;
}
.vertical a:hover {
  text-decoration: underline;
  color: gray;
}
.vertical ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.vertical ul ul {
  margin-left: 0.7em;
}
#submenu a {
  color: #0e0e0e;
  display: block;
  padding: 0.4em 0.5em 0.4em 0.2em;
  margin: 0;
  padding-left: 0.6em;
  text-shadow: 0 1px #FFFFFF;
  margin-bottom: 4px;
}
#submenu .last a {
  margin-bottom: 0;
}
#submenu a.current,
#submenu a.current_group {
  text-decoration: none;
  background-color: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}
#submenu a.group {
  background-image: url('/cgi-bin/WebObjects/foretag.woa/3/wa/image?id=basic_group.gif&key=css');
  background-repeat: no-repeat;
  background-position: 0px 50%;
}
#submenu a.current_group {
  background-image: url('/cgi-bin/WebObjects/foretag.woa/3/wa/image?id=basic_current_group.gif&key=css');
  background-repeat: no-repeat;
  background-position: 0px 50%;
}
#submenu a.current {
  background-color: white;
}
/* Wraps the page specific content including parts of the admin interface. */
/* Wraps the page specific content. */
#content {
  float: left;
  width: 100%;
  margin: 0;
  line-height: 1.4em;
  color: #292929;
  padding: 0 0 2em 0;
}
#content > .inner {
  margin: 0 auto 0 auto;
  width: 920px;
  padding: 0 1em;
}
#content .part {
  clear: none;
  margin-bottom: 0.5em;
}
.bleed #content > .inner {
  margin: 0;
  width: 100%;
  padding: 0;
}
.bleed #content > .inner > .section {
  width: 100%;
}
.bleed #content > .inner > .section > .inner {
  width: 920px;
  margin: 0 auto 0 auto;
  padding: 0 1em;
}
.edit_mode .content_part_container > .part {
  float: none;
}
.edit_mode #content > .inner {
  margin: 0;
  width: 100%;
  padding: 0;
  width: 920px;
  margin: 0 auto 0 auto;
}
.edit_mode #content > .inner .section {
  width: 100%;
}
.edit_mode #content > .inner .section > .inner {
  width: 920px;
  margin: 0 auto 0 auto;
  padding: 0 1em;
}
#content p {
  padding-right: 0.5em;
  padding-bottom: 1em;
}
#content address {
  padding: 10px 25px 10px 20px;
  margin: 0;
  background: url('/cgi-bin/WebObjects/helppages.woa/1/wa/image?id=dropshell2_quote.gif&key=css') no-repeat;
  background-position: 0px 0px;
  font-style: italic;
  font-size: 0.9em;
  vertical-align: center;
  color: #757575;
  clear: both;
}
#content h1,
#content h2,
#content h3,
#content h4,
#content h5 {
  font-weight: 100;
  padding: 0.7em 0 0.4em 0;
  margin: 0;
  line-height: 1.2em;
}
#content h1 {
  font-size: 1.9em;
}
#content h1 p {
  display: inline-block;
  padding-bottom: 0.3em;
  margin: 0;
}
#content h2 {
  font-size: 1.7em;
}
#content h3 {
  font-size: 1.5em;
}
#content h4 {
  font-size: 1.3em;
}
#content h5 {
  font-size: 1.2em;
}
#content h6 {
  font-size: 1.1em;
}
/* The default footer div. 
   The div id can be changed by the user. */
#footer {
  clear: both;
  text-align: center;
  font-size: 0.9em;
  color: white;
  padding: 0.5em 0 2em 0;
}
#footer > .inner {
  width: 920px;
  margin: 0 auto 0 auto;
}
#footer h1 {
  border-bottom: 1px solid white;
  padding-bottom: 0.5em;
}
#footer p {
  margin: 0;
  padding: 0;
}
/* The login link. */
#login {
  position: fixed;
  top: 6px;
  right: 2px;
  font: 10px verdana, sans-serif;
}
#login a {
  color: white;
  background-color: gray;
  text-decoration: none;
  border: 2px outset;
  margin: 0;
  padding: 0.1em;
}
#login a:hover {
  background-color: lightgray;
}
body {
  margin: 0;
  padding: 0;
}
.repetition_text .publishedTime {
  display: none;
}
.repetition_text h2 {
  border-bottom: 3px solid #167f39;
  display: inline-block;
  padding: 0.7em 0 0.3em !important;
  margin: 0 0 0.2em 0 !important;
  font-size: 1.9em !important;
  font-style: italic;
}
.repetition_text .info_box ul {
  margin-bottom: 1em;
  margin-left: 1.5em;
  list-style: disc;
}
.gråbakgrund {
  background: #ebebeb;
}
.luftig {
  padding: 0 1em;
  margin: 0 1em;
}
.logga {
  float: left;
}
.size_fjardedelsbild {
  width: 25% !important;
}
.size_fjardedelsbild .part_image {
  height: auto !important;
}
.size_tredjedelsbild {
  width: 33% !important;
}
.size_tredjedelsbild .part_image {
  height: auto !important;
}
.size_halvbild {
  width: 50% !important;
}
.size_halvbild .part_image {
  height: auto !important;
}
.size_fullviddsbild {
  width: 100% !important;
}
.size_fullviddsbild .part_image {
  height: auto !important;
}
.menu_button {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 10;
  cursor: pointer;
  height: 59px;
  width: 100%;
  background: url('vitakorvar.png');
  background-repeat: no-repeat;
  background-position: 94% 16px;
  background-size: 40px 40px;
  display: none;
}
.mobile_menu {
  position: fixed;
  right: 0 !important;
  z-index: 10;
  transition: 0.7s;
  float: right !important;
  top: 76px;
  display: none;
}
.mobile_menu .inner {
  padding: 1em;
  background: #167f39;
  display: inline-block;
}
.mobile_menu a {
  color: white;
  text-decoration: none;
  font-size: 24px;
  padding-bottom: 0.5em;
  padding-right: 1em;
  padding-left: 1em;
  display: block;
  text-align: right;
}
.gallery {
  position: relative !important;
  z-index: 0 !important;
}
.has_sidebar #content {
  width: 920px;
  margin: 0 auto 0 auto;
  float: none;
}
.has_sidebar #content > .inner {
  width: 66%;
  float: left;
}
.tvåkolumner {
  column-gap: 38px;
  -moz-column-gap: 38px;
  /* Firefox */
  -webkit-column-gap: 38px;
  /* Safari and Chrome */
  -webkit-column-count: 2 !important;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2 !important;
  /* Firefox */
  column-count: 2 !important;
}
.trekolumner {
  column-gap: 38px;
  -moz-column-gap: 38px;
  /* Firefox */
  -webkit-column-gap: 38px;
  /* Safari and Chrome */
  -webkit-column-count: 3 !important;
  /* Chrome, Safari, Opera */
  -moz-column-count: 3 !important;
  /* Firefox */
  column-count: 3 !important;
}
.fyrakolumner {
  column-gap: 38px;
  -moz-column-gap: 38px;
  /* Firefox */
  -webkit-column-gap: 38px;
  /* Safari and Chrome */
  -webkit-column-count: 4 !important;
  /* Chrome, Safari, Opera */
  -moz-column-count: 4 !important;
  /* Firefox */
  column-count: 4 !important;
}
@media screen and (max-width: 921px) {
  #wrap > .inner {
    width: 100%;
  }
  #header > .inner {
    width: 100%;
  }
  #content > .inner {
    width: 100%;
  }
  #footer > .inner {
    width: 100%;
  }
  .bleed #content > .inner .section {
    width: 100%;
  }
  .bleed #content > .inner .section .inner {
    width: 100%;
  }
  .image_gallery_swiper .swiper-main-container,
  .image_gallery_swiper .swiper-nav-container {
    width: 740px !important;
  }
  .image_gallery_swiper .swiper-main-container {
    height: 369.17225951px !important;
  }
  .has_sidebar #content {
    width: 100%;
    margin: 0 auto 0 auto;
    float: none;
  }
  .has_sidebar #content > .inner {
    width: 66%;
    float: left;
  }
}
@media screen and (max-width: 660px) {
  #menu {
    display: none;
  }
  .mobile_menu,
  .menu_button {
    display: block;
  }
  #header {
    background: #167f39;
    position: fixed;
    z-index: 10;
    height: 76px;
    margin-bottom: 0 !important;
    border-bottom: 0;
  }
  #header h1 {
    margin-top: 0.1em;
  }
  #content {
    margin-top: 76px;
    -webkit-text-size-adjust: 100%;
  }
  #login {
    display: none;
  }
  #sidebar {
    display: none;
  }
  .has_sidebar #content > .inner > .part {
    width: 100%;
  }
  .logga {
    margin-top: 0.5em;
  }
  .logga .image {
    width: 80% !important;
  }
  .logga .image .part_image {
    height: auto !important;
  }
  .hide_mobile {
    display: none;
  }
  .image_gallery_swiper .swiper-main-container,
  .image_gallery_swiper .swiper-nav-container {
    width: 540px !important;
    margin-top: 1em;
  }
  .image_gallery_swiper .swiper-main-container {
    height: 269.39597315px !important;
  }
  .trekolumner {
    column-gap: 38px;
    -moz-column-gap: 38px;
    /* Firefox */
    -webkit-column-gap: 38px;
    /* Safari and Chrome */
    -webkit-column-count: 2 !important;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2 !important;
    /* Firefox */
    column-count: 2 !important;
  }
  .fyrakolumner {
    column-gap: 38px;
    -moz-column-gap: 38px;
    /* Firefox */
    -webkit-column-gap: 38px;
    /* Safari and Chrome */
    -webkit-column-count: 2 !important;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2 !important;
    /* Firefox */
    column-count: 2 !important;
  }
}
@media screen and (max-width: 560px) {
  .halv {
    width: 100% !important;
    padding-right: 0;
    padding-left: 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;
    -ms-transition: all 0.2s ease-in-out;
  }
  .halv + .halv {
    padding-left: 0 !important;
    padding-right: 0;
  }
  .tvåtredjedelar {
    float: left;
    width: 100% !important;
    padding-right: 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;
    -ms-transition: all 0.2s ease-in-out;
  }
  .tvåtredjedelar + .tredjedel {
    padding-left: 0;
    padding-right: 0;
  }
  .tredjedel {
    float: left;
    width: 100% !important;
    padding-right: 0em;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
  }
  .tredjedel + .tvåtredjedelar {
    padding-right: 0;
    padding-left: 0 !important;
  }
  .nyheter {
    width: 100%;
  }
  .image_gallery_swiper .swiper-main-container,
  .image_gallery_swiper .swiper-nav-container {
    width: 270px !important;
    margin-top: 1em;
  }
  .image_gallery_swiper .swiper-main-container {
    height: 134.69798658px !important;
  }
  .tvåkolumner {
    column-gap: 38px;
    -moz-column-gap: 38px;
    /* Firefox */
    -webkit-column-gap: 38px;
    /* Safari and Chrome */
    -webkit-column-count: 1 !important;
    /* Chrome, Safari, Opera */
    -moz-column-count: 1 !important;
    /* Firefox */
    column-count: 1 !important;
  }
  .trekolumner {
    column-gap: 38px;
    -moz-column-gap: 38px;
    /* Firefox */
    -webkit-column-gap: 38px;
    /* Safari and Chrome */
    -webkit-column-count: 1 !important;
    /* Chrome, Safari, Opera */
    -moz-column-count: 1 !important;
    /* Firefox */
    column-count: 1 !important;
  }
  .fyrakolumner {
    column-gap: 38px;
    -moz-column-gap: 38px;
    /* Firefox */
    -webkit-column-gap: 38px;
    /* Safari and Chrome */
    -webkit-column-count: 1 !important;
    /* Chrome, Safari, Opera */
    -moz-column-count: 1 !important;
    /* Firefox */
    column-count: 1 !important;
  }
}
.centrerad {
  text-align: center;
}
.högerställd {
  text-align: right;
}
.till_höger {
  float: right !important;
  padding-right: 0 !important;
}
/*Standardpaket public-classes*/
.halv {
  /*+ .halv{
		padding-right: 0;
		float: right;
	}*/
  float: left;
  width: 50%;
  padding-right: 1em;
}
.tvåtredjedelar {
  float: left;
  width: 66%;
  padding-right: 1em;
  /*+ .tredjedel{
		padding-right: 0;
		float: right;
	}*/
}
.tredjedel {
  float: left;
  width: 33%;
  padding-right: 1em;
  /*+ .tvåtredjedelar{
		padding-right: 0em;
		float: right;
	}*/
}
.part.table {
  border-collapse: collapse;
}
.part.table td {
  color: white !important;
}
.part.table tr {
  background-color: #167f39;
}
.part.table.fullvidd {
  width: 100%;
}
.part.table.linjer td {
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
}
.part.table.streckade td {
  border-width: 1px;
  border-style: dotted;
  border-color: #666666;
}
.part.table.ljusa td {
  border-width: 1px;
  border-style: solid;
  border-color: #999999;
}
.part.table.h_färg tr:first-child {
  background-color: #0e5425;
}
.part.table.h_gradient tr:first-child {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));
  /* W3C */
}
.part.table.h_centrerad tr:first-child td {
  text-align: center;
}
.part.table.rad_markera tr:nth-child(n+2):hover {
  background-color: lightgray!important;
}
.part.table.höger {
  float: right;
  margin: 0 0 0 1em;
  margin-top: 0.4em;
}
.rad_varannan tr:nth-child(2n+3) {
  background-color: transparent;
}
.rad_varannan tr:nth-child(2n+3) td {
  color: #4f4f4f !important;
}
.rad_varannan tr:nth-child(even) {
  background-color: #167f39;
}
.rad_centrerad tr:nth-child(n+2) td {
  text-align: center;
}
.skugga {
  box-shadow: 10px 10px 5px #888888;
}
.h_centrerad {
  text-align: center;
}
.litentext {
  font-size: 0.8em;
  line-height: normal;
}
.stortext {
  font-size: 1.1em;
  line-height: normal;
}