<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox &lt; 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*! HiDPI v2.0.1 | MIT License | git.io/hidpi */
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit;
  padding: 0;
  margin: 0; }

html {
  font-size: 100%;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll; }
  html body {
    color: #333333;
    font-size: 80%;
    font-family: Arial, Helvetica, sans-serif; }

a, a:visited, a:active {
  color: #5d7d7b;
  text-decoration: none; }

a:hover {
  color: #5d7d7b;
  text-decoration: underline; }

a img {
  border: 0px; }

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

strong {
  font-weight: bold; }

em {
  font-style: italic; }

[ng-click], label[for], label.radio, label.checkbox {
  cursor: pointer; }

h1 {
  padding-right: 3px;
  font-size: 200%;
  line-height: 120%;
  font-weight: 100;
  font-family: "Fago", Arial, Helvetica, sans-serif;
  margin: 0px 0px 10px 0px;
  color: #5d5d5d; }
  @media screen and (max-width: 768px) {
    h1 {
      font-size: 160%; } }

h2 {
  font-size: 160%;
  line-height: 120%;
  color: #5d5d5d;
  font-family: "Fago", Arial, Helvetica, sans-serif;
  margin: 0px 0px 10px 0px;
  font-weight: 100; }
  @media screen and (max-width: 768px) {
    h2 {
      font-size: 120%; } }

h3 {
  font-size: 100%;
  font-weight: 700; }

p {
  line-height: 1.6; }

.richtext {
  line-height: 1.6; }
  .richtext strong, .richtext b {
    font-weight: 700; }
  .richtext p {
    margin: 5px 0px 5px 0px; }
  .richtext ol {
    list-style-type: decimal;
    list-style-position: outside;
    margin-left: 20px; }
  .richtext ul {
    padding: 10px 0px 10px 0px; }
    .richtext ul li {
      list-style-type: disc;
      margin-left: 20px; }
  .richtext ol {
    padding: 10px 0px 10px 0px;
    margin-left: 0; }
    .richtext ol li {
      list-style-type: decimal;
      margin-left: 20px; }
  .richtext table {
    border-collapse: collapse;
    margin: 0 0 20px 0; }
    .richtext table td, .richtext table th {
      padding: 6px;
      border-collapse: collapse;
      border: 1px solid #e0e0e0;
      vertical-align: middle; }
    .richtext table th {
      background-color: #b6b29d; }
  .richtext img[align="left"] {
    margin: 0 20px 10px 0; }
  .richtext img[align="right"] {
    margin: 0 0px 10px 20px; }

/*Ordered list*/
/*Knapper og baggrund til cookie-banner
.szc_info .szc_bigbox .szc_bigbox_head .szc_tabs a, .szc_info .szc_widebox td.szc_third .szc_button.szc_second, .szc_button.szc_first {
background-color: #b9b9b0 !important;
}*/
a.flag-de {
  padding: 0;
  padding-right: 5px;
  width: 20px; }

a.flag-en {
  padding: 0;
  padding-right: 5px;
  width: 20px; }

/* Margin til RSS feeds*/
li.rss-item {
  margin-bottom: 10px; }

#right .rss-box ul {
  padding-left: 0;
  margin-left: 0; }

#right .rss-box li {
  list-style: none; }

/*nyheder p� Dansk Byggeri Presse og politik*/
.nyhedsliste .nyhed {
  overflow: hidden; }

.nyhedsliste .nyhed .date {
  margin-top: 0;
  padding-bottom: 10px; }

/*  I guides p� forsiden tvinges "Bliv medlem" i frontend.css
  til margin-top:10px, samt font-weight:600*/
.guidecontainer .blivmedlem {
  margin-top: 0 !important;
  font-weight: 100; }

/*  Kun p� Danskbyggeri.dk */
div.webDokument .richtext a {
  text-decoration: underline; }

div.richtext a.orangelink {
  text-decoration: none; }

.webDokument td {
  border: 1px solid #eee;
  padding: 0.2em;
  border-collapse: collapse;
  vertical-align: top;
  text-align: left; }

.cirkulaert td {
  border: 1px solid #000;
  padding: 0.2em;
  border-collapse: collapse;
  vertical-align: top; }

.servicebutik .contentLeft button[type="submit"] {
  background: url(../../images/dist/kurv.jpg) no-repeat 0px 0px;
  width: 128px;
  height: 25px;
  border: 0; }

.servicebutikresults.person li {
  display: block;
  clear: both;
  padding: 5px;
  min-height: 96px;
  margin-bottom: 10px;
  background: #b6b29d; }

.servicebutikresults.person li img {
  float: right;
  padding-right: 5px; }

.servicebutikresults.person a {
  border-bottom: 0;
  display: inline;
  padding-right: 0;
  color: #fff; }

.servicebutikresults.person p, .servicebutikresults.person h2 {
  color: #fff; }

.DropMed {
  width: 83%; }

.phoneBookFormSingle {
  margin-right: 10px; }

/*  Find Medlem Firefox fix*/
.dataTables_scroll {
  claer: both; }

.bestblok {
  display: block;
  height: 170px; }

.bestblok img {
  width: 100px;
  height: 150px;
  padding-right: 5px; }

.courses .course .course-single {
  background: #f4f4f4;
  display: none;
  padding: 0px 0px 10px 39px; }

.courses .course .course-single li {
  border-bottom: 1px solid #ddd;
  padding: 4px 0px 5px 0px;
  display: block; }

.courses .course .course-single ul.pricelist li {
  padding: 0px 0px 0px 0px;
  border: 0; }

@media screen and (max-width: 768px) {
  .login .control-group label.control-label {
    width: 40px; }
  .login .form-horizontal .controls {
    box-sizing: border-box;
    margin: 0;
    overflow: hidden;
    padding-left: 20px; }
  .login .controls label.checkbox {
    float: left; }
  .login .controls a {
    float: right; }
  .login .form-horizontal .form-actions {
    padding: 0;
    text-align: right; }
  .fpLeft, .fpMiddle, .fpRight {
    min-height: 0; }
  /*Tema kasser p� f.eks. Traesektionen.dk*/
  .fpThemes {
    height: auto;
    overflow: hidden; }
  .fpThemes img {
    display: none; }
  .fpThemes span {
    display: block;
    height: auto;
    color: #fff;
    background-color: #008364;
    padding: 5%; }
  .fpThemes span h2 {
    color: white;
    margin-bottom: 10px; }
  .fpThemes ul {
    position: inherit;
    width: 100% !important;
    left: 0;
    bottom: 0; }
  .fpThemes li {
    float: none;
    width: 100% !important;
    margin-bottom: 10px;
    cursor: pointer; }
  .fpThemes li.active span {
    display: block; }
  .fpThemes a {
    display: none; }
  .containers.no-guides {
    padding-top: 15px; } }

/*Survey*/
#xact_popupFrame {
  width: 100% !important; }

@media screen and (max-width: 480px) {
  #xact_popupContainer {
    width: 100% !important;
    left: 0 !important;
    box-sizing: border-box; }
  .servicebutikresults.person li img {
    float: right;
    width: 25%;
    /*display:none;*/ }
  .DropMed {
    width: 87%; }
  .phoneBookFormSingle {
    margin-right: 0px; }
  #crowd-shortcut {
    display: none; } }

.fpArticle .fpArticleLink, .searchButton, .search-result-search button, .findmember .searchButton, .containers input[type="submit"], .btn, button[type="submit"], .calendar .nextlink, .calendar .previouslink, .tbltools .tblpaging a {
  background: #7a9392;
  background: linear-gradient(#7a9392, #5d7d7b);
  text-shadow: #47605e 1px 1px 0;
  border: 2px solid #7a9392;
  padding: 5px 10px;
  margin: 5px 0;
  color: white !important;
  text-decoration: none !important;
  font-size: 120%;
  font-family: "Fago", Arial, Helvetica, sans-serif;
  cursor: pointer;
  display: inline-block; }
  .fpArticle .fpArticleLink:hover, .searchButton:hover, .search-result-search button:hover, .containers input[type="submit"]:hover, .btn:hover, button[type="submit"]:hover, .calendar .nextlink:hover, .calendar .previouslink:hover, .tbltools .tblpaging a:hover {
    border: 2px solid #889e9e;
    background: #889e9e;
    background: linear-gradient(#889e9e, #688c89); }
  .fpArticle .fpArticleLink:active, .searchButton:active, .search-result-search button:active, .containers input[type="submit"]:active, .btn:active, button[type="submit"]:active, .calendar .nextlink:active, .calendar .previouslink:active, .tbltools .tblpaging a:active {
    border: 2px solid #5d7d7b;
    background: #6d8685;
    background: linear-gradient(#6d8685, #526e6d); }
  .fpArticle [disabled].fpArticleLink, [disabled].searchButton, .search-result-search button[disabled], .containers input[disabled][type="submit"], [disabled].btn, button[disabled][type="submit"], .calendar [disabled].nextlink, .calendar [disabled].previouslink, .tbltools .tblpaging a[disabled] {
    cursor: not-allowed;
    border: 2px solid #acb7c0;
    background: #9dabb5;
    text-shadow: none; }
  .fpArticle .loading.fpArticleLink, .loading.searchButton, .search-result-search button.loading, .containers input.loading[type="submit"], .loading.btn, button.loading[type="submit"], .calendar .loading.nextlink, .calendar .loading.previouslink, .tbltools .tblpaging a.loading, .fpArticle .loading.fpArticleLink:active, .loading.searchButton:active, .search-result-search button.loading:active, .containers input.loading[type="submit"]:active, .loading.btn:active, button.loading[type="submit"]:active, .calendar .loading.nextlink:active, .calendar .loading.previouslink:active, .tbltools .tblpaging a.loading:active {
    cursor: progress;
    border: 2px solid #acb7c0;
    background: #9dabb5;
    text-shadow: none; }
    .fpArticle .loading.fpArticleLink:after, .loading.searchButton:after, .search-result-search button.loading:after, .containers input.loading[type="submit"]:after, .loading.btn:after, button.loading[type="submit"]:after, .calendar .loading.nextlink:after, .calendar .loading.previouslink:after, .tbltools .tblpaging a.loading:after, .fpArticle .loading.fpArticleLink:active:after, .loading.searchButton:active:after, .search-result-search button.loading:active:after, .containers input.loading[type="submit"]:active:after, .loading.btn:active:after, button.loading[type="submit"]:active:after, .calendar .loading.nextlink:active:after, .calendar .loading.previouslink:active:after, .tbltools .tblpaging a.loading:active:after {
      content: image-url("progress.html");
      padding-left: 5px; }
  .fpArticle .btn--small.fpArticleLink, .btn--small.searchButton, .search-result-search button.btn--small, .containers input.btn--small[type="submit"], .btn--small.btn, button.btn--small[type="submit"], .calendar .btn--small.nextlink, .calendar .btn--small.previouslink, .tbltools .tblpaging a.btn--small {
    padding: 2px 5px;
    font-size: 90%; }

@media screen and (max-width: 1028px) {
  .content-inner {
    margin: 10px; } }

.topheader {
  margin: 0px auto;
  display: block;
  position: relative;
  width: 980px; }
  @media screen and (max-width: 768px) {
    .topheader {
      width: 100%;
      border-bottom: 1px solid #ddd;
      padding: 5px 0;
      *zoom: 1; }
      .topheader:before, .topheader:after {
        content: " ";
        display: table; }
      .topheader:after {
        clear: both; } }
  @media screen and (min-width: 768px) {
    .topheader {
      height: 93px; } }

.innerwrapper, .outerwrapper {
  position: relative;
  background-image: url(../../images/dist/Backgrounds/bg-building.jpg);
  background-repeat: no-repeat; }
  @media screen and (min-width: 768px) {
    .innerwrapper, .outerwrapper {
      background-position: center top; } }
  @media screen and (max-width: 768px) {
    .innerwrapper, .outerwrapper {
      background: white; } }

.outerwrapper {
  width: 100%; }
  .open .outerwrapper {
    overflow-y: hidden; }

.innerwrapper {
  transition: transform 500ms ease; }
  .open .innerwrapper {
    -ms-transform: translateX(80%);
        transform: translateX(80%); }
  @media screen and (max-width: 768px) {
    .innerwrapper {
      padding: 5px; } }

.page {
  position: relative;
  width: 980px;
  margin: 0px auto;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .page:after {
    content: " ";
    display: block;
    clear: both; }
  .page.signup {
    margin-bottom: 10em; }
  @media screen and (max-width: 1028px) {
    .page {
      width: 100%; } }

.main {
  margin: 0 0 20px 0; }
  @media screen and (max-width: 768px) {
    .main {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (min-width: 768px) {
    .main {
      width: 48.7179487179%;
      float: left;
      margin-right: 2.5641025641%; } }
  @media screen and (max-width: 768px) {
    .main.noleft, .main.wide {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (min-width: 768px) {
    .main.noleft, .main.wide {
      width: 74.358974359%;
      float: left;
      margin-right: 2.5641025641%; } }
  @media screen and (max-width: 768px) {
    .main.hideRight {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (min-width: 768px) {
    .main.hideRight {
      width: 74.358974359%;
      float: left;
      margin-right: 2.5641025641%;
      float: right;
      margin-right: 0; } }
  .main.fullwidth {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }

.containers {
  *zoom: 1;
  width: 100%;
  float: left; }
  .containers:before, .containers:after {
    content: " ";
    display: table; }
  .containers:after {
    clear: both; }
  .containers.no-guides {
    padding-top: 40px; }

@media screen and (max-width: 768px) {
  #frontpage .containers {
    padding-top: 0px; } }

.flex-frontpagecontainers .boxfooter,
.frontpagecontainers .boxfooter {
  position: absolute;
  bottom: 0;
  left: 20px;
  right: 20px;
  border-top: 1px solid #dddddd; }
  .flex-frontpagecontainers .boxfooter a,
  .frontpagecontainers .boxfooter a {
    padding: 9px 0px 9px 25px;
    float: right;
    background: url("../../images/dist/arrow-sprite.png") no-repeat 10px -39px; }

.flex-frontpagecontainers {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .flex-frontpagecontainers .boxfooter {
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    border-top: 1px solid #dddddd; }
    .flex-frontpagecontainers .boxfooter a {
      padding: 9px 0px 9px 25px;
      float: right;
      background: url("../../images/dist/arrow-sprite.png") no-repeat 10px -39px; }
  .flex-frontpagecontainers p {
    margin: 0px 0px 5px 0px; }
  .flex-frontpagecontainers .box {
    width: 32%;
    margin-right: 2%;
    position: relative; }
    .flex-frontpagecontainers .box:nth-child(3n) {
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      .flex-frontpagecontainers .box {
        width: 100%;
        margin-right: 0; } }
  .flex-frontpagecontainers img {
    max-width: 100%;
    height: auto; }
  .flex-frontpagecontainers.responsiveNavActive {
    margin-right: -230px; }

.frontpagecontainers {
  *zoom: 1;
  width: 100%;
  float: left; }
  .frontpagecontainers:before, .frontpagecontainers:after {
    content: " ";
    display: table; }
  .frontpagecontainers:after {
    clear: both; }
  .frontpagecontainers.responsiveNavActive {
    margin-right: -230px; }

@media screen and (max-width: 768px) {
  .right-col {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: right;
    margin-right: 0; } }

@media screen and (min-width: 768px) {
  .right-col {
    width: 23.0769230769%;
    float: left;
    margin-right: 2.5641025641%;
    float: right;
    margin-right: 0; } }

.right-col p {
  margin-top: 5px;
  margin-bottom: 0px; }

.right-col h2 {
  padding-right: 3px; }

.right-col #medarbejdere {
  margin-left: 5px; }

.right-col ul {
  padding-left: 9px;
  margin-left: 9px; }

.right-col li {
  padding-left: 0px;
  margin-left: 5px;
  list-style: disc outside; }

.right-col.responsiveNavActive {
  display: none; }

.main img, .right-col img {
  max-width: 100%;
  height: auto; }

.fpArticle {
  margin: 0px 0px 20px 0px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .fpArticle:after {
    content: " ";
    display: block;
    clear: both; }
  .fpArticle .media {
    width: 23.0769230769%;
    float: left;
    margin-right: 2.5641025641%; }
    @media screen and (max-width: 320px) {
      .fpArticle .media {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
    .fpArticle .media img {
      max-width: 100%;
      height: auto; }
  @media screen and (max-width: 480px) {
    .fpArticle {
      display: none; } }
  .fpArticle span {
    font-size: 90%;
    width: 48.7179487179%;
    float: left;
    margin-right: 2.5641025641%; }
    @media screen and (max-width: 768px) {
      .fpArticle span {
        width: 74.358974359%;
        float: left;
        margin-right: 2.5641025641%; } }
    @media screen and (max-width: 320px) {
      .fpArticle span {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
  .fpArticle .fpArticleLink {
    margin-top: 20px; }

.fpLeft, .fpMiddle, .fpRight {
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%;
  margin-bottom: 20px; }
  @media screen and (max-width: 768px) {
    .fpLeft, .fpMiddle, .fpRight {
      width: 100%;
      margin: 0px 0px 20px 0px; } }
  .fpLeft .box p, .fpMiddle .box p, .fpRight .box p {
    margin: 0px 0px 5px 0px; }
  @media screen and (max-width: 768px) {
    .fpLeft .box, .fpMiddle .box, .fpRight .box {
      height: auto; } }
  .fpLeft img, .fpMiddle img, .fpRight img {
    max-width: 100%;
    height: auto; }

.fpRight {
  float: right;
  margin-right: 0; }

.fpLeft {
  position: relative; }
  .fpLeft .fpnews {
    padding-bottom: 35px;
    position: relative; }

.fpnews ul li {
  display: block;
  margin: 8px 0px 0px 0px; }
  .fpnews ul li span {
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #dddddd; }

.primary {
  margin: 0px 0px 0px 0px;
  padding-top: 10px;
  border-top: 1px solid #e0e0e0;
  *zoom: 1; }
  .fpnews .primary {
    border-top: 0;
    border-bottom: 1px solid #e0e0e0; }
  .primary:before, .primary:after {
    content: " ";
    display: table; }
  .primary:after {
    clear: both; }
  .primary h5 {
    font-size: 130%;
    line-height: 140%;
    margin: 0px 0px 5px 0px;
    font-family: "Fago", Arial, Helvetica, sans-serif; }
  .primary .media {
    margin: 0px 10px 10px 0px;
    float: left;
    width: 25%; }
    @media screen and (max-width: 320px) {
      .primary .media {
        margin: 0px 0px 10px 0px;
        width: 100%;
        float: none; } }
  .primary span {
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #dddddd;
    font-size: 90%; }

.boxDropBox {
  width: 95%;
  margin: 5px 0px 0px 0px;
  border: 1px solid #e0e0e0;
  font-family: "Fago", Arial, Helvetica, sans-serif;
  padding: 2px; }

.fpThemes {
  margin: 0px 0px 20px 0px;
  height: 335px;
  line-height: 130%;
  overflow: hidden;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }
  @media screen and (max-width: 768px) {
    .fpThemes {
      height: 200px; } }

.fpThemes {
  position: relative; }
  .fpThemes .image {
    z-index: 0;
    position: absolute; }
  .fpThemes .theme1 {
    z-index: 2; }
  .fpThemes ul {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 99; }
    @media screen and (max-width: 1028px) {
      .fpThemes ul {
        width: 95%; } }
    @media screen and (max-width: 768px) {
      .fpThemes ul {
        width: 95%;
        bottom: 10px; } }
    @media screen and (max-width: 480px) {
      .fpThemes ul {
        width: 90%; } }
  .fpThemes span {
    background: white;
    opacity: 0.9;
    padding: 10px 10px 10px 10px;
    line-height: 130%;
    display: block;
    display: none;
    height: 160px; }
    @media screen and (max-width: 768px) {
      .fpThemes span {
        display: none; } }
    .fpThemes span h2 {
      line-height: 110%;
      margin: 0px 0px 5px 0px; }
  .fpThemes li {
    float: left;
    bottom: 0px;
    width: 32%; }
    @media screen and (max-width: 768px) {
      .fpThemes li {
        display: block;
        width: 96%;
        float: auto; } }
    .fpThemes li.active span {
      display: block; }
      @media screen and (max-width: 768px) {
        .fpThemes li.active span {
          display: none; } }
    .fpThemes li.active a {
      margin-top: 0px; }
  .fpThemes a {
    padding: 15px 0px;
    background: #7a9392;
    color: white;
    display: block;
    text-align: center;
    margin-top: 180px;
    border-right: 1px solid #8ca4a3;
    font-size: 120%; }
    @media screen and (max-width: 768px) {
      .fpThemes a {
        margin-top: 0;
        padding: 5px 0px;
        border-right: 0;
        border-bottom: 1px solid #8ca4a3; } }
    .fpThemes a.last {
      border: 0; }
    .fpThemes a:hover {
      background: #5d7d7b;
      text-decoration: none; }
    .fpThemes a:hover .theme-content, .fpThemes a.active .theme-content {
      display: block;
      z-index: 70; }
      @media screen and (max-width: 768px) {
        .fpThemes a:hover .theme-content, .fpThemes a.active .theme-content {
          display: none; } }
    .fpThemes a:hover a.theme-link, .fpThemes a.active a.theme-link {
      background: #5d7d7b;
      background: linear-gradient(#5d7d7b, #7a9392);
      z-index: 90; }
      .fpThemes a:hover a.theme-link:after, .fpThemes a:hover a.theme-link:before, .fpThemes a.active a.theme-link:after, .fpThemes a.active a.theme-link:before {
        bottom: 80%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none; }
        @media screen and (max-width: 768px) {
          .fpThemes a:hover a.theme-link:after, .fpThemes a:hover a.theme-link:before, .fpThemes a.active a.theme-link:after, .fpThemes a.active a.theme-link:before {
            display: none; } }
      .fpThemes a:hover a.theme-link:after, .fpThemes a.active a.theme-link:after {
        border-width: 25px;
        left: 50%;
        margin-left: -25px; }
      .fpThemes a:hover a.theme-link:before, .fpThemes a.active a.theme-link:before {
        border-bottom-color: #5d7d7b;
        border-width: 25px;
        left: 50%;
        margin-left: -25px; }
        @media screen and (max-width: 768px) {
          .fpThemes a:hover a.theme-link:before, .fpThemes a.active a.theme-link:before {
            display: none; } }

.sideliste li a {
  display: block;
  padding: 3px 0px 3px 15px;
  background: url("../../images/dist/arrow-sprite.png") no-repeat 0px -47px; }

.footer {
  border-top: 1px solid #dadada;
  margin: 20px 0px 30px 0px;
  padding: 20px 0px 0px 0px;
  color: #879294;
  clear: both;
  text-align: center;
  font-family: "Fago", Arial, Helvetica, sans-serif;
  font-size: 120%; }
  .footer span {
    padding: 4px 8px;
    white-space: nowrap; }
    @media screen and (max-width: 768px) {
      .footer span {
        display: block;
        padding: 4px 0px; } }

.bottomLeftCollumn {
  float: left;
  width: 47%; }
  @media screen and (max-width: 320px) {
    .bottomLeftCollumn {
      width: 100%; } }

.bottomRightCollumn {
  width: 47%;
  float: right; }
  @media screen and (max-width: 320px) {
    .bottomRightCollumn {
      width: 100%; } }

.midterfeltbokse {
  margin-bottom: 5px;
  *zoom: 1; }
  .midterfeltbokse:before, .midterfeltbokse:after {
    content: " ";
    display: table; }
  .midterfeltbokse:after {
    clear: both; }
  .midterfeltbokse .richtext {
    min-height: 100px; }
    @media screen and (max-width: 480px) {
      .midterfeltbokse .richtext {
        min-height: 1px; } }

.midterfeltleft {
  width: 48.5%;
  float: left; }
  @media screen and (max-width: 480px) {
    .midterfeltleft {
      float: none;
      width: auto; } }

.midterfeltright {
  width: 48.5%;
  float: right; }
  @media screen and (max-width: 480px) {
    .midterfeltright {
      float: none;
      width: auto; } }

.themelist {
  margin: 0px 0px 20px 0px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: 140%;
  position: relative; }
  .themelist:after {
    content: " ";
    display: block;
    clear: both; }
  .themelist .themelist-intro {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    *zoom: 1;
    margin: 0px 0px 20px 0px; }
    .themelist .themelist-intro:before, .themelist .themelist-intro:after {
      content: " ";
      display: table; }
    .themelist .themelist-intro:after {
      clear: both; }
  .themelist .themelist-content {
    width: 61.5384615385%;
    float: left;
    margin-right: 2.5641025641%;
    float: right;
    margin-right: 0; }
    @media screen and (max-width: 480px) {
      .themelist .themelist-content {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
    .themelist .themelist-content ul {
      margin: 10px 0px 0px 0px; }
    .themelist .themelist-content div {
      display: block;
      margin: 0px 0px 20px 0px; }
    .themelist .themelist-content a {
      padding: 0px 0px 0px 15px;
      display: block;
      background: url("../../images/dist/arrow-sprite.png") no-repeat 0px -47px; }
  .themelist .left-anchors {
    width: 35.8974358974%;
    float: left;
    margin-right: 2.5641025641%; }
    @media screen and (max-width: 480px) {
      .themelist .left-anchors {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
    .themelist .left-anchors ul {
      border-bottom: 1px solid #e0e0e0;
      margin-bottom: 20px; }
    .themelist .left-anchors a {
      border-top: 1px solid #e0e0e0;
      padding: 13px;
      display: block;
      font-family: "Fago", Arial, Helvetica, sans-serif;
      font-size: 120%; }
      .themelist .left-anchors a:hover {
        background: #dfe5e5;
        text-decoration: none; }
      .themelist .left-anchors a.current {
        background: #5d7d7b;
        color: white; }

.app-alert-dialog {
  background-color: #ebe9c0;
  padding: 20px 40px 20px 20px;
  position: relative;
  display: none;
  margin-top: 5px; }
  .app-alert-dialog p.select a {
    color: #b66027;
    border: 1px solid #b66027;
    padding: 5px 10px;
    margin: 10px 5px 0px 0px;
    display: inline-block; }
    .app-alert-dialog p.select a.select-yes {
      background: #b66027;
      color: white; }
    .app-alert-dialog p.select a:hover {
      text-decoration: none; }
  .app-alert-dialog h2 {
    color: black; }
  .app-alert-dialog a.app-alert-close {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #b66027;
    padding: 10px 15px;
    color: white;
    line-height: 100%; }

.presseclippings h2 {
  margin: 10px 0 0 0; }

#guide-nav {
  float: right;
  padding: 10px 10px;
  background: url(../../images/dist/Backgrounds/40percent-transparent.png) repeat left top;
  clear: both;
  font-size: 120%;
  color: #964e04;
  margin-bottom: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }
  #guide-nav span {
    background: url(../../images/dist/guide-nav-sprite.png) no-repeat right 1px;
    padding: 3px 100px 3px 0px;
    font-family: "Fago", Arial, Helvetica, sans-serif; }
    #guide-nav span.expanded {
      background-position: right -50px; }

.guides {
  background: url(../../images/dist/Backgrounds/40percent-transparent.png) repeat left top;
  padding: 20px 0px 10px 0px;
  display: block;
  clear: both;
  display: none; }
  .guides h1 {
    display: none; }
  @media screen and (max-width: 768px) {
    .guides {
      padding: 10px 0px 0px 0px; } }

.doctype-frontpage .guides, .doctype-subsitefrontpage .guides {
  display: block; }

.guidecontainer {
  width: 980px;
  margin: 0px auto;
  *zoom: 1; }
  .guidecontainer:before, .guidecontainer:after {
    content: " ";
    display: table; }
  .guidecontainer:after {
    clear: both; }
  @media screen and (max-width: 1028px) {
    .guidecontainer {
      width: 100%; } }
  .guidecontainer h1 {
    padding: 10px 0px 10px 45px;
    background: url(../../images/dist/Backgrounds/icon-book.png) no-repeat 0px 0px; }
  .guidecontainer a {
    background: #b86123;
    overflow: hidden;
    margin-bottom: 15px;
    color: white;
    padding: 2%;
    line-height: 140%;
    transition: background .5s linear; }
    .guidecontainer a:hover {
      background: #964e04;
      text-decoration: none !important; }
    .guidecontainer a.onecol {
      height: 100px;
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      float: right;
      margin-right: 0; }
    @media screen and (max-width: 768px) {
      .guidecontainer a.twocol {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        height: auto; } }
    @media screen and (min-width: 768px) {
      .guidecontainer a.twocol {
        width: 48.7179487179%;
        float: left;
        margin-right: 2.5641025641%;
        height: 140px; } }
    @media screen and (max-width: 768px) {
      .guidecontainer a.threecol {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        height: auto; } }
    @media screen and (min-width: 768px) {
      .guidecontainer a.threecol {
        height: 140px;
        width: 31.8181818182%;
        float: left;
        margin-right: 2.2727272727%; }
        .guidecontainer a.threecol:last-child {
          float: right;
          margin-right: 0; } }
    @media screen and (max-width: 768px) {
      .guidecontainer a.fourcol {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        height: auto; } }
    @media screen and (min-width: 768px) {
      .guidecontainer a.fourcol {
        width: 23.0769230769%;
        float: left;
        margin-right: 2.5641025641%;
        height: 150px; }
        .guidecontainer a.fourcol:last-child {
          float: right;
          margin-right: 0; } }
  .guidecontainer h2 {
    color: white;
    font-size: 140%;
    font-weight: 100;
    font-family: "Fago", Arial, Helvetica, sans-serif; }
  .guidecontainer span {
    color: white; }

.doctype-guide .guidecontainer {
  width: 100%; }
  .doctype-guide .guidecontainer a {
    background: #7a9392; }
    .doctype-guide .guidecontainer a:hover {
      background: #5d7d7b; }

.courses {
  line-height: 130%;
  margin-bottom: 40px; }
  .courses .course h2 {
    border-top: 1px solid #dddddd;
    padding: 10px 0px 10px 39px;
    margin: 0;
    background: url(../../images/dist/guide-nav-sprite.png) no-repeat 10px 11px; }
    .courses .course h2.expanded {
      background-color: #f4f4f4;
      background-position: 10px -40px; }
  .courses .course .course-content {
    *zoom: 1;
    background: #f4f4f4;
    display: none;
    padding: 0px 0px 10px 39px; }
    .courses .course .course-content:before, .courses .course .course-content:after {
      content: " ";
      display: table; }
    .courses .course .course-content:after {
      clear: both; }
    .courses .course .course-content li {
      border-bottom: 1px solid #dddddd;
      padding: 4px 0px 5px 0px;
      display: block; }
    .courses .course .course-content ul.pricelist li {
      padding: 0px 0px 0px 0px;
      border: 0; }
  .courses .course .course-buttons {
    padding: 5px 0px 5px 0px; }
    .courses .course .course-buttons form {
      display: inline;
      float: left;
      margin-right: 10px; }

label.cat-standardtextpage, label.cat-serviceshopitem, label.cat-newsarticle, label.cat-employee, label.cat-pressclipping {
  border-left: 10px solid transparent;
  padding-left: 10px; }

label.cat-standardtextpage {
  border-color: #863010; }

label.cat-serviceshopitem {
  border-color: #008cb1; }

label.cat-employee {
  border-color: #703a85; }

label.cat-newsarticle {
  border-color: #e49f53; }

label.cat-pressclipping {
  border-color: #008086; }

li.cat-standardtextpage, li.cat-serviceshopitem, li.cat-newsarticle, li.cat-employee, li.cat-pressclipping {
  position: relative; }
  li.cat-standardtextpage:before, li.cat-serviceshopitem:before, li.cat-newsarticle:before, li.cat-employee:before, li.cat-pressclipping:before {
    content: '';
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 10px;
    width: 10px;
    transition: all 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
  li.cat-standardtextpage:hover:before, li.cat-serviceshopitem:hover:before, li.cat-newsarticle:hover:before, li.cat-employee:hover:before, li.cat-pressclipping:hover:before {
    width: 15px;
    left: 0px; }

li.cat-standardtextpage:before {
  background: #863010; }

li.cat-standardtextpage h2 a {
  color: #863010; }

li.cat-serviceshopitem:before {
  background: #008cb1; }

li.cat-serviceshopitem h2 a {
  color: #008cb1; }

li.cat-employee:before {
  background: #703a85; }

li.cat-employee h2 a {
  color: #703a85; }

li.cat-newsarticle:before {
  background: #e49f53; }

li.cat-newsarticle h2 a {
  color: #e49f53; }

li.cat-pressclipping:before {
  background: #008086; }

li.cat-pressclipping h2 a {
  color: #008086; }

@media screen and (max-width: 768px) {
  .search {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    background: white;
    padding: 10px 0;
    border-bottom: 1px dotted #dddddd; }
    .search form {
      position: relative; }
      .search form button {
        position: absolute;
        top: 0;
        right: 0; }
      .search form .searchField {
        padding: 6px 5px;
        font-size: 120%;
        font-family: "Fago", Arial, Helvetica, sans-serif;
        width: 96%;
        margin: 0; } }

@media screen and (min-width: 768px) {
  .search {
    position: absolute;
    top: 0px;
    right: 0;
    margin: 30px 0px 0px 0px;
    border: 1px solid #dddddd;
    padding: 3px;
    background: white;
    border-radius: 5px; }
    .search form {
      margin-bottom: 0; }
    .search .searchField {
      padding: 4px;
      font-size: 120%;
      font-family: "Fago", Arial, Helvetica, sans-serif;
      width: 10.8em;
      border: 0;
      margin-bottom: 0; } }
    @media screen and (min-width: 768px) and (max-width: 480px) {
      .search .searchField {
        width: 4em; } }

@media screen and (min-width: 768px) {
      .search .searchField:focus {
        outline: none; } }

#query {
  float: right; }

.searchButton {
  margin: 0; }

.search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: transparent;
  z-index: 3;
  display: none; }

.mini-nav-search {
  padding: 2px 5px 0px 0px; }
  .mini-nav-search .searchField {
    width: 6em;
    border: 0;
    padding: 4px; }
  .mini-nav-search .searchButton {
    background: #b86123;
    background: linear-gradient(#7a9392, #5d7d7b);
    border: 2px solid #b86123;
    padding: 3px 10px 3px 10px;
    border: 0; }

.suggestions {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  background: white;
  z-index: 10;
  box-shadow: 0px 5px 30px #ccc; }
  .suggestions a {
    padding: 10px;
    border: 1px solid #ddd;
    border-bottom: 0;
    font-weight: bold;
    display: block;
    color: #7a9392; }
    .suggestions a:last-child {
      border-bottom: 1px solid #ddd; }
    .suggestions a:hover, .suggestions a.focus {
      background: #7a9392;
      color: white; }

.search-filters-count {
  padding: 10px; }

.search-result-search {
  z-index: 10; }
  .search-result-search input[type="search"] {
    width: 98%;
    margin: 0;
    font-size: 150%;
    border: 0;
    padding: 1%;
    height: auto;
    font-family: "Fago", Arial, Helvetica, sans-serif; }
    .search-result-search input[type="search"].ng-dirty.ng-valid {
      border: none;
      background: white;
      color: currentColor; }
  .search-result-search button {
    position: absolute;
    top: 0px;
    right: 5px;
    border-radius: 5px; }

.search-result-search_inner {
  border: 1px solid #dddddd;
  position: relative;
  background: white;
  padding: 3px;
  background: #fff;
  border-radius: 5px; }

.pager {
  border-top: 5px solid #ddd;
  padding: 10px;
  margin: 0 !important; }

.search-filters {
  padding: 15px 10px;
  border-bottom: 1px solid #ddd; }
  .search-filters label {
    line-height: 1.5; }
    .search-filters label input[type="checkbox"] {
      outline: 0;
      -ms-transform: scale(1.2);
          transform: scale(1.2);
      margin-right: 5px;
      vertical-align: -1px; }

.your-search {
  padding: 10px; }

.search-result {
  margin: 0 0 20px 0; }
  .search-result li {
    display: block;
    padding: 20px 20px 20px 40px;
    border-top: 1px dotted #ccc;
    background-position: 10px -11px;
    transition: background 0.6s linear; }
    .search-result li:hover {
      background-color: #f4f4f4; }
    .search-result li h2 {
      line-height: 1.5; }
  .search-result a.protected {
    background: url(../../images/dist/lock.png) no-repeat right 4px;
    padding: 2px 20px 2px 0px; }
  .search-result .body, .search-result .tags {
    line-height: 1.5;
    display: block; }
  .search-result .tags {
    font-size: 90%;
    margin: 5px 0 0 0;
    color: #999; }

.ui-menu {
  background: white;
  width: 300px !important;
  border: 1px solid #dddddd;
  padding: 3px;
  width: inherit;
  right: 0 !important; }
  .ui-menu .ui-menu-item {
    display: block;
    padding: 5px 10px;
    cursor: pointer; }
    .ui-menu .ui-menu-item:hover {
      background-color: #b86123;
      color: white; }

.ui-helper-hidden-accessible {
  display: none; }

@media screen and (max-width: 768px) {
  .offcanvas-navigation {
    position: absolute;
    -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    transition: transform 500ms ease;
    padding: 20px 2% 20px 2%;
    z-index: 99;
    width: 80%; }
    .open .offcanvas-navigation {
      -ms-transform: translateX(0);
          transform: translateX(0); }
    .offcanvas-navigation .back {
      padding: 5px 0 5px 15px;
      border-bottom: 1px solid #999;
      display: block;
      position: relative; }
      .offcanvas-navigation .back:before {
        position: absolute;
        left: 0;
        top: 8px;
        content: " ";
        width: 9px;
        height: 9px;
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAANElEQVQYV2NMS0v7P2vWLEYGHAAkD5bEpRAmDjcBXSEyH8UamAS6Bgy3YLMap4OR/UFnRQCtCyI7UZ68+QAAAABJRU5ErkJggg==") no-repeat 0px 0px; }
    .offcanvas-navigation li {
      display: block;
      position: relative; }
      .offcanvas-navigation li.expanded &gt; .arrow {
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
      .offcanvas-navigation li a {
        padding: 6px 5px 6px 5px;
        display: block;
        text-decoration: none;
        color: #333333;
        font-family: "Fago", Arial, Helvetica, sans-serif;
        font-size: 140%;
        line-height: 110%; }
      .offcanvas-navigation li .arrow {
        position: absolute;
        right: 0;
        top: 2px;
        cursor: pointer;
        width: 18px;
        height: 18px;
        padding: 0;
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
        transition: transform 500ms ease;
        border: 1px solid #999;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAANElEQVQYV2NMS0v7P2vWLEYGHAAkD5bEpRAmDjcBXSEyH8UamAS6Bgy3YLMap4OR/UFnRQCtCyI7UZ68+QAAAABJRU5ErkJggg==") no-repeat center 6px; }
      .offcanvas-navigation li ul {
        padding: 3px 0px 3px 0px;
        margin: 3px 0px 3px 0px;
        border-top: 1px solid #dddddd; }
        .offcanvas-navigation li ul li a {
          padding-left: 10px;
          font-size: 120%; }
          .offcanvas-navigation li ul li a.selected, .expanded .offcanvas-navigation li ul li a {
            color: #5d7d7b; }
        .offcanvas-navigation li ul li ul {
          padding: 5px 0px 5px 0px; }
          .offcanvas-navigation li ul li ul li a {
            padding: 4px 5px 3px 20px; }
            .offcanvas-navigation li ul li ul li a.selected, .offcanvas-navigation li ul li ul li a.expanded {
              color: #5d7d7b;
              font-weight: 700; }
          .offcanvas-navigation li ul li ul li ul {
            padding: 5px 0px 5px 0px; }
            .offcanvas-navigation li ul li ul li ul li a {
              padding-left: 40px;
              background: url("../../images/dist/arrow-sprite.png") no-repeat 23px -45px; }
              .offcanvas-navigation li ul li ul li ul li a.selected, .offcanvas-navigation li ul li ul li ul li a.expanded {
                color: #5d7d7b; }
            .offcanvas-navigation li ul li ul li ul li ul {
              padding: 5px 0px 15px 0px; }
              .offcanvas-navigation li ul li ul li ul li ul li a {
                padding-left: 57px;
                background: none; }
                .offcanvas-navigation li ul li ul li ul li ul li a.selected, .offcanvas-navigation li ul li ul li ul li ul li a.expanded {
                  color: #5d7d7b;
                  font-weight: 100;
                  background: url("../../images/dist/arrow-sprite.png") no-repeat 40px -47px; } }

@media screen and (min-width: 768px) {
  .offcanvas-navigation {
    display: none; } }

.topnav {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: 0px auto;
  width: 980px;
  display: block; }
  .topnav:after {
    content: " ";
    display: block;
    clear: both; }
  @media screen and (max-width: 768px) {
    .topnav {
      display: none; } }
  @media screen and (min-width: 768px) {
    .topnav ul {
      padding: 0;
      margin: 0;
      display: table;
      width: 100%; }
    .topnav li {
      display: table-cell; }
      .topnav li.selected a, .topnav li.expanded a, .topnav li:hover a, .topnav li:active a {
        color: white;
        background: #8c8977;
        background: linear-gradient(#8c8977, #b6b29d); }
    .topnav a {
      font-family: "Fago", Arial, Helvetica, sans-serif;
      font-size: 120%;
      text-align: center;
      width: 100%;
      text-decoration: none;
      padding: 16px 5px 15px 5px;
      float: left;
      color: white;
      border-left: 1px solid #b6b29d; } }

@media screen and (max-width: 768px) {
  .rnav {
    float: left;
    display: inline-block;
    border: 1px dotted #ccc;
    width: 40px;
    height: 40px;
    padding: 10px 5px;
    cursor: pointer; }
    .rnav a {
      position: relative;
      margin-top: 8px;
      margin-bottom: 8px;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .rnav a, .rnav a::before, .rnav a::after {
        display: block;
        width: 28px;
        height: 3px;
        background-color: #b86123;
        transition-property: background-color, transform;
        transition-duration: 0.5s; }
      .rnav a::before, .rnav a::after {
        position: absolute;
        content: ""; }
      .rnav a::before {
        top: -8px; }
      .rnav a::after {
        top: 8px; }
      .open .rnav a {
        background-color: transparent; }
      .open .rnav a::before {
        -ms-transform: translateY(8px) rotate(45deg);
            transform: translateY(8px) rotate(45deg); }
      .open .rnav a::after {
        -ms-transform: translateY(-8px) rotate(-45deg);
            transform: translateY(-8px) rotate(-45deg); } }

@media screen and (min-width: 768px) {
  .rnav {
    display: none; } }

.rservicenav, .rsearch {
  display: inline-block;
  border: 1px dotted #ccc;
  float: left; }
  @media screen and (max-width: 768px) {
    .rservicenav, .rsearch {
      width: 40px;
      height: 40px;
      padding: 5px; }
      .rservicenav svg, .rsearch svg {
        fill: #b86123;
        width: 100%;
        height: 100%; } }
  @media screen and (min-width: 768px) {
    .rservicenav, .rsearch {
      display: none; } }

.rservicenav, .rsearch {
  float: right;
  margin-left: 5px; }

@media screen and (max-width: 768px) {
  .servicenav {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    background: white;
    padding: 10px 0;
    border-bottom: 1px dotted #dddddd; }
    .servicenav a:not(.flag-uk) {
      display: block;
      padding: 5px 0px;
      border-bottom: 1px dotted #cccccc;
      font-family: "Fago", Arial, Helvetica, sans-serif;
      font-size: 120%; }
      .servicenav a:not(.flag-uk):last-child {
        border: 0; } }

@media screen and (min-width: 768px) {
  .servicenav {
    position: absolute;
    top: 35px;
    right: 200px;
    margin: 0;
    padding-right: 45px; }
    .servicenav.nosearch {
      right: 0;
      padding-right: 0; }
    .servicenav a:not(.flag-uk) {
      display: inline-block;
      padding: 0 5px;
      border-right: 1px dotted #cccccc;
      font-family: "Fago", Arial, Helvetica, sans-serif;
      font-size: 120%; } }

@media screen and (max-width: 768px) {
  .flag-en, .flag-de {
    display: none; } }

@media screen and (min-width: 768px) {
  .flag-en, .flag-de {
    position: absolute;
    top: 5px;
    width: 10px;
    height: 13px; } }

.flag-en {
  right: 5px;
  background: url(../../images/dist/top_flag_en01.gif) no-repeat left top; }
  @media screen and (max-width: 768px) {
    .flag-en {
      top: 15px; } }

.flag-de {
  right: 20px;
  background: url(../../images/dist/top_flag_d01.gif) no-repeat left top; }
  @media screen and (max-width: 768px) {
    .flag-de {
      top: 15px; } }

.flag-uk {
  padding: 12px 12px;
  background: url(../../images/dist/flag-uk.png) no-repeat 4px 2px;
  display: inline-block;
  text-indent: -9999px;
  padding: 7px 20px 0 16px; }

.leftnav {
  width: 23.0769230769%;
  float: left;
  margin-right: 2.5641025641%; }
  @media screen and (max-width: 768px) {
    .leftnav {
      display: none; } }
  .leftnav hr {
    color: white;
    border-top: 0px dotted #555555; }
  .leftnav li a {
    padding: 6px 5px 6px 5px;
    display: block;
    text-decoration: none;
    color: #333333;
    font-family: "Fago", Arial, Helvetica, sans-serif;
    font-size: 140%;
    line-height: 110%; }
    @media screen and (max-width: 768px) {
      .leftnav li a {
        font-size: 100%; } }
  .leftnav li ul {
    padding: 3px 0px 3px 0px;
    margin: 3px 0px 3px 0px;
    border-top: 1px solid #dddddd; }
    .leftnav li ul li a {
      padding-left: 10px;
      font-size: 120%; }
      .leftnav li ul li a.selected, .leftnav li ul li a.expanded {
        color: #5d7d7b; }
      .leftnav li ul li a.protected:after {
        content: " ";
        background: url(../../images/dist/lock-mini.png) no-repeat right top;
        width: 10px;
        margin-left: 5px;
        display: inline-block;
        height: 14px; }
      .leftnav li ul li a:hover {
        background-color: #7a9392;
        color: white;
        text-decoration: none; }
    .leftnav li ul li ul {
      padding: 5px 0px 5px 0px; }
      .leftnav li ul li ul li a {
        padding: 4px 5px 3px 20px; }
        .leftnav li ul li ul li a.selected, .leftnav li ul li ul li a.expanded {
          color: #5d7d7b;
          font-weight: 700; }
        .leftnav li ul li ul li a:hover {
          background-color: #7a9392;
          color: white; }
      .leftnav li ul li ul li ul {
        padding: 5px 0px 5px 0px; }
        .leftnav li ul li ul li ul li a {
          font-size: 90%;
          padding-left: 40px;
          background: url("../../images/dist/arrow-sprite.png") no-repeat 23px -47px; }
          .leftnav li ul li ul li ul li a:hover {
            background-color: #dddddd;
            color: #333333; }
          .leftnav li ul li ul li ul li a.selected, .leftnav li ul li ul li ul li a.expanded {
            color: #5d7d7b; }
        .leftnav li ul li ul li ul li ul {
          padding: 5px 0px 15px 0px; }
          .leftnav li ul li ul li ul li ul li a {
            font-size: 90%;
            padding-left: 57px;
            background: none; }
            .leftnav li ul li ul li ul li ul li a:hover {
              background: #dddddd url("../../images/dist/arrow-sprite.png") no-repeat 40px -47px;
              color: #333333; }
            .leftnav li ul li ul li ul li ul li a.selected, .leftnav li ul li ul li ul li ul li a.expanded {
              color: #5d7d7b;
              font-weight: 100;
              background: url("../../images/dist/arrow-sprite.png") no-repeat 40px -47px; }

.teasers {
  border: 1px solid #ccc;
  border-top: 10px solid #b86123;
  margin-bottom: 20px; }
  .teasers .teaserbanner {
    position: relative; }
  .teasers .slick-dots {
    position: absolute; }
  @media screen and (max-width: 768px) {
    .teasers .videowrapper {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      display: block; } }
  @media screen and (min-width: 768px) {
    .teasers .videowrapper {
      width: 67%;
      height: 0;
      position: relative;
      padding-bottom: 40%;
      /* 16:9 */ }
      .teasers .videowrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; } }
  @media screen and (min-width: 768px) {
    .hideRight .teasers .videowrapper {
      padding-bottom: 40.2%;
      /* 16:9 */ } }
  .teasers .bannertext a {
    color: #333333; }
    .teasers .bannertext a:hover {
      text-decoration: none; }
  .teasers .bannertext p {
    margin-top: 10px; }
  @media screen and (max-width: 768px) {
    .teasers .bannertext {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      display: block;
      padding: 20px 0; } }
  @media screen and (min-width: 768px) {
    .teasers .bannertext {
      background: rgba(255, 255, 255, 0.9);
      position: absolute;
      top: 0;
      right: 0;
      z-index: 999;
      width: 31.8181818182%;
      height: 100%;
      padding: 20px; } }

.teaserboxes {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px; }
  .teaserboxes:after {
    content: " ";
    display: block;
    clear: both; }
  @media screen and (max-width: 768px) {
    .teaserboxes .column {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (min-width: 768px) {
    .teaserboxes .column {
      width: 31.8181818182%;
      float: left;
      margin-right: 2.2727272727%; } }
  .teaserboxes .column.last {
    float: right;
    margin-right: 0; }
  .teaserboxes .teaserbox {
    margin-bottom: 4%;
    display: block;
    position: relative; }
    .teaserboxes .teaserbox.last {
      margin: 0; }
    .teaserboxes .teaserbox img {
      display: block;
      width: 100%;
      height: auto; }
    .teaserboxes .teaserbox a {
      position: absolute;
      font-family: "Fago", Arial, Helvetica, sans-serif;
      font-size: 100%;
      left: 0;
      width: 100%;
      bottom: 0px;
      background: #964e04;
      padding: 10px 10px;
      color: white; }
  .teaserboxes .column.last .teaserbox a {
    background: #658994; }

.orangelink {
  background: url(../../images/dist/arrow-sprite.png) no-repeat 0px -48px;
  padding: 0px 0px 0px 13px;
  display: block; }

.orangelink .onoff {
  display: block;
  margin-bottom: 10px;
  text-decoration: none;
  line-height: 14px; }

a.orangelinkopen {
  display: block;
  height: 20px;
  width: 470px;
  padding-left: 10px;
  color: #505050 !important;
  font-weight: bold;
  text-decoration: none;
  background-image: url(../../../Files/css/images/arrow_blue_faq_show.html);
  background-repeat: no-repeat;
  background-position: left 3px; }

.box, .memberadv, .findmember {
  border: 1px solid #e0e0e0;
  transition: border 1.5s ease;
  border-radius: 3px;
  margin: 0px 0px 20px 0px;
  background-color: white; }
  .box .richtext, .box .inner, .memberadv .richtext, .memberadv .inner, .findmember .richtext, .findmember .inner {
    margin: 0px 20px 20px 20px;
    padding-top: 10px;
    border-top: 1px solid #e0e0e0;
    line-height: 140%; }
  .box h4, .memberadv h4, .findmember h4 {
    transition: color 1.5s ease;
    font-size: 130%;
    margin: 20px 20px 15px 20px;
    font-family: "Fago", Arial, Helvetica, sans-serif;
    font-weight: 100;
    color: #5d5d5d; }
  .box .protected:after, .memberadv .protected:after, .findmember .protected:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 18px;
    margin-left: 7px;
    background: url(../../images/dist/lock.png) no-repeat left top;
    vertical-align: -2px; }
  .box:hover, .memberadv:hover, .findmember:hover {
    border-color: #5d7d7b; }
    .box:hover h4, .memberadv:hover h4, .findmember:hover h4 {
      color: black; }

.center-column-boxes {
  display: block;
  *zoom: 1;
  padding-top: 20px;
  clear: both; }
  .center-column-boxes:before, .center-column-boxes:after {
    content: " ";
    display: table; }
  .center-column-boxes:after {
    clear: both; }
  .center-column-boxes .box {
    width: 48.7179487179%;
    float: left;
    margin-right: 2.5641025641%; }
    .center-column-boxes .box.right {
      float: right;
      margin-right: 0; }
    .center-column-boxes .box.last.left {
      float: right;
      margin-right: 0;
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; }

.main.wide .login {
  max-width: 100%; }

.box--padded {
  padding: 10px 20px; }

.box hr {
  border: 0;
  height: 1px;
  background: #e0e0e0;
  clear: both;
  margin: 10px 0; }

.box--padded {
  padding: 20px; }
  .box--padded.faktaboxRedFilled, .box--padded.faktaboxGreyFilled, .box--padded.faktaboxSandFilled, .box--padded.faktaboxBlueFilled, .box--padded.faktaboxLightBlueFilled, .box--padded.faktaboxOrangeFilled, .box--padded.faktaboxLightOrangeFilled {
    background: #5d7d7b;
    color: white; }
    .box--padded.faktaboxRedFilled .richtext, .box--padded.faktaboxRedFilled .inner, .box--padded.faktaboxGreyFilled .richtext, .box--padded.faktaboxGreyFilled .inner, .box--padded.faktaboxSandFilled .richtext, .box--padded.faktaboxSandFilled .inner, .box--padded.faktaboxBlueFilled .richtext, .box--padded.faktaboxBlueFilled .inner, .box--padded.faktaboxLightBlueFilled .richtext, .box--padded.faktaboxLightBlueFilled .inner, .box--padded.faktaboxOrangeFilled .richtext, .box--padded.faktaboxOrangeFilled .inner, .box--padded.faktaboxLightOrangeFilled .richtext, .box--padded.faktaboxLightOrangeFilled .inner {
      margin: 10px 20px 10px 20px;
      padding-top: 10px;
      border-top: 1px solid #7a9392; }
      @media screen and (max-width: 768px) {
        .box--padded.faktaboxRedFilled .richtext, .box--padded.faktaboxRedFilled .inner, .box--padded.faktaboxGreyFilled .richtext, .box--padded.faktaboxGreyFilled .inner, .box--padded.faktaboxSandFilled .richtext, .box--padded.faktaboxSandFilled .inner, .box--padded.faktaboxBlueFilled .richtext, .box--padded.faktaboxBlueFilled .inner, .box--padded.faktaboxLightBlueFilled .richtext, .box--padded.faktaboxLightBlueFilled .inner, .box--padded.faktaboxOrangeFilled .richtext, .box--padded.faktaboxOrangeFilled .inner, .box--padded.faktaboxLightOrangeFilled .richtext, .box--padded.faktaboxLightOrangeFilled .inner {
          margin: 5px 5px 5px 5px; } }
    .box--padded.faktaboxRedFilled h4, .box--padded.faktaboxRedFilled a, .box--padded.faktaboxGreyFilled h4, .box--padded.faktaboxGreyFilled a, .box--padded.faktaboxSandFilled h4, .box--padded.faktaboxSandFilled a, .box--padded.faktaboxBlueFilled h4, .box--padded.faktaboxBlueFilled a, .box--padded.faktaboxLightBlueFilled h4, .box--padded.faktaboxLightBlueFilled a, .box--padded.faktaboxOrangeFilled h4, .box--padded.faktaboxOrangeFilled a, .box--padded.faktaboxLightOrangeFilled h4, .box--padded.faktaboxLightOrangeFilled a {
      color: white; }
    .box--padded.faktaboxRedFilled .orangelink, .box--padded.faktaboxGreyFilled .orangelink, .box--padded.faktaboxSandFilled .orangelink, .box--padded.faktaboxBlueFilled .orangelink, .box--padded.faktaboxLightBlueFilled .orangelink, .box--padded.faktaboxOrangeFilled .orangelink, .box--padded.faktaboxLightOrangeFilled .orangelink {
      background-position: 0px 4px; }

.contact label {
  margin: 0;
  display: inline; }

.contact span {
  display: block;
  margin: 0 0 5px 0; }

.contact h5 {
  font-family: "Fago", Arial, Helvetica, sans-serif;
  font-size: 120%; }

.contact img {
  width: 100%;
  max-width: 100%;
  height: auto; }

.query {
  background: yellow; }

.findmember {
  *zoom: 1;
  background: #687483 url("../../images/dist/Backgrounds/findmedlem-blue.png") no-repeat right 0px;
  height: 345px;
  padding: 0px 0px 0px 0px; }
  .findmember:before, .findmember:after {
    content: " ";
    display: table; }
  .findmember:after {
    clear: both; }
  @media screen and (max-width: 768px) {
    .findmember {
      height: auto;
      padding: 0px 0px 10px 0px; } }
  .findmember h4 {
    color: white; }
  .findmember p {
    color: white;
    padding: 10px 20px 10px 20px; }
  .findmember .field {
    position: relative;
    background: white;
    margin: 10px 20px 0px 20px;
    padding: 8px;
    *zoom: 1; }
    .findmember .field:before, .findmember .field:after {
      content: " ";
      display: table; }
    .findmember .field:after {
      clear: both; }
  .findmember #memberSearchString {
    border: 0;
    font-size: 120%;
    font-family: "Fago", Arial, Helvetica, sans-serif;
    width: 75%; }
  .findmember .searchButton {
    float: right; }
  .findmember ul {
    margin: 10px 0px; }
  .findmember li {
    display: block; }
    .findmember li a {
      color: white;
      display: block;
      background: url("../../images/dist/arrow-sprite.png") no-repeat 19px 5px;
      padding: 0px 0px 3px 30px; }

.linkbox li {
  display: block;
  background: url("../../images/dist/arrow-sprite.png") no-repeat 0px -48px;
  padding: 0px 0px 3px 15px; }

.iconlinkbox {
  background: no-repeat;
  background-position: 85% 65px;
  background-color: white;
  padding: 20px; }
  .iconlinkbox.icon-documents {
    background-image: url("../../images/dist/Backgrounds/icon-document.png"); }
  .iconlinkbox.icon-spanner {
    background-image: url("../../images/dist/Backgrounds/icon-tool.png"); }
  .iconlinkbox.icon-course {
    background-image: url("../../images/dist/Backgrounds/icon-course.png"); }
  @media screen and (max-width: 768px) {
    .iconlinkbox {
      background-image: none !important; } }
  .iconlinkbox .inner {
    *zoom: 1;
    width: 63%;
    border: 0;
    margin: 0;
    padding: 0px 0px 0px 0px; }
    .iconlinkbox .inner:before, .iconlinkbox .inner:after {
      content: " ";
      display: table; }
    .iconlinkbox .inner:after {
      clear: both; }
    @media screen and (max-width: 768px) {
      .iconlinkbox .inner {
        width: auto; } }
  .iconlinkbox h4 {
    padding: 0px 0px 15px 0px;
    border-bottom: 1px solid #e0e0e0;
    margin: 0; }
  .iconlinkbox .listelement {
    width: 48%;
    margin: 0px 0px 10px 0px; }
    .iconlinkbox .listelement.columnleft {
      float: left;
      clear: left; }
    .iconlinkbox .listelement.columnright {
      float: right;
      clear: right; }
    @media screen and (max-width: 768px) {
      .iconlinkbox .listelement.columnleft, .iconlinkbox .listelement.columnright {
        overflow: hidden; } }
    @media screen and (max-width: 320px) {
      .iconlinkbox .listelement.columnleft, .iconlinkbox .listelement.columnright {
        float: none;
        width: 100%; } }
    .iconlinkbox .listelement a {
      font-family: "Fago", Arial, Helvetica, sans-serif;
      display: block;
      font-size: 130%;
      line-height: 120%;
      margin: 10px 0px 5px 0px; }
      @media screen and (max-width: 480px) {
        .iconlinkbox .listelement a {
          font-size: 120%;
          line-height: 110%;
          margin: 13px 0px 0px 0px; } }

table.form td {
  vertical-align: top; }

.form div.field {
  float: left;
  clear: left; }

.form .field .sublabel {
  font-size: 0.7em; }

.form .required {
  background-color: #f7fdf4; }

.form .field label {
  display: block;
  float: left;
  padding-top: 4px;
  font-weight: bold;
  text-align: left; }
  .form .field label.lblLeft {
    width: 10em;
    text-align: right;
    margin-right: 8px; }
  .form .field label.lblRight {
    float: none;
    display: inline; }
  .form .field label.lblBelow {
    display: block;
    float: none; }
  .form .field label.lblAbove {
    float: none; }

.form .CheckBox label {
  display: inline;
  width: auto;
  float: none;
  text-align: left;
  font-weight: normal;
  margin-left: 0.2em; }

.form .field div label {
  display: inline;
  float: none; }

.form .Radio ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.form .Radio li label {
  float: none; }

.form hr.separator {
  float: none;
  clear: both; }

input.error, textarea.error {
  border: 1px solid #cc0000;
  background-color: #ffdfdf; }

.error:focus {
  background-color: white; }

.form .wXXSmall {
  width: 30px; }

.form .wXSmall {
  width: 40px; }

.form .wSmall {
  width: 50px; }

.form .wMedium {
  width: 150px; }

.form .wLarge {
  width: 200px; }

.form .wXLarge {
  width: 250px; }

.form .wXXLarge {
  width: 300px; }

.form .hXXSmall {
  height: 50px; }

.form .hXSmall {
  height: 75px; }

.form .hSmall {
  height: 100px; }

.form .hMedium {
  height: 125px; }

.form .hLarge {
  height: 150px; }

.form .hXLarge {
  height: 200px; }

.form .hXXLarge {
  height: 300px; }

div.errors {
  background: #ffecec;
  border: 2px solid #bb0000;
  color: #333333;
  margin: 0.5em 0 1em;
  padding: 10px; }

.errors p {
  margin: 0;
  padding-left: 22px;
  background: transparent; }

.errors ul {
  list-style-type: square;
  margin: 0 0 0 20px;
  padding: 0; }

.errors li {
  line-height: 1.5;
  margin-left: 16px; }

.errors a {
  color: #aa0000; }

input[name^="hidden"] {
  display: none !important; }

.salary-reporting-new h2 {
  margin-top: 1em; }

.salary-reporting-new .help {
  display: block;
  color: #aaaaaa;
  font-size: 100%;
  font-weight: normal !important; }

.salary-reporting-new input[type="text"] {
  max-width: 100px;
  margin-bottom: 5px; }

.salary-reporting-new .btn {
  float: right;
  margin-left: 5px; }

.salary-reporting-new .language {
  float: right; }
  .salary-reporting-new .language a {
    text-decoration: none; }
  .salary-reporting-new .language img {
    border: 0;
    opacity: 0.6;
    margin-left: 5px; }
  .salary-reporting-new .language img.active, .salary-reporting-new .language a:hover img {
    opacity: 1; }

.salary-reporting {
  *zoom: 1;
  margin: 20px 0px 0px 0px; }
  .salary-reporting:before, .salary-reporting:after {
    content: " ";
    display: table; }
  .salary-reporting:after {
    clear: both; }
  .salary-reporting .form-row {
    margin-bottom: 10px; }
  .salary-reporting select {
    width: 100%; }
  .salary-reporting .label--primary {
    display: block;
    font-weight: bold;
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #e0e0e0; }
  .salary-reporting .btn {
    float: right; }
  .salary-reporting .form-horizontal .control-group {
    margin: 0 !important;
    padding: 8px 0px; }
  .salary-reporting .form-horizontal .control-label {
    width: 50%;
    text-align: left; }
  .salary-reporting .form-horizontal .controls {
    margin-left: 53%;
    margin-right: 26%; }
    .salary-reporting .form-horizontal .controls input {
      float: left; }
  .salary-reporting .form-horizontal .label--secondary {
    color: #666666;
    width: 23%;
    float: right; }

.bfbe {
  *zoom: 1; }
  .bfbe:before, .bfbe:after {
    content: " ";
    display: table; }
  .bfbe:after {
    clear: both; }
  .bfbe input[type="checkbox"] {
    margin-top: 5px; }
  .bfbe input[type="text"], .bfbe input[type="email"] {
    width: 90%; }
  .bfbe select {
    width: 95%; }
  @media screen and (max-width: 768px) {
    .bfbe .controls {
      display: block;
      text-align: left;
      margin-left: 0px !important;
      width: auto !important; } }
  @media screen and (max-width: 768px) {
    .bfbe .control-label {
      display: block;
      text-align: left !important;
      margin-left: 0px !important;
      width: 20%; } }
  .bfbe .municipal {
    margin: 0px 20px 20px 20px;
    padding-top: 10px;
    border-top: 1px solid #e0e0e0;
    line-height: 140%; }
  .bfbe .richtext {
    min-height: 50px; }
  .bfbe .btn, .bfbe button[type="submit"] {
    margin-right: 15px; }
  .bfbe .companylist {
    line-height: 180%; }
    .bfbe .companylist h4 {
      font-size: 160%;
      margin: 0; }
    .bfbe .companylist li {
      padding: 10px 0px 10px 16px;
      border-bottom: 1px solid #e0e0e0;
      background: url(../../images/dist/arrow-sprite.png) no-repeat 0px -38px;
      display: block; }
      .bfbe .companylist li.last {
        border: 0; }

#searchform {
  background-color: #aba997 !important; }

.tcat {
  background: #aba997 none repeat-x scroll left top !important; }

#forumcontainer th, .header {
  background: #aaaaaa none repeat-x scroll left top !important; }

#main .tcat a:hover, #main .tcat a:active {
  color: #393939;
  text-decoration: underline; }

#main .tcat a:link, #main .tcat a:visited {
  color: #393939;
  text-decoration: none; }

#main .tborder a:link, #main .tborder a:visited {
  color: #393939;
  text-decoration: none; }

#main .tborder a:hover {
  color: #393939;
  text-decoration: underline; }

a:active {
  color: #393939;
  text-decoration: underline; }

.panel {
  background: #d5d5d5 none repeat scroll 0 0 !important; }

.panelsurround {
  background: #edede9 none repeat scroll 0 0 !important; }

.verification {
  background-color: #edede9 !important; }

#searchform {
  text-align: left !important; }
  #searchform td input {
    font-size: 11px;
    height: 11px !important;
    margin: 0px 0px 0px 0px !important;
    width: 80px !important; }
  #searchform td.searchbutton input {
    font-size: 11px;
    height: 20px !important;
    margin: 0px 0px 0px 0px !important; }

#existingusersignin {
  *float: left;
  border: 1px solid #9eb63c;
  padding: 1em; }

.user-profile {
  *float: left; }
  .user-profile tr.disabled {
    color: #666666; }
    .user-profile tr.disabled input {
      color: #666666; }
    .user-profile tr.disabled select {
      color: #666666;
      background-color: white;
      border: 1px solid #999999; }
  .user-profile table {
    width: 70%; }
  .user-profile td {
    vertical-align: top; }
  .user-profile td[align="right"] {
    text-align: right;
    padding-right: 5px; }
  .user-profile fieldset {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none; }
  .user-profile legend {
    font-size: 14px;
    font-weight: bold;
    padding: 0.7em 0 0.5em 0; }

.signup label {
  padding-right: 0.5em; }
  .signup label em {
    color: #aa0000;
    position: absolute; }
  .signup label.error {
    display: block;
    color: #aa0000;
    padding-bottom: 3px; }

.networks label.error {
  float: right; }

.popup {
  display: none;
  width: 280px;
  border: 1px solid #9eb63c;
  background-color: white;
  padding: 10px;
  -o-box-shadow: 1px 2px 6px #aaaaaa;
  box-shadow: 1px 2px 6px #aaaaaa; }
  .popup .close {
    position: absolute;
    top: -5px;
    right: -5px;
    text-indent: -99px;
    overflow: hidden;
    width: 16px;
    height: 16px;
    background-image: url("../../../files/css/images/cross-circle.html"); }
  .popup:after, .popup:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none; }
  .popup:after {
    border-right-color: white;
    border-width: 20px;
    top: 50%;
    margin-top: -20px; }
  .popup:before {
    border-right-color: #9eb63c;
    border-width: 21px;
    top: 50%;
    margin-top: -21px; }

#memberExists {
  position: relative;
  bottom: 220px;
  left: 330px; }
  #memberExists:before, #memberExists:after {
    top: 45px; }
  #memberExists ul {
    list-style-type: none;
    padding: 0;
    margin: 15px 0 0 0; }
  #memberExists li {
    padding: 5px;
    border-top: 1px solid #cccccc;
    cursor: pointer; }
    #memberExists li:hover {
      background-color: #d6e9c6; }

#emailExists {
  position: absolute;
  top: 243px;
  right: 350px; }
  #emailExists label {
    float: left;
    width: 100px; }
  #emailExists input, #emailExists p {
    margin-bottom: 7px; }
  #emailExists a {
    display: block;
    margin-left: 105px; }
  #emailExists #loginUserName, #emailExists #loginUserPassword {
    width: 150px; }
  #emailExists #loginUserSubmit, #emailExists #forgottenEmailSubmit {
    margin-left: 108px; }
  #emailExists #forgottenEmailFields {
    display: none; }

.js .is-member-form .not-member-field, .js .not-member-form .is-member-field {
  display: none; }

.is-member-form .is-member-field, .not-member-form .not-member-field {
  display: table-row !important; }

.show-all .is-member-field, .show-all .not-member-field {
  display: table-row !important; }

td.label {
  width: 130px; }

.alert, .validation-summary-errors {
  margin: 1em 0;
  padding: 0.5em;
  list-style: none;
  border-width: 1px;
  border-style: solid; }
  .alert li, .validation-summary-errors li {
    margin-top: 0.5em; }
    .alert li:first-child, .validation-summary-errors li:first-child {
      margin-top: 0; }

.alert-info {
  color: #3a87ad; }
  .alert-info.alert, .alert-info.validation-summary-errors {
    background-color: #d9edf7;
    border-color: #bce8f1; }

.alert-warning {
  color: #c09853; }
  .alert-warning.alert, .alert-warning.validation-summary-errors {
    background-color: #fcf8e3;
    border-color: #fbeed5; }

.alert-success {
  color: #468847; }
  .alert-success.alert, .alert-success.validation-summary-errors {
    background-color: #dff0d8;
    border-color: #d6e9c6; }

.alert-error, .validation-summary-errors, .field-validation-error {
  color: #b94a48; }
  .alert-error.alert, .validation-summary-errors, .alert.field-validation-error {
    background-color: #f2dede;
    border-color: #eed3d7; }

label.disabled {
  color: #aaaaaa; }

.login-umb-members .validation-summary-errors ul {
  display: none; }

.field-validation-error {
  display: block;
  padding-top: 8px; }

.index-calculator label {
  display: block;
  margin-bottom: 0.2em; }

.index-calculator .label-offset {
  margin-top: 1em; }

.index-calculator label input[type="radio"] {
  margin-right: 0.5em; }

.index-calculator [type="submit"] {
  display: block;
  margin-top: 1em; }

.index-calculator .label-help {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  line-height: 26px;
  color: #aaaaaa;
  visibility: hidden;
  visibility: visible\9; }

.index-calculator input:active + .label-help,
.index-calculator input:focus + .label-help {
  visibility: visible; }

.index-calculator .alert, .index-calculator .validation-summary-errors {
  margin: 10px 0; }
  .index-calculator .alert p + p, .index-calculator .validation-summary-errors p + p {
    margin-top: 10px; }

label.error {
  display: block;
  color: #aa0000;
  padding-bottom: 3px; }

.index-evolution td {
  text-align: right; }

.block {
  display: block; }

.tight-top {
  margin-top: 0 !important; }

.offset-top {
  margin-top: 1em !important; }

.offset, .offset-bottom {
  margin-bottom: 1em !important; }

.table-padded td {
  padding: 5px; }

.placeholder {
  color: #aaaaaa; }

.align-right {
  text-align: right !important; }

#ServicebutikSearch {
  margin: 0px;
  padding: 0px;
  width: 490px; }
  #ServicebutikSearch .headline {
    margin: 0px;
    padding: 0px;
    width: 490px;
    background-color: #e5b536;
    height: 14px; }
    #ServicebutikSearch .headline h2 {
      margin: 0px;
      padding: 0px;
      padding-left: 5px;
      padding-right: 5px;
      margin-left: 5px;
      height: 14px;
      line-height: 14px;
      color: #333333;
      display: inline;
      background-color: white; }
  #ServicebutikSearch .content {
    margin: 0px;
    padding: 10px;
    border: 1px solid #e5b536;
    border-top: 0px;
    border-bottom: 0px;
    height: 30px; }
  #ServicebutikSearch .phoneBookSearch {
    margin: 0px;
    padding: 0px;
    margin-left: 10px;
    border: 1px solid #9dabb5;
    background-color: transparent;
    width: 40px;
    height: 20px;
    cursor: pointer;
    font-family: Verdana, Geneva, sans-serif;
    color: #333333;
    font-size: 11px; }

.servicebutik {
  *zoom: 1;
  margin-top: 20px; }
  .servicebutik:before, .servicebutik:after {
    content: " ";
    display: table; }
  .servicebutik:after {
    clear: both; }
  .servicebutik .inner {
    *zoom: 1; }
    .servicebutik .inner:before, .servicebutik .inner:after {
      content: " ";
      display: table; }
    .servicebutik .inner:after {
      clear: both; }
  .servicebutik .contentLeft {
    float: left;
    width: 47%; }
  .servicebutik .contentRight {
    float: right;
    width: 47%; }
    .servicebutik .contentRight img {
      width: 128px;
      height: 25px; }
    .servicebutik .contentRight button[type=submit] {
      margin: 0px;
      padding: 0px;
      background-image: url("../../../files/Servicebutik/system/kurv.html");
      border: 0px;
      background-color: transparent;
      width: 128px;
      height: 25px;
      background-repeat: no-repeat;
      cursor: pointer; }

.small {
  font-size: 9px;
  color: #888888;
  font-style: italic; }

.servicebutiksearch {
  margin: 0 0 20px 0;
  *zoom: 1;
  transition: height 1s ease; }
  .servicebutiksearch:before, .servicebutiksearch:after {
    content: " ";
    display: table; }
  .servicebutiksearch:after {
    clear: both; }
  .servicebutiksearch input[type=submit] {
    padding: 3px 10px;
    margin: 0 0 0 5px; }
  .servicebutiksearch input[type=text] {
    width: 80%;
    margin: 0; }
  .servicebutiksearch .phoneBookSearch {
    border: 1px solid #9dabb5;
    background-color: transparent;
    color: #333333; }
  .servicebutiksearch h3 {
    margin: 20px 0 0 0; }

.employee-search-result {
  margin: 0 0 0 0; }
  .employee-search-result div {
    background: #f4f4f4;
    padding: 20px;
    margin: 0 0 10px 0;
    *zoom: 1; }
    .employee-search-result div:hover {
      background: #5d7d7b;
      background: linear-gradient(#5d7d7b, #7a9392);
      color: #fff; }
      .employee-search-result div:hover a {
        color: #fff; }
    .employee-search-result div:before, .employee-search-result div:after {
      content: " ";
      display: table; }
    .employee-search-result div:after {
      clear: both; }
    .employee-search-result div img {
      float: left;
      margin: 0 20px 0 0; }

.servicebutikresults a {
  display: block;
  padding: 6px 0 6px 13px;
  background-position: left -42px; }
  .servicebutikresults a:last-child {
    border: 0; }

.LettersList {
  margin-top: 5px;
  background: #fff;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  *zoom: 1; }
  .LettersList:before, .LettersList:after {
    content: " ";
    display: table; }
  .LettersList:after {
    clear: both; }
  .LettersList ul {
    clear: both;
    *zoom: 1; }
    .LettersList ul:before, .LettersList ul:after {
      content: " ";
      display: table; }
    .LettersList ul:after {
      clear: both; }
  .LettersList li {
    display: inline; }
    .LettersList li a {
      padding: 3px 5px;
      display: inline-block;
      margin-bottom: 3px; }
      .LettersList li a:hover {
        background: #b6b29d;
        color: #fff; }

.servicestore {
  background: white; }
  .servicestore .checkout {
    *zoom: 1;
    position: relative; }
    .servicestore .checkout:before, .servicestore .checkout:after {
      content: " ";
      display: table; }
    .servicestore .checkout:after {
      clear: both; }
  .servicestore .disclaimer {
    font-size: 9px;
    color: #888888;
    padding-top: 4px; }
  .servicestore .nextstep {
    float: right; }
  .servicestore .total {
    padding: 8px 0px;
    border-top: 1px solid #e0e0e0;
    border-bottom: 5px double #e0e0e0; }
    .servicestore .total span {
      font-weight: bold;
      font-size: 130%; }
  .servicestore .update {
    position: absolute;
    right: 85px;
    bottom: 0px; }
  .servicestore .tblBasketFull {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px; }
    .servicestore .tblBasketFull td, .servicestore .tblBasketFull th {
      border-collapse: collapse;
      padding: 3px 0px;
      border-bottom: 1px solid #e0e0e0;
      line-height: 120%; }
    .servicestore .tblBasketFull th {
      font-weight: bold; }
    .servicestore .tblBasketFull input[type="text"] {
      width: 50%;
      vertical-align: middle;
      padding: 2px;
      text-align: center; }
    .servicestore .tblBasketFull .col1 {
      width: 40%;
      text-align: left; }
    .servicestore .tblBasketFull .col2 {
      width: 10%;
      text-align: center; }
    .servicestore .tblBasketFull .col3 {
      width: 10%;
      text-align: center; }
    .servicestore .tblBasketFull .col4 {
      width: 10%;
      text-align: center; }
    .servicestore .tblBasketFull .col5 {
      width: 10%;
      text-align: right; }
  .servicestore .orderSummary {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px; }
    .servicestore .orderSummary td, .servicestore .orderSummary th {
      border-collapse: collapse;
      padding: 3px 0px;
      border-bottom: 1px solid #e0e0e0;
      line-height: 120%; }
    .servicestore .orderSummary .col1 {
      width: 40%;
      text-align: left; }
    .servicestore .orderSummary .col2 {
      width: 10%;
      text-align: right; }
    .servicestore .orderSummary .col3 {
      width: 10%;
      text-align: left; }
    .servicestore .orderSummary .col4 {
      width: 20%;
      text-align: right; }
  .servicestore .order {
    display: block;
    clear: both; }
  .servicestore .customer {
    display: block;
    margin-bottom: 20px;
    *zoom: 1; }
    .servicestore .customer:before, .servicestore .customer:after {
      content: " ";
      display: table; }
    .servicestore .customer:after {
      clear: both; }
  .servicestore .formfield {
    *zoom: 1; }
    .servicestore .formfield input, .servicestore .formfield textarea {
      width: 96%;
      padding: 1%; }
    .servicestore .formfield:before, .servicestore .formfield:after {
      content: " ";
      display: table; }
    .servicestore .formfield:after {
      clear: both; }
  .servicestore .left {
    float: left;
    width: 48%; }
    @media screen and (max-width: 768px) {
      .servicestore .left {
        width: 100%;
        float: none; } }
  .servicestore .right {
    float: right;
    width: 48%;
    border: 0; }
    @media screen and (max-width: 768px) {
      .servicestore .right {
        width: 100%;
        float: none; } }
  .servicestore .full {
    width: 100%;
    clear: both; }
  .servicestore .btnprint {
    margin-left: 10px; }

.steps {
  display: table;
  width: 100%;
  border: 1px solid #e0e0e0;
  border-bottom: 0; }
  .steps ul {
    display: table-row; }
  .steps li {
    display: table-cell;
    width: 21%;
    padding: 2%;
    text-align: center;
    background: #dddddd;
    border: 1px solid white;
    background: linear-gradient(#dddddd, white); }
    .steps li.done {
      color: #999999; }
    .steps li.current {
      background: #b6b29d;
      color: white;
      position: relative; }
      .steps li.current:after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(182, 178, 157, 0);
        border-left-color: #b6b29d;
        border-width: 10px;
        margin-top: -10px; }
    .steps li.last:after {
      display: none; }

.servicestore .steps {
  margin-bottom: 20px;
  border: 1px solid #e0e0e0; }

.serviceshop-category-list a {
  display: block;
  border-bottom: 1px dotted #ccc;
  padding: 6px 0; }

.memberfeatures {
  *zoom: 1; }
  .memberfeatures:before, .memberfeatures:after {
    content: " ";
    display: table; }
  .memberfeatures:after {
    clear: both; }
  .memberfeatures .box {
    width: 48.7179487179%;
    float: left;
    margin-right: 2.5641025641%; }
    @media screen and (max-width: 768px) {
      .memberfeatures .box {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
    .memberfeatures .box .richtext {
      position: relative;
      min-height: 130px; }
      @media screen and (max-width: 768px) {
        .memberfeatures .box .richtext {
          min-height: auto; } }
    .memberfeatures .box.last {
      float: right;
      margin-right: 0; }
    .memberfeatures .box.icon-overenskomst .richtext, .memberfeatures .box.icon-amiljoe .richtext, .memberfeatures .box.icon-jura .richtext, .memberfeatures .box.icon-uddannelse .richtext, .memberfeatures .box.icon-tech .richtext, .memberfeatures .box.icon-udland .richtext, .memberfeatures .box.icon-analyser .richtext, .memberfeatures .box.icon-strategi .richtext, .memberfeatures .box.icon-byggaranti .richtext, .memberfeatures .box.icon-rabat .richtext {
      background: white url(../../Images/dist/Backgrounds/large-icon-sprite.png) no-repeat right 0px; }
      @media screen and (max-width: 320px) {
        .memberfeatures .box.icon-overenskomst .richtext, .memberfeatures .box.icon-amiljoe .richtext, .memberfeatures .box.icon-jura .richtext, .memberfeatures .box.icon-uddannelse .richtext, .memberfeatures .box.icon-tech .richtext, .memberfeatures .box.icon-udland .richtext, .memberfeatures .box.icon-analyser .richtext, .memberfeatures .box.icon-strategi .richtext, .memberfeatures .box.icon-byggaranti .richtext, .memberfeatures .box.icon-rabat .richtext {
          background-image: none; } }
    .memberfeatures .box.icon-overenskomst .richtext {
      background-position: right 0px; }
    .memberfeatures .box.icon-amiljoe .richtext {
      background-position: right -160px; }
    .memberfeatures .box.icon-jura .richtext {
      background-position: right -370px; }
    .memberfeatures .box.icon-uddannelse .richtext {
      background-position: right -1390px; }
    .memberfeatures .box.icon-tech .richtext {
      background-position: right -614px; }
    .memberfeatures .box.icon-udland .richtext {
      background-position: right -1639px; }
    .memberfeatures .box.icon-analyser .richtext {
      background-position: right -863px; }
    .memberfeatures .box.icon-strategi .richtext {
      background-position: right -1885px; }
    .memberfeatures .box.icon-byggaranti .richtext {
      background-position: right -2131px; }
    .memberfeatures .box.icon-rabat .richtext {
      background-position: right -1110px; }
  .memberfeatures .orangelink {
    border-top: 1px solid #cccccc;
    padding-top: 15px !important;
    margin-top: 15px !important;
    background-position: 0px -32px !important; }
    @media screen and (max-width: 768px) {
      .memberfeatures .orangelink {
        position: relative;
        display: block; } }
    @media screen and (min-width: 768px) {
      .memberfeatures .orangelink {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%; } }

.calendar {
  position: relative;
  border-top: 1px solid #e0e0e0;
  background: white; }
  .calendar caption {
    font-size: 20px;
    padding: 10px 5px 10px 5px; }
  .calendar .nextlink, .calendar .previouslink {
    display: inline-block;
    position: absolute;
    top: 0; }
  .calendar .nextlink {
    right: 0; }
  .calendar .previouslink {
    left: 0; }
  .calendar .list {
    margin: 20px 0 0 0; }
    .calendar .list li {
      display: block;
      border-bottom: 1px dotted #ccc;
      padding: 20px 0; }
      .calendar .list li:last-child {
        border: 0; }
    .calendar .list h2 {
      margin: 0; }
  .calendar .tblCalendar {
    border: 1px solid #e0e0e0;
    border-collapse: collapse;
    width: 100%;
    background: white; }
    .calendar .tblCalendar td {
      border: 1px solid #e0e0e0;
      border-collapse: collapse;
      vertical-align: middle;
      text-align: center;
      color: #999999;
      padding: 5px 2px; }
      .calendar .tblCalendar td.active {
        background: #b6b29d; }
        .calendar .tblCalendar td.active:hover {
          background: #8c8977; }
        .calendar .tblCalendar td.active a {
          padding: 3px 2px;
          display: block;
          font-weight: bold;
          color: white; }
    .calendar .tblCalendar th {
      padding: 10px 2px 7px 2px;
      border: 1px solid #5d7d7b;
      border-top: 1px solid #5d7d7b;
      background: #7a9392;
      background: linear-gradient(#7a9392, #5d7d7b);
      color: white;
      border-collapse: collapse;
      vertical-align: middle;
      text-align: center;
      text-transform: uppercase;
      font-size: 10px;
      letter-spacing: 2px;
      font-weight: bold;
      width: 14.2857142857%; }

.membersearch {
  *zoom: 1;
  position: relative; }
  .membersearch:before, .membersearch:after {
    content: " ";
    display: table; }
  .membersearch:after {
    clear: both; }
  .membersearch .spinner-content {
    margin: 50px auto; }
  .membersearch form input[type=text] {
    border: 1px solid #89bdcd;
    width: 80%;
    padding: 5px; }
  .membersearch form input[type=submit] {
    border: 1px solid #89bdcd;
    padding: 5px 10px; }
  .membersearch #Pagings {
    margin-right: 5px; }
    .membersearch #Pagings #PagingForm .knap {
      height: 16px;
      color: #091b85;
      border: 0px;
      background-color: transparent; }
  .membersearch .pager {
    list-style: none;
    text-align: center;
    *zoom: 1;
    clear: both;
    margin: 5px;
    padding: 5px;
    border-top: 1px solid #cccccc; }
    .membersearch .pager:before, .membersearch .pager:after {
      content: " ";
      display: table; }
    .membersearch .pager:after {
      clear: both; }
    .membersearch .pager li {
      display: inline;
      padding: 0.5em; }
      .membersearch .pager li.current {
        color: white;
        background-color: #333333;
        border-radius: 2px; }

.tblMembersearch {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 10px; }
  .tblMembersearch td,
  .tblMembersearch th {
    border-collapse: collapse;
    vertical-align: top;
    padding: 8px 8px 8px 8px;
    border-bottom: 1px solid #cccccc;
    line-height: 120%;
    text-align: left; }
  .tblMembersearch thead th {
    color: white;
    border-color: #b6b29d;
    background-color: #b6b29d;
    border-top: 3px solid #8c8977; }
    @media screen and (max-width: 768px) {
      .tblMembersearch thead th {
        font-size: 10px; } }
    .tblMembersearch thead th i {
      float: right;
      width: 60px; }
    .tblMembersearch thead th.col1, .tblMembersearch thead th.col2, .tblMembersearch thead th.col3, .tblMembersearch thead th.col4 {
      cursor: pointer;
      background: #b6b29d url(../../images/dist/tablesorter-sprite.png) no-repeat right 5px; }
    .tblMembersearch thead th.sorting_asc {
      background-color: #8c8977;
      background-position: right -87px; }
    .tblMembersearch thead th.sorting_desc {
      background-color: #8c8977;
      background-position: right -38px; }
    .tblMembersearch thead th.col0 {
      background: #b6b29d; }
    .tblMembersearch thead th.col0, .tblMembersearch thead th.col1, .tblMembersearch thead th.col2, .tblMembersearch thead th.col3 {
      border-right: 1px solid #8c8977; }
  .tblMembersearch .col0 {
    padding: 10px 8px 8px 8px; }
  .tblMembersearch tbody td {
    background: white; }
    @media screen and (max-width: 768px) {
      .tblMembersearch tbody td {
        word-break: break-all; } }

.company-info {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-left: 30px; }

.company-info_third,
.company-info_full {
  padding: 10px 0; }

.company-info_third {
  width: 33.3%; }

.company-info_third-last {
  text-align: right; }

.company-info_third-middle {
  text-align: center; }

.company-info_full {
  width: 100%;
  border-bottom: 1px solid #cccccc; }
  .company-info_full:last-child {
    border: 0; }

.tbltools {
  *zoom: 1; }
  .tbltools:before, .tbltools:after {
    content: " ";
    display: table; }
  .tbltools:after {
    clear: both; }
  .tbltools .tblinfo {
    display: inline-block;
    padding: 6px 10px 0px 0px;
    float: right; }
  .tbltools .tbllength {
    display: inline-block;
    float: left; }
    .tbltools .tbllength select {
      width: 100px;
      margin: 0px 0px 0px 0px; }
  .tbltools .tblpaging {
    display: inline-block;
    float: right; }
    .tbltools .tblpaging a {
      margin: 0px 0px 0px 5px; }
      .tbltools .tblpaging a.paginate_disabled_previous, .tbltools .tblpaging a.paginate_disabled_next {
        background: #b6b29d;
        border-color: #b6b29d; }

.row-expander {
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background: #964e04 url(../../images/dist/arrow-sprite.png) no-repeat center 6px;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
  transition: transform 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
  cursor: pointer; }
  .open .row-expander {
    -ms-transform: rotate(-90deg);
        transform: rotate(-90deg); }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("../../images/dist/ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("../../fonts/dist/slick.eot");
  src: url("../../fonts/dist/slickd41d.eot?#iefix") format("embedded-opentype"), url("../../fonts/dist/slick.woff") format("woff"), url("../../fonts/dist/slick.ttf") format("truetype"), url("../../fonts/dist/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

.slick-dots {
  position: absolute;
  left: 50%;
  -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
  bottom: 0px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 5px 10px;
  background: #964e04; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      border: 1px solid white;
      outline: none;
      line-height: 0px;
      font-size: 0;
      padding: 6px;
      margin: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
    .slick-dots li.slick-active button {
      background: white; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.file-list_item {
  display: block;
  padding: 5px 0 5px 20px; }

.file-list_folder {
  background: url("../../images/dist/icon-folder.png") no-repeat 0px 10px;
  position: relative;
  padding: 10px 0 10px 25px; }
  .file-list_folder ul {
    padding: 10px 0 10px;
    display: none; }

.file-list_image {
  background: url("../../images/dist/icon-image.png") no-repeat 0px 5px; }
  .file-list_image:hover {
    background-color: #f4f4f4; }

.file-list_file {
  background: url("../../images/dist/icon-file.png") no-repeat 0px 5px; }
  .file-list_file:hover {
    background-color: #f4f4f4; }

.file-list_expander {
  position: absolute;
  right: 5px;
  top: 10px;
  z-index: 5;
  width: 18px;
  height: 18px;
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  transition: transform 500ms ease;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAANElEQVQYV2NMS0v7P2vWLEYGHAAkD5bEpRAmDjcBXSEyH8UamAS6Bgy3YLMap4OR/UFnRQCtCyI7UZ68+QAAAABJRU5ErkJggg==") no-repeat center 6px;
  border: 1px solid #b6b29d; }
  .file-list_expander.file-list--collapsed {
    -ms-transform: rotate(0deg);
        transform: rotate(0deg); }

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important; }

[ng-cloak].media-gallery--loader {
  display: block !important; }

.media-gallery--loader {
  display: none; }

.media-gallery--container {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.media-gallery--item {
  position: relative;
  margin-bottom: 3%; }
  @media screen and (max-width: 480px) {
    .media-gallery--item {
      width: 48%; } }
  @media screen and (min-width: 480px) {
    .media-gallery--item {
      width: 31%; } }
  .media-gallery--item img {
    width: 100%;
    max-width: 100%;
    height: auto; }
  .media-gallery--item:hover {
    box-shadow: 0 0 20px #ddd; }

.media-gallery-modal-slide__info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

.media-gallery-modal-slide__info__inner {
  background: rgba(4, 28, 64, 0.8);
  padding: 1.5vw;
  font-family: "Fago", Arial, Helvetica, sans-serif;
  color: white; }
  @media screen and (min-width: 768px) {
    .media-gallery-modal-slide__info__inner {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: stretch;
          align-items: stretch; } }

.media-gallery--foldername {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1rem 1rem 1rem 0;
  background: white;
  overflow: hidden;
  font-family: "Fago", Arial, Helvetica, sans-serif;
  font-weight: 600; }

.media-gallery-modal-slide__count {
  padding: 0 1vw;
  -ms-flex-item-align: center;
      align-self: center; }

.media-gallery-modal {
  position: fixed;
  width: 1000px;
  max-width: 95%;
  height: auto;
  background: white;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  background: white; }

@media screen and (max-width: 768px) {
  .media-gallery-modal-slide__name {
    font-size: 15px;
    line-height: 1.5;
    display: block;
    margin: 5px 0; } }

@media screen and (min-width: 768px) {
  .media-gallery-modal-slide__name {
    -ms-flex: 1;
        flex: 1;
    -ms-flex-item-align: center;
        align-self: center;
    font-size: 25px;
    letter-spacing: -1px;
    line-height: 1.2; } }

.media-gallery-modal-slide__foldername {
  display: inline-block;
  font-family: "Fago", Arial, Helvetica, sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  font-size: 15px;
  background: rgba(4, 28, 64, 0.8);
  padding: 1.5vw 1.5vw 0 1.5vw;
  color: white; }

.media-gallery-modal-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.85);
  animation-name: fadeIn;
  animation-duration: 0.7s; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.media-gallery-modal__download {
  background: #b86123;
  color: white;
  padding: 10px;
  font-family: "Fago", Arial, Helvetica, sans-serif; }
  @media screen and (max-width: 768px) {
    .media-gallery-modal__download {
      display: block;
      margin: 15px 0 0 0;
      text-align: center; } }
  @media screen and (min-width: 768px) {
    .media-gallery-modal__download {
      text-align: center;
      -ms-flex-item-align: center;
          align-self: center; } }
  .media-gallery-modal__download:hover {
    text-decoration: none;
    color: white; }
  .media-gallery-modal__download:visited, .media-gallery-modal__download:focus {
    color: white; }

.media-gallery-modal__close {
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  background: #b86123;
  color: white;
  padding: 10px; }
  @media screen and (max-width: 768px) {
    .media-gallery-modal__close {
      font-size: 20px;
      margin: 15px 0;
      display: block;
      top: -15px; } }
  @media screen and (min-width: 768px) {
    .media-gallery-modal__close {
      font-size: 20px; } }
  .media-gallery-modal__close:hover {
    text-decoration: none;
    color: white; }
  .media-gallery-modal__close:visited, .media-gallery-modal__close:focus {
    color: white; }

.media-gallery-modal__icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor; }

.media-gallery-modal-slide {
  position: relative; }
  .media-gallery-modal-slide img {
    display: block; }

/**
 * Swiper 4.0.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 18, 2017
 */
.swiper-container {
  overflow: hidden;
  z-index: 1; }

.swiper-container-no-flexbox .swiper-slide {
  float: left; }

.swiper-container-vertical &gt; .swiper-wrapper {
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0); }

.swiper-container-multirow &gt; .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.swiper-container-free-mode &gt; .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-property: transform,-webkit-transform; }

.swiper-invisible-blank-slide {
  visibility: hidden; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  -ms-flex-align: start;
  align-items: flex-start;
  transition-property: transform,height;
  transition-property: transform,height,-webkit-transform; }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal &gt; .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical &gt; .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  color: white;
  padding: 10px 5px;
  font-size: 30px;
  margin-top: -57px;
  z-index: 10;
  cursor: pointer;
  background: white;
  color: #b86123; }
  @media screen and (max-width: 768px) {
    .swiper-button-next, .swiper-button-prev {
      top: 0;
      border: 1px solid #ddd; } }
  @media screen and (min-width: 768px) {
    .swiper-button-next, .swiper-button-prev {
      top: 50%; } }

.swiper-button-next {
  right: 0; }

.swiper-button-prev {
  left: 0; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none; }

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal &gt; .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical &gt; .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container &gt; canvas, .swiper-zoom-container &gt; img, .swiper-zoom-container &gt; svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px; }

.spinner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  z-index: 9999;
  text-align: center; }
  .spinner.enabled {
    display: block; }

.spinner-content,
.spinner-content:after {
  border-radius: 80%;
  width: 60px;
  height: 60px;
  margin: auto; }

.spinner-content {
  margin: 100px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid #b6b29d;
  border-right: 1.1em solid #b6b29d;
  border-bottom: 1.1em solid #b6b29d;
  border-left: 1.1em solid #b86123;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear; }

@keyframes load8 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/*form {*/
/*margin: 0 0 $baseLineHeight;*/
/*}*/
fieldset {
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 16px;
  font-size: 19.5px;
  line-height: 32px;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5; }
  legend small {
    font-size: 12px;
    color: #999; }

label,
input,
button,
select,
textarea {
  font-size: 13px;
  font-weight: normal;
  line-height: 16px; }

input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

label {
  display: block;
  margin-bottom: 5px; }

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  padding: 4px 6px;
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 16px;
  color: #555;
  vertical-align: middle; }

input,
textarea,
.uneditable-input {
  width: 206px; }

textarea {
  height: auto; }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #fff;
  border: 1px solid #ccc;
  /*@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075));*/
  /*@include transition(border linear .2s, box-shadow linear .2s);*/ }
  textarea:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="color"]:focus,
  .uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
    /*@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6));*/ }

input[type="radio"],
input[type="checkbox"] {
  /*margin: 4px 0 0;*/
  margin: 0;
  /**margin-top: 0; [&gt; IE7 &lt;]*/
  margin-top: 1px \9;
  /* IE8-9 */
  line-height: normal; }

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto; }

select,
input[type="file"] {
  height: 26px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 26px; }

select {
  width: 220px;
  border: 1px solid #ccc;
  background-color: #fff; }

select[multiple],
select[size] {
  height: auto; }

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.uneditable-input,
.uneditable-textarea {
  color: #999;
  background-color: #fcfcfc;
  border-color: #ccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed; }

.uneditable-input {
  overflow: hidden;
  white-space: nowrap; }

.uneditable-textarea {
  width: auto;
  height: auto; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999; }

.radio,
.checkbox {
  min-height: 16px;
  padding-left: 20px; }

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px; }

.controls &gt; .radio:first-child,
.controls &gt; .checkbox:first-child {
  padding-top: 5px; }

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle; }

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px; }

.input-micro {
  width: 38px; }

.input-mini {
  width: 60px; }

.input-small {
  width: 90px; }

.input-medium {
  width: 150px; }

.input-large {
  width: 210px; }

.input-xlarge {
  width: 270px; }

.input-xxlarge {
  width: 530px; }

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0; }

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block; }

input,
textarea,
.uneditable-input {
  margin-left: 0; }

.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px; }

input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px; }

input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 126px; }

input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 206px; }

input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 286px; }

input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 366px; }

input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 446px; }

input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 526px; }

input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 606px; }

input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 686px; }

input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 766px; }

input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 846px; }

input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 926px; }

.controls-row {
  *zoom: 1; }
  .controls-row:before, .controls-row:after {
    display: table;
    content: "";
    line-height: 0; }
  .controls-row:after {
    clear: both; }

.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
  float: left; }

.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
  padding-top: 5px; }

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eee; }

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent; }

.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853; }

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853; }

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #c09853;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .control-group.warning input:focus,
  .control-group.warning select:focus,
  .control-group.warning textarea:focus {
    border-color: #a47e3c;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; }

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853; }

.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48; }

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48; }

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #b94a48;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .control-group.error input:focus,
  .control-group.error select:focus,
  .control-group.error textarea:focus {
    border-color: #953b39;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; }

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48; }

.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847; }

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847; }

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #468847;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .control-group.success input:focus,
  .control-group.success select:focus,
  .control-group.success textarea:focus {
    border-color: #356635;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; }

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847; }

.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #3a87ad; }

.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #3a87ad; }

.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  border-color: #3a87ad;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
  .control-group.info input:focus,
  .control-group.info select:focus,
  .control-group.info textarea:focus {
    border-color: #2d6987;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; }

.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad; }

input.ng-dirty.ng-invalid {
  border-color: #b94a48;
  background: #f2dede;
  color: #b94a48; }

input.ng-invalid-required {
  background: #fcf9e8; }
  input.ng-invalid-required.ng-dirty {
    border-color: #c09853;
    background: #fcf8e3;
    color: #c09853; }

input.ng-dirty.ng-valid {
  border-color: #468847;
  background: #dff0d8;
  color: #468847; }

.warning {
  color: #c09853; }

.error {
  color: #b94a48; }

.success {
  color: #468847; }

.info {
  color: #3a87ad; }

/*input:focus:invalid,*/
/*textarea:focus:invalid,*/
/*select:focus:invalid {*/
/*color: #b94a48;*/
/*border-color: #ee5f5b;*/
/*&amp;:focus {*/
/*border-color: darken(#ee5f5b, 10%);*/
/*[&gt;@include box-shadow(0 0 6px lighten(#ee5f5b, 20%));&lt;]*/
/*}*/
/*}*/
.form-actions {
  padding: 15px 20px 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  /*background-color: $formActionsBackground;*/
  /*border-top: 1px solid #e5e5e5;*/
  *zoom: 1; }
  .form-actions:before, .form-actions:after {
    display: table;
    content: "";
    line-height: 0; }
  .form-actions:after {
    clear: both; }

.help-block,
.help-inline {
  color: #595959; }

.help-block {
  display: block;
  margin-bottom: 8px; }

.help-inline {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px; }

.input-append,
.input-prepend {
  display: inline-block;
  margin-bottom: 8px;
  vertical-align: middle;
  font-size: 0;
  white-space: nowrap; }
  .input-append input,
  .input-append select,
  .input-append .uneditable-input,
  .input-append .dropdown-menu,
  .input-append .popover,
  .input-prepend input,
  .input-prepend select,
  .input-prepend .uneditable-input,
  .input-prepend .dropdown-menu,
  .input-prepend .popover {
    font-size: 13px; }
  .input-append input,
  .input-append select,
  .input-append .uneditable-input,
  .input-prepend input,
  .input-prepend select,
  .input-prepend .uneditable-input {
    position: relative;
    margin-bottom: 0;
    *margin-left: 0;
    vertical-align: top;
    border-radius: 0 4px 4px 0; }
    .input-append input:focus,
    .input-append select:focus,
    .input-append .uneditable-input:focus,
    .input-prepend input:focus,
    .input-prepend select:focus,
    .input-prepend .uneditable-input:focus {
      z-index: 2; }
  .input-append .add-on,
  .input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 16px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 13px;
    font-weight: normal;
    line-height: 16px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background-color: #eee;
    border: 1px solid #ccc; }
  .input-append .add-on,
  .input-append .btn,
  .input-append .btn-group &gt; .dropdown-toggle,
  .input-prepend .add-on,
  .input-prepend .btn,
  .input-prepend .btn-group &gt; .dropdown-toggle {
    vertical-align: top;
    border-radius: 0; }
  .input-append .active,
  .input-prepend .active {
    background-color: #a9dba9;
    border-color: #46a546; }

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px; }

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  border-radius: 4px 0 0 4px; }

.input-append input,
.input-append select,
.input-append .uneditable-input {
  border-radius: 4px 0 0 4px; }
  .input-append input + .btn-group .btn:last-child,
  .input-append select + .btn-group .btn:last-child,
  .input-append .uneditable-input + .btn-group .btn:last-child {
    border-radius: 0 4px 4px 0; }

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px; }

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child &gt; .dropdown-toggle {
  border-radius: 0 4px 4px 0; }

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  border-radius: 0; }
  .input-prepend.input-append input + .btn-group .btn,
  .input-prepend.input-append select + .btn-group .btn,
  .input-prepend.input-append .uneditable-input + .btn-group .btn {
    border-radius: 0 4px 4px 0; }

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  border-radius: 4px 0 0 4px; }

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  border-radius: 0 4px 4px 0; }

.input-prepend.input-append .btn-group:first-child {
  margin-left: 0; }

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  border-radius: 15px; }

/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  border-radius: 0; }

.form-search .input-append .search-query {
  border-radius: 14px 0 0 14px; }

.form-search .input-append .btn {
  border-radius: 0 14px 14px 0; }

.form-search .input-prepend .search-query {
  border-radius: 0 14px 14px 0; }

.form-search .input-prepend .btn {
  border-radius: 14px 0 0 14px; }

.form-search input,
.form-search textarea,
.form-search select,
.form-search .help-inline,
.form-search .uneditable-input,
.form-search .input-prepend,
.form-search .input-append,
.form-inline input,
.form-inline textarea,
.form-inline select,
.form-inline .help-inline,
.form-inline .uneditable-input,
.form-inline .input-prepend,
.form-inline .input-append,
.form-horizontal input,
.form-horizontal textarea,
.form-horizontal select,
.form-horizontal .help-inline,
.form-horizontal .uneditable-input,
.form-horizontal .input-prepend,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle; }

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none; }

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block; }

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0; }

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle; }

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0; }

.control-group {
  margin-bottom: 8px; }

legend + * {
  margin-top: 16px;
  -webkit-margin-top-collapse: separate; }

.form-horizontal .control-group {
  margin-bottom: 16px;
  *zoom: 1; }
  .form-horizontal .control-group:before, .form-horizontal .control-group:after {
    display: table;
    content: "";
    line-height: 0; }
  .form-horizontal .control-group:after {
    clear: both; }

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right; }

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0; }
  .form-horizontal .controls:first-child {
    *padding-left: 180px; }

.form-horizontal .help-block {
  margin-bottom: 0; }

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
  margin-top: 8px; }

.form-horizontal .form-actions {
  padding-left: 180px; }

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0; }

.table {
  width: 100%;
  margin-bottom: 16px; }
  .table th,
  .table td {
    padding: 8px;
    line-height: 16px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ddd; }
  .table th {
    font-weight: bold; }
  .table thead th {
    vertical-align: bottom; }
  .table caption + thead tr:first-child th,
  .table caption + thead tr:first-child td,
  .table colgroup + thead tr:first-child th,
  .table colgroup + thead tr:first-child td,
  .table thead:first-child tr:first-child th,
  .table thead:first-child tr:first-child td {
    border-top: 0; }
  .table tbody + tbody {
    border-top: 2px solid #ddd; }
  .table .table {
    background-color: #fff; }

.table-condensed th,
.table-condensed td {
  padding: 4px 5px; }

.table-bordered {
  border: 1px solid #ddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  border-radius: 4px; }
  .table-bordered th,
  .table-bordered td {
    border-left: 1px solid #ddd; }
  .table-bordered caption + thead tr:first-child th,
  .table-bordered caption + tbody tr:first-child th,
  .table-bordered caption + tbody tr:first-child td,
  .table-bordered colgroup + thead tr:first-child th,
  .table-bordered colgroup + tbody tr:first-child th,
  .table-bordered colgroup + tbody tr:first-child td,
  .table-bordered thead:first-child tr:first-child th,
  .table-bordered tbody:first-child tr:first-child th,
  .table-bordered tbody:first-child tr:first-child td {
    border-top: 0; }
  .table-bordered thead:first-child tr:first-child &gt; th:first-child,
  .table-bordered tbody:first-child tr:first-child &gt; td:first-child,
  .table-bordered tbody:first-child tr:first-child &gt; th:first-child {
    border-top-left-radius: 4px; }
  .table-bordered thead:first-child tr:first-child &gt; th:last-child,
  .table-bordered tbody:first-child tr:first-child &gt; td:last-child,
  .table-bordered tbody:first-child tr:first-child &gt; th:last-child {
    border-top-right-radius: 4px; }
  .table-bordered thead:last-child tr:last-child &gt; th:first-child,
  .table-bordered tbody:last-child tr:last-child &gt; td:first-child,
  .table-bordered tbody:last-child tr:last-child &gt; th:first-child,
  .table-bordered tfoot:last-child tr:last-child &gt; td:first-child,
  .table-bordered tfoot:last-child tr:last-child &gt; th:first-child {
    border-bottom-left-radius: 4px; }
  .table-bordered thead:last-child tr:last-child &gt; th:last-child,
  .table-bordered tbody:last-child tr:last-child &gt; td:last-child,
  .table-bordered tbody:last-child tr:last-child &gt; th:last-child,
  .table-bordered tfoot:last-child tr:last-child &gt; td:last-child,
  .table-bordered tfoot:last-child tr:last-child &gt; th:last-child {
    border-bottom-right-radius: 4px; }
  .table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
    border-bottom-left-radius: 0; }
  .table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
    border-bottom-right-radius: 0; }
  .table-bordered caption + thead tr:first-child th:first-child,
  .table-bordered caption + tbody tr:first-child td:first-child,
  .table-bordered colgroup + thead tr:first-child th:first-child,
  .table-bordered colgroup + tbody tr:first-child td:first-child {
    border-top-left-radius: 4px; }
  .table-bordered caption + thead tr:first-child th:last-child,
  .table-bordered caption + tbody tr:first-child td:last-child,
  .table-bordered colgroup + thead tr:first-child th:last-child,
  .table-bordered colgroup + tbody tr:first-child td:last-child {
    border-top-right-radius: 4px; }

.table-striped tbody &gt; tr:nth-child(odd) &gt; td,
.table-striped tbody &gt; tr:nth-child(odd) &gt; th {
  background-color: #f9f9f9; }

.table-hover tbody tr:hover &gt; td,
.table-hover tbody tr:hover &gt; th {
  background-color: #f5f5f5; }

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0; }

.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0; }

.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0; }

.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0; }

.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0; }

.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0; }

.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0; }

.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0; }

.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0; }

.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0; }

.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0; }

.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0; }

.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0; }

.table tbody tr.success &gt; td {
  background-color: #dff0d8; }

.table tbody tr.error &gt; td {
  background-color: #f2dede; }

.table tbody tr.warning &gt; td {
  background-color: #fcf8e3; }

.table tbody tr.info &gt; td {
  background-color: #d9edf7; }

.table-hover tbody tr.success:hover &gt; td {
  background-color: #d0e9c6; }

.table-hover tbody tr.error:hover &gt; td {
  background-color: #ebcccc; }

.table-hover tbody tr.warning:hover &gt; td {
  background-color: #faf2cc; }

.table-hover tbody tr.info:hover &gt; td {
  background-color: #c4e3f3; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0; }

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.modal {
  position: fixed;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  z-index: 1050;
  width: 560px;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  /* IE6-7 */
  border-radius: 2px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  background-clip: padding-box;
  outline: none; }
  .modal.fade {
    transition: opacity 0.3s linear, top 0.3s ease-out;
    top: -25%; }
  .modal.fade.in {
    top: 10%; }

.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee; }
  .modal-header .close {
    margin-top: 2px; }
  .modal-header h3 {
    margin: 0;
    line-height: 30px; }

.modal-body {
  position: relative;
  overflow-y: auto;
  max-height: 400px;
  padding: 15px; }

.modal-form {
  margin-bottom: 0; }

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-radius: 0 0 6px 6px;
  box-shadow: inset 0 1px 0 #fff;
  *zoom: 1; }
  .modal-footer:before, .modal-footer:after {
    display: table;
    content: "";
    line-height: 0; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 16px;
  color: #000;
  text-shadow: 0 1px 0 white;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40); }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

@font-face {
  font-family: 'Fago';
  src: url("../../fonts/dist/FagoWeb.eot");
  /* IE9 Compat Modes */
  src: url("../../fonts/dist/FagoWebd41d.eot?#iefix") format("embedded-opentype"), url("../../fonts/dist/FagoWeb.woff") format("woff"); }

.surveyXact {
  width: 0px;
  height: 0px; }

@media screen and (max-width: 480px) {
  .addthis_button {
    display: none; } }

@media screen and (max-width: 768px) {
  .logo {
    float: left;
    margin-left: 10px;
    width: 160px;
    height: auto; } }

@media screen and (min-width: 768px) {
  .logo {
    position: absolute;
    top: 15px;
    width: 239px;
    height: 59px;
    left: 0px; } }

.logo svg, .rnav svg {
  width: 100%;
  height: 100%; }

#logudForm {
  margin: 50px 20px 0px 0px;
  float: right; }
  #logudForm ul li {
    display: inline; }

#leftwrap {
  width: 665px;
  float: left;
  margin-left: 17px;
  margin-bottom: 20px; }

#rightwrap_1col {
  float: right;
  width: 737px; }

#nyheder a, #medlem a {
  color: #505050;
  text-decoration: none; }

#nyheder {
  float: left;
  width: 323px; }
  #nyheder .top {
    background-image: url(../../../files/css/images/db_forside_nyhedsboks.html);
    background-repeat: no-repeat;
    height: 292px;
    overflow: hidden;
    padding-left: 12px;
    padding-top: 0px;
    padding-right: 1px; }
    #nyheder .top #ForsideNyhed {
      float: left;
      width: 310px;
      padding-bottom: 15px; }
  #nyheder .top h1 {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
    margin-left: -5px; }
    #nyheder .top h1 a {
      padding-right: 10px;
      margin-top: 0px;
      display: inline;
      padding-left: 5px;
      margin-bottom: 0px;
      padding-bottom: 0px;
      text-transform: none;
      line-height: 11px;
      padding-top: 0px;
      background-color: white; }
  #nyheder .top p {
    margin-top: 0px; }
  #nyheder .bottom {
    background-image: url(../../../files/css/images/db_forside_nyhedsboks_bottom.html);
    background-repeat: no-repeat;
    height: 60px;
    padding-left: 12px;
    margin-top: 0px;
    padding-top: 5px; }
    #nyheder .bottom h2 {
      text-transform: none;
      margin-top: 0px;
      margin-bottom: 0px; }

#medlem {
  float: right;
  width: 323px; }
  #medlem .top {
    background-repeat: no-repeat;
    width: 323px;
    height: 294px;
    overflow: hidden; }
    #medlem .top h1 {
      margin-left: -5px;
      line-height: 10px; }
      #medlem .top h1 a {
        padding-right: 10px;
        display: inline;
        padding-left: 5px !important;
        margin-left: 12px;
        text-transform: none;
        line-height: 10px;
        background-color: white;
        background-image: none !important; }
    #medlem .top a:link, #medlem .top a:visited, #medlem .top a:hover, #medlem .top a:active {
      color: #505050; }

#formedlemmer {
  padding-left: 20px;
  margin-bottom: 55px; }
  #formedlemmer .top a:link, #formedlemmer .top a:visited, #formedlemmer .top a:hover, #formedlemmer .top a:active {
    color: #003366;
    background-image: url(../../../Files/css/images/arrow_blue.html);
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left 1px;
    padding-bottom: 5px; }

#medlem .top p {
  margin-top: 0px; }

#medlem .bottom {
  width: 323px;
  height: 56px; }
  #medlem .bottom h2 {
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: none; }

#medlem h2 {
  text-transform: none; }

.blivmedlem {
  margin-top: 18px !important;
  float: right;
  margin-right: 10px;
  font-weight: 600; }

#fokus {
  width: 425px;
  margin-left: 17px;
  margin-bottom: 15px;
  margin-right: 25px;
  margin-top: 0px;
  float: left; }
  #fokus img {
    border: 0px solid; }
  #fokus .headline {
    background-image: url(../../../Files/css/images/forsideBoksFokus_bg_top.html);
    width: 430px; }
    #fokus .headline h2 {
      font-weight: bold;
      text-transform: none;
      padding-left: 5px;
      padding-right: 5px;
      background-color: white;
      float: left;
      margin-left: 10px; }
    #fokus .headline h3 {
      float: right;
      font-weight: bold;
      background-color: white;
      padding-left: 5px;
      padding-right: 5px;
      display: inline;
      margin-right: 50px; }
      #fokus .headline h3 a {
        color: #505050;
        text-decoration: none; }

.onoffboksframe {
  display: block;
  width: 100%;
  padding-bottom: 12px; }

.onoffboks {
  padding-top: 10px;
  padding-bottom: 12px;
  margin-bottom: 25px;
  background-image: url(../../../files/css/images/BotLinieForViews.html);
  background-repeat: repeat-x;
  background-position: bottom left; }

.courselist, #KursusListe {
  margin: 0px 0px 20px 0px;
  line-height: 120%; }
  .courselist h3, #KursusListe h3 {
    margin: 5px 0px 10px 0px; }
  .courselist ul li, #KursusListe ul li {
    display: block;
    border: 1px solid #86cdbc;
    padding: 5px;
    margin-top: 10px; }
  .courselist ul em, #KursusListe ul em {
    color: #666666; }
  .courselist .searchfield, #KursusListe .searchfield {
    width: 75%; }

#KursusVisning .KursusData {
  width: 484px;
  border: 1px solid #008265;
  margin-top: 5px; }
  #KursusVisning .KursusData .KursusDataTilmelding a:link, #KursusVisning .KursusData .KursusDataTilmelding a:visited, #KursusVisning .KursusData .KursusDataTilmelding a:active {
    color: #008265;
    text-decoration: none; }
  #KursusVisning .KursusData .KursusDataTilmelding a:hover {
    color: #86cebc;
    text-decoration: none; }

#FlowControlManager1_ctl00_lblHTMLLongDescription {
  display: none; }

#AnnoncerForside {
  margin-left: 15px;
  height: 100px; }
  #AnnoncerForside img {
    width: 100%; }
  #AnnoncerForside .Annonce2forside {
    float: left;
    margin-right: 10px;
    padding-bottom: 7px; }

.webdokImage.right {
  float: right;
  margin: 0px 0px 10px 20px; }

.webdokImage.left {
  float: left;
  margin: 0px 20px 10px 0px; }

.webdokImage.wide {
  display: block;
  margin: 0 0 20px 0; }

.webDokument {
  margin-bottom: 15px; }
  .webDokument h1 {
    line-height: 130%; }

#webDokumentBody {
  margin-top: 20px; }

#zoom {
  margin-top: 20px; }
  #zoom img {
    border: 0px; }

.medarbejder, .member {
  line-height: 130%;
  margin-bottom: 40px;
  background-color: #f4f4f4; }
  .medarbejder .head, .member .head {
    background: #b6b29d;
    background: linear-gradient(#5d7d7b, #7a9392);
    display: block;
    padding: 20px;
    clear: both;
    *zoom: 1; }
    .medarbejder .head:before, .medarbejder .head:after, .member .head:before, .member .head:after {
      content: " ";
      display: table; }
    .medarbejder .head:after, .member .head:after {
      clear: both; }
    .medarbejder .head h1, .medarbejder .head h3, .member .head h1, .member .head h3 {
      color: white; }
    .medarbejder .head h1, .member .head h1 {
      margin: 0px 0px 0px 0px; }
  .medarbejder ul, .member ul {
    padding: 20px;
    display: block;
    clear: both; }
  .medarbejder li, .member li {
    border-bottom: 1px solid #dddddd;
    padding: 4px 0px 5px 0px;
    display: block;
    *zoom: 1; }
    .medarbejder li:before, .medarbejder li:after, .member li:before, .member li:after {
      display: table;
      content: "";
      line-height: 0; }
    .medarbejder li:after, .member li:after {
      clear: both; }
    .medarbejder li.last, .medarbejder li:last-child, .member li.last, .member li:last-child {
      border: 0; }
  .medarbejder .media, .member .media {
    float: left;
    margin: 0px 20px 0px 0px !important; }
    .medarbejder .media img, .member .media img {
      max-width: 100%;
      height: auto; }

#medarbejdere {
  margin-top: 10px;
  margin-bottom: 10px; }
  #medarbejdere li {
    list-style-type: none;
    margin: 0px; }

#afdelinger {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 0px; }

.afdeling table td {
  padding: 5px; }

.afdeling table th {
  height: 30px;
  vertical-align: top;
  padding: 5px; }

.afdeling h2 {
  margin-left: 5px !important; }

.newslist .primary, .generic-list .primary {
  margin: 0px 0px 20px 0px;
  display: block; }

.newslist .newsitem, .generic-list .newsitem {
  margin: 0px 0px 10px 0px;
  display: block;
  clear: both; }

.newslist .memberlist-inner, .generic-list .memberlist-inner {
  clear: both;
  *zoom: 1; }
  .newslist .memberlist-inner:before, .newslist .memberlist-inner:after, .generic-list .memberlist-inner:before, .generic-list .memberlist-inner:after {
    display: table;
    content: "";
    line-height: 0; }
  .newslist .memberlist-inner:after, .generic-list .memberlist-inner:after {
    clear: both; }

.newslist .h2, .generic-list .h2 {
  margin: 0 0 10px 0; }

.newslist .m-inner-left, .newslist .m-inner-middle, .newslist .m-inner-right, .generic-list .m-inner-left, .generic-list .m-inner-middle, .generic-list .m-inner-right {
  width: 32.2033898305%;
  float: left;
  margin-right: 1.6949152542%;
  line-height: 150%; }
  @media screen and (max-width: 768px) {
    .newslist .m-inner-left, .newslist .m-inner-middle, .newslist .m-inner-right, .generic-list .m-inner-left, .generic-list .m-inner-middle, .generic-list .m-inner-right {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; } }
  .newslist .m-inner-left span, .newslist .m-inner-middle span, .newslist .m-inner-right span, .generic-list .m-inner-left span, .generic-list .m-inner-middle span, .generic-list .m-inner-right span {
    display: block; }

.newslist .m-inner-right, .generic-list .m-inner-right {
  float: right;
  margin-right: 0; }

.box-list ul, .box-list li {
  list-style-type: none; }

.box-list li {
  display: block;
  padding: 10px 0 10px 0; }

.box-list a {
  display: block; }

.box-list .date {
  display: block;
  color: #666;
  font-size: 90%; }

.alphabetical-anchor-list {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: 0px 0px 20px 0px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 0;
  display: block; }
  .alphabetical-anchor-list:after {
    content: " ";
    display: block;
    clear: both; }
  .alphabetical-anchor-list ul, .alphabetical-anchor-list li {
    display: inline; }
  .alphabetical-anchor-list h4 {
    padding: 5px; }
  .alphabetical-anchor-list a {
    padding: 5px;
    float: left; }

.alphabetical-list {
  clear: both; }
  .alphabetical-list h2 {
    display: block;
    padding: 10px 0 10px 0;
    margin: 15px 0 15px 0;
    border-bottom: 1px solid #ccc; }
  .alphabetical-list a {
    padding: 6px 0px 6px 0px;
    display: block; }
    .alphabetical-list a.protected:after {
      content: "";
      display: inline-block;
      width: 15px;
      height: 18px;
      margin-left: 7px;
      background: url(../../images/dist/lock.png) no-repeat left top;
      vertical-align: -2px; }
  .alphabetical-list .date {
    display: block;
    color: #999;
    font-size: 90%;
    font-style: normal; }
  .alphabetical-list .letter {
    display: block;
    position: relative; }
  .alphabetical-list .top {
    position: absolute;
    top: 20px;
    right: 0;
    color: #999;
    font-size: 90%; }

.generic-list {
  clear: both; }
  .generic-list li {
    display: block;
    padding: 15px 0 15px 0;
    margin: 0;
    border-top: 1px dotted #999;
    *zoom: 1; }
    .generic-list li:before, .generic-list li:after {
      display: table;
      content: "";
      line-height: 0; }
    .generic-list li:after {
      clear: both; }
  .generic-list a {
    display: block; }
    .generic-list a.subheader:hover {
      text-decoration: none; }
  .generic-list h2 {
    margin-bottom: 0; }
  .generic-list .date {
    display: block;
    color: #666;
    font-size: 90%;
    margin-bottom: 5px; }
  .generic-list .subheader {
    margin-top: 10px; }
  .generic-list .readmore {
    margin: 10px 0 0 0; }

.pager {
  margin-top: 10px;
  margin-bottom: 20px; }
  .pager li {
    display: inline-block;
    vertical-align: middle;
    padding: 5px; }
    .pager li.current {
      background: #7a9392; }
      .pager li.current a {
        color: white; }

.nyhedsliste {
  *zoom: 1; }
  .nyhedsliste:before, .nyhedsliste:after {
    display: table;
    content: "";
    line-height: 0; }
  .nyhedsliste:after {
    clear: both; }
  .nyhedsliste .orangelink {
    margin-left: 10px !important; }
  .nyhedsliste .nyhed, .nyhedsliste .subnyhed {
    margin-left: 10px; }

.subnyhed {
  margin-bottom: 15px; }

.nyhed p {
  margin-top: 2px; }

.nyhed .date {
  display: block;
  margin-top: 10px; }

.subnyhed .date {
  display: block;
  margin-top: 10px; }

.nyhed a:link, .nyhed a:visited {
  text-decoration: none !important;
  color: #505050 !important; }

.nyhed a:hover, .nyhed a:active {
  color: black !important; }

.nyhed h2 a:link, .nyhed h2 a:visited {
  font-weight: bold !important;
  color: #505050 !important; }

.subnyhed h2 a:link, .subnyhed h2 a:visited {
  font-weight: bold !important;
  color: #505050 !important; }

.nyhed h2 a:hover, .nyhed h2 a:active {
  color: black !important; }

.subnyhed h2 a:hover, .subnyhed h2 a:active {
  color: black !important; }

#raadgivningsforside {
  width: 100%;
  *zoom: 1; }
  #raadgivningsforside:before, #raadgivningsforside:after {
    display: table;
    content: "";
    line-height: 0; }
  #raadgivningsforside:after {
    clear: both; }
  #raadgivningsforside h4 {
    background: #899396;
    padding-left: 20px;
    font-size: 180%;
    font-family: "Fago", Arial, Helvetica, sans-serif; }
    @media screen and (max-width: 480px) {
      #raadgivningsforside h4 {
        font-size: 140%; } }
    #raadgivningsforside h4 span {
      padding: 0px 10px;
      background: white; }
  #raadgivningsforside .right, #raadgivningsforside .left {
    border-left: 1px solid #cccccc;
    float: left;
    background-position: right 20%;
    background-repeat: no-repeat;
    height: 140px;
    width: 49%; }
    @media screen and (max-width: 1028px) {
      #raadgivningsforside .right, #raadgivningsforside .left {
        float: none;
        width: 99%;
        border-right: 1px solid #cccccc; } }
    #raadgivningsforside .right:hover, #raadgivningsforside .left:hover {
      cursor: pointer;
      border-color: #9eb63c; }
      #raadgivningsforside .right:hover h4, #raadgivningsforside .left:hover h4 {
        background: #9eb63c; }
    #raadgivningsforside .right .richtext, #raadgivningsforside .left .richtext {
      margin: 10px 10px 10px 30px; }

.right {
  border-right: 1px solid #cccccc; }

.doc9, .doc10 {
  border-bottom: 1px solid #cccccc; }

#barometer .barometerlogo {
  height: 60px; }

#barometer .headline {
  width: 490px;
  height: 34px;
  background-image: url("../../../files/css/images/barometer/bg_topbjaelke_barometer.html"); }
  #barometer .headline h1 {
    color: white;
    font-weight: bold;
    line-height: 15px;
    padding-left: 10px;
    padding-top: 10px; }

#barometer .nyhed {
  margin-bottom: 15px;
  background-image: url("../../../files/css/images/PortalFrontPageDotLine.html");
  background-repeat: repeat-x;
  background-position: bottom left; }

.barometerliste {
  margin-top: 0px;
  margin-bottom: 20px;
  line-height: 130%; }
  .barometerliste .artikel {
    border-bottom: 1px dotted silver;
    padding: 10px 0; }
    .barometerliste .artikel:last-child {
      border: 0; }
  .barometerliste p {
    margin-top: 7px; }
  .barometerliste a:link, .barometerliste a:visited {
    text-decoration: none !important;
    color: #505050 !important; }
  .barometerliste a:hover, .barometerliste a:active {
    color: black !important; }
  .barometerliste h2 a:link, .barometerliste h2 a:visited {
    width: 300px;
    font-weight: bold !important;
    color: #505050 !important;
    margin: 0px;
    padding: 0px;
    margin-bottom: 5px; }
  .barometerliste h2 a:hover, .barometerliste h2 a:active {
    color: black !important; }

.itemlist {
  margin-bottom: 20px; }
  .itemlist a {
    display: block;
    padding: 8px 0px;
    border-bottom: 1px dotted #999;
    line-height: 100%; }
    .itemlist a:last-child {
      border: 0; }

.doctype-circularitem .cirkulaert-header {
  clear: both;
  float: right; }

.doctype-circularitem .emnegruppe {
  width: 40%;
  margin: 10px 0px 20px 20px;
  float: right; }

.doctype-circularitem .number {
  float: left;
  width: 40%;
  margin: 10px 0px 20px 0px; }

.doctype-circularitem img {
  float: right;
  margin: 10px 0px 20px 20px; }

.subscribe label {
  width: 100px;
  height: 30px;
  display: none; }

.subscribe input {
  height: 33px;
  vertical-align: top !important;
  margin: 0px; }

.subscribe .formhelp {
  width: 100px;
  float: left;
  margin-top: -40px; }

#EmailElement_68_200017 {
  margin-top: 40px;
  height: 12px; }

.formvalidationerror {
  margin-top: 15px !important;
  float: left;
  width: 200px;
  color: red; }

.bannermtext {
  width: 100%;
  margin: 0px 0px 20px 0px;
  position: relative; }
  .bannermtext h2 {
    position: absolute;
    display: inline;
    top: 0px;
    left: 10px;
    background: white;
    padding: 6px 6px; }

/*Login formular*/
.login {
  position: relative; }
  .login .controls input {
    width: 100%;
    height: auto; }
  .login .controls input[type="radio"] {
    width: auto;
    padding-right: 10px; }
  .login .controls label.checkbox {
    margin-top: 17px; }
  .login .controls label input[type="checkbox"] {
    width: 23px;
    margin-top: 1px; }
  .login .controls label input[type="checkbox"] {
    width: 23px;
    margin-top: 1px; }

.loginform label {
  float: left;
  width: 75px;
  margin-right: 0.5em;
  padding-top: 0.2em;
  text-align: right;
  font-weight: bold;
  text-align: left;
  width: 350px; }

.loginform .formvalidationerror {
  width: 175px !important; }

.loginform .formhelp {
  width: 175px; }

.loginform .loginfields {
  width: 200px; }

.loginform .headline {
  background-image: url(../../../Files/css/images/rightCol_box_green_white_top_bg.html);
  text-transform: none;
  padding-left: 10px;
  height: 9px; }
  .loginform .headline h2 {
    padding-right: 3px !important;
    display: inline;
    padding-left: 6px !important;
    font-weight: bold;
    padding: 0px;
    margin: 0px 0px 0px 10px;
    line-height: 10px;
    background-color: white; }

.loginform .logincontent {
  padding: 5px;
  padding-top: 15px;
  background-image: url(../../../Files/css/images/loginbg.html); }

.loginform #SingleLineWithLabel_1_200029, .loginform #PasswordWithLabel_2_200029 {
  width: 100px; }

.loginform .bottom {
  background-position: left bottom;
  background-image: url(../../../Files/css/images/loginbottom.html);
  width: 350px;
  background-repeat: no-repeat;
  height: 10px; }

.loginform .logincontent input[type=submit] {
  float: right;
  margin-right: 20px;
  background-color: white;
  border: 1px solid #b4ca2c; }

.login-submit-waiting {
  text-align: center;
  padding: 100px 20px; }
  .login-submit-waiting p {
    margin-top: -80px;
    margin-left: 10px; }
  .login-submit-waiting .uil-hourglass {
    margin-bottom: 5px; }

.forgottenpassword {
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 10px 0; }
  .forgottenpassword a {
    color: #964e04; }

.list ul {
  list-style-type: none;
  margin-left: 0px; }

.list li {
  margin-left: 0px; }

.list .event {
  padding-top: 20px;
  padding-bottom: 20px;
  background-image: url("../../../files/css/images/PortalFrontPageDotLine.html");
  background-repeat: repeat-x;
  background-position: bottom left; }
  .list .event h2 a:link, .list .event h2 a:visited {
    color: #333333 !important;
    text-decoration: none; }
  .list .event h2 a:hover {
    color: #a8a8a8 !important; }
  .list .event h2 a:active {
    color: #333333 !important;
    text-decoration: none; }

#right .list ul {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 0px; }

#right .list li {
  margin-left: 0px;
  padding-left: 0px; }

#right .list .event {
  padding-top: 20px;
  padding-bottom: 20px;
  background-image: url(../../../files/css/images/PortalFrontPageDotLine.html);
  background-repeat: repeat-x;
  background-position: bottom left; }
  #right .list .event h2 {
    text-decoration: none; }
    #right .list .event h2 a:link {
      color: #333333 !important;
      text-decoration: none; }

.list .event h2 a:visited {
  color: #333333 !important;
  text-decoration: none; }

#right .list .event h2 a:hover {
  color: #a8a8a8 !important; }

.list .event h2 a:active {
  color: #333333 !important;
  text-decoration: none; }

#monthyear, #previouslink, #nextlink {
  font-weight: Bold; }

#right_calendar a:link, #right_calendar a:visited, #right_calendar a:hover, #right_calendar a:active {
  font-weight: Bold; }

.sideliste {
  padding-bottom: 20px; }
  .sideliste ul {
    margin-left: 0px; }
    .sideliste ul li {
      list-style-type: none; }

#right .sideliste ul, .searchresults ul {
  margin-left: 0px; }
  #right .sideliste ul li, .searchresults ul li {
    list-style-type: none; }

.infobox #relatedPages li {
  list-style-type: none;
  padding: 0px 0px 5px 0px; }

#right p.relatedPageResult, p.relatedPageResult {
  padding: 0px 5px 5px 0px; }

.vacation-reporting .add-employee {
  display: block;
  background: url(../../images/dist/guide-nav-sprite.png) no-repeat left top;
  margin: 1em 0;
  padding-left: 25px;
  height: 20px;
  line-height: 20px;
  color: #964e04; }

.vacation-reporting .submit-report {
  float: right;
  margin: 1em 0 !important; }

.vacation-reporting legend {
  font-size: 140%; }

.localized {
  color: #888888; }
  .btn .localized {
    color: #dddddd; }

.memberview {
  border-collapse: collapse; }
  .memberview td {
    border-collapse: collapse;
    padding: 1% 0;
    vertical-align: top; }

.smileylist {
  display: block; }
  .smileylist li {
    display: block; }
  .smileylist h3 {
    margin: 10px 0 0 0; }
  .smileylist a {
    display: block;
    background: url(../../images/dist/smiley-sprite.png) no-repeat left 0px;
    padding: 14px 0 14px 40px; }
    .smileylist a.last {
      border: 0; }
    .smileylist a.None {
      background: none; }
    .smileylist a.NoError {
      background-position: left -153px; }
    .smileylist a.MinorError {
      background-position: left -77px; }
    .smileylist a.SeriousError {
      background-position: left -2px; }
    .smileylist a.Elite {
      background-position: left -224px; }

.frontPageBanner {
  display: block;
  width: 980px;
  margin: 0 0 20px 0; }
  @media screen and (max-width: 768px) {
    .frontPageBanner {
      width: 100%; } }
  @media screen and (min-width: 768px) {
    .frontPageBanner {
      height: auto; } }
  .frontPageBanner img {
    max-width: 100%;
    height: auto; }

/*Youtube*/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  margin: 0 0 20px 0; }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.extraParticipantValid {
  border-color: #468847;
  background: #dff0d8;
  color: #468847; }

.extraParticipantInvalid {
  border-color: #b94a48;
  background: #f2dede;
  color: #b94a48; }

.faq {
  margin: 20px 0; }
  .faq li {
    display: block;
    position: relative;
    padding: 5px 0 5px 20px; }
    .faq li:before {
      transition: transform .2s linear;
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
      content: "";
      position: absolute;
      width: 15px;
      height: 15px;
      background: #964e04 url(../../images/dist/arrow-sprite.png) no-repeat center 4px;
      left: 0;
      top: 5px; }
    .faq li.expanded:before {
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
    .faq li h4 {
      cursor: pointer; }
    .faq li div {
      display: none;
      padding: 10px 0;
      border-bottom: 1px dotted #ccc; }

/* List by tags */
.date {
  display: block;
  color: #666;
  font-size: 90%;
  margin-bottom: 5px; }

.feature-list h2, .feature-list p, .generic-list h2, .generic-list p {
  margin: 10px 0 0 0; }

.feature-list .feature-list-item-large, .generic-list .feature-list-item-large {
  margin: 20px 0 0 0; }

.feature-list .feature-list-item, .feature-list .list-item, .generic-list .feature-list-item, .generic-list .list-item {
  *zoom: 1;
  margin: 20px 0 20px 0;
  padding: 20px 0 0 0;
  border-top: 1px solid #ccc; }
  .feature-list .feature-list-item:before, .feature-list .feature-list-item:after, .feature-list .list-item:before, .feature-list .list-item:after, .generic-list .feature-list-item:before, .generic-list .feature-list-item:after, .generic-list .list-item:before, .generic-list .list-item:after {
    display: table;
    content: "";
    line-height: 0; }
  .feature-list .feature-list-item:after, .feature-list .list-item:after, .generic-list .feature-list-item:after, .generic-list .list-item:after {
    clear: both; }
  .feature-list .feature-list-item img, .feature-list .list-item img, .generic-list .feature-list-item img, .generic-list .list-item img {
    float: left;
    margin: 0 20px 20px 0; }

.simple-list .simple-list-item {
  display: block;
  *zoom: 1;
  margin: 20px 0 0 0; }
  .simple-list .simple-list-item:before, .simple-list .simple-list-item:after {
    display: table;
    content: "";
    line-height: 0; }
  .simple-list .simple-list-item:after {
    clear: both; }

.related-list h3, .related-list p {
  margin: 10px 0 0 0; }

@media screen and (min-width: 768px) {
  .related-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between; } }

@media screen and (max-width: 768px) {
  .related-list .related-list-item, .related-list .list-item {
    margin: 0 0 20px 0; } }

@media screen and (min-width: 768px) {
  .related-list .related-list-item, .related-list .list-item {
    width: 48%;
    margin: 0 0 20px 0; } }

.ps {
  clear: both;
  display: block;
  margin: 0 0 20px 0; }

.shop--item--list_item {
  position: relative;
  border-bottom: 1px solid #ccc;
  padding: 20px 0;
  margin: 20px 0;
  *zoom: 1; }
  .shop--item--list_item:before, .shop--item--list_item:after {
    display: table;
    content: "";
    line-height: 0; }
  .shop--item--list_item:after {
    clear: both; }
  .shop--item--list_item h2, .shop--item--list_item h3 {
    margin: 0 0 10px 0; }

.shop--item--list_download {
  float: right;
  margin: 0 0 20px 20px; }

.shop--item--list_media {
  float: left;
  margin: 0 20px 20px 0; }</pre></body></html>