@import url("//hello.myfonts.net/count/2955c6");
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
   /* Edit 26.11.2014 PR */
html,
button,
input,
select,
textarea {
  color: #3e4047; }

body {
  font-size: 1em;
  line-height: 1.4; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Media Queries
   ========================================================================== */
/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px; }

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%; }

.hidden {
  display: none !important;
  visibility: hidden; }

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }

.invisible {
  visibility: hidden; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
    page-break-after: avoid; } }
/* normalize.css v1.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif; }

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.67em;
  margin: 2.33em 0; }

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0; }

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none; }

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none; }

/**
 * 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; }

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0; }

dd {
  margin: 0 0 0 40px; }

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px; }

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * 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 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * 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 Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
 *  Font Awesome 3.2.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/davegandy
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("fonts/fontawesome-webfont.eot?v=3.2.1");
  src: url("fonts/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("fonts/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal; }

/* FONT AWESOME CORE
 * -------------------------- */
[class^="icon-"],
[class*=" icon-"] {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  *margin-right: .3em; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none; }

/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: -10%;
  font-size: 1.33333em; }

/* makes sure icons active on rollover in links */
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline; }

/* increased font size for icon-large */
[class^="icon-"].icon-fixed-width,
[class*=" icon-"].icon-fixed-width {
  display: inline-block;
  width: 1.14286em;
  text-align: right;
  padding-right: 0.28571em; }
  [class^="icon-"].icon-fixed-width.icon-large,
  [class*=" icon-"].icon-fixed-width.icon-large {
    width: 1.42857em; }

.icons-ul {
  margin-left: 2.14286em;
  list-style-type: none; }
  .icons-ul > li {
    position: relative; }
  .icons-ul .icon-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    text-align: center;
    line-height: inherit; }

[class^="icon-"].hide,
[class*=" icon-"].hide {
  display: none; }

.icon-muted {
  color: #eeeeee; }

.icon-light {
  color: white; }

.icon-dark {
  color: #333333; }

.icon-border {
  border: solid 1px #eeeeee;
  padding: .2em .25em .15em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.icon-2x {
  font-size: 2em; }
  .icon-2x.icon-border {
    border-width: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px; }

.icon-3x {
  font-size: 3em; }
  .icon-3x.icon-border {
    border-width: 3px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }

.icon-4x {
  font-size: 4em; }
  .icon-4x.icon-border {
    border-width: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; }

.icon-5x {
  font-size: 5em; }
  .icon-5x.icon-border {
    border-width: 5px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

[class^="icon-"].pull-left,
[class*=" icon-"].pull-left {
  margin-right: .3em; }
[class^="icon-"].pull-right,
[class*=" icon-"].pull-right {
  margin-left: .3em; }

/* BOOTSTRAP SPECIFIC CLASSES
 * -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
[class^="icon-"],
[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: normal;
  vertical-align: baseline;
  background-image: none;
  background-position: 0% 0%;
  background-repeat: repeat;
  margin-top: 0; }

/* more sprites.less reset */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
  background-image: none; }

/* keeps Bootstrap styles with and without icons the same */
.btn [class^="icon-"].icon-large,
.btn [class*=" icon-"].icon-large, .nav [class^="icon-"].icon-large,
.nav [class*=" icon-"].icon-large {
  line-height: .9em; }
.btn [class^="icon-"].icon-spin,
.btn [class*=" icon-"].icon-spin, .nav [class^="icon-"].icon-spin,
.nav [class*=" icon-"].icon-spin {
  display: inline-block; }

.nav-tabs [class^="icon-"], .nav-tabs [class^="icon-"].icon-large,
.nav-tabs [class*=" icon-"],
.nav-tabs [class*=" icon-"].icon-large, .nav-pills [class^="icon-"], .nav-pills [class^="icon-"].icon-large,
.nav-pills [class*=" icon-"],
.nav-pills [class*=" icon-"].icon-large {
  line-height: .9em; }

.btn [class^="icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x,
.btn [class*=" icon-"].pull-left.icon-2x,
.btn [class*=" icon-"].pull-right.icon-2x {
  margin-top: .18em; }
.btn [class^="icon-"].icon-spin.icon-large,
.btn [class*=" icon-"].icon-spin.icon-large {
  line-height: .8em; }

.btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x,
.btn.btn-small [class*=" icon-"].pull-left.icon-2x,
.btn.btn-small [class*=" icon-"].pull-right.icon-2x {
  margin-top: .25em; }

.btn.btn-large [class^="icon-"],
.btn.btn-large [class*=" icon-"] {
  margin-top: 0; }
  .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x,
  .btn.btn-large [class*=" icon-"].pull-left.icon-2x,
  .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
    margin-top: .05em; }
  .btn.btn-large [class^="icon-"].pull-left.icon-2x,
  .btn.btn-large [class*=" icon-"].pull-left.icon-2x {
    margin-right: .2em; }
  .btn.btn-large [class^="icon-"].pull-right.icon-2x,
  .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
    margin-left: .2em; }

/* Fixes alignment in nav lists */
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
  line-height: inherit; }

/* EXTRAS
 * -------------------------- */
/* Stacked and layered icon */
.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: -35%; }
  .icon-stack [class^="icon-"],
  .icon-stack [class*=" icon-"] {
    display: block;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 1em;
    line-height: inherit;
    *line-height: 2em; }
  .icon-stack .icon-stack-base {
    font-size: 2em;
    *line-height: 1em; }

/* Animated rotating icon */
.icon-spin {
  display: inline-block;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear; }

/* Prevent stack and spinners from being taken inline when inside a link */
a .icon-stack,
a .icon-spin {
  display: inline-block;
  text-decoration: none; }

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg); }

  100% {
    -moz-transform: rotate(359deg); } }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(359deg); } }

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg); }

  100% {
    -o-transform: rotate(359deg); } }

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg); }

  100% {
    -ms-transform: rotate(359deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(359deg); } }

/* Icon rotations and mirroring */
.icon-rotate-90:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }

.icon-rotate-180:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); }

.icon-rotate-270:before {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }

.icon-flip-horizontal:before {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1); }

.icon-flip-vertical:before {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1); }

/* ensure rotation occurs inside anchor tags */
a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before {
  display: inline-block; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
 * readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "\f000"; }

.icon-music:before {
  content: "\f001"; }

.icon-search:before {
  content: "\f002"; }

.icon-envelope-alt:before {
  content: "\f003"; }

.icon-heart:before {
  content: "\f004"; }

.icon-star:before {
  content: "\f005"; }

.icon-star-empty:before {
  content: "\f006"; }

.icon-user:before {
  content: "\f007"; }

.icon-film:before {
  content: "\f008"; }

.icon-th-large:before {
  content: "\f009"; }

.icon-th:before {
  content: "\f00a"; }

.icon-th-list:before {
  content: "\f00b"; }

.icon-ok:before {
  content: "\f00c"; }

.icon-remove:before {
  content: "\f00d"; }

.icon-zoom-in:before {
  content: "\f00e"; }

.icon-zoom-out:before {
  content: "\f010"; }

.icon-power-off:before,
.icon-off:before {
  content: "\f011"; }

.icon-signal:before {
  content: "\f012"; }

.icon-gear:before,
.icon-cog:before {
  content: "\f013"; }

.icon-trash:before {
  content: "\f014"; }

.icon-home:before {
  content: "\f015"; }

.icon-file-alt:before {
  content: "\f016"; }

.icon-time:before {
  content: "\f017"; }

.icon-road:before {
  content: "\f018"; }

.icon-download-alt:before {
  content: "\f019"; }

.icon-download:before {
  content: "\f01a"; }

.icon-upload:before {
  content: "\f01b"; }

.icon-inbox:before {
  content: "\f01c"; }

.icon-play-circle:before {
  content: "\f01d"; }

.icon-rotate-right:before,
.icon-repeat:before {
  content: "\f01e"; }

.icon-refresh:before {
  content: "\f021"; }

.icon-list-alt:before {
  content: "\f022"; }

.icon-lock:before {
  content: "\f023"; }

.icon-flag:before {
  content: "\f024"; }

.icon-headphones:before {
  content: "\f025"; }

.icon-volume-off:before {
  content: "\f026"; }

.icon-volume-down:before {
  content: "\f027"; }

.icon-volume-up:before {
  content: "\f028"; }

.icon-qrcode:before {
  content: "\f029"; }

.icon-barcode:before {
  content: "\f02a"; }

.icon-tag:before {
  content: "\f02b"; }

.icon-tags:before {
  content: "\f02c"; }

.icon-book:before {
  content: "\f02d"; }

.icon-bookmark:before {
  content: "\f02e"; }

.icon-print:before {
  content: "\f02f"; }

.icon-camera:before {
  content: "\f030"; }

.icon-font:before {
  content: "\f031"; }

.icon-bold:before {
  content: "\f032"; }

.icon-italic:before {
  content: "\f033"; }

.icon-text-height:before {
  content: "\f034"; }

.icon-text-width:before {
  content: "\f035"; }

.icon-align-left:before {
  content: "\f036"; }

.icon-align-center:before {
  content: "\f037"; }

.icon-align-right:before {
  content: "\f038"; }

.icon-align-justify:before {
  content: "\f039"; }

.icon-list:before {
  content: "\f03a"; }

.icon-indent-left:before {
  content: "\f03b"; }

.icon-indent-right:before {
  content: "\f03c"; }

.icon-facetime-video:before {
  content: "\f03d"; }

.icon-picture:before {
  content: "\f03e"; }

.icon-pencil:before {
  content: "\f040"; }

.icon-map-marker:before {
  content: "\f041"; }

.icon-adjust:before {
  content: "\f042"; }

.icon-tint:before {
  content: "\f043"; }

.icon-edit:before {
  content: "\f044"; }

.icon-share:before {
  content: "\f045"; }

.icon-check:before {
  content: "\f046"; }

.icon-move:before {
  content: "\f047"; }

.icon-step-backward:before {
  content: "\f048"; }

.icon-fast-backward:before {
  content: "\f049"; }

.icon-backward:before {
  content: "\f04a"; }

.icon-play:before {
  content: "\f04b"; }

.icon-pause:before {
  content: "\f04c"; }

.icon-stop:before {
  content: "\f04d"; }

.icon-forward:before {
  content: "\f04e"; }

.icon-fast-forward:before {
  content: "\f050"; }

.icon-step-forward:before {
  content: "\f051"; }

.icon-eject:before {
  content: "\f052"; }

.icon-chevron-left:before {
  content: "\f053"; }

.icon-chevron-right:before {
  content: "\f054"; }

.icon-plus-sign:before {
  content: "\f055"; }

.icon-minus-sign:before {
  content: "\f056"; }

.icon-remove-sign:before {
  content: "\f057"; }

.icon-ok-sign:before {
  content: "\f058"; }

.icon-question-sign:before {
  content: "\f059"; }

.icon-info-sign:before {
  content: "\f05a"; }

.icon-screenshot:before {
  content: "\f05b"; }

.icon-remove-circle:before {
  content: "\f05c"; }

.icon-ok-circle:before {
  content: "\f05d"; }

.icon-ban-circle:before {
  content: "\f05e"; }

.icon-arrow-left:before {
  content: "\f060"; }

.icon-arrow-right:before {
  content: "\f061"; }

.icon-arrow-up:before {
  content: "\f062"; }

.icon-arrow-down:before {
  content: "\f063"; }

.icon-mail-forward:before,
.icon-share-alt:before {
  content: "\f064"; }

.icon-resize-full:before {
  content: "\f065"; }

.icon-resize-small:before {
  content: "\f066"; }

.icon-plus:before {
  content: "\f067"; }

.icon-minus:before {
  content: "\f068"; }

.icon-asterisk:before {
  content: "\f069"; }

.icon-exclamation-sign:before {
  content: "\f06a"; }

.icon-gift:before {
  content: "\f06b"; }

.icon-leaf:before {
  content: "\f06c"; }

.icon-fire:before {
  content: "\f06d"; }

.icon-eye-open:before {
  content: "\f06e"; }

.icon-eye-close:before {
  content: "\f070"; }

.icon-warning-sign:before {
  content: "\f071"; }

.icon-plane:before {
  content: "\f072"; }

.icon-calendar:before {
  content: "\f073"; }

.icon-random:before {
  content: "\f074"; }

.icon-comment:before {
  content: "\f075"; }

.icon-magnet:before {
  content: "\f076"; }

.icon-chevron-up:before {
  content: "\f077"; }

.icon-chevron-down:before {
  content: "\f078"; }

.icon-retweet:before {
  content: "\f079"; }

.icon-shopping-cart:before {
  content: "\f07a"; }

.icon-folder-close:before {
  content: "\f07b"; }

.icon-folder-open:before {
  content: "\f07c"; }

.icon-resize-vertical:before {
  content: "\f07d"; }

.icon-resize-horizontal:before {
  content: "\f07e"; }

.icon-bar-chart:before {
  content: "\f080"; }

.icon-twitter-sign:before {
  content: "\f081"; }

.icon-facebook-sign:before {
  content: "\f082"; }

.icon-camera-retro:before {
  content: "\f083"; }

.icon-key:before {
  content: "\f084"; }

.icon-gears:before,
.icon-cogs:before {
  content: "\f085"; }

.icon-comments:before {
  content: "\f086"; }

.icon-thumbs-up-alt:before {
  content: "\f087"; }

.icon-thumbs-down-alt:before {
  content: "\f088"; }

.icon-star-half:before {
  content: "\f089"; }

.icon-heart-empty:before {
  content: "\f08a"; }

.icon-signout:before {
  content: "\f08b"; }

.icon-linkedin-sign:before {
  content: "\f08c"; }

.icon-pushpin:before {
  content: "\f08d"; }

.icon-external-link:before {
  content: "\f08e"; }

.icon-signin:before {
  content: "\f090"; }

.icon-trophy:before {
  content: "\f091"; }

.icon-github-sign:before {
  content: "\f092"; }

.icon-upload-alt:before {
  content: "\f093"; }

.icon-lemon:before {
  content: "\f094"; }

.icon-phone:before {
  content: "\f095"; }

.icon-unchecked:before,
.icon-check-empty:before {
  content: "\f096"; }

.icon-bookmark-empty:before {
  content: "\f097"; }

.icon-phone-sign:before {
  content: "\f098"; }

.icon-twitter:before {
  content: "\f099"; }

.icon-facebook:before {
  content: "\f09a"; }

.icon-github:before {
  content: "\f09b"; }

.icon-unlock:before {
  content: "\f09c"; }

.icon-credit-card:before {
  content: "\f09d"; }

.icon-rss:before {
  content: "\f09e"; }

.icon-hdd:before {
  content: "\f0a0"; }

.icon-bullhorn:before {
  content: "\f0a1"; }

.icon-bell:before {
  content: "\f0a2"; }

.icon-certificate:before {
  content: "\f0a3"; }

.icon-hand-right:before {
  content: "\f0a4"; }

.icon-hand-left:before {
  content: "\f0a5"; }

.icon-hand-up:before {
  content: "\f0a6"; }

.icon-hand-down:before {
  content: "\f0a7"; }

.icon-circle-arrow-left:before {
  content: "\f0a8"; }

.icon-circle-arrow-right:before {
  content: "\f0a9"; }

.icon-circle-arrow-up:before {
  content: "\f0aa"; }

.icon-circle-arrow-down:before {
  content: "\f0ab"; }

.icon-globe:before {
  content: "\f0ac"; }

.icon-wrench:before {
  content: "\f0ad"; }

.icon-tasks:before {
  content: "\f0ae"; }

.icon-filter:before {
  content: "\f0b0"; }

.icon-briefcase:before {
  content: "\f0b1"; }

.icon-fullscreen:before {
  content: "\f0b2"; }

.icon-group:before {
  content: "\f0c0"; }

.icon-link:before {
  content: "\f0c1"; }

.icon-cloud:before {
  content: "\f0c2"; }

.icon-beaker:before {
  content: "\f0c3"; }

.icon-cut:before {
  content: "\f0c4"; }

.icon-copy:before {
  content: "\f0c5"; }

.icon-paperclip:before,
.icon-paper-clip:before {
  content: "\f0c6"; }

.icon-save:before {
  content: "\f0c7"; }

.icon-sign-blank:before {
  content: "\f0c8"; }

.icon-reorder:before {
  content: "\f0c9"; }

.icon-list-ul:before {
  content: "\f0ca"; }

.icon-list-ol:before {
  content: "\f0cb"; }

.icon-strikethrough:before {
  content: "\f0cc"; }

.icon-underline:before {
  content: "\f0cd"; }

.icon-table:before {
  content: "\f0ce"; }

.icon-magic:before {
  content: "\f0d0"; }

.icon-truck:before {
  content: "\f0d1"; }

.icon-pinterest:before {
  content: "\f0d2"; }

.icon-pinterest-sign:before {
  content: "\f0d3"; }

.icon-google-plus-sign:before {
  content: "\f0d4"; }

.icon-google-plus:before {
  content: "\f0d5"; }

.icon-money:before {
  content: "\f0d6"; }

.icon-caret-down:before {
  content: "\f0d7"; }

.icon-caret-up:before {
  content: "\f0d8"; }

.icon-caret-left:before {
  content: "\f0d9"; }

.icon-caret-right:before {
  content: "\f0da"; }

.icon-columns:before {
  content: "\f0db"; }

.icon-sort:before {
  content: "\f0dc"; }

.icon-sort-down:before {
  content: "\f0dd"; }

.icon-sort-up:before {
  content: "\f0de"; }

.icon-envelope:before {
  content: "\f0e0"; }

.icon-linkedin:before {
  content: "\f0e1"; }

.icon-rotate-left:before,
.icon-undo:before {
  content: "\f0e2"; }

.icon-legal:before {
  content: "\f0e3"; }

.icon-dashboard:before {
  content: "\f0e4"; }

.icon-comment-alt:before {
  content: "\f0e5"; }

.icon-comments-alt:before {
  content: "\f0e6"; }

.icon-bolt:before {
  content: "\f0e7"; }

.icon-sitemap:before {
  content: "\f0e8"; }

.icon-umbrella:before {
  content: "\f0e9"; }

.icon-paste:before {
  content: "\f0ea"; }

.icon-lightbulb:before {
  content: "\f0eb"; }

.icon-exchange:before {
  content: "\f0ec"; }

.icon-cloud-download:before {
  content: "\f0ed"; }

.icon-cloud-upload:before {
  content: "\f0ee"; }

.icon-user-md:before {
  content: "\f0f0"; }

.icon-stethoscope:before {
  content: "\f0f1"; }

.icon-suitcase:before {
  content: "\f0f2"; }

.icon-bell-alt:before {
  content: "\f0f3"; }

.icon-coffee:before {
  content: "\f0f4"; }

.icon-food:before {
  content: "\f0f5"; }

.icon-file-text-alt:before {
  content: "\f0f6"; }

.icon-building:before {
  content: "\f0f7"; }

.icon-hospital:before {
  content: "\f0f8"; }

.icon-ambulance:before {
  content: "\f0f9"; }

.icon-medkit:before {
  content: "\f0fa"; }

.icon-fighter-jet:before {
  content: "\f0fb"; }

.icon-beer:before {
  content: "\f0fc"; }

.icon-h-sign:before {
  content: "\f0fd"; }

.icon-plus-sign-alt:before {
  content: "\f0fe"; }

.icon-double-angle-left:before {
  content: "\f100"; }

.icon-double-angle-right:before {
  content: "\f101"; }

.icon-double-angle-up:before {
  content: "\f102"; }

.icon-double-angle-down:before {
  content: "\f103"; }

.icon-angle-left:before {
  content: "\f104"; }

.icon-angle-right:before {
  content: "\f105"; }

.icon-angle-up:before {
  content: "\f106"; }

.icon-angle-down:before {
  content: "\f107"; }

.icon-desktop:before {
  content: "\f108"; }

.icon-laptop:before {
  content: "\f109"; }

.icon-tablet:before {
  content: "\f10a"; }

.icon-mobile-phone:before {
  content: "\f10b"; }

.icon-circle-blank:before {
  content: "\f10c"; }

.icon-quote-left:before {
  content: "\f10d"; }

.icon-quote-right:before {
  content: "\f10e"; }

.icon-spinner:before {
  content: "\f110"; }

.icon-circle:before {
  content: "\f111"; }

.icon-mail-reply:before,
.icon-reply:before {
  content: "\f112"; }

.icon-github-alt:before {
  content: "\f113"; }

.icon-folder-close-alt:before {
  content: "\f114"; }

.icon-folder-open-alt:before {
  content: "\f115"; }

.icon-expand-alt:before {
  content: "\f116"; }

.icon-collapse-alt:before {
  content: "\f117"; }

.icon-smile:before {
  content: "\f118"; }

.icon-frown:before {
  content: "\f119"; }

.icon-meh:before {
  content: "\f11a"; }

.icon-gamepad:before {
  content: "\f11b"; }

.icon-keyboard:before {
  content: "\f11c"; }

.icon-flag-alt:before {
  content: "\f11d"; }

.icon-flag-checkered:before {
  content: "\f11e"; }

.icon-terminal:before {
  content: "\f120"; }

.icon-code:before {
  content: "\f121"; }

.icon-reply-all:before {
  content: "\f122"; }

.icon-mail-reply-all:before {
  content: "\f122"; }

.icon-star-half-full:before,
.icon-star-half-empty:before {
  content: "\f123"; }

.icon-location-arrow:before {
  content: "\f124"; }

.icon-crop:before {
  content: "\f125"; }

.icon-code-fork:before {
  content: "\f126"; }

.icon-unlink:before {
  content: "\f127"; }

.icon-question:before {
  content: "\f128"; }

.icon-info:before {
  content: "\f129"; }

.icon-exclamation:before {
  content: "\f12a"; }

.icon-superscript:before {
  content: "\f12b"; }

.icon-subscript:before {
  content: "\f12c"; }

.icon-eraser:before {
  content: "\f12d"; }

.icon-puzzle-piece:before {
  content: "\f12e"; }

.icon-microphone:before {
  content: "\f130"; }

.icon-microphone-off:before {
  content: "\f131"; }

.icon-shield:before {
  content: "\f132"; }

.icon-calendar-empty:before {
  content: "\f133"; }

.icon-fire-extinguisher:before {
  content: "\f134"; }

.icon-rocket:before {
  content: "\f135"; }

.icon-maxcdn:before {
  content: "\f136"; }

.icon-chevron-sign-left:before {
  content: "\f137"; }

.icon-chevron-sign-right:before {
  content: "\f138"; }

.icon-chevron-sign-up:before {
  content: "\f139"; }

.icon-chevron-sign-down:before {
  content: "\f13a"; }

.icon-html5:before {
  content: "\f13b"; }

.icon-css3:before {
  content: "\f13c"; }

.icon-anchor:before {
  content: "\f13d"; }

.icon-unlock-alt:before {
  content: "\f13e"; }

.icon-bullseye:before {
  content: "\f140"; }

.icon-ellipsis-horizontal:before {
  content: "\f141"; }

.icon-ellipsis-vertical:before {
  content: "\f142"; }

.icon-rss-sign:before {
  content: "\f143"; }

.icon-play-sign:before {
  content: "\f144"; }

.icon-ticket:before {
  content: "\f145"; }

.icon-minus-sign-alt:before {
  content: "\f146"; }

.icon-check-minus:before {
  content: "\f147"; }

.icon-level-up:before {
  content: "\f148"; }

.icon-level-down:before {
  content: "\f149"; }

.icon-check-sign:before {
  content: "\f14a"; }

.icon-edit-sign:before {
  content: "\f14b"; }

.icon-external-link-sign:before {
  content: "\f14c"; }

.icon-share-sign:before {
  content: "\f14d"; }

.icon-compass:before {
  content: "\f14e"; }

.icon-collapse:before {
  content: "\f150"; }

.icon-collapse-top:before {
  content: "\f151"; }

.icon-expand:before {
  content: "\f152"; }

.icon-euro:before,
.icon-eur:before {
  content: "\f153"; }

.icon-gbp:before {
  content: "\f154"; }

.icon-dollar:before,
.icon-usd:before {
  content: "\f155"; }

.icon-rupee:before,
.icon-inr:before {
  content: "\f156"; }

.icon-yen:before,
.icon-jpy:before {
  content: "\f157"; }

.icon-renminbi:before,
.icon-cny:before {
  content: "\f158"; }

.icon-won:before,
.icon-krw:before {
  content: "\f159"; }

.icon-bitcoin:before,
.icon-btc:before {
  content: "\f15a"; }

.icon-file:before {
  content: "\f15b"; }

.icon-file-text:before {
  content: "\f15c"; }

.icon-sort-by-alphabet:before {
  content: "\f15d"; }

.icon-sort-by-alphabet-alt:before {
  content: "\f15e"; }

.icon-sort-by-attributes:before {
  content: "\f160"; }

.icon-sort-by-attributes-alt:before {
  content: "\f161"; }

.icon-sort-by-order:before {
  content: "\f162"; }

.icon-sort-by-order-alt:before {
  content: "\f163"; }

.icon-thumbs-up:before {
  content: "\f164"; }

.icon-thumbs-down:before {
  content: "\f165"; }

.icon-youtube-sign:before {
  content: "\f166"; }

.icon-youtube:before {
  content: "\f167"; }

.icon-xing:before {
  content: "\f168"; }

.icon-xing-sign:before {
  content: "\f169"; }

.icon-youtube-play:before {
  content: "\f16a"; }

.icon-dropbox:before {
  content: "\f16b"; }

.icon-stackexchange:before {
  content: "\f16c"; }

.icon-instagram:before {
  content: "\f16d"; }

.icon-flickr:before {
  content: "\f16e"; }

.icon-adn:before {
  content: "\f170"; }

.icon-bitbucket:before {
  content: "\f171"; }

.icon-bitbucket-sign:before {
  content: "\f172"; }

.icon-tumblr:before {
  content: "\f173"; }

.icon-tumblr-sign:before {
  content: "\f174"; }

.icon-long-arrow-down:before {
  content: "\f175"; }

.icon-long-arrow-up:before {
  content: "\f176"; }

.icon-long-arrow-left:before {
  content: "\f177"; }

.icon-long-arrow-right:before {
  content: "\f178"; }

.icon-apple:before {
  content: "\f179"; }

.icon-windows:before {
  content: "\f17a"; }

.icon-android:before {
  content: "\f17b"; }

.icon-linux:before {
  content: "\f17c"; }

.icon-dribbble:before {
  content: "\f17d"; }

.icon-skype:before {
  content: "\f17e"; }

.icon-foursquare:before {
  content: "\f180"; }

.icon-trello:before {
  content: "\f181"; }

.icon-female:before {
  content: "\f182"; }

.icon-male:before {
  content: "\f183"; }

.icon-gittip:before {
  content: "\f184"; }

.icon-sun:before {
  content: "\f185"; }

.icon-moon:before {
  content: "\f186"; }

.icon-archive:before {
  content: "\f187"; }

.icon-bug:before {
  content: "\f188"; }

.icon-vk:before {
  content: "\f189"; }

.icon-weibo:before {
  content: "\f18a"; }

.icon-renren:before {
  content: "\f18b"; }

/* text direction */
/* grid */
/* colors */
/* fonts */
/* responsive design */
/*only screen and  could be removed => print would use this */
/* @import "jquery.fancybox"; */
/*
 * jQuery UI CSS Framework @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  position: absolute;
  left: -9999px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.ui-helper-clearfix {
  display: inline-block; }

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
  height: 1%; }

.ui-helper-clearfix {
  display: block; }

/* end clearfix */
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*
 * jQuery UI Accordion @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
  width: 100%; }

.ui-accordion .ui-accordion-header {
  cursor: pointer;
  position: relative;
  margin-top: 1px;
  zoom: 1; }

.ui-accordion .ui-accordion-li-fix {
  display: inline; }

.ui-accordion .ui-accordion-header-active {
  border-bottom: 0 !important; }

.ui-accordion .ui-accordion-header a {
  display: block;
  font-size: 1em;
  padding: .5em .5em .5em .7em; }

.ui-accordion-icons .ui-accordion-header a {
  padding-left: 2.2em; }

.ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px; }

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  margin-top: -2px;
  position: relative;
  top: 1px;
  margin-bottom: 2px;
  overflow: auto;
  display: none;
  zoom: 1; }

.ui-accordion .ui-accordion-content-active {
  display: block; }

                                                             /*
* jQuery UI Autocomplete @VERSION
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/
.ui-autocomplete {
  position: absolute;
  cursor: default;
  z-index: 20; }

/* workarounds */
* html .ui-autocomplete {
  width: 1px; }

/* without this, the menu expands to 100% in IE6 */
/*
 * jQuery UI Menu @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left; }

.ui-menu .ui-menu {
  margin-top: -3px; }

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%; }

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  zoom: 1; }

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px; }

/*
 * jQuery UI Button @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  margin-right: .1em;
  text-decoration: none !important;
  cursor: pointer;
  text-align: center;
  zoom: 1;
  overflow: visible; }

/* the overflow property removes extra width in IE */
.ui-button-icon-only {
  width: 2.2em; }

/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
  width: 2.4em; }

/* button elements seem to need a little more width */
.ui-button-icons-only {
  width: 3.4em; }

button.ui-button-icons-only {
  width: 3.7em; }

/*button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: 1.4; }

.ui-button-text-only .ui-button-text {
  padding: .4em 1em; }

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: .4em;
  text-indent: -9999999px; }

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 1em .4em 2.1em; }

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: .4em 2.1em .4em 1em; }

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em; }

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px; }

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px; }

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: .5em; }

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: .5em; }

/*button sets*/
.ui-buttonset {
  margin-right: 7px; }

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* reset extra padding in Firefox */
/*
 * jQuery UI Datepicker @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%; }

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none;
  /*sorry for IE5*/
  display/**/: block;
  /*sorry for IE5*/
  position: absolute;
  /*must have*/
  z-index: -1;
  /*must have*/
  filter: mask();
  /*must have*/
  top: -4px;
  /*must have*/
  left: -4px;
  /*must have*/
  width: 200px;
  /*must have*/
  height: 200px;
  /*must have*/ }

/*
* jQuery UI Dialog @VERSION
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
*/
.ui-dialog {
  position: absolute;
  padding: .2em;
  width: 300px;
  overflow: hidden; }

.ui-dialog .ui-dialog-titlebar {
  padding: .5em 1em .3em;
  position: relative; }

.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 16px .2em 0; }

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 19px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 18px; }

.ui-dialog .ui-dialog-titlebar-close span {
  display: block;
  margin: 1px; }

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0; }

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
  zoom: 1; }

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin: .5em 0 0 0;
  padding: .3em 1em .5em .4em; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right; }

.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer; }

.ui-dialog .ui-resizable-se {
  width: 14px;
  height: 14px;
  right: 3px;
  bottom: 3px; }

.ui-draggable .ui-dialog-titlebar {
  cursor: move; }

/*
 * jQuery UI Progressbar @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar {
  height: 2em;
  text-align: left; }

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%; }

                                                                  /*
* jQuery UI Resizable @VERSION
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  z-index: 99999;
  display: block; }

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

                                                                                      /*
* jQuery UI Selectable @VERSION
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

/*
 * jQuery UI Slider @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
  position: relative;
  text-align: left; }

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default; }

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0; }

.ui-slider-horizontal {
  height: .8em; }

.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em; }

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%; }

.ui-slider-horizontal .ui-slider-range-min {
  left: 0; }

.ui-slider-horizontal .ui-slider-range-max {
  right: 0; }

.ui-slider-vertical {
  width: .8em;
  height: 100px; }

.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em; }

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%; }

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0; }

.ui-slider-vertical .ui-slider-range-max {
  top: 0; }

                                                   /*
* jQuery UI Tabs @VERSION
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Tabs#theming
*/
.ui-tabs {
  position: relative;
  padding: .2em;
  zoom: 1; }

/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0; }

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 1px;
  margin: 0 .2em 1px 0;
  border-bottom: 0 !important;
  padding: 0;
  white-space: nowrap; }

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: .5em 1em;
  text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
  margin-bottom: 0;
  padding-bottom: 1px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
  cursor: text; }

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
  cursor: pointer; }

/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none; }

.ui-tabs .ui-tabs-hide {
  display: none !important; }

/*
 * jQuery UI CSS Framework @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: white url(/Sites/Images/common/jquery_ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222222; }

.ui-widget-content a {
  color: #222222; }

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url(/Sites/Images/common/jquery_ui/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
  color: #222222;
  font-weight: bold; }

.ui-widget-header a {
  color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid lightgrey;
  background: #e6e6e6 url(/Sites/Images/common/jquery_ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #555555; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #555555;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada url(/Sites/Images/common/jquery_ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-hover a, .ui-state-hover a:hover {
  color: #212121;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: white url(/Sites/Images/common/jquery_ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none; }

.ui-widget :active {
  outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url(/Sites/Images/common/jquery_ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
  color: #363636; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(/Sites/Images/common/jquery_ui/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
  color: #cd0a0a; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #cd0a0a; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(/Sites/Images/common/jquery_ui/ui-icons_222222_256x240.png); }

.ui-widget-content .ui-icon {
  background-image: url(/Sites/Images/common/jquery_ui/ui-icons_222222_256x240.png); }

.ui-widget-header .ui-icon {
  background-image: url(/Sites/Images/common/jquery_ui/ui-icons_222222_256x240.png); }

.ui-state-default .ui-icon {
  background-image: url(/Sites/Images/common/jquery_ui/ui-icons_888888_256x240.png); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(/Sites/Images/common/jquery_ui/ui-icons_454545_256x240.png); }

.ui-state-active .ui-icon {
  background-image: url(/Sites/Images/common/jquery_ui/ui-icons_454545_256x240.png); }

.ui-state-highlight .ui-icon {
  background-image: url(/Sites/Images/common/jquery_ui/ui-icons_2e83ff_256x240.png); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(/Sites/Images/common/jquery_ui/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-off {
  background-position: -96px -144px; }

.ui-icon-radio-on {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px; }

.ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px; }

.ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ui-corner-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px; }

.ui-corner-bottom {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ui-corner-right {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ui-corner-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.ui-corner-all {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url(/Sites/Images/common/jquery_ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30); }

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(/Sites/Images/common/jquery_ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px; }

/* MIXINS */
/* FUNCTIONS
-------------------------------------------------*/
/* @import "pagestructure"; */
/* 01 General Settings */
/* Metro Fix */
@-ms-viewport {
  width: device-width !important; }

/* Box-Sizing Hack */
* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  /* polyfill for ie 6/7 */ }

.lt-ie8 * {
  box-sizing: border-box;
  *behavior: url(/Content/BaselworldDID/CSS/boxsizing.htc); }

html, body, form {
  height: 100%; }

#pageHolder {
  position: relative;
  height: 100%;
  min-height: 100%; }


@media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 919px) {
  /*@media only screen and (max-width: 479px), only screen and (min-width: 480px) and (max-width: 767px) {*/
  #main {
    height: auto; } }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

/* Temporary insert until font-awesome.scss is MCH like */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("/Content/BaselworldDID/fonts/fontawesome-webfont.eot?v=3.2.1");
  src: url("/Content/BaselworldDID/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"), url("/Content/BaselworldDID/fonts/fontawesome-webfont.woff?v=3.2.1") format("woff"), url("/Content/BaselworldDID/fonts/fontawesome-webfont.ttf?v=3.2.1") format("truetype"), url("/Content/BaselworldDID/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1") format("svg");
  font-weight: normal;
  font-style: normal; }

/**
 * @license
 * MyFonts Webfont Build ID 2708934, 2013-12-16T08:39:00-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Caslon 540 by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/caslon-540/540/
 * 
 * Webfont: Caslon 540 Italic by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/caslon-540/540-italic/
 * 
 * Webfont: Engravers Gothic BT by Bitstream
 * URL: http://www.myfonts.com/fonts/bitstream/engravers-gothic/engravers-gothic/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2708934
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright 1990-2003 Bitstream Inc. All rights reserved.
 * 
 * © 2013 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@font-face {
  font-family: 'Caslon540BT-Roman';
  src: url("/Content/BaselworldDID/fonts/webfonts/2955C6_0_0.eot");
  src: url("/Content/BaselworldDID/fonts/webfonts/2955C6_0_0.eot?#iefix") format("embedded-opentype"), url("/Content/BaselworldDID/fonts/webfonts/2955C6_0_0.woff") format("woff"), url("/Content/BaselworldDID/fonts/webfonts/2955C6_0_0.ttf") format("truetype"); }

@font-face {
  font-family: 'Caslon540BT-Italic';
  src: url("/Content/BaselworldDID/fonts/webfonts/2955C6_1_0.eot");
  src: url("/Content/BaselworldDID/fonts/webfonts/2955C6_1_0.eot?#iefix") format("embedded-opentype"), url("/Content/BaselworldDID/fonts/webfonts/2955C6_1_0.woff") format("woff"), url("/Content/BaselworldDID/fonts/webfonts/2955C6_1_0.ttf") format("truetype"); }

/* Engravers Original 
@font-face {
  font-family: 'BSWEngraversGothicBT';
  src: url("/Content/BaselworldDID/fonts/webfonts/2955C6_2_0.eot");
  src: url("/Content/BaselworldDID/fonts/webfonts/2955C6_2_0.eot?#iefix") format("embedded-opentype"), url("/Content/BaselworldDID/fonts/webfonts/2955C6_2_0.woff") format("woff"), url("/Content/BaselworldDID/fonts/webfonts/2955C6_2_0.ttf") format("truetype"); }
*/

/* Generated Engravers by ParaType (http://www.paratype.com)*/
/* Font BSW EngraversGothic BT: Copyright © ParaType, 2014. All rights reserved.*/


@font-face {
	font-family: 'BSWEngraversGothicBT';
	src: url('/Content/BaselworldDID/fonts/webfonts/EGR45BSW.eot');
	src:
	     url('/Content/BaselworldDID/fonts/webfonts/EGR45BSW.eot?#iefix') format('embedded-opentype'),
	     url('/Content/BaselworldDID/fonts/webfonts/EGR45BSW.woff') format('woff'),
	     url('/Content/BaselworldDID/fonts/webfonts/EGR45BSW.ttf') format('truetype'),
	     url('/Content/BaselworldDID/fonts/webfonts/EGR45BSW.svg#BSWEngraversGothicBT') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'BrownProLight';
  src: url("/Content/BaselworldDID/fonts/lineto-brownpro-light.eot");
  src: url("/Content/BaselworldDID/fonts/lineto-brownpro-light.eot?#iefix") format("embedded-opentype"), url("/Content/BaselworldDID/fonts/lineto-brownpro-light.woff") format("woff"), url("/Content/BaselworldDID/fonts/lineto-brownpro-light.ttf") format("truetype"), url("/Content/BaselworldDID/fonts/lineto-brownpro-light.svg#BrownProLight") format("svg");
  font-weight: normal;
  font-style: normal; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

@media only screen and (min-width: 920px) and (max-width: 1023px) {
  html {
    font-size: 87.5%; } }

img {
  width: 100%;
  height: auto; }
  img.constrain {
    width: auto;
    max-width: 100%; }

body {
  font-family: "Caslon540BT-Roman", "Times New Roman", Times, Georgia, serif; }

.hide-text {
  text-indent: -10000px;
  text-align: left; }

/* common elements */
h1, h2, h3, h4, h5, h6 {
  font-family: "BSWEngraversGothicBT", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  font-style: normal; }

h1,
.scfForm .scfTitleBorder {
  font-size: 1.7em;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: .3em;
  letter-spacing: .05em;
  padding: .5em 0 0.5em 0;
  border-top: 1px solid #b8bac2; }

h2 {
  font-size: 1.4em;
  font-weight: normal;
  margin-bottom: .3em;
  letter-spacing: .05em;
  padding: .5em 0 1em 0;
  border-top: 1px solid #b8bac2; }
  h2.expand {
    border-color: #cdcdcd;
    margin-bottom: 0;
    padding-bottom: 0; }

h3 {
  font-size: 1.3em;
  font-weight: normal;
  margin-bottom: 1em;
  letter-spacing: .15em;
  padding: .82em 0 0;
  border-top: 1px solid #b8bac2; }

.buttonMore,
.buttonDoc {
  font-family: "BSWEngraversGothicBT", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  text-transform: uppercase;
  padding: 0.25em;
  margin-top: 1em; }
  .buttonMore a:before,
  .buttonDoc a:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
    text-decoration: inherit;
    display: inline-block;
    speak: none;
    content: "\f105"; }

.portlet {
  margin-top: 1em; }

.introText p {
  margin-top: 0; }

dd,
menu,
ol,
ul {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2.5em;
  padding-right: 0; }

.content-holder p,
.content-holder li,
.content-holder input,
.content-holder button {
  line-height: 1.5em; }

*:focus {
  outline: 0; }

.hide-on-all {
  display: none; }

@media only screen and (min-width: 1920px) {
  .hide-on-xxl {
    display: none; }

  .show-on-xxl {
    display: block; } }
@media only screen and (min-width: 1024px) and (max-width: 1919px) {
  .hide-on-xl {
    display: none; }

  .show-on-xl {
    display: block; } }
@media only screen and (min-width: 920px) and (max-width: 1023px) {
  .hide-on-l {
    display: none; }

  .show-on-l {
    display: block; } }
@media only screen and (min-width: 700px) and (max-width: 919px) {
  .hide-on-m {
    display: none; }

  .show-on-m {
    display: block; } }
@media only screen and (max-width: 699px) {
  .hide-on-s {
    display: none; }

  .show-on-s {
    display: block; } }
header {
  position: relative; }
  header .header-part {
    position: relative;
    width: 100%;
    padding: 4em 3.125em 2.5em;
    background-color: transparent; }
    @media only screen and (min-width: 700px) and (max-width: 919px) {
      header .header-part {
        padding-left: 1.25em;
        padding-right: 1.25em;
        padding-top: 2.5em;
        padding-bottom: 1.25em; } }
    @media only screen and (max-width: 699px) {
      header .header-part {
        padding-left: 0.375em;
        padding-right: 0.375em;
        padding-top: 2.5em;
        padding-bottom: 1.25em; } }
  header .logo {
    width: 100%;
    display: block;
    vertical-align: middle;
    text-align: center; }
    header .logo img {
      max-width: 460px; }
  header .event-date {
    color: white;
    width: 35%;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
    font-size: 1.15em;
    padding-right: 1.5em; }
    @media only screen and (max-width: 699px) {
      header .event-date {
        width: 60%;
        padding-right: 0; } }
  header .generic-navigation {
    display: none;
    width: 30%;
    position: absolute;
    top: 0;
    left: 70%;
    padding-right: 3.125em; }
    @media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 919px) {
      header .generic-navigation {
        width: 70%;
        left: 30%; } }
    @media only screen and (min-width: 700px) and (max-width: 919px) {
      header .generic-navigation {
        padding-right: 1.25em; } }
    @media only screen and (max-width: 699px) {
      header .generic-navigation {
        padding-right: 0.375em; } }
    header .generic-navigation ul {
      float: right; }
    header .generic-navigation .sociallink {
      padding-left: 0.5em; }
      header .generic-navigation .sociallink a {
        font-size: 1.66667em; }
  header .language-switch {
    width: 70%;
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 3.125em; }
    @media only screen and (min-width: 700px) and (max-width: 919px) {
      header .language-switch {
        display: none;
        padding-left: 1.25em; } }
    @media only screen and (max-width: 699px) {
      header .language-switch {
        display: none;
        padding-left: 0.375em; } }
  header .language-switch-mobile {
    display: none;
    background: #1b2f44;
    position: absolute;
    top: 0;
    height: 1.8em;
    line-height: 1.8em;
    left: 0; }
    @media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 919px) {
      header .language-switch-mobile {
        display: block;
        width: 30%; } }
    .lt-ie9 header .language-switch-mobile {
      background: #1b2f44; }
    header .language-switch-mobile > a {
      padding-left: 3.125em;
      display: block; }
      @media only screen and (min-width: 700px) and (max-width: 919px) {
        header .language-switch-mobile > a {
          padding-left: 1.25em; } }
      @media only screen and (max-width: 699px) {
        header .language-switch-mobile > a {
          padding-left: 0.375em; } }
    header .language-switch-mobile a, header .language-switch-mobile a:link, header .language-switch-mobile a:visited, header .language-switch-mobile a:hover, header .language-switch-mobile a:active {
      color: #A5B0BB;
      font-family: "BSWEngraversGothicBT", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
      text-shadow: -1px -1px 1px rgba(18, 22, 28, 0.75);
      text-transform: uppercase;
      letter-spacing: 1px;
      text-decoration: none;
      font-size: 0.8em; }
    header .language-switch-mobile ul {
      display: none;
      padding-left: 3.125em;
      background: #1b2f44;
      list-style: none;
      margin: 0;
      position: relative;
      top: -1px;
      z-index: 6; }
      @media only screen and (min-width: 700px) and (max-width: 919px) {
        header .language-switch-mobile ul {
          padding-left: 1.25em; } }
      @media only screen and (max-width: 699px) {
        header .language-switch-mobile ul {
          padding-left: 0.375em; } }
      header .language-switch-mobile ul li {
        margin: 0;
        padding: 0; }
  header .generic-navigation,
  header .language-switch {
    background: #1b2f44;
    height: 1.8em;
    line-height: 1.8em; }
    .lt-ie9 header .generic-navigation, .lt-ie9
    header .language-switch {
      background: #1b2f44; }
    header .generic-navigation ul, header .generic-navigation li,
    header .language-switch ul,
    header .language-switch li {
      list-style: none;
      padding: 0;
      margin: 0; }
    header .generic-navigation a,
    header .generic-navigation a:link,
    header .generic-navigation a:visited,
    header .language-switch a,
    header .language-switch a:link,
    header .language-switch a:visited {
      color: #A5B0BB;
      font-family: "BSWEngraversGothicBT", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
      text-shadow: -1px -1px 1px rgba(18, 22, 28, 0.75);
      text-transform: uppercase;
      letter-spacing: 1px;
      text-decoration: none; }
    header .generic-navigation a:hover,
    header .generic-navigation a:active,
    header .language-switch a:hover,
    header .language-switch a:active {
      color: white;
      text-decoration: none; }
    header .generic-navigation li.partner,
    header .language-switch li.partner {
      display: none; }
    @media only screen and (max-width: 699px) {
      header .generic-navigation li.generic,
      header .generic-navigation li.social,
      header .language-switch li.generic,
      header .language-switch li.social {
        display: none; } }
  header .language-switch li {
    float: left;
    font-size: 0.75em; }
    header .language-switch li:before {
      content: "|";
      color: #A5B0BB;
      font-family: "BSWEngraversGothicBT", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
      text-shadow: -1px -1px 1px rgba(18, 22, 28, 0.75);
      padding-right: 0.5em;
      padding-left: 0.5em; }
    header .language-switch li:first-child:before {
      content: none; }
  header .generic-navigation li {
    float: left;
    font-size: 0.75em; }
    header .generic-navigation li li {
      font-size: 1em; }
  header .generic-navigation .generic li:before {
    content: "|";
    color: white;
    padding-right: 0.25em;
    padding-left: 0.5em; }
  header .generic-navigation .generic li:nth-child(2):before {
    content: none; }
  header .generic-navigation .generic li:first-child, header .generic-navigation .generic li:last-child {
    display: none; }

header .search,
.main-nav-mobile .search {
  width: 20%;
  display: block;
  vertical-align: middle;
  text-align: right;
  position: absolute;
  top: .5em;
  right: 3.125em; }
  header .search fieldset,
  .main-nav-mobile .search fieldset {
    border: 1px solid white;
    padding: 0;
    margin: 0;
    width: 80%;
    float: right;
    position: relative; }
  header .search .search-field,
  .main-nav-mobile .search .search-field {
    background-color: transparent;
    border: none;
    color: white;
    text-transform: uppercase;
    font-size: 0.7em;
    padding: 0.4em;
    width: 100%;
    padding-right: 2em; }
    header .search .search-field::-webkit-input-placeholder,
    .main-nav-mobile .search .search-field::-webkit-input-placeholder {
      /* WebKit browsers */
      color: white; }
    header .search .search-field:-moz-placeholder,
    .main-nav-mobile .search .search-field:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: white; }
    header .search .search-field::-moz-placeholder,
    .main-nav-mobile .search .search-field::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: white; }
    header .search .search-field:-ms-input-placeholder,
    .main-nav-mobile .search .search-field:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: white; }
  header .search .search-button,
  .main-nav-mobile .search .search-button {
    font-family: FontAwesome;
    background: transparent;
    border: none;
    padding: 0.2em;
    color: white;
    position: absolute;
    top: 0;
    right: 0; }

@media only screen and (max-width: 699px) {
  header .search {
    display: none; } }

/* Is an extract of _mch_default_did.scss */
/* Metro Fix */
@-ms-viewport {
  width: device-width !important; }

/* => 1 HEADER <= */
/* ==> 1.1 Language Navigation <== */
/* (set zize for language img) */
img.langnavimage {
  width: auto;
  padding-left: .5em;
  margin-top: -.3em; }

/* ==> 1.2 Generic Navigation and Social Media Icons <== */
header .generic-navigation a.smifacebook,
header .generic-navigation a.smitwitter,
header .generic-navigation a.smiinstagram,
header .generic-navigation a.smiyoutube,
header .generic-navigation a.smiflickr,
header .generic-navigation a.smiweibo,
footer.pagefooter nav a.smifacebook,
footer.pagefooter nav a.smitwitter,
footer.pagefooter nav a.smiinstagram,
footer.pagefooter nav a.smiyoutube,
footer.pagefooter nav a.smiflickr,
footer.pagefooter nav a.smiweibo {
  margin: .5em 0 0 .5em;
  width: 16px;
  height: 16px;
  display: block;
  text-indent: -9999px;
  float: left; }
  @media only screen and (min-width: 700px) and (max-width: 919px) {
    header .generic-navigation a.smifacebook,
    header .generic-navigation a.smitwitter,
    header .generic-navigation a.smiinstagram,
    header .generic-navigation a.smiyoutube,
    header .generic-navigation a.smiflickr,
    header .generic-navigation a.smiweibo,
    footer.pagefooter nav a.smifacebook,
    footer.pagefooter nav a.smitwitter,
    footer.pagefooter nav a.smiinstagram,
    footer.pagefooter nav a.smiyoutube,
    footer.pagefooter nav a.smiflickr,
    footer.pagefooter nav a.smiweibo {
      margin-left: 1.5em; } }
header .generic-navigation a.smifacebook,
footer.pagefooter nav a.smifacebook {
  background-image: url(/Content/BaselworldDID/img/BASELWORLD_Facebook_Icon.png); }
header .generic-navigation a.smitwitter,
footer.pagefooter nav a.smitwitter {
  background-image: url(/Content/BaselworldDID/img/BASELWORLD_Twitter_Icon.png); }
header .generic-navigation a.smiinstagram,
footer.pagefooter nav a.smiinstagram {
  background-image: url(/Content/BaselworldDID/img/BASELWORLD_Instagram_Icon.png); }
header .generic-navigation a.smiyoutube,
footer.pagefooter nav a.smiyoutube {
  background-image: url(/Content/BaselworldDID/img/BASELWORLD_YouTube_Icon.png); }
header .generic-navigation a.smiflickr,
footer.pagefooter nav a.smiflickr {
  background-image: url(/Content/BaselworldDID/img/BASELWORLD_Flickr_Icon.png); }
header .generic-navigation a.smiweibo,
footer.pagefooter nav a.smiweibo {
  background-image: url(/Content/BaselworldDID/img/BASELWORLD_Weibo_Icon.png); }
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  header .generic-navigation a.smifacebook,
  footer.pagefooter nav a.smifacebook {
    background-size: 16px 16px;
    background-image: url(/Content/BaselworldDID/img/BASELWORLD_Facebook_Icon@2x.png); }
  header .generic-navigation a.smitwitter,
  footer.pagefooter nav a.smitwitter {
    background-size: 16px 16px;
    background-image: url(/Content/BaselworldDID/img/BASELWORLD_Twitter_Icon@2x.png); }
  header .generic-navigation a.smiinstagram,
  footer.pagefooter nav a.smiinstagram {
    background-size: 16px 16px;
    background-image: url(/Content/BaselworldDID/img/BASELWORLD_Instagram_Icon@2x.png); }
  header .generic-navigation a.smiyoutube,
  footer.pagefooter nav a.smiyoutube {
    background-size: 16px 16px;
    background-image: url(/Content/BaselworldDID/img/BASELWORLD_YouTube_Icon@2x.png); }
  header .generic-navigation a.smiflickr,
  footer.pagefooter nav a.smiflickr {
    background-size: 16px 16px;
    background-image: url(/Content/BaselworldDID/img/BASELWORLD_Flickr_Icon@2x.png); }
  header .generic-navigation a.smiweibo,
  footer.pagefooter nav a.smiweibo {
    background-size: 16px 16px;
    background-image: url(/Content/BaselworldDID/img/BASELWORLD_Weibo_Icon@2x.png); } }

/* ==> 1.3 Byline (Sponsorenlogo) <== */
header #sponsorlogo {
  color: white;
  width: 100%;
  display: block;
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  font-family: "BSWEngraversGothicBT", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: 0.9em !important;
  color: #A5B0BB;
  letter-spacing: .3em;
  text-transform: uppercase;
  text-shadow: -1px -1px 1px rgba(18, 22, 28, 0.75);
  margin-top: 1.5em; }

/*hide retina optmized date image */
header #sponsorlogo div.retina {
	display: none;
}

/*hide desktop optimized date image on BP-M and display retina optimized one */
@media only screen and (min-width: 700px) and (max-width: 919px) {
	header #sponsorlogo div.desktop {
		display: none;
	}

	header #sponsorlogo div.retina {
		display: block;
	}
}

/*hide desktop optimized date image on BP-S and display retina optimized one */
@media only screen and (max-width: 699px) {
	header #sponsorlogo div.desktop {
		display: none;
	}

	header #sponsorlogo div.retina {
		display: block;
	}
}

/* ==> 1.4 Search <== */
header .searchField {
  width: 80%;
  float: right; }

#search label {
  display: none; }

#search .searchField {
  font-family: "BSWEngraversGothicBT", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-size: .77em !important;
  color: #A5B0BB;
  border: 1px solid #536273 !important;
  background-color: transparent !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 3px 5px 5px; }

#search .searchBtn {
  float: right;
  padding: 0;
  margin: 3px 0 0;
  font-size: .85em !important;
  text-transform: uppercase;
  line-height: 1em;
  border: none !important;
  background: transparent !important;
  cursor: pointer;
  overflow: hidden;
  font-family: "BSWEngraversGothicBT", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  display: none !important; }

/* (Search Suggest Adjustments) */
#search div.inputWrapper .ui-autocomplete {
  width: 161px !important;
  overflow: hidden; }

.ui-widget {
  font: normal 1em/1em "BSWEngraversGothicBT", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important; }

@media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 919px) {
  .ui-widget {
    display: none !important; } }
.ui-widget-content {
  border: 1px solid #ccc; }

.ui-corner-all, .ui-corner-top {
  border-radius: 0 !important; }

.ui-state-focus {
  border: 0 !important;
  background: none !important;
  background-color: #ccc !important; }

header {
  position: absolute;
  width: 100%;
  z-index: 20; }

@media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 919px) {
  header {
    position: relative;
    width: 100%;
    z-index: 20; } }
header .header-part {
  background-color: transparent !important; }

@media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 919px) {
  header .header-part {
    /*background-color: rgba(4, 31, 78, 1.0);*/
    background-color: #1b2f44; } }
header .generic-navigation, header .language-switch {
  background-color: transparent; }

header .language-switch-mobile {
  background-color: transparent; }

header .language-switch-mobile ul {
  /*background-color: rgba(4, 31, 78, 1.0);*/
  /*background-color: #3f5588;*/
  background-color: #1b2f44; }

header .language-switch-mobile li {
  /*border-top: 1px solid #fff;*/ }

@media only screen and (min-width: 1920px) {
  header .logo img {
    /*width: 18.25em !important;
    max-width: 18.25em !important;*/ } }
@media only screen and (min-width: 700px) and (max-width: 919px) {
  header .logo img {
    /*max-width: 10em;
    width: 100%;*/ } }
.main-nav ul ul {
  text-align: left; }

.main-nav {
  font-family: "BSWEngraversGothicBT", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  text-transform: uppercase;
  padding: 0 3.125em;
  letter-spacing: 2px;
  text-align: center; }
  @media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 919px) {
    .main-nav {
      display: none; } }
  .main-nav ul, .main-nav li {
    list-style: none;
    padding: 0;
    margin: 0; }
  .main-nav > ul {
    position: relative;
    z-index: 100; }
    .main-nav > ul > li {
      display: inline-block;
      padding: 0 0.75em 1em; }
      .main-nav > ul > li > a, .main-nav > ul > li > a:link, .main-nav > ul > li > a:visited, .main-nav > ul > li > a:hover, .main-nav > ul > li > a:active {
        color: #A5B0BB;
        text-decoration: none;
        text-shadow: -1px -1px 1px rgba(18, 22, 28, 0.75); }
      .main-nav > ul > li > a:hover {
        color: #FFFFFF; }
      .main-nav > ul > li.active > a, .main-nav > ul > li.active > a:link, .main-nav > ul > li.active > a:visited, .main-nav > ul > li.active > a:hover, .main-nav > ul > li.active > a:active, .main-nav > ul > li.parent > a, .main-nav > ul > li.parent > a:link, .main-nav > ul > li.parent > a:visited, .main-nav > ul > li.parent > a:hover, .main-nav > ul > li.parent > a:active {
        text-decoration: none;
        color: #FFFFFF; }
      .main-nav > ul > li > ul {
        display: none;
        position: absolute;
        background-color: white;
        padding-bottom: 2.5em;
        width: 100%;
        left: 0;
        top: 2.3em;
        border-bottom: solid #B8BAC2;
        border-width: 0 1px 1px 1px; }
        .main-nav > ul > li > ul > li {
          display: inline-block;
          vertical-align: top;
          width: 25%;
          padding: 0 1em;
          margin-top: 1.5em;
          border-left: 1px solid #B8BAC2; }
          .main-nav > ul > li > ul > li.close + li, .main-nav > ul > li > ul > li.close + li + li + li + li + li, .main-nav > ul > li > ul > li.close + li + li + li + li + li + li + li + li + li, .main-nav > ul > li > ul > li.close + li + li + li + li + li + li + li + li + li + li + li + li + li {
            border-left: none;
            clear: left; }
          .main-nav > ul > li > ul > li:nth-of-type(4n+2) {
            border-left: none; }
          .main-nav > ul > li > ul > li > a, .main-nav > ul > li > ul > li > a:link, .main-nav > ul > li > ul > li > a:visited {
            color: #3E4047;
            font-size: 1em !important;
            letter-spacing: 1px; }
          .main-nav > ul > li > ul > li a, .main-nav > ul > li > ul > li > a:link, .main-nav > ul > li > ul > li > a:visited {
            text-decoration: none;
            font-size: 0.8em;
            text-transform: uppercase; }
          .main-nav > ul > li > ul > li a:hover, .main-nav > ul > li > ul > li a:active, .main-nav > ul > li > ul > li > a:hover, .main-nav > ul > li > ul > li > a:active, .main-nav > ul > li > ul > li a.fly_active {
            text-decoration: none;
            color: #0078BF !important; }
          .main-nav > ul > li > ul > li li > a, .main-nav > ul > li > ul > li li > a:link, .main-nav > ul > li > ul > li li > a:visited {
            color: #3E4047; }
        .main-nav > ul > li > ul .close {
          cursor: pointer;
          position: absolute;
          float: none;
          border: none;
          top: 0.2em;
          right: 0.2em;
          width: auto;
          margin: 0;
          padding: 0;
          color: #B8BAC2; }
          .main-nav > ul > li > ul .close i {
            -webkit-text-stroke: 0.6px white;
            font-size: 1.7em; }
        .main-nav > ul > li > ul .first_level_item {
          position: absolute;
          float: none;
          border: none;
          top: 0.5em;
          left: 0.8em;
          width: auto;
          margin: 0;
          padding: 0;
          font-size: 1.2em; }
      .main-nav > ul > li.open {
        background-color: white; }
        .main-nav > ul > li.open > a, .main-nav > ul > li.open > a:link, .main-nav > ul > li.open > a:visited, .main-nav > ul > li.open > a:hover, .main-nav > ul > li.open > a:active {
          color: #3E4047;
          text-decoration: none;
          text-shadow: none; }
      .main-nav > ul > li:first-child {
        display: none; }

.main-nav-mobile {
  display: none;
  width: 100%;
  background: #1b2f44;
  min-height: 3em;
  position: absolute;
  overflow: hidden;
  z-index: 25; }
  @media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 919px) {
    .main-nav-mobile {
      display: block; } }
  .main-nav-mobile.fixed {
    position: fixed;
    -webkit-transition: top 300ms ease-in-out;
    -moz-transition: top 300ms ease-in-out;
    transition: top 300ms ease-in-out; }
  .main-nav-mobile .nav-holder {
    display: none;
    position: relative;
    top: 3em;
    width: 100%;
    -webkit-transition: left 300ms ease-in-out;
    -moz-transition: left 300ms ease-in-out;
    transition: left 300ms ease-in-out; }
    .main-nav-mobile .nav-holder ul {
      margin: 0;
      padding: 0;
      list-style: none;
      width: 100%;
      position: absolute; }
    .main-nav-mobile .nav-holder li {
      display: block;
      width: 100%;
      min-height: 2em;
      background: #1b2f44;
      color: white;
      border-top: 1px solid #536273;
      padding: 0.25em 3.125em; }
      @media only screen and (min-width: 700px) and (max-width: 919px) {
        .main-nav-mobile .nav-holder li {
          padding-left: 1.25em;
          padding-right: 1.25em; } }
      @media only screen and (max-width: 699px) {
        .main-nav-mobile .nav-holder li {
          padding-left: 0.375em;
          padding-right: 0.375em; } }
      .main-nav-mobile .nav-holder li ul {
        left: 100%;
        top: 0; }
    .main-nav-mobile .nav-holder > ul > li:first-child {
      display: none; }
    .main-nav-mobile .nav-holder a, .main-nav-mobile .nav-holder a:link, .main-nav-mobile .nav-holder a:visited, .main-nav-mobile .nav-holder a:hover, .main-nav-mobile .nav-holder a:active {
      color: #A5B0BB;
      font-family: "BSWEngraversGothicBT", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 1px;
      text-shadow: -1px -1px 1px rgba(18, 22, 28, 0.75);
      position: relative;
      width: 100%;
      display: block; }
    .main-nav-mobile .nav-holder .previous-level, .main-nav-mobile .nav-holder .first_level_item {
      font-weight: bold; }
    .main-nav-mobile .nav-holder .has-children > a:after {
      font-family: FontAwesome;
      content: "\f105";
      position: absolute;
      top: 0.05em;
      right: 0; }
    .main-nav-mobile .nav-holder .has-children > a.submn:after {
      content: none; }
  .main-nav-mobile .back {
    height: 3em;
    position: absolute;
    left: 3.125em;
    display: block;
    display: none;
    cursor: pointer; }
    @media only screen and (min-width: 700px) and (max-width: 919px) {
      .main-nav-mobile .back {
        left: 1.25em; } }
    @media only screen and (max-width: 699px) {
      .main-nav-mobile .back {
        left: 0.375em; } }
    .main-nav-mobile .back, .main-nav-mobile .back:link, .main-nav-mobile .back:visited, .main-nav-mobile .back:hover, .main-nav-mobile .back:active {
      text-decoration: none;
      color: white; }
    .main-nav-mobile .back i {
      font-size: 1.5em;
      position: relative;
      top: 0.5em;
      color: #A5B0BB;
      -webkit-text-stroke: 1px #A5B0BB; }
  .main-nav-mobile .menu-opener {
    height: 3em;
    position: absolute;
    right: 3.125em;
    display: block;
    width: 2em;
    cursor: pointer; }
    @media only screen and (min-width: 700px) and (max-width: 919px) {
      .main-nav-mobile .menu-opener {
        right: 1.25em; } }
    @media only screen and (max-width: 699px) {
      .main-nav-mobile .menu-opener {
        right: 0.375em; } }
    .main-nav-mobile .menu-opener .icon-bar {
      display: block;
      width: 100%;
      height: 2px;
      background-color: #A5B0BB;
      margin-top: 0.4em;
      height: 2px; }
      .main-nav-mobile .menu-opener .icon-bar:first-child {
        margin-top: 0.8em; }
  .main-nav-mobile .search {
    /* @media only screen and (min-width : 700px) and (max-width : 919px) {
    	display: none;
    } */
    position: absolute;
    top: 0.6666em;
    right: 6em;
    width: 12em; }

/* @import "mch_mainnav_portalbuehne"; */
/* @import "content"; */
/* @import "forms"; */
/* Name: BigPictureSlider and HomepageTeaser CSS */
/* Usage: Baselworld */
/* Last edited: 12.02.2014 PR */
/* Note: Reverse engineered */
/* 02 Big picture slider */
#bigPictureSlider {
  height: 100%;
  overflow: hidden;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

@media only screen and (min-width: 1920px) {
  #bigPictureSlider {
    padding-bottom: 21.5em;
    padding-bottom: 16em; } }
@media only screen and (min-width: 1024px) and (max-width: 1919px) {
  #bigPictureSlider {
    padding-bottom: 21.5em;
    padding-bottom: 15.5em; } }
@media only screen and (min-width: 920px) and (max-width: 1023px) {
  #bigPictureSlider {
    padding-bottom: 19.5em; } }
@media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 919px) {
  #bigPictureSlider {
    height: 170px;
    padding-bottom: 0;
    top: 0;
    /* Edit Baselworld */
    margin-top: 3em; } }
#bigPictureSlider #bigPictureSliderHolder {
  height: 100%;
  position: relative; }

#pageHolder {
  position: relative; }

#bigPictureSlider:after {
  content: "";
  background: url(/Content/BaselworldDID/img/schraeger-strich.png) center top no-repeat;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  z-index: 1; }

@media only screen and (min-width: 920px) and (max-width: 1023px) {
  #bigPictureSlider:after {
    top: -50px; } }
@media only screen and (max-width: 919px) {
  #bigPictureSlider:after {
    top: -50px; } }
@media only screen and (max-width: 699px) {
  #bigPictureSlider:after {
    top: -60px; } }
#bigPictureSlider #bigPictureSliderHolder #bigPictureSliderRotator {
  height: 100%;
  position: relative;
  overflow-y: hidden; }

#bigPictureSlider #bigPictureNavigator {
  width: 200px;
  display: inline-block;
  position: relative;
  top: -30px;
  z-index: 5; }

/* Edit Baselworld */
@media only screen and (min-width: 1920px) {
  #bigPictureSlider #bigPictureNavigator {
    top: -40px; } }
/* Edit Baselworld */
@media only screen and (min-width: 1024px) and (max-width: 1919px) {
  #bigPictureSlider #bigPictureNavigator {
    top: -40px; } }
#bigPictureSlider #bigPictureNavigator ul {
  padding: 0;
  margin: 0; }

#bigPictureSlider #bigPictureNavigator ul li {
  display: inline-block;
  background-color: #dedede;
  width: 0;
  height: 0;
  padding: 0.24em;
  line-height: 0.48em;
  border-radius: 0.24em;
  margin: 0.375em;
  cursor: pointer; }

#bigPictureSlider #bigPictureNavigator ul li.current {
  background-color: #333; }

#bigPictureSlider .bigPicture {
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  float: left;
  position: relative; }

#bigPictureSlider .bigPicture .bigPictureInner {
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.lt-ie9 #bigPictureSlider .bigPicture .bigPictureInner {
  visibility: hidden; }

#bigPictureSlider .bigPicture .bigPictureInner img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto; }

#bigPictureSlider .bigPicture span.copyright {
  position: absolute;
  right: 1.875em;
  bottom: 1.375em;
  font-size: 0.6875em;
  color: black; }

@media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 919px) {
  #bigPictureSlider .bigPicture span.copyright {
    display: none; } }
#bigPictureSlider .bigPicture span.copyright.bright {
  color: white; }

/* 03 Homepage Teaser */
#homepageTeaser {
  z-index: 5;
  width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  padding-top: .5em;
}

  @media only screen and (min-width: 1920px) {
    #homepageTeaser {
      height: 8em;
      bottom: 4em;
    }
  }
  @media only screen and (min-width: 1024px) and (max-width: 1919px) {
    #homepageTeaser {
      height: 8em;
      bottom: 3em;
    }
  }
  @media only screen and (min-width: 920px) and (max-width: 1023px) {
    #homepageTeaser {
      height: 6.5em;
      bottom: 3em;
    }
  }
  @media only screen and (min-width: 700px) and (max-width: 919px) {
    #homepageTeaser {
      height: 5em;
      bottom: 3em;
    }
  }
  @media only screen and (max-width: 699px) {
    #homepageTeaser {
      height: auto;
      position: static; 
      bottom: 8em;
    }
  }
  

  
  #homepageTeaser div#homepageTeaserRotator {
  	 margin:  0 auto;
  }
  
  #homepageTeaser #homepageTeaserHolder {
    max-width: 1260px;
    margin: 0 auto;
    position: absolute;
    z-index: 5;
    width:  80%;
    left:  10%;
    right:  10%;
  }

@media only screen and (min-width: 1920px) {
  #homepageTeaser #homepageTeaserHolder {
    max-width: 1060px;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1919px) {
  #homepageTeaser #homepageTeaserHolder {
    max-width: 1020px;
  }
}
@media only screen and (min-width: 920px) and (max-width: 1023px) {
  #homepageTeaser #homepageTeaserHolder {
    max-width: 780px;
  }
}
@media only screen and (min-width: 700px) and (max-width: 919px) {
  #homepageTeaser #homepageTeaserHolder {
    max-width: auto;
  }
}
@media only screen and (max-width: 699px) {
  #homepageTeaser #homepageTeaserHolder {
    max-width: auto; 
  }
}
#homepageTeaser #homepageTeaserHolder a {
  text-decoration: none;
}

#homepageTeaser #homepageTeaserHolder .icon-chevron-left,
#homepageTeaser #homepageTeaserHolder .fa-chevron-right {
  display: none !important;
}

#homepageTeaser #homepageTeaserHolder .inner {
  overflow: hidden;
  position: relative;
  height: 100%;
  margin: 0 40px; }

@media only screen and (min-width: 920px) and (max-width: 1023px) {
  #homepageTeaser #homepageTeaserHolder .inner {
    margin: 0 33px;
  }
}
@media only screen and (max-width: 919px) {
  #homepageTeaser #homepageTeaserHolder .inner {
    margin: 0 50px;
  }
}

#homepageTeaser #homepageTeaserHolder #homepageTeaserRotator {
  overflow: hidden;
  width: auto;
  position: relative !important;
}

@media only screen and (max-width: 919px) {
  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator {
    width: 100% !important;
    position: relative !important;
    text-align:  center;
  }
}
#homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser {
  width: 220px;
  float: left;
  margin-left: 5px;
}

@media only screen and (max-width: 919px) {
  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser {
    margin-bottom: 0 !important;
  }
}

#homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser span {
  display: block; }
  
#homepageTeaserRotator .homepageTeaser span img {
  display: block;
}

#homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser span.homepageTeaserTitle {
  font-family: BSWEngraversGothicBT;
  font-size: 0.9375em;
  line-height: 1.2em;
  text-transform: uppercase;
  color: #3f5588;
  /* Edit Baselworld */
  margin-bottom: 0.66667em; }

#homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser span.homepageTeaserText {
  font-size: 0.8875em;
  line-height: 1.2em; }

#homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser span img {
  width: 100%;
  backface-visibility: hidden;
}
@media only screen and (min-width: 920px) and (max-width: 1023px) {
  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser span img {
    max-width: 15em;
  }
}
@media only screen and (max-width: 919px) {
  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser span img {
    max-width: 15em;
  }
}

#homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser span i {
  display: none;
  font-size: 1em;
  margin-left: 0.25em; }

@media only screen and (min-width: 1920px) {
  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser {
    width: 180px;
    /* Edit Baselworld */
    width: 230px; }

  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser span.homepageTeaserTitle {
    font-size: 0.8125em; }

  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser span.homepageTeaserText {
    font-size: 0.7625em; } }
@media only screen and (min-width: 1024px) and (max-width: 1919px) {
  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser {
    width: 172px;
    /* Edit Baselworld */
    width: 220px; }

  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser span.homepageTeaserTitle {
    font-size: 0.8125em; }

  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser span.homepageTeaserText {
    font-size: 0.7625em; } }
@media only screen and (min-width: 920px) and (max-width: 1023px) {
  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser {
    width: 160px; }

  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser span.homepageTeaserTitle {
    font-size: 0.8125em; }

  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser span.homepageTeaserText {
    font-size: 0.7625em; } }
@media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 919px) {
  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser {
    padding-left: 12px;
    margin-left: 0;
    margin-bottom: 1em;
    overflow: hidden;
    /*Anpassung 17.03.2015 */
    float:  none;
    display: inline-block;
    vertical-align: top;
  }

  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser span.homepageTeaserTitle {
    font-size: 0.875em; }

  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser span.homepageTeaserText {
    font-size: 0.825em; }

  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser:nth-child(2n+1) {
    clear: both; } }
@media only screen and (min-width: 700px) and (max-width: 919px) {
  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser {
    width: 50%; } }
@media only screen and (max-width: 699px) {
#homepageTeaser #homepageTeaserHolder {
	width:  100%;
	margin:  0;
}
  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser {
    width: 100%;
    width: 30%; /*Anpassung 02.01.2018*/
    margin-bottom: 1.2em; } }
/*@media only screen and (max-width: 400px) {
#homepageTeaser #homepageTeaserHolder {
	width:  100%;
	margin:  0;
}
  #homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser {
    width: 100%;
    width: 30%;     margin-bottom: 1.2em; } }  */  
    
#homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser:first-child {
  margin-left: 0; }

#homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser span.hoverFade {
  margin-bottom: 0.66667em; }

#homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser:hover span.homepageTeaserTitle,
#homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser:hover span.homepageTeaserText,
#homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser:hover span.homepageTeaserTitle i.icon-caret-right {
  color: #999;
  transition: color .5s ease-in-out;
  -moz-transition: color .5s ease-in-out;
  -webkit-transition: color .5s ease-in-out; }

#homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser a,
#homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser i.icon-caret-right {
  color: #333; }

#homepageTeaser i.icon-caret-right {
  font-size: 0.8em;
  height: 1.1em;
  color: #48b9d2; }

#homepageTeaser a:hover > i, #homepageTeaser li:hover > i {
  color: #999; }

/* hoverFade Magic */
.hoverFade {
  text-align: center;
  .background: #000;
  display: block;
  position: relative;
}

@media only screen and (min-width: 700px) and (max-width: 919px), only screen and (max-width: 699px) {
  .hoverFade {
    background: transparent;
    }
  }
.hoverFade img {
  opacity: 1;
  transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out; }

@media only screen and (min-width: 920px) and (max-width: 1023px), only screen and (min-width: 1024px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  .hoverFade:hover img {
    opacity: 0.5; } }
.hoverFade i {
  opacity: 0;
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.65em;
  font-size: 0.7em;
  text-align: center;
  display: block;
  color: white;
  background-color: #333;
  border-radius: 0.24em; }

.hoverFade:hover i, .hoverFade:active i {
  color: #fff; }

@media only screen and (min-width: 920px) and (max-width: 1023px), only screen and (min-width: 1024px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  .hoverFade:hover i, .hoverFade:active i {
    opacity: 0.8; } }
.hoverFade:visited i {
  color: #fff; }

footer.pagefooter {
  padding: 0 3.125em 0 3.125em !important;
  background-color: #1B2F44;
  overflow: hidden; }
  @media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 919px) {
    footer.pagefooter {
      padding-left: 0.5em !important;
      padding-right: 0.5em !important;
      margin-left: 0;
      margin-right: 0; } }

/* => 2 Footer <= */
footer.pagefooter {
  z-index: 5;
  padding: 0;
  color: white;
  overflow: hidden; }
  footer.pagefooter nav ul ul li {
    float: left; }
  footer.pagefooter nav > ul > li {
    width: 100%;
    border-top: 1px solid #536273;
    clear: left;
    padding: .5em;
    overflow: hidden; }
    footer.pagefooter nav > ul > li:first-child {
      border-top: none; }

footer.pagefooter nav ul {
  margin: 0;
  padding: 0.1em 0 0; }
  footer.pagefooter nav ul li {
    color: #A5B0BB;
    font-family: "BSWEngraversGothicBT", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    font-size: 0.9em;
    line-height: 1.8; }
    footer.pagefooter nav ul li a {
      color: #A5B0BB;
      text-decoration: none; }
      footer.pagefooter nav ul li a:hover {
        color: #FFFFFF; }
  footer.pagefooter nav ul .generic li:first-child {
    display: none; }
  footer.pagefooter nav ul .generic li:nth-child(2) {
    margin-left: 0; }
  footer.pagefooter nav ul .generic li:before {
    content: "|";
    color: #A5B0BB;
    padding-right: 0.25em;
    padding-left: 0.5em; }
  footer.pagefooter nav ul .generic li:nth-child(2):before {
    content: none; }
  footer.pagefooter nav ul .social li {
    margin-right: 1em; }
    footer.pagefooter nav ul .social li a {
      margin-top: .3em;
      margin-bottom: .3em; }
      footer.pagefooter nav ul .social li a:first-child {
        margin-left: 0; }
    footer.pagefooter nav ul .social li:nth-child(2):before {
      content: none; }
  footer.pagefooter nav ul li.partner li {
   margin-bottom:  1em;
  }
  footer.pagefooter nav ul a.partners {
    margin: 0 0 0 1em;
    display: block;
    text-indent: -9999px;
    float: left; }
    footer.pagefooter nav ul a.partners.swiss {
      width: 65px;
      height: 15px;
      margin-top: .65em;
      background-image: url(/Content/BaselworldDID/img/SWISS_gross.png); }
    footer.pagefooter nav ul a.partners.bbc {
      width: 30px;
      height: 22px;
      background-image: url(/Content/BaselworldDID/img/BBCWN_gross.png); }
    footer.pagefooter nav ul a.partners.fedex {
      width: 55px;
      height: 16px;
      margin-top: .5em;
      background-image: url(/Content/BaselworldDID/img/Fedex_gross.png); }
    footer.pagefooter nav ul a.partners.hantang {
      width: 89px;
      height: 22px;
      margin-top: .1em;
      background-image: url(/Content/BaselworldDID/img/Hantang_gross_weiss_h.png); }
    footer.pagefooter nav ul a.partners.porsche {
      width: 44px;
      height: 22px;
      margin-top: .1em;
      background-image: url(/Content/BaselworldDID/img/Porsche_gross_weiss.png); }
    @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
      footer.pagefooter nav ul a.partners.swiss {
        background-size: 65px 15px;
        background-image: url(/Content/BaselworldDID/img/SWISS_gross@2x.png); }
      footer.pagefooter nav ul a.partners.bbc {
        background-size: 30px 22px;
        background-image: url(/Content/BaselworldDID/img/BBCWN_gross@2x.png); }
      footer.pagefooter nav ul a.partners.fedex {
        background-size: 55px 16px;
        background-image: url(/Content/BaselworldDID/img/Fedex_gross@2x.png); }
      footer.pagefooter nav ul a.partners.hantang {
        background-size: 89px 22px;
        background-image: url(/Content/BaselworldDID/img/Hantang_gross_weiss_h@2x.png); }
      footer.pagefooter nav ul a.partners.porsche {
        background-size: 44px 22px;
        background-image: url(/Content/BaselworldDID/img/Porsche_gross_weiss@2x.png); } }

@media only screen and (min-width: 1024px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  footer.pagefooter nav > ul > li {
    width: 35% !important;
    float: left !important;
    clear: none;
    border-top: none; }

  footer.pagefooter nav > ul > li:nth-child(2) {
    text-align: right;
    width: 49% !important; }

  footer.pagefooter nav > ul > li:nth-child(2) ul {
    display: inline-block; }

  footer.pagefooter nav > ul > li:last-child {
    padding-right: 0;
    width: 16% !important; }

  footer.pagefooter nav > ul > li:last-child ul {
    float: right; }

  footer.pagefooter nav > ul > li:last-child ul li:last-child {
    margin-right: 0.5em; } }
footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  clear: both;
  overflow: auto; }

@media only screen and (max-width: 699px), only screen and (min-width: 700px) and (max-width: 919px) {
  footer {
    position: fixed; } }
footer.pagefooter {
  margin: 0;
  /*background-color: rgba(4, 31, 78, 1);*/
  background-color: #1b2f44; }

/* @import "mch_main_navigation"; */
/* @import "mch_photogallery"; */
/* @import "mch_jquery_ui"; */
/* @import "mch_protected_area"; */
/* @import "mch_default_baselworld_v3"; */
/* @import "mchfix_uwe"; */
/* @import "reredesign"; */
.print-only {
  display: none; }

@media print {
  header .header-part,
  header .generic-navigation,
  header .language-switch,
  header .language-switch-mobile,
  .main-nav,
  .keyvisual {
    display: none; }

  .print-only {
    display: block; }

  .content-holder,
  footer {
    margin: 0;
    padding: 0; }

  body footer {
    margin-top: 2em; }

  header .print-only img {
    width: 33%; }

  .breadcrumb {
    margin: 1em 0; } }






/* ANPASSUNGEN FÜR REDESIGN 2015 */

/*********************************************************************/
/* Allgemeines Layout */
/*********************************************************************/

body {
  font-family: Helvetica, Arial, sans-serif;
  background:  #1B2F44; }
  
div#main.bigPictureSliderContainer {
  background-color: transparent;
}
  
  
/* Schrägergrafik raus nehmen und durch Hintergrundfarbe erstzen */
#bigPictureSlider:after {
  content: none;
}

header {
	background:  #1B2F44;
}

/* Datum grösser */
header #sponsorlogo {
  font-size: 1em !important; 
}

/* Alle Schriften im Header weiss */
#mainform header.pageheader nav.language-switch ul li a,
#mainform header.pageheader nav.language-switch ul li:before,
#sponsorlogo div,
#search.search input.searchField.dtSearchHeadSearchField.searchSuggest.ui-autocomplete-input {
	color:  #FFFFFF;
}

#mainform header.pageheader nav.language-switch ul li a:hover {
	color:  #A5B0BB;
}

#search.search input.searchField {
	border-color:  #FFFFFF !important;
}

/* Alle Schriften im Footer weiss */

footer.pagefooter nav.generic-navigation-mobile ul li ul li,
footer.pagefooter nav.generic-navigation-mobile ul li ul li:before,
footer.pagefooter nav.generic-navigation-mobile ul li ul li a {
	color:  #FFFFFF;
}

footer.pagefooter nav.generic-navigation-mobile ul li ul li a:hover {
	color:  #A5B0BB;
}

@media only screen and (max-width: 699px) {
	footer.pagefooter nav > ul > li {
  		border-top: 1px solid #FFFFFF;
  	} 
}

footer.pagefooter nav ul a.partners.swiss {
  background-image: url(/Content/BaselworldDID/img/SWISS_gross_weiss.png); }
footer.pagefooter nav ul a.partners.bbc {
  background-image: url(/Content/BaselworldDID/img/BBCWN_gross_weiss.png);
  /* background-image: url(/Content/BaselworldDID/img/bbc_logo.png); */
  width: 30px;
  height: 22px;
  }  
  
footer.pagefooter nav ul a.partners.fedex {
  background-image: url(/Content/BaselworldDID/img/Fedex_gross_weiss.png); }
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  footer.pagefooter nav ul a.partners.swiss {
    background-image: url(/Content/BaselworldDID/img/SWISS_gross_weiss@2x.png); }
  footer.pagefooter nav ul a.partners.bbc {
    background-image: url(/Content/BaselworldDID/img/BBCWN_gross_weiss@2x.png);
	/* background-image: url(/Content/BaselworldDID/img/bbc_logo@2x.png); */
	width: 30px;
	height: 22px;
	}

  footer.pagefooter nav ul a.partners.fedex {
    background-image: url(/Content/BaselworldDID/img/Fedex_gross_weiss@2x.png); } }
    
header .generic-navigation a.smifacebook,
footer.pagefooter nav a.smifacebook {
  background-image: url(/Content/BaselworldDID/img/BASELWORLD_Facebook_Icon_weiss.png); }
header .generic-navigation a.smitwitter,
footer.pagefooter nav a.smitwitter {
  background-image: url(/Content/BaselworldDID/img/BASELWORLD_Twitter_Icon_weiss.png); }
header .generic-navigation a.smiinstagram,
footer.pagefooter nav a.smiinstagram {
  background-image: url(/Content/BaselworldDID/img/BASELWORLD_Instagram_Icon_weiss.png); }
header .generic-navigation a.smiyoutube,
footer.pagefooter nav a.smiyoutube {
  background-image: url(/Content/BaselworldDID/img/BASELWORLD_YouTube_Icon_weiss.png); }
header .generic-navigation a.smiflickr,
footer.pagefooter nav a.smiflickr {
  background-image: url(/Content/BaselworldDID/img/BASELWORLD_Flickr_Icon_weiss.png); }
header .generic-navigation a.smiweibo,
footer.pagefooter nav a.smiweibo {
  background-image: url(/Content/BaselworldDID/img/BASELWORLD_Weibo_Icon_weiss.png); }
header .generic-navigation a.smigoogleplus,
footer.pagefooter nav a.smigoogleplus {
  background-image: url(/Content/BaselworldDID/img/BASELWORLD_Google_Icon_weiss.png); }
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
  header .generic-navigation a.smifacebook,
  footer.pagefooter nav a.smifacebook {
    background-image: url(/Content/BaselworldDID/img/BASELWORLD_Facebook_Icon_weiss@2x.png); }
  header .generic-navigation a.smitwitter,
  footer.pagefooter nav a.smitwitter {
    background-image: url(/Content/BaselworldDID/img/BASELWORLD_Twitter_Icon_weiss@2x.png); }
  header .generic-navigation a.smiinstagram,
  footer.pagefooter nav a.smiinstagram {
    background-image: url(/Content/BaselworldDID/img/BASELWORLD_Instagram_Icon_weiss@2x.png); }
  header .generic-navigation a.smiyoutube,
  footer.pagefooter nav a.smiyoutube {
    background-image: url(/Content/BaselworldDID/img/BASELWORLD_YouTube_Icon_weiss@2x.png); }
  header .generic-navigation a.smiflickr,
  footer.pagefooter nav a.smiflickr {
    background-image: url(/Content/BaselworldDID/img/BASELWORLD_Flickr_Icon_weiss@2x.png); }
  header .generic-navigation a.smiweibo,
  footer.pagefooter nav a.smiweibo {
    background-image: url(/Content/BaselworldDID/img/BASELWORLD_Weibo_Icon_weiss@2x.png); } 
    header .generic-navigation a.smigoogleplus,
  footer.pagefooter nav a.smigoogleplus {
    background-image: url(/Content/BaselworldDID/img/BASELWORLD_Google_Icon_weiss@2x.png); } 
}

/* Partnerlogos unten bündig anpassen */
footer.pagefooter nav.generic-navigation-mobile ul li.partner ul li:first-child,
footer.pagefooter nav.generic-navigation-mobile ul li.generic ul li {
	/* margin-top: .6em; */
	margin-top: 0.45em;
}

@media only screen and (min-width: 920px) and (max-width: 1023px) {
	footer.pagefooter nav.generic-navigation-mobile ul li.partner ul li:first-child,
	footer.pagefooter nav.generic-navigation-mobile ul li.generic ul li  {
		margin-top: .8em;
	}
}


footer.pagefooter nav.generic-navigation-mobile ul li.social {
	padding-top:  .7em;	
}


/*********************************************************************/
/* Navigation */
/*********************************************************************/

/* Padding der Navigation auf 0 setzen um Hintergrundfarbe der Flyout auf die ganze Breite zu erweitern
   ACHTUNG: Die 1. Navigationebene darf nicht zu viele Punkte haben!   */  
nav.main-nav {
  padding:  0;
  background:  #1B2F44;
}

nav.main-nav-mobile {
}

/* Padding für die Flyout UL wieder hinzufügen, Hintergrund dunkelblau und leicht transparent, Navigationspunkte mittig ausrichten */  
.main-nav > ul > li > ul {
  padding-left: 3.125em;
  padding-right: 3.125em;
  padding-bottom:  1em;
  background:  #1B2F44;
  background:  rgba(27, 47, 68, .9);
  border-bottom:  none;
  text-align: center;
}

/* Texte der Navigationspunkte wieder linksbündig einstellen */
.main-nav > ul > li > ul > li {
  text-align: left;
}

/* Hintergrund des aktiven Reiters auf dunkelblau setzen */
.main-nav > ul > li.open {
	background: transparent;
}
/* Schrift des aktiven Reiters Level 1 auf weiss setzen */
#mainform nav.main-nav > ul > li.open a {
	color:  #FFFFFF;
}

/* Schrift des aktiven Reiters Level 1 auf weiss setzen */
#mainform nav.main-nav > ul > li.open > ul li a {
	color:  #A5B0BB;
}

#mainform nav.main-nav > ul > li.open > ul li a:hover,
#mainform nav.main-nav > ul > li.open > ul li a.fly_active {
	color:  #FFFFFF !important;
}

/* Spalten in der Flyout auf auto setzen, keine Linie links der Navipunkte */
.main-nav > ul > li > ul > li {
  display: inline-block;
  vertical-align: top;
  padding: 0 1em;
  width: auto;
  /*margin-top: 4em;*/
  border-left: 1px solid #A5B0A9 !important; 
  /* Kleinere Fontgrösse & Paddings um Platz zu sparen: */
  font-size: .8em;
  line-height: 1;
  padding-left:  1em;
  padding-right: 1em;
}

.main-nav > ul > li > ul > li:first-of-type,.main-nav > ul > li > ul > li.close + li,.main-nav > ul > li > ul > li.close + li + li + li + li + li + li + li + li + li + li + li, .main-nav > ul > li > ul > li.close + li + li + li + li + li + li + li + li + li + li + li + li + li,
.main-nav > ul > li > ul .close {
  border-left: none !important; }


.main-nav > ul > li > ul > li.first_level_item {	
	display: block;
}

/* 3. Ebene ausblenden */
.main-nav > ul > li > ul > li > ul > li {	
	display: none;
}

/* Das First-Level-Item einmitten und mit Hintergrundfarbe versehen */
.main-nav > ul > li > ul .first_level_item {
  top: 0;
  left: 0;
  margin: 0;
  padding: .8em 0 .8em;
  font-size: 1em;
  width:  100%;
  text-align: center;
  background: none;
  overflow: hidden;
}


nav.main-nav > ul > li > ul > li.close {
  opacity: 1;
  -webkit-text-stroke: none !important;
  right: 4em;
  top: 1.3em;
  -webkit-transform: rotate(45deg);
}

nav.main-nav > ul > li > ul > li.close i {
  font-size: 1.5em;
  text-shadow: none;
  color:  #FFF;
}

nav.main-nav > ul > li > ul > li.close i:hover {
  color:  #A5B0BB;
}

nav.main-nav > ul > li > ul > li.close i:before {
  content: "+";
  display: inherit;
  transform: rotate(45deg);
	font-weight: normal;
	font-style: normal;
}


/* Umgekehrte Navigationsfarben - quick & dirty */

form#mainform nav.main-nav ul li a,
form#mainform nav.main-nav ul li.open ul li a,
form#mainform nav.main-nav-mobile .nav-holder ul li a  {
	color:  #FFF;
}

form#mainform nav.main-nav ul li a:hover,
form#mainform nav.main-nav ul li.parent a,
form#mainform nav.main-nav ul li.open ul li a:hover,
form#mainform nav.main-nav-mobile .nav-holder > ul > li.parent > a,
form#mainform nav.main-nav-mobile .nav-holder ul li a.fly_active,
form#mainform nav.main-nav-mobile .nav-holder ul li a:hover {
	color:  #A5B0BB;
}

form#mainform nav.main-nav ul li.open ul li a:hover,
form#mainform nav.main-nav ul li.open ul li a.fly_active {
	color:  #A5B0BB !important;
}

form#mainform nav.main-nav-mobile .nav-holder ul li.first_level_item a {
	font-weight: normal;
	font-style: normal;
}

form#mainform nav.main-nav-mobile .nav-holder li {
	border-color:  #FFF;
} 

form#mainform nav.main-nav-mobile .nav-holder ul li:last-child {
 	padding-bottom: .5em;
}


/* Mobile Menu & Header auf Weiss setzen */

header.pageheader nav.language-switch-mobile a,
.main-nav-mobile a.back i {
	color: #fff;
}

.main-nav-mobile .menu-opener .icon-bar {
  	background-color: #fff;
}


/* Footer auch noch in M auf einer Zeile belassen */

@media only screen and (min-width: 700px) and (max-width: 1919px), only screen and (min-width: 1920px) {
  footer.pagefooter nav > ul > li {
    width: 40% !important;
    float: left !important;
    clear: none;
    border-top: none; }

  footer.pagefooter nav > ul > li:nth-child(2) {
    text-align: right;
    width: 42% !important; }

  footer.pagefooter nav > ul > li:nth-child(2) ul {
    display: inline-block; }

  footer.pagefooter nav > ul > li:last-child {
    padding-right: 0;
    width: 18% !important; }

  footer.pagefooter nav > ul > li:last-child ul {
    float: right; }

  footer.pagefooter nav > ul > li:last-child ul li:last-child {
    margin-right: 0.5em; } 
}
    
 footer.pagefooter nav ul li {
   color: #FFFFFF;
   font-size: 0.85em;
}



    
/* Anpassungen iPad / iPadmini / iPhone */
@media only screen and (min-width: 700px) and (max-width: 919px) {
	div#bigPictureSlider {
		height:  33em !important;
	}
	
  	#homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser {
    	width: 25%; 
    }
     
  	#homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser:nth-child(2n+1) {
    	clear: none; 
	}
}

@media only screen and (max-width: 699px) {
	#homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser {
    	width: 100; 
    } 
}



/* 	Italienisch in der Sprachnavigation ausblenden
	=> wird nur in der Protected Area mittels zusätzlichem CSS eingeblendet  */
		
nav.language-switch ul li:nth-of-type(4) {
		display:  none;
}
	
	




/* EINBINDUNG ROOYALSLIDER */


/* ******************************************** */
/* ******************************************** */
/* ******************************************** */
/* ******************************************** */
/* ******************************************** */
/* ******************************************** */





/* Usage: Default */
/* Last edited: 05.11.2015 MB */
/*only screen and  could be removed => print would use this */
/*----------------------------------------royalslider.css-----------------------------------------*/
/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider {
  width: 100%;
  height: 100%;
  position: relative;
  direction: ltr;
}

.royalSlider > * {
  float: left;
}

.rsWebkit3d .rsSlide {
  -webkit-transform: translateZ(0);
}

body * {
  -webkit-trasform: translateZ(0);
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer {
  -webkit-transform: none;
}

.rsOverflow {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  float: left;
  -webkit-tap-highlight-color: transparent;
}

.rsVisibleNearbyWrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  left: 0;
  top: 0;
  -webkit-tap-highlight-color: transparent;
}

.rsVisibleNearbyWrap .rsOverflow {
  position: absolute;
  left: 0;
  top: 0;
}

.rsContainer {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}

.rsArrow,
.rsThumbsArrow {
  cursor: pointer;
}

.rsThumb {
  float: left;
  position: relative;
}

.rsArrow,
.rsNav,
.rsThumbsArrow {
  opacity: 1;
  transition: opacity 0.3s linear;
}

.rsHidden {
  opacity: 0;
  visibility: hidden;
  transition: visibility 0s linear 0.3s,opacity 0.3s linear;
}

.rsGCaption {
  width: 100%;
  float: left;
  text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen {
  position: fixed !important;
  height: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 2147483647 !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader {
  opacity: 1 !important;
  transition: 0s;
  display: none;
}

.rsSlide {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide {
  height: auto;
}

.rsContent {
  width: 100%;
  height: 100%;
  position: relative;
}

.rsPreloader {
  position: absolute;
  z-index: 0;
}

.rsNav {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.rsNavItem {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25);
}

.rsThumbs {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  float: left;
  z-index: 22;
}

.rsTabs {
  float: left;
  background: none !important;
}

.rsTabs,
.rsThumbs {
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
}

.rsVideoContainer {
  /*left: 0;
	top: 0;
	position: absolute;*/
  /*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
  width: auto;
  height: auto;
  line-height: 0;
  position: relative;
}

.rsVideoFrameHolder {
  position: absolute;
  left: 0;
  top: 0;
  background: #141414;
  opacity: 0;
  -webkit-transition: .3s;
}

.rsVideoFrameHolder.rsVideoActive {
  opacity: 1;
}

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj {
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed {
  box-sizing: border-box;
  padding-right: 44px;
}

.rsABlock {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 15;
}

img.rsImg {
  max-width: none;
  width: auto;
  margin-top: 0px !important;
}

.rsImgBannerLink {
  cursor: pointer;
}

.grab-cursor {
  cursor: url(//lib.messe.ch/ajax/libs/royalslider/grab.png) 8 8, move;
}

.grabbing-cursor {
  cursor: url(//lib.messe.ch/ajax/libs/royalslider/grabbing.png) 8 8, move;
}

.rsNoDrag {
  cursor: auto;
}

.rsLink {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 20;
  background: url(/Sites/Images/Common/blank.gif);
}

.templates-count {
  top: 6px;
  right: -2px;
  position: absolute;
  font-size: 10px;
  vertical-align: top;
}

#templates-list {
  list-style: none;
}

#templates-list li {
  position: relative;
  height: auto;
  background: #f7f7f7;
  float: left;
  margin: 12px 1%;
  width: 30%;
}

#templates-list a {
  line-height: 0;
  display: block;
}

#templates-list img {
  width: 100%;
  height: auto;
}

#templates-list h3 {
  color: #111;
  background: #E7E7E7;
  text-align: center;
  font-size: 14px;
  line-height: 21px;
  padding: 8px;
  margin: 0;
}

#templates-list a:hover {
  color: #C00;
  text-decoration: none;
}

#templates-list a:hover h3 {
  color: #C00;
  text-decoration: none;
}

.links-holder {
  width: 100%;
  height: 300px;
  background: #f7f7f7;
  text-align: center;
  line-height: 290px;
  font-size: 22px;
}

.openBoxButton {
  color: #c00;
  text-decoration: underline;
}

/**
 * Buttons
 */
a.action-button {
  color: #c00;
  background: #dadada;
  padding: 8px 12px 9px;
  border-radius: 2px;
}

a.action-button:hover {
  text-decoration: none;
  background: #C00;
  color: #FFF;
}

.example-info h2 {
  margin-top: 0;
}

.fullWidth {
  width: 100%;
  overflow: hidden;
}

#page-navigation {
  margin-top: 8px;
  height: auto;
}

#page-navigation .page-nav-item a {
  padding: 6px 8px;
  background: #f7f7f7;
  text-decoration: none;
  line-height: 31px;
}

#page-navigation .page-nav-item a:hover {
  background: #c00;
  color: #FFF;
  text-decoration: none;
}

#page-navigation .right {
  float: right;
}

#page-navigation .left {
  float: left;
}

#docs-menu {
  z-index: 1000;
  position: fixed;
  left: 0;
  top: 50px;
  padding: 0;
  background: #f7f7f7;
}

#docs-menu li {
  list-style: none;
}

#docs-menu .dmenu-inside > ul {
  margin: 0;
}

#docs-menu h4 {
  margin: 0 0 12px 0;
}

#docs-menu .dmenu-inside {
  padding: 20px 20px 12px;
}

#docs-menu .support-forum-link {
  font-weight: bold;
  padding: 0 20px 20px;
}

#docs h2:target,
#docs h3:target,
#docs h4:target {
  padding: 15px;
  border-top: 50px solid transparent;
  margin-top: -30px;
  background-clip: padding-box;
  background-color: #fff6bf;
}

.home-actions {
  text-align: center;
  margin-top: 32px;
}

/**
 * Head
 */
/* Temporary offline because of regular Logo 
#logo {
  display: block;
  font-size: 24px;
  line-height: 23px;
  float: left;
  padding: 12px 13px 14px;
  background: #be2a2a;
  width: auto;
  color: #FFF;
  width: 130px;
  text-align: center;
}
#logo:hover {
  text-decoration: none;
  background-color: #C00;
}
*/
.call-to-action {
  padding: 14px 23px;
  background: #727272;
  color: white;
  border-radius: 2px;
  font-size: 16px;
}

.call-to-action:hover {
  text-decoration: underline;
  color: #FFF;
  background: #999;
}

.call-to-action-primary {
  background: #BE2A2A;
}

.call-to-action-primary:hover {
  background: #CE3A3A;
}

#main-header {
  color: #000;
  background: #f7f7f7;
  margin-bottom: 16px;
}

.home-page #main-header {
  margin-top: 16px;
  background: none;
}

.weird-rabbit {
  top: 10px;
  left: 10px;
}

.weird-rabbit:hover {
  -webkit-animation-name: whiggle;
  -webkit-animation-duration: 0.8s;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

.home-page .weird-rabbit {
  top: 28px;
  left: 27px;
}

#main-header nav {
  margin-top: 13px;
  float: left;
  margin-left: 16px;
}

#buy-slider {
  float: right;
  margin-top: 0px;
  font-weight: bold;
  padding: 14px 10px;
}

#main-header nav a {
  padding: 14px 10px;
  position: relative;
}

#main-header nav a.curr-menu-item {
  color: #AAA;
}

.sales-count {
  margin-top: 12px;
}

.cc-icon {
  margin: 4px 0 0 0;
  background: url("//lib.messe.ch/ajax/libs/royalslider/sprite.png") 0 0;
  width: 38px;
  height: 38px;
  float: right;
}

.full-width-wrap {
  width: 100%;
  background: #f7f7f7;
  padding: 16px 0;
}

.new-template {
  text-align: left;
  font-family: Arial, sans-serif;
  color: white;
  font-size: 10px;
  padding: 1px 5px 1px;
  line-height: 13px;
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  background: #C00;
}

/* table */
table.tc-variables-table {
  border-spacing: 0;
  border: none;
  width: 100%;
  position: relative;
  margin: 1em 0 2em;
}

table.tc-variables-table thead {
  border-bottom: 2px solid #D6D6D6;
  color: #747474;
}

table.tc-variables-table thead th {
  padding-bottom: 6px;
}

table.tc-variables-table td,
table.tc-variables-table th {
  border: none;
  text-align: left;
  vertical-align: top;
  padding: 0;
  border-image: initial;
}

table.tc-variables-table th {
  font-weight: bold;
  padding-left: 11px;
  padding-right: 22px;
  padding-bottom: 11px;
}

table.tc-variables-table td {
  padding: 8px 22px 8px 11px;
  font-size: 13px;
}

table.tc-variables-table td:first-child {
  color: #5551B8;
}

table.tc-variables-table tbody tr:nth-child(odd) td {
  background-color: #f7f7f7;
}

table.tc-variables-table tbody tr:hover td {
  background-color: #fff6bf !important;
}

/**
 * Templated
 */
#templates-list,
#templates-list li {
  list-style: none;
}

/**
 * Features
 */
.top-features-title {
  margin-top: 32px;
  margin-bottom: 4px;
}

.main-features ul {
  margin: 0;
}

.main-features li {
  list-style: none;
  margin-bottom: 16px;
  float: left;
}

.main-features li p {
  color: #575757;
}

.main-features li a {
  white-space: nowrap;
  opacity: 0.9;
}

/**
 * Footer
 */
#main-footer {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid #cdcdcd;
  padding-bottom: 32px;
}

#main-footer .copy {
  float: right;
}

#main-footer nav {
  float: left;
}

#main-footer nav a {
  padding: 0 6px;
}

/**
 * FAQ
 */
ul.faq-list {
  list-style-type: none;
  margin-left: 0;
}

.faq-list > li {
  margin-bottom: 24px;
  list-style-type: none;
  margin-left: 20px;
}

@media screen and (min-width: 0px) and (max-width: 977px) {
  #templates-list {
    margin-top: 0;
  }
  #templates-list li {
    margin: 12px 1%;
    width: 46%;
  }
}

@media screen and (min-width: 0px) and (max-width: 400px) {
  #templates-list li {
    margin: 12px 0;
    width: 100%;
  }
  .links-holder {
    font-size: 14px;
    height: 200px;
    line-height: 200px;
  }
}

@media screen and (min-width: 761px) and (max-width: 850px) {
  #buy-slider span {
    display: none;
  }
}

@media screen and (min-width: 0px) and (max-width: 760px) {
  /* Temporary offline because of regular Logo 
    #logo {
      margin: 0 auto;
      float: none;
      margin-top: 1px;
    }
    */
  nav a {
    line-height: 16px;
    display: inline-block;
  }
  .home-page #main-header {
    margin-top: 0;
    margin-bottom: 0;
  }
  #main-header nav {
    width: 100%;
    margin-top: 22px;
    display: block;
    text-align: center;
    margin-left: 0;
    float: left;
  }
  #buy-slider {
    display: block;
    width: 100%;
    float: left;
    margin-top: 6px;
    font-weight: bold;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }
  #main-header .span_6 {
    margin-bottom: 12px;
  }
  #main-footer {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #cdcdcd;
    padding-bottom: 32px;
  }
  #main-footer .copy {
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
  #main-footer nav {
    float: left;
    width: 100%;
    text-align: center;
  }
  #main-footer nav a {
    padding: 8px 6px;
  }
}


/*----------------------------------------rs-default.css-----------------------------------------*/
/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloading
*    8. Caption
*	 9. Media Queries
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/
/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs {
  background: transparent;
  color: #030303;
}

/***************
*
*  1. Arrows
*
****************/
.rsDefault .rsArrow {
  width: 44px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
}

.rsDefault.rsVer .rsArrowLeft {
  top: 0;
  left: 0;
}

.rsDefault.rsVer .rsArrowRight {
  bottom: 0;
  right: 0;
}

.rsDefault.rsHor .rsArrowLeft {
  left: 0;
  top: 50%;
}

.rsDefault.rsHor .rsArrowRight {
  right: 0;
  top: 50%;
}

.rsDefault .rsArrowIcn {
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin-top: -9px;
  margin-left: -11px;
  position: absolute;
  cursor: pointer;
  background: none;
  border-radius: 2px;
}

.keyvisual .portletContent .rsDefault .rsArrowIcn {
  background: none;
}

.rsDefault .rsArrowLeft .rsArrowIcn:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  speak: none;
  content: "";
  color: rgba(255, 255, 255, 0.5);
  font-size: 2em;
}

.keyvisual .rsDefault .rsArrowLeft .rsArrowIcn:after {
  content: "";
  color: white;
}

.rsDefault .rsArrowRight .rsArrowIcn:after {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  speak: none;
  content: "";
  color: rgba(255, 255, 255, 0.5);
  font-size: 2em;
}

.keyvisual .rsDefault .rsArrowRight .rsArrowIcn:after {
  content: "";
  color: white;
}

.rsDefault .rsArrowIcn:hover {
  background-color: none;
}

.keyvisual .rsDefault .rsArrowIcn:hover {
  background-color: none;
}

.rsDefault.rsHor .rsArrowLeft .rsArrowIcn {
  background-position: -64px -32px;
}

.rsDefault.rsHor .rsArrowRight .rsArrowIcn {
  background-position: -64px -64px;
}

.rsDefault.rsVer .rsArrowLeft .rsArrowIcn {
  background-position: -96px -32px;
}

.rsDefault.rsVer .rsArrowRight .rsArrowIcn {
  background-position: -96px -64px;
}

.rsDefault .rsArrowDisabled .rsArrowIcn {
  opacity: .2;
  filter: alpha(opacity=20);
  *display: none;
}

/***************
*
*  2. Bullets
*
****************/
.rsDefault .rsBullets {
  position: absolute;
  z-index: 22;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.75em;
  margin: 0 auto;
  background: none;
  text-align: center;
  line-height: 8px;
  overflow: hidden;
}

@media only screen and (min-width: 920px) {
  .rsDefault .rsBullets.rsNav {
    bottom: 0;
  }
}
@media only screen and (min-width: 700px) and (max-width: 919px) {
  .rsDefault .rsBullets.rsNav {
    bottom: 0;
  }
}
@media only screen and (max-width: 699px) {
  .rsDefault .rsBullets.rsNav {
    bottom: 0;
  }
}

.keyvisual .rsDefault .rsBullets {
  background: none;
  left: 0;
  bottom: 0;
}

.rsDefault .rsBullets.rsBulletsRelocate {
  /*@if ($rs-bullets-bar-positioning-vertical < 21px) {
		bottom: 5%;
	}*/
  position: relative;
  padding-top: 5px;
}

.rsDefault .rsBullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 8px;
  padding-right: 8px;
}

.keyvisual .rsDefault .rsBullet {
  padding-left: 8px;
  padding-right: 8px;
}

.rsDefault .rsBullet span {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FFF;
  cursor: pointer;
}

.keyvisual .rsDefault .rsBullet span {
  border-radius: 50%;
  background: #FFF;
}

.rsDefault .rsBullet.rsNavSelected span {
  background: #009fe3;
}

.keyvisual .rsDefault .rsBullet.rsNavSelected span {
  background: #009fe3;
}

/***************
*
*  3. Thumbnails
*
****************/
.rsDefault .rsThumbsHor {
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 99;
}

.keyvisual .rsDefault .rsThumbsHor {
  background: rgba(255, 255, 255, 0.5);
}

.rsDefault.rsThumbsHorBottom .rsThumbsHor {
  position: relative;
  bottom: 0;
}

.keyvisual .rsDefault.rsThumbsHorBottom .rsThumbsHor {
  position: relative;
}

.rsDefault.rsThumbsHorBottom .rsFullscreenBtn {
  bottom: 0;
}

.keyvisual .rsDefault.rsThumbsHorBottom .rsFullscreenBtn {
  bottom: 0;
}

.rsDefault.rsThumbsHorTop .rsThumbsHor {
  position: relative;
  top: 0;
}

.keyvisual .rsDefault.rsThumbsHorTop .rsThumbsHor {
  position: relative;
}

.rsDefault .rsThumbsVer {
  width: 170px;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  z-index: 99;
}

.keyvisual .rsDefault .rsThumbsVer {
  width: 170px;
  background: rgba(255, 255, 255, 0.5);
}

.rsDefault.rsWithThumbsVer .rsOverflow {
  margin-left: -1px;
}

.rsDefault.rsWithThumbsHor .rsThumbsContainer {
  position: relative;
  height: 100%;
}

.rsDefault.rsWithThumbsVer .rsThumbsContainer {
  position: relative;
  width: 10px !important;
}

.rsDefault .rsThumb {
  float: left;
  overflow: hidden;
}

.rsDefault .rsThumbMediaHolder {
  height: 112.5px;
  overflow: hidden;
}

.keyvisual .rsDefault .rsThumbMediaHolder {
  height: 112.5px;
}

.rsDefault .rsThumb img, .rsDefault .rsThumb video {
  width: 150px;
  display: block;
  margin: 0 auto;
  position: relative;
  top: 0px;
  left: 0px;
}

.keyvisual .rsDefault .rsThumb img, .rsDefault .rsThumb video {
  width: 150px;
  top: 0px;
  left: 0px;
}

.rsDefault .rsThumbsContainer .rsNavItem {
  padding: 10px 10px 29px 10px;
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  margin: 8px 0;
}

.keyvisual .rsDefault .rsThumbsContainer .rsNavItem {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
}

.rsDefault .rsThumbsContainer .rsNavSelected {
  background: rgba(0, 0, 0, 0.5);
  color: #999;
}

.keyvisual .rsDefault .rsThumbsContainer .rsNavSelected {
  background: rgba(0, 0, 0, 0.5);
  color: #999;
}

.rsDefault .rsThumb.rsNavSelected img {
  opacity: 0.2;
  filter: alpha(opacity=20);
}

/* Thumbnails with text */
.rsDefault .rsThumbTitle {
  font-size: 1em;
  line-height: 1.5;
  position: absolute;
  left: 10px;
  top: 128.5px;
}

.keyvisual .rsDefault .rsThumbTitle {
  font-size: 1em;
  line-height: 1.5;
  top: 128.5px;
}

.rsDefault .rsTmb h5 {
  font-size: 16px;
  margin: 0;
  padding: 0;
  line-height: 20px;
  color: #FFF;
}

.rsDefault .rsTmb span {
  color: #DDD;
  margin: 0;
  padding: 0;
  font-size: 13px;
  line-height: 18px;
}

/* Thumbnails ONLY */
.royalSlider.rsThumbsOnly {
  height: auto !important;
}

.rsDefault.rsThumbsOnly .rsOverflow {
  height: 0 !important;
}

/* Thumbnails arrow icons */
.rsDefault .rsThumbsArrow {
  height: 100%;
  width: 20px;
  position: absolute;
  display: block;
  cursor: pointer;
  z-index: 21;
  background: #000;
  background: rgba(0, 0, 0, 0.75);
}

.rsDefault .rsThumbsArrow:hover {
  background: rgba(0, 0, 0, 0.9);
}

.rsDefault.rsWithThumbsVer .rsThumbsArrow {
  width: 100%;
  height: 20px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft {
  top: 0;
  left: 0;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight {
  bottom: 0;
  left: 0;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft {
  left: 0;
  top: 0;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight {
  right: 0;
  top: 0;
}

.rsDefault .rsThumbsArrowIcn {
  width: 16px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  position: absolute;
  cursor: pointer;
  background: url("//lib.messe.ch/ajax/libs/royalslider/rs-default.png");
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -128px -32px;
}

.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -128px -48px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {
  background-position: -144px -32px;
}

.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn {
  background-position: -144px -48px;
}

.rsDefault .rsThumbsArrowDisabled {
  display: none !important;
}

/* Thumbnails resizing on smaller screens */
@media only screen and (min-width: 700px) and (max-width: 919px) {
  .rsDefault .rsThumb img, .rsDefault .rsThumb video {
    width: 112.5px;
  }
  .keyvisual .rsDefault .rsThumb img, .rsDefault .rsThumb video {
    width: 112.5px;
  }
  .rsDefault .rsThumbMediaHolder {
    height: 84.375px;
  }
  .keyvisual .rsDefault .rsThumbMediaHolder {
    height: 84.375px;
  }
  .rsDefault .rsThumbsVer {
    width: 122.5px;
  }
  .keyvisual .rsDefault .rsThumbsVer {
    width: 122.5px;
  }
  .rsThumbTitle {
    display: none;
  }
  .rsDefault .rsThumbsContainer .rsNavItem {
    padding: 5px;
    margin: 4px 0;
  }
}

/***************
*
*  4. Tabs
*
****************/
.rsDefault .rsTabs {
  width: 100%;
  height: auto;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  padding-top: 12px;
  position: relative;
}

.rsDefault .rsTab {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  height: auto;
  width: auto;
  color: #333;
  padding: 5px 13px 6px;
  min-width: 72px;
  border: 1px solid #D9D9DD;
  border-right: 1px solid #f5f5f5;
  text-decoration: none;
  background-color: #FFF;
  background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
  box-shadow: inset 1px 0 0 #fff;
  *display: inline;
  *zoom: 1;
}

.rsDefault .rsTab:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.rsDefault .rsTab:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #cfcfcf;
}

.rsDefault .rsTab:active {
  border: 1px solid #D9D9DD;
  background-color: #f4f4f4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}

.rsDefault .rsTab.rsNavSelected {
  color: #FFF;
  border: 1px solid #999;
  text-shadow: 1px 1px #838383;
  box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
  background: #ACACAC;
  background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
  background-image: linear-gradient(to bottom, #ACACAC, #BBB);
}

/***************
*
*  5. Fullscreen button
*
****************/
.rsDefault .rsFullscreenBtn {
  right: 0;
  bottom: 0;
  z-index: 22;
  display: block;
  position: absolute;
  cursor: pointer;
}

.rsDefault .rsFullscreenIcn {
  display: block;
  margin: 8px 9px;
  width: 22px;
  height: 22px;
  background: url("//lib.messe.ch/ajax/libs/royalslider/rs-default.png") -5px -5px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
  border-radius: 2px;
}

.rsDefault .rsFullscreenIcn:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

.rsDefault.rsFullscreen .rsFullscreenIcn {
  background-position: -37px -4px;
}

/***************
*
*  6. Play/close video button
*
****************/
.rsDefault .rsPlayBtn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
  width: 64px;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  cursor: pointer;
}

.rsDefault .rsPlayBtnIcon {
  width: 64px;
  display: block;
  height: 64px;
  border-radius: 4px;
  transition: .3s;
  background: url(//lib.messe.ch/ajax/libs/royalslider/rs-default.png) no-repeat 0 -32px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
}

.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon {
  background-color: rgba(0, 0, 0, 0.9);
}

.rsDefault .rsBtnCenterer {
  position: absolute;
  left: 50%;
  top: 50%;
}

.rsDefault .rsCloseVideoBtn {
  right: 0;
  top: 0;
  width: 44px;
  height: 44px;
  z-index: 500;
  position: absolute;
  cursor: pointer;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}

.rsDefault .rsCloseVideoBtn.rsiOSBtn {
  top: -38px;
  right: -6px;
}

.rsDefault .rsCloseVideoIcn {
  margin: 6px;
  width: 32px;
  height: 32px;
  background: url("//lib.messe.ch/ajax/libs/royalslider/rs-default.png") -64px 0;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  *background-color: #000;
}

.rsDefault .rsCloseVideoIcn:hover {
  background-color: rgba(0, 0, 0, 0.9);
}

/***************
*
*  7. Preloading
*
****************/
.rsDefault .rsPreloader {
  width: 20px;
  height: 20px;
  background-image: url(//lib.messe.ch/ajax/libs/royalslider/preloaders/preloader-white.gif);
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
}

.royalSlider > .rsContent {
  display: none;
}

.rsMediaHolderHidden, .rsContentBoxHidden, .rsImgBannerHidden {
  visibility: hidden;
}

/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption {
  position: absolute;
  float: none;
  bottom: 6px;
  left: 6px;
  text-align: left;
  background: black;
  background: rgba(0, 0, 0, 0.75);
  color: #FFF;
  padding: 2px 8px;
  width: auto;
  font-size: 12px;
  border-radius: 2px;
}

div.SliderClose {
  position: relative;
  top: 20px;
  left: 100px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  height: 16px;
  width: 16px;
  /*color:red;
    border-width :1px ;
    border-style:dashed;*/
  background-image: url(//lib.messe.ch/ajax/libs/royalslider/close.png);
  background-repeat: no-repeat;
  z-index: 100;
}

img.rsContentImg {
  height: 100px;
}

.royalSlider a {
  /*padding-left: 0 !important;
		background: none !important; MB*/
}

div.rsSlider {
  /*margin-top: 30px;*/
  margin-bottom: 30px;
}

.rsMediaHolder .rsVideoTitle {
  display: none;
}

.rsFooter {
  padding: 0.25em 2em;
}

.rsThumbsHorBottom .rsContentBox, .rsThumbsNone .rsContentBox {
  position: absolute;
  top: 0em;
  left: 0em;
}

.keyvisual .rsThumbsHorBottom .rsContentBox, .keyvisual .rsThumbsNone .rsContentBox {
  position: absolute;
  top: auto;
  left: auto;
}

.rsThumbsHorTop .rsContentBox {
  position: absolute;
  bottom: 0em;
  left: 0em;
}

.keyvisual .rsThumbsHorTop .rsContentBox {
  position: absolute;
  bottom: 1em;
  left: auto;
}

.rsThumbsVerLeft .rsContentBox {
  position: absolute;
  top: 0em;
  right: 0em;
}

.keyvisual .rsThumbsVerLeft .rsContentBox {
  position: absolute;
  top: auto;
  right: auto;
}

.rsThumbsVerRight .rsContentBox {
  position: absolute;
  top: 0em;
  left: 0em;
}

.keyvisual .rsThumbsVerRight .rsContentBox {
  position: absolute;
  top: auto;
  left: auto;
}

.rsBullets .rsContentBox {
  position: absolute;
  top: 0em;
  left: 0em;
}

.keyvisual .rsBullets .rsContentBox {
  position: absolute;
  top: auto;
  left: auto;
}

.rsContentBox {
  background: rgba(255, 255, 255, 0.75);
  color: #030303;
  padding: 0.5em 1em;
  width: 100%;
}

.rsContentBox h3 {
  color: #030303;
  font-size: auto;
  margin: 0px;
}

.rsContentBox .rsContentBoxText {
  padding-bottom: 1em;
}

.rsContentBox .rsContentBoxLink {
  background: #b9035a;
  padding: 0.5em;
}

.rsContentBox .rsContentBoxLink:hover, .rsContentBox .rsContentBoxLink:active {
  background: #dcd9d0;
}

.keyvisual .rsContentBox {
  background: 255, 255, 255, 0.75;
  padding: 0 0 1em 1em;
  color: #030303;
  width: 75%;
}

.keyvisual .rsContentBox h1 {
  color: #030303;
  font-size: auto;
  margin: 0.25em 0px 0.25em;
}

.keyvisual .rsContentBox .rsContentBoxText {
  padding-bottom: 1em;
}

.keyvisual .rsContentBox .rsContentBoxLink {
  background: none;
  padding: 0.5em;
}

.keyvisual .rsContentBox .rsContentBoxLink:hover, .keyvisual .rsContentBox .rsContentBoxLink:active {
  background: none;
}

@media only screen and (max-width: 699px), only screen and (max-width: 400px) {
  .rsContentBox {
    color: #3d3d3d;
    left: 0.15em 0.5em !important;
    width: 100% !important;
  }
  .rsContentBoxText {
    display: none;
  }
  .rsDefault .rsBullets {
    position: absolute;
  }
  .rsSlide {
    overflow: visible;
  }
  .rsFullscreenBtn {
    display: none !important;
  }
}

.rsMediaHolder video {
  width: 100%;
  height: 100%;
}

.rsCloseVideoIcn {
  display: none;
}

/* END jquery.slider ------------------------------------------------------- */

/* Weitere Anpassungen für die Einbindung des Sliders */

header {
  position: static !important; 
}
  
#homepageTeaser,
footer.pagefooter {
  position: static;
}

#homepageTeaserRotator {
	position: relative;
}

.royalSlider {
	position:  relative;
  	width: auto !important;
}


.royalSlider .rsContentBox {
	font-size: 2.5vh;
	line-height:  1.2;
	color:  #fff;
	background: rgba(0,0,0,0.3);
	background: -moz-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.22) 70%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.3)), color-stop(70%, rgba(0,0,0,0.22)), color-stop(100%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.22) 70%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.22) 70%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.22) 70%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.22) 70%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
	width:  40vw;
	height:  100%;
	
}

.royalSlider .rsContainer > div:nth-of-type(even) .rsContentBox {
	left:  auto;
	right:  0 !important;
	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.22) 30%, rgba(0,0,0,0.3) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(30%, rgba(0,0,0,0.22)), color-stop(100%, rgba(0,0,0,0.3)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.22) 30%, rgba(0,0,0,0.3) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.22) 30%, rgba(0,0,0,0.3) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.22) 30%, rgba(0,0,0,0.3) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.22) 30%, rgba(0,0,0,0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
	text-align:  right;
	}

.royalSlider .rsContentBox h1 {
	border-top:  none;
}

a.rsContentBoxLink {
	position:  absolute;
	top:  0;
	bottom:  0;
	left:  0;
	right: 0;
	width:  100%;
	height: 100%;
	z-index: 0;
	background:  transparent !important;
	font-size:  0;
}


@media only screen and (max-width: 919px) {
	div#main.bigPictureSliderContainer {
  		margin-top: 3em;
	}
}



@media only screen and (max-width: 699px) {

#homepageTeaser #homepageTeaserHolder  {
  position:  static; }
  
#homepageTeaser #homepageTeaserHolder #homepageTeaserRotator .homepageTeaser span img {
  display: block;
  margin:  0 auto; }

div#homepageTeaser {
	height:  auto !important;
	display:  block !important;
}

footer.pagefooter {
    margin-top: 2em !important;
    position:  static;
  }

  .royalSlider .rsContentBox {
    font-size: 1.5vh;
  }
}