/*.image-2x(@image, @width, @height, @repeat: no-repeat) {
  @filename  : ~`/(.*)\.(jpg|jpeg|png|gif)/.exec(@{image})[1]`;
  @extension : ~`/(.*)\.(jpg|jpeg|png|gif)/.exec(@{image})[2]`;
  background-image: ~`"url('/static/style/@{filename}.@{extension}')"`;
  background-repeat: @repeat;

  @media print, screen,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-device-pixel-ratio: 1.25),
  (min-resolution: 120dpi) {
    background-image: ~`"url('/static/style/@{filename}@2x.@{extension}')"`;
    background-size: @width @height;
  }
}*/
/* './storage/volleyball_verband_de_2016/static/style/fontello.css.' */
@font-face {
  font-family: 'fontello';
  src: url('/?proxy=fonts/fontello.eot&56871291');
  src: url('/?proxy=fonts/fontello.eot&56871291#iefix') format('embedded-opentype'), url('/?proxy=fonts/fontello.woff&56871291') format('woff'), url('/?proxy=fonts/fontello.ttf&56871291') format('truetype'), url('/?proxy=fonts/fontello.svg&56871291#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('/?proxy=font/fontello.svg&56871291#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-search:before {
  content: '\e800';
}
/* 'î €' */
.icon-ticket:before {
  content: '\e801';
}
/* 'î ' */
.icon-monitor:before {
  content: '\e802';
}
/* 'î ‚' */
.icon-right-open-mini:before {
  content: '\e803';
}
/* 'î ƒ' */
.icon-left-open-mini:before {
  content: '\e804';
}
/* 'î „' */
.icon-down-open-mini:before {
  content: '\e805';
}
/* 'î …' */
.icon-up-open-mini:before {
  content: '\e806';
}
/* 'î †' */
.icon-right-open:before {
  content: '\e807';
}
/* 'î ‡' */
.icon-left-open:before {
  content: '\e808';
}
/* 'î ˆ' */
.icon-ics:before {
  content: '\e809';
}
/* 'î ‰' */
.icon-menu:before {
  content: '\e80a';
}
/* 'î Š' */
.icon-play-circled:before {
  content: '\e80b';
}
/* 'î ‹' */
.icon-camera:before {
  content: '\e80c';
}
/* 'î Œ' */
.icon-down-dir:before {
  content: '\e80d';
}
/* 'î ' */
.icon-file-pdf:before {
  content: '\e80e';
}
/* '' */
/* './storage/volleyball_verband_de_2016/static/style/footable.core.less.' */
@font-face {
  font-family: "footable";
  src: url('/?proxy=fonts/footable.eot');
  src: url('/?proxy=fonts/footable.eot&#iefix') format("embedded-opentype"), url('/?proxy=fonts/footable.woff') format("woff"), url('/?proxy=fonts/footable.ttf') format("truetype"), url('/?proxy=fonts/footable.svg#footable') format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "footable";
    src: url('/?proxy=fonts/footable.svg#footable') format("svg");
    font-weight: normal;
    font-style: normal;
  }
}
.footable {
  width: 100%;
  /** SORTING **/
  /** PAGINATION **/
}
.footable.breakpoint > tbody > tr.footable-detail-show > td {
  border-bottom: none;
}
.footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e001";
}
.footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
  cursor: pointer;
}
.footable.breakpoint > tbody > tr > td.footable-cell-detail {
  background: #eee;
  border-top: none;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
  display: inline-block;
  font-family: "footable";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-right: 5px;
  font-size: 14px;
  color: #888888;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
  content: "\e000";
}
.footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e005";
}
.footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
  content: "\e004";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e003";
}
.footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e002";
}
.footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e007";
}
.footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
  content: "\e006";
}
.footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e009";
}
.footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e008";
}
.footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00f";
}
.footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
  content: "\e011";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e013";
}
.footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
  content: "\e015";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01b";
}
.footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
  content: "\e01d";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e00b";
}
.footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
  content: "\e00d";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e01f";
}
.footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
  content: "\e021";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
  content: "\e017";
}
.footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
  content: "\e019";
}
.footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
  font-size: 18px;
}
.footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
  font-size: 24px;
}
.footable > thead > tr > th {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}
.footable > thead > tr > th.footable-sortable:hover {
  cursor: pointer;
}
.footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
  content: "\e013";
}
.footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
  content: "\e012";
}
.footable > thead > tr > th > span.footable-sort-indicator {
  display: inline-block;
  font-family: "footable";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  padding-left: 5px;
}
.footable > thead > tr > th > span.footable-sort-indicator:before {
  content: "\e022";
}
.footable > tfoot .pagination {
  margin: 0;
}
.footable.no-paging .hide-if-no-paging {
  display: none;
}
.footable-row-detail-inner {
  display: table;
}
.footable-row-detail-row {
  display: table-row;
  line-height: 1.5em;
}
.footable-row-detail-group {
  display: block;
  line-height: 2em;
  font-size: 1.2em;
  font-weight: bold;
}
.footable-row-detail-name {
  display: table-cell;
  font-weight: bold;
  padding-right: 0.5em;
}
.footable-row-detail-value {
  display: table-cell;
}
.footable-odd {
  background-color: #f7f7f7;
}
/* './storage/volleyball_verband_de_2016/static/style/jquery.mCustomScrollbar.min.css.' */
.mCustomScrollbar {
  -ms-touch-action: none;
  touch-action: none;
}
.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}
.mCustomScrollBox {
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: 0;
  direction: ltr;
}
.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}
.mCSB_scrollTools {
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  right: auto;
  left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
}
.mCSB_scrollTools .mCSB_draggerContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.mCSB_scrollTools .mCSB_dragger {
  cursor: pointer;
  width: 100%;
  height: 30px;
  z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}
.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}
.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  height: 100%;
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  margin: 2px auto;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  margin: 4px 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}
.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}
.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  margin-right: 0;
  margin-left: 30px;
}
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  margin-left: 0;
}
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
  background-image: url('/static/style/mCSB_buttons.png');
  background-repeat: no-repeat;
  opacity: .4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}
.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}
.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}
.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
  opacity: .75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
  opacity: .9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}
.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}
.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}
.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}
.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}
.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}
.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  height: 16px;
  margin: -1px 0;
}
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  width: 16px;
  margin: 0 -1px;
}
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}
.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}
.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  opacity: .3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}
.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=);
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, rgba(255, 255, 255, 0) 100%);
}
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}
.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
  right: 1px;
}
.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  height: 12px;
  width: auto;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #555;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #777;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}
/* './storage/volleyball_verband_de_2016/static/style/lightGallery.css.' */
@font-face {
  font-family: 'lg';
  src: url('/?proxy=fonts/lg.eot&n1z373');
  src: url('/?proxy=fonts/lg.eot&#iefixn1z373') format("embedded-opentype"), url('/?proxy=fonts/lg.woff&n1z373') format("woff"), url('/?proxy=fonts/lg.ttf&n1z373') format("truetype"), url('/?proxy=fonts/lg.svg&n1z373#lg') format("svg");
  font-weight: normal;
  font-style: normal;
}
.lg-icon {
  font-family: 'lg';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lg-actions .lg-next,
.lg-actions .lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1080;
}
.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
  color: #FFF;
}
.lg-actions .lg-next {
  right: 20px;
}
.lg-actions .lg-next:before {
  content: "\e095";
}
.lg-actions .lg-prev {
  left: 20px;
}
.lg-actions .lg-prev:after {
  content: "\e094";
}
@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@-ms-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
  -o-animation: lg-right-end 0.3s;
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
  -o-animation: lg-left-end 0.3s;
  animation: lg-left-end 0.3s;
  position: relative;
}
.lg-toolbar {
  z-index: 1080;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.45);
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
}
.lg-toolbar .lg-icon:hover {
  color: #FFF;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}
.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #EEE;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}
#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}
.lg-toolbar,
.lg-prev,
.lg-next {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}
.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}
.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0;
  -webkit-transition: -webkit-transform 250ms ease 0s, opacity 250ms !important;
  -moz-transition: -moz-transform 250ms ease 0s, opacity 250ms !important;
  -o-transition: -o-transform 250ms ease 0s, opacity 250ms !important;
  transition: transform 250ms ease 0s, opacity 250ms !important;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1;
}
.lg-outer .lg-thumb-outer {
  background-color: #0D0A0A;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1080;
  max-height: 350px;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -moz-transition: -moz-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}
.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.lg-outer .lg-thumb {
  padding: 10px 0;
  height: 100%;
  margin-bottom: -5px;
}
.lg-outer .lg-thumb-item {
  border-radius: 5px;
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border: 2px solid #FFF;
  border-radius: 4px;
  margin-bottom: 5px;
}
@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    -o-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
  border-color: #a90707;
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
}
.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  -o-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}
.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}
.lg-outer .lg-toogle-thumb {
  background-color: #0D0A0A;
  border-radius: 2px 2px 0 0;
  color: #999;
  cursor: pointer;
  font-size: 24px;
  height: 39px;
  line-height: 27px;
  padding: 5px 0;
  position: absolute;
  right: 20px;
  text-align: center;
  top: -39px;
  width: 50px;
}
.lg-outer .lg-toogle-thumb:after {
  content: "\e1ff";
}
.lg-outer .lg-toogle-thumb:hover {
  color: #FFF;
}
.lg-outer .lg-video-cont {
  display: inline-block;
  vertical-align: middle;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 0 5px;
}
.lg-outer .lg-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
.lg-outer .lg-video .lg-object {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-video .lg-video-play {
  width: 84px;
  height: 59px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -42px;
  margin-top: -30px;
  z-index: 1080;
  cursor: pointer;
}
.lg-outer .lg-has-vimeo .lg-video-play {
  background: url('/?proxy=img/vimeo-play.png') no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-vimeo:hover .lg-video-play {
  background: url('/?proxy=img/vimeo-play.png') no-repeat scroll 0 -58px transparent;
}
.lg-outer .lg-has-html5 .lg-video-play {
  background: transparent url('/?proxy=img/video-play.png') no-repeat scroll 0 0;
  height: 64px;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  opacity: 0.8;
}
.lg-outer .lg-has-html5:hover .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-has-youtube .lg-video-play {
  background: url('/?proxy=img/youtube-play.png') no-repeat scroll 0 0 transparent;
}
.lg-outer .lg-has-youtube:hover .lg-video-play {
  background: url('/?proxy=img/youtube-play.png') no-repeat scroll 0 -60px transparent;
}
.lg-outer .lg-video-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
.lg-outer .lg-has-video .lg-video-object {
  visibility: hidden;
}
.lg-outer .lg-has-video.lg-video-palying .lg-object,
.lg-outer .lg-has-video.lg-video-palying .lg-video-play {
  display: none;
}
.lg-outer .lg-has-video.lg-video-palying .lg-video-object {
  visibility: visible;
}
.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1080;
  opacity: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  -moz-transition: opacity 0.08s ease 0s;
  -o-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}
.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  -moz-transition: -moz-transform 0.3s ease 0s;
  -o-transition: -o-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 0.3s ease 0s, opacity 0.15s !important;
  -moz-transition: -moz-transform 0.3s ease 0s, opacity 0.15s !important;
  -o-transition: -o-transform 0.3s ease 0s, opacity 0.15s !important;
  transition: transform 0.3s ease 0s, opacity 0.15s !important;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
#lg-zoom-in:after {
  content: "\e311";
}
#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
#lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}
.lg-outer .lg-pager-outer {
  bottom: 60px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
  height: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #FFF;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -moz-transition: opacity 0.15s ease 0s, -moz-transform 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  -webkit-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: box-shadow 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}
.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}
.group {
  *zoom: 1;
}
.group:before,
.group:after {
  display: table;
  content: "";
  line-height: 0;
}
.group:after {
  clear: both;
}
.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  max-height: 100%;
}
.lg-outer .lg-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  white-space: nowrap;
}
.lg-outer .lg-item {
  background: url('/?proxy=img/loading.gif') no-repeat scroll center center transparent;
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
.lg-outer .lg-img-wrap {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 5px;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-image {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}
.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}
.lg-outer .lg-empty-html {
  display: none;
}
.lg-outer.lg-hide-download #lg-download {
  display: none;
}
.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  -o-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}
.lg-backdrop.in {
  opacity: 1;
}
.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  -moz-transition: none 0s ease 0s !important;
  -o-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  -moz-transition: opacity 0.1s ease 0s;
  -o-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
.lg-css3.lg-slide.lg-use-left .lg-item {
  opacity: 0;
  position: absolute;
  left: 0;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -moz-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}
/*# sourceMappingURL=lightgallery.css.map */
/* './storage/volleyball_verband_de_2016/static/style/main.less.' */
/* ===================== */
/* = ALLGEMEINE STYLES = */
/* ===================== */
a img {
  border: none;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.grid {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.grid > .inner2.border {
  min-height: 638px;
}
.inner1 {
  width: calc(33.333333% - 20px);
  margin: 0 10px;
}
.inner2 {
  width: calc(66.666666% - 20px);
  margin: 0 10px;
}
.inner3 {
  width: calc(100% - 20px);
  margin: 0 10px;
}
.inner1,
.inner2,
.inner3 {
  background: white;
  position: relative;
  float: left;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  padding: 20px;
  margin-bottom: 20px;
}
.inner1.border,
.inner2.border,
.inner3.border {
  border-top: 2px solid #cc000d;
}
.inner1.full,
.inner2.full,
.inner3.full {
  padding: 0;
}
.inner1.full > span.boxtitle,
.inner2.full > span.boxtitle,
.inner3.full > span.boxtitle {
  margin-left: 20px;
  margin-top: 20px;
}
.inner1.full > span.boxtitle.lessmargin,
.inner2.full > span.boxtitle.lessmargin,
.inner3.full > span.boxtitle.lessmargin {
  margin-top: 10px;
}
.inner1.noborder,
.inner2.noborder,
.inner3.noborder {
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
figure {
  margin: 0;
}
.aleft {
  text-align: left !important;
}
.aright {
  text-align: right !important;
}
.acenter {
  text-align: center !important;
}
.hide-desktop {
  display: none;
}
input[type="text"],
input[type="email"],
input[type="password"] {
  width: 100%;
  padding: 0 50px 0 5px;
  height: 40px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #c8c8c8;
  font-family: 'Roboto', sans-serif;
}
input,
textarea,
select {
  -webkit-appearance: none;
  border-radius: 0;
  -webkit-border-radius: 0;
}
input#cagree {
  -webkit-appearance: checkbox !important;
}
input[type="submit"],
input[type="button"] {
  background-color: #cc000d;
  color: white;
  border: none;
  padding: 10px 20px;
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  cursor: pointer;
}
input[type="submit"]:hover,
input[type="button"]:hover {
  background-color: #a8000b;
  text-decoration: none;
}
fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
label.selectbutton {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
label.selectbutton:before {
  content: '\e80d';
  pointer-events: none;
  background: #ededed;
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 5;
  color: #cc000d;
  width: 20px;
  height: 38px;
  font-size: 18px;
  font-family: 'fontello';
  line-height: 40px;
}
label.selectbutton select {
  width: 100%;
  padding: 0 30px 0 10px;
  margin: 0;
  height: 40px;
  background: #ededed;
  border: 1px solid #e0e0e0;
  color: #141414;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  font: 16px/30px 'Roboto', sans-serif;
}
#cfirst_name-error,
#clast_name-error,
#cemail-error,
#agree-error {
  color: #cc000d;
  font-size: 15px;
}
span.btn,
a.btn {
  float: left;
  background-color: #cc000d;
  padding: 5px 0;
  color: white;
  text-transform: none;
  font-weight: normal;
  font-size: 13px;
}
span.btn:hover,
a.btn:hover {
  background-color: #a8000b;
  text-decoration: none;
}
span.btn.right,
a.btn.right {
  float: right;
  padding-left: 5px;
}
span.btn.left,
a.btn.left {
  float: left;
  padding-right: 5px;
}
span.btn.hidden,
a.btn.hidden {
  visibility: hidden;
}
.slick-arrow {
  border: none;
  background: none;
  outline: none;
  cursor: pointer;
  color: white;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70));
  filter: alpha(opacity = 70);
}
.slick-arrow:hover {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  filter: alpha(opacity = 100);
}
.slick-arrow {
  width: 50px;
  height: 50px;
  position: absolute;
  z-index: 2;
  top: 50%;
  padding: 0;
  margin-top: -25px;
  font-size: 50px;
  line-height: 40px;
}
.slick-arrow i {
  width: 50px;
  height: 50px;
  overflow: hidden;
  display: block;
}
.slick-arrow i:before {
  line-height: 50px;
  margin: 0;
}
.slick-arrow.slick-next {
  right: 0px;
}
.slick-arrow.slick-prev {
  left: 0px;
}
.slick-dots {
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
  margin: 0 0 2px 0;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-size: 25px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: .25;
  color: #cc000d;
}
.slick-dots li.slick-active button:before {
  opacity: .75;
  color: #cc000d;
}
.mCSB_container,
.mCSB_inside > .mCSB_container {
  margin-right: 15px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #cc000d;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
  background: #b3000b;
}
.mCSB_scrollTools .mCSB_draggerRail {
  background: #ededed;
}
body {
  margin: 0;
  padding: 0;
  font-family: 'Roboto', sans-serif;
}
header {
  padding-top: 10px;
}
header.open {
  margin-bottom: 50px;
}
header .meta .logo {
  float: left;
  width: 16%;
  /*margin-top:12px;*/
  padding-left: 10px;
}
header .meta .logo img {
  width: 100%;
}
header .meta .logo-layenberger {
  float: right;
  width: 18%;
  margin-top: 14px;
  padding-right: 10px;
}
header .meta .logo-layenberger img {
  width: 100%;
}
header .meta div.center {
  width: 66%;
  float: left;
  padding: 0 20%;
}
header .meta div.center .search {
  width: 100%;
  position: relative;
  float: left;
  margin-top: 20px;
}
header .meta div.center .search button {
  border: none;
  background-color: #cc000d;
  cursor: pointer;
  color: white;
  font-size: 20px;
  height: 40px;
  width: 40px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
}
header .meta div.center .search button:hover {
  background-color: #a8000b;
  text-decoration: none;
}
header .meta div.center .search button:before {
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  line-height: 40px;
}
header .meta div.center ul.social {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  overflow: hidden;
}
header .meta div.center ul.social li {
  float: left;
  margin: 0 5px 0 0;
}
header .meta div.center ul.social li a {
  text-indent: -9999px;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("/?proxy=img/sprite_assets.png");
}
@media print, screen, (-webkit-min-device-pixel-ratio: 1.25), (min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  header .meta div.center ul.social li a {
    /* on retina, use image that's scaled by 2 */
    background-image: url("/?proxy=img/sprite_assets@2x.png");
    background-size: 101px 151px;
  }
}
header .meta div.center ul.social li a.tw {
  background-position: 0 -20px;
}
header .meta div.center ul.social li a.ig {
  background-position: 0 -40px;
}
header .meta div.center ul.social li a.yt {
  background-position: 0 -60px;
}
header .meta div.center ul.sprache {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
header .meta div.center ul.sprache li {
  float: left;
  margin: 0 0 0 5px;
}
header .meta div.center ul.sprache li a {
  text-indent: -9999px;
  display: block;
  width: 31px;
  height: 20px;
  background-image: url("/?proxy=img/sprite_assets.png");
}
@media print, screen, (-webkit-min-device-pixel-ratio: 1.25), (min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  header .meta div.center ul.sprache li a {
    /* on retina, use image that's scaled by 2 */
    background-image: url("/?proxy=img/sprite_assets@2x.png");
    background-size: 101px 151px;
  }
}
header .meta div.center ul.sprache li a.de {
  background-position: -30px 0;
}
header .meta div.center ul.sprache li a.en {
  background-position: -30px -20px;
}
header nav {
  text-align: center;
  width: 100%;
  float: left;
  margin-top: 30px;
  position: relative;
}
header nav > ul {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
header nav > ul > li {
  float: left;
  padding: 10px 0;
}
header nav > ul > li > a {
  font-weight: 900;
  text-transform: uppercase;
  padding: 0 35px;
  color: #515151;
  font-size: 24px;
  line-height: 30px;
  display: block;
  border-right: 1px solid #e2e2e2;
}
header nav > ul > li.active,
header nav > ul > li:hover {
  background: #cc000d;
}
header nav > ul > li.active > a,
header nav > ul > li:hover > a {
  color: white;
  border-color: transparent;
  text-decoration: none;
}
header nav > ul > li.active > .sub {
  display: block;
}
header nav > ul > li:last-child a {
  border-right: none;
}
header nav > ul > li > .sub {
  width: 100%;
  position: absolute;
  top: 50px;
  left: 0;
  background: #cc000d;
  text-align: center;
  display: none;
}
header nav > ul > li > .sub > ul {
  list-style: none;
  padding: 0;
  position: static;
  padding: 0 0.5%;
}
header nav > ul > li > .sub > ul > li {
  float: left;
}
header nav > ul > li > .sub > ul > li > a {
  font-weight: 300;
  padding: 0 35px;
  line-height: 55px;
  color: white;
  font-size: 18px;
  display: block;
}
header nav > ul > li > .sub > ul > li.active > a,
header nav > ul > li > .sub > ul > li:hover a {
  background: #af000c;
  text-decoration: none;
}
header nav > ul > li > .sub > ul > li .dropdown {
  display: none;
  z-index: 500;
  background: #8c000a;
  background: -moz-linear-gradient(left, #8c000a 0%, #8c000a 50%, #cccccc 51%, #cccccc 100%);
  background: -webkit-linear-gradient(left, #8c000a 0%, #8c000a 50%, #cccccc 51%, #cccccc 100%);
  background: linear-gradient(to right, #8c000a 0%, #8c000a 50%, #cccccc 51%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c000a', endColorstr='#cccccc', GradientType=1);
  width: 100%;
  position: absolute;
  top: 55px;
  left: 0;
  text-align: left;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
header nav > ul > li > .sub > ul > li .dropdown .grid {
  display: table;
  padding: 0 0.5%;
}
header nav > ul > li > .sub > ul > li .dropdown ul {
  margin: 0;
  padding: 20px 20px 20px 40px;
  width: 20%;
  display: table-cell;
  background: #af000c;
  color: white;
  vertical-align: top;
}
header nav > ul > li > .sub > ul > li .dropdown ul > li > a {
  color: white;
  font-weight: 300;
  line-height: 33px;
  opacity: 0.8;
}
header nav > ul > li > .sub > ul > li .dropdown ul > li > a:hover {
  opacity: 1;
}
header nav > ul > li > .sub > ul > li .dropdown .teaser-container {
  width: 80%;
  display: table-cell;
  vertical-align: middle;
  background: white;
  padding: 30px 15px;
}
header nav > ul > li > .sub > ul > li .dropdown .teaser-container figure {
  float: left;
  width: 33.3333%;
  padding: 0 15px;
}
header nav > ul > li > .sub > ul > li .dropdown .teaser-container figure a img {
  width: 100%;
  height: auto;
  display: block;
}
header nav > ul > li > .sub > ul > li .dropdown .teaser-container figure a figcaption {
  color: #141414;
  font-weight: normal;
  font-size: 14px;
  margin: 10px 0 0 0;
}
header nav > ul > li > .sub > ul > li .dropdown .teaser-container figure a figcaption:hover {
  font-weight: bold;
}
header nav > ul > li .icon-right-open-mini {
  display: none;
}
main {
  width: 100%;
  float: left;
  padding-top: 20px;
  background: #ededed;
  /* ============= */
  /* = AUFMACHER = */
  /* ============= */
  /* =========== */
  /* = MELDUNG = */
  /* =========== */
  /* ==================== */
  /* = CONTENT ELEMENTE = */
  /* ==================== */
}
main .aufmacher-slider figure {
  position: relative;
}
main .aufmacher-slider figure .teaser,
main .aufmacher-slider figure a img {
  width: 100%;
  height: auto;
  display: block;
}
main .aufmacher-slider figure figcaption {
  color: white;
  font-size: 31px;
  padding: 50px 200px 20px 30px;
  background: #000000;
  /* Old browsers */
  background-color: transparent;
  /* Old browsers */
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(0, 0, 0, 0.9)), color-stop(100%, rgba(0, 0, 0, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* IE10+ */
  background: linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00000000, endColorstr=#e6000000);
  /* IE6-9 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00000000, endColorstr=#e6000000);
  /* IE6-9 */
  position: absolute;
  bottom: 0;
  width: 100%;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
main .aufmacher-slider figure figcaption small {
  position: absolute;
  bottom: 22px;
  right: 30px;
  font-size: 12px;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(50));
  filter: alpha(opacity = 50);
}
main .aufmacher-slider .slick-arrow {
  font-size: 62px;
  width: 62px;
  height: 62px;
  margin-top: -36px;
  display: none !important;
}
main .aufmacher-slider .slick-arrow i {
  width: 62px;
  height: 62px;
  line-height: 62px;
}
main .aufmacher-slider.diashow .slick-arrow {
  display: inline-block !important;
}
main .aufmacher-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
main .aufmacher-nav li {
  float: left;
  width: 20%;
  padding: 0 5px;
  text-align: center;
  border-top: 3px solid transparent;
  border-right: 1px solid #ededed;
}
main .aufmacher-nav li a {
  color: #141414;
  display: block;
  line-height: 39px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
main .aufmacher-nav li.active {
  border-top: 3px solid #cc000d;
}
main .aufmacher-nav li.active a {
  color: #cc000d;
  font-weight: 900;
}
main .aufmacher-nav li:hover {
  border-top: 3px solid #cc000d;
}
main .aufmacher-nav li:hover a {
  text-decoration: none;
}
main .diashow-pages {
  text-align: center;
  font-size: 16px;
  font-weight: 300;
}
main .diashow-pages p {
  margin: 0;
  line-height: 42px;
}
main .inner1.full + .inner1.full .teaser.diashow {
  margin-top: -8px;
}
main article.meldung {
  min-height: 380px;
}
main article.meldung time {
  font-size: 16px;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70));
  filter: alpha(opacity = 70);
}
main article.meldung > h1 {
  font-size: 24px;
  font-weight: normal;
  margin: 10px 0 20px;
}
main article.meldung > h1.center {
  margin: 40px 0;
  font-size: 32px;
  text-align: center;
}
main article.meldung > h2 {
  font-weight: normal;
  font-size: 20px;
}
main article.meldung > h2.center {
  font-size: 24px;
  text-align: center;
}
main article.meldung > h3 {
  font-weight: normal;
  font-size: 17px;
}
main article.meldung .aufmacher {
  display: block;
  width: 100%;
  height: auto;
}
main article.meldung small {
  font-size: 12px;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70));
  filter: alpha(opacity = 70);
  display: block;
  margin: 10px 0;
}
main article.meldung > strong {
  font-size: 18px;
  line-height: 28px;
}
main article.meldung p {
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
}
main article.meldung p a {
  font-weight: bold;
  color: #cc000d;
}
main article.meldung > ul,
main article.meldung > ol {
  color: #cc000d;
}
main article.meldung > ul li,
main article.meldung > ol li {
  font-weight: 300;
  line-height: 30px;
  font-size: 18px;
  color: #141414;
}
main article.meldung > ul li a,
main article.meldung > ol li a {
  color: #cc000d;
}
main article.meldung .contel50 {
  width: 50%;
  margin: 20px 0;
}
main article.meldung .contel50.left {
  float: left;
  margin-right: 40px;
}
main article.meldung .contel50.right {
  float: right;
  margin-left: 40px;
}
main article.meldung .contel100 {
  width: 100%;
}
main article.meldung figure {
  margin: 0;
}
main article.meldung figure a {
  display: block;
  text-decoration: none;
  color: white;
  position: relative;
}
main article.meldung figure a:before {
  position: absolute;
  top: 10px;
  right: 10px;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(80));
  filter: alpha(opacity = 80);
}
main article.meldung figure a:hover:before {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  filter: alpha(opacity = 100);
}
main article.meldung figure img {
  display: block;
  width: 100%;
  height: auto;
}
main article.meldung figure figcaption {
  font-size: 12px;
  color: #141414;
  text-align: center;
  margin-top: 10px;
}
main article.meldung blockquote {
  margin-top: 0;
}
main article.meldung blockquote p.quote {
  font-style: italic;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  opacity: 0.4;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(40));
  filter: alpha(opacity = 40);
  font-size: 24px;
}
main article.meldung blockquote .author {
  font-size: 13px;
}
main article.meldung .videocenter .video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
}
main article.meldung .videocenter .video-wrapper iframe,
main article.meldung .videocenter .video-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
main article.meldung .infolist {
  list-style: none;
  margin: 0;
  padding: 20px;
  width: 100%;
  background: #ededed;
}
main article.meldung .infolist li {
  font-size: 13px;
  line-height: 24px;
}
main article.meldung .infolist li.heading {
  font-size: 16px;
}
main article.meldung .share {
  float: right;
  clear: both;
  margin-top: 30px;
  background: #ededed;
  padding: 10px;
}
main article.meldung .share > span {
  font-size: 15px;
  margin-right: 10px;
  line-height: 30px;
}
main article.meldung .share ul.social {
  padding: 0;
  margin: 0;
  list-style: none;
  float: right;
  overflow: hidden;
}
main article.meldung .share ul.social li {
  float: left;
  margin: 0 5px 0 0;
}
main article.meldung .share ul.social li a {
  text-indent: -9999px;
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("/?proxy=img/sprite_assets.png");
}
@media print, screen, (-webkit-min-device-pixel-ratio: 1.25), (min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  main article.meldung .share ul.social li a {
    /* on retina, use image that's scaled by 2 */
    background-image: url("/?proxy=img/sprite_assets@2x.png");
    background-size: 101px 151px;
  }
}
main article.meldung .share ul.social li a.fb {
  background-position: -71px 0;
}
main article.meldung .share ul.social li a.tw {
  background-position: -71px -30px;
}
main article.meldung .share ul.social li a.gp {
  background-position: -71px -60px;
}
main article.meldung .downloadlist {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}
main article.meldung .downloadlist li {
  line-height: 25px;
  padding: 10px;
  border-bottom: 2px solid #ededed;
}
main article.meldung .downloadlist li a {
  color: #141414;
  font-size: 14px;
}
main article.meldung .downloadlist li a:hover {
  text-decoration: none;
}
main article.meldung .downloadlist li a span {
  display: block;
  font-size: 13px;
}
main article.meldung .downloadlist li a strong {
  display: block;
  font-size: 17px;
}
main article.meldung .downloadlist li a strong i {
  color: #cc000d;
  margin-left: -2px;
  margin-right: 5px;
}
main article.meldung .downloadlist li a strong:hover {
  text-decoration: underline;
}
main article.meldung .turnierinfos {
  font-size: 14px;
  line-height: 30px;
  width: 100%;
  clear: both;
  overflow: hidden;
}
main article.meldung .turnierinfos dt {
  font-weight: bold;
  float: left;
  clear: left;
  width: 30%;
  max-width: 170px;
}
main article.meldung .turnierinfos dd {
  float: left;
  width: 70%;
  margin: 0;
}
main article.meldung .spieler-wrapper {
  width: 50%;
  float: left;
  margin-bottom: 30px;
}
main article.meldung .spieler-wrapper small {
  margin: 0;
  line-height: 30px;
}
main article.meldung .spieler-wrapper .name {
  display: block;
  font-size: 18px;
  line-height: 30px;
}
main article.meldung .spieler-wrapper .name a {
  color: #cc000d;
  font-weight: bold;
}
main article.meldung .spieler-wrapper .info {
  font-size: 14px;
  display: block;
  line-height: 30px;
}
main article.meldung ul.data-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
  clear: left;
  width: 100%;
  padding-bottom: 10px;
  border-bottom: 2px solid #ededed;
  margin-bottom: 30px;
}
main article.meldung ul.data-nav li {
  float: left;
  padding: 0 10px;
  border-right: 1px solid #ededed;
  line-height: inherit;
}
main article.meldung ul.data-nav li a {
  font-size: 14px;
  color: #141414;
  cursor: pointer;
}
main article.meldung ul.data-nav li a:hover {
  color: #cc000d;
}
main article.meldung .btn.back {
  margin-top: 20px;
  padding-right: 10px;
}
main article.meldung a img.sponsor {
  max-width: 90%;
  height: auto;
  margin: 0 auto;
  display: block;
  margin-bottom: 50px;
}
main article.meldung ul.sponsorlist {
  display: table;
  table-layout: fixed;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
main article.meldung ul.sponsorlist li {
  width: 25%;
  padding: 0 20px;
  display: table-cell;
  vertical-align: middle;
}
main article.meldung ul.sponsorlist li a {
  display: block;
}
main article.meldung ul.sponsorlist li a img {
  display: block;
  width: 100%;
  height: auto;
}
main article.meldung .contenttabelle {
  margin: 20px 0;
}
main .boxtitle {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 18px;
  color: #cc000d;
  display: block;
  margin-bottom: 10px;
}
main .boxtitle a.btn {
  float: right;
  background-color: #cc000d;
  padding: 5px 5px 5px 10px;
  color: white;
  text-transform: none;
  margin-top: -2px;
  font-weight: normal;
  font-size: 13px;
}
main .boxtitle a.btn:hover {
  background-color: #a8000b;
  text-decoration: none;
}
main .boxtitle.lessmargin {
  margin-top: -10px;
}
main .cal-container {
  width: calc(100% + 40px);
  margin-left: -20px;
  max-height: 180px;
}
main .cal-container ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
main .cal-container ul li {
  font-size: 12px;
  overflow: hidden;
  padding: 5px 10px 5px 20px;
  display: table;
  width: 100%;
}
main .cal-container ul li .event {
  width: 80%;
  display: table-cell;
}
main .cal-container ul li .event time {
  font-weight: 300;
  float: left;
  line-height: 16px;
}
main .cal-container ul li .event .ics {
  color: #cc000d;
  font-size: 22px;
  float: left;
  line-height: 16px;
  margin-top: -3px;
}
main .cal-container ul li .event .ics:hover {
  color: #a8000b;
}
main .cal-container ul li .event a h2 {
  margin: 0;
  color: #141414;
  font-weight: normal;
  clear: both;
  font-size: 13px;
  float: left;
  margin-top: -3px;
  line-height: 17px;
}
main .cal-container ul li .event a h2:hover {
  color: #cc000d;
}
main .cal-container ul li .event h2 {
  margin: 0;
  color: #141414;
  font-weight: normal;
  clear: both;
  font-size: 13px;
  float: left;
  margin-top: -3px;
  line-height: 17px;
}
main .cal-container ul li .interaction {
  display: table-cell;
  width: 20%;
  text-align: right;
  vertical-align: middle;
}
main .cal-container ul li .interaction > a {
  font-size: 20px;
  color: #141414;
}
main .cal-container ul li .interaction > a:hover {
  color: #cc000d;
}
main .cal-container ul li .interaction > i {
  font-size: 20px;
  color: #141414;
}
main .cal-container ul li:nth-child(even) {
  background-color: #ededed;
}
main ul.linklist {
  margin: -2px 0 0 0;
  padding: 0;
  list-style: none;
}
main ul.linklist li {
  font-size: 16px;
  padding: 5px 10px 5px 20px;
  width: 100%;
  line-height: 23px;
}
main ul.linklist li a {
  color: #141414;
}
main ul.linklist li:nth-child(even) {
  background-color: #ededed;
}
main ul.linklist li:before {
  content: '■';
  font-family: Arial;
  font-size: 10px;
  float: left;
  margin: -1px 10px 0 0;
  color: #cc000d;
}
main .contentdiashow .slidercontainer {
  position: relative;
}
main .contentdiashow figure {
  width: 100%;
  margin: 0;
  position: relative;
}
main .contentdiashow figure a {
  color: white;
  text-decoration: none;
  font-size: 25px;
}
main .contentdiashow figure a img {
  display: block;
  width: 100%;
}
main .contentdiashow figure a:before {
  position: absolute;
  top: 10px;
  right: 10px;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(80));
  filter: alpha(opacity = 80);
}
main .contentdiashow figure a:hover:before {
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  filter: alpha(opacity = 100);
}
main .contentdiashow figcaption {
  color: white;
  font-size: 18px;
  background: #000000;
  /* Old browsers */
  background-color: transparent;
  /* Old browsers */
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(0, 0, 0, 0.9)), color-stop(100%, rgba(0, 0, 0, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* IE10+ */
  background: linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00000000, endColorstr=#e6000000);
  /* IE6-9 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00000000, endColorstr=#e6000000);
  /* IE6-9 */
  padding: 20px 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
main .contentdiashow .slick-arrow {
  width: 50px;
  height: 50px;
  position: absolute;
  z-index: 2;
  top: 50%;
  padding: 0;
  margin-top: -25px;
  font-size: 50px;
  line-height: 40px;
}
main .contentdiashow .slick-arrow i {
  width: 50px;
  height: 50px;
  overflow: hidden;
  display: block;
}
main .contentdiashow .slick-arrow i:before {
  line-height: 50px;
  margin: 0;
}
main .contentdiashow .slick-arrow.slick-next {
  right: 0px;
}
main .contentdiashow .slick-arrow.slick-prev {
  left: 0px;
}
main .contentdiashow h3 {
  margin: 10px 0 0 0;
  font-weight: normal;
  text-align: center;
  width: 100%;
  font-size: 12px;
  line-height: 20px;
}
main figure.teaser {
  position: relative;
}
main figure.teaser a img {
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 10px;
}
main figure.teaser a time {
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70));
  filter: alpha(opacity = 70);
  font-size: 15px;
  color: #141414;
  font-weight: 300;
}
main figure.teaser a figcaption {
  color: #141414;
  font-weight: normal;
  font-size: 17px;
  margin: 5px 0 0 0;
  line-height: 22px;
}
main figure.teaser a figcaption:hover {
  color: #cc000d;
}
main figure.teaser a:hover {
  text-decoration: none;
}
main figure.teaser > img {
  width: 100%;
  display: block;
  height: auto;
}
main figure.teaser > figcaption {
  color: white;
  font-size: 40px;
  background: #000000;
  /* Old browsers */
  background-color: transparent;
  /* Old browsers */
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(0, 0, 0, 0.9)), color-stop(100%, rgba(0, 0, 0, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* IE10+ */
  background: linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00000000, endColorstr=#e6000000);
  /* IE6-9 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00000000, endColorstr=#e6000000);
  /* IE6-9 */
  padding: 20px 20px 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: left;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
main figure.teaser > figcaption .num {
  color: #cc000d;
  font-weight: 900;
  font-size: 70px;
  margin-right: 10px;
}
main figure.teaser.third {
  width: 33.33%;
  padding: 0 10px;
  float: left;
  margin-bottom: 30px;
}
main figure.teaser.third a figcaption {
  height: 45px;
}
main figure.teaser.half {
  width: 50%;
  padding: 0 10px;
  float: left;
  margin-bottom: 30px;
  position: relative;
}
main figure.teaser.half a figcaption {
  position: absolute;
  bottom: 20%;
  right: 10px;
  background: #cc000d;
  color: white;
  font-size: 20px;
  line-height: 37px;
  margin: 0;
  padding: 0 10px;
}
main figure.teaser.half a figcaption i {
  margin-left: 5px;
}
main figure.teaser.list {
  padding: 20px 0;
  border-bottom: 1px solid #ededed;
  float: left;
  width: 100%;
}
main figure.teaser.list a img {
  float: left;
  margin: 0 20px 0 0;
  max-width: 160px;
}
main figure.teaser.list.small {
  padding: 15px 0;
}
main figure.teaser.list.small a img {
  max-width: 125px;
  margin: 0 10px 0 0;
}
main figure.teaser.list.small a figcaption {
  font-size: 12px;
  line-height: 16px;
}
main figure.teaser.list.small a time {
  font-size: 12px;
  line-height: 12px;
}
main figure.teaser.list.small:last-child {
  border: none;
  padding-bottom: 0;
}
main figure.teaser.list.small:nth-child(2) {
  padding-top: 0;
}
main figure.teaser.diashow a figcaption {
  color: white;
  font-size: 18px;
  background: #000000;
  /* Old browsers */
  background-color: transparent;
  /* Old browsers */
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(0, 0, 0, 0.9)), color-stop(100%, rgba(0, 0, 0, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* IE10+ */
  background: linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00000000, endColorstr=#e6000000);
  /* IE6-9 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00000000, endColorstr=#e6000000);
  /* IE6-9 */
  padding: 20px 10px 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: left;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
main figure.teaser.diashow a img {
  margin-bottom: 0;
}
main .teaser-container {
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-bottom: -30px;
  float: left;
}
main .teaser-container + .paging-container {
  margin-top: 30px;
}
main .service-container {
  width: 100%;
  float: left;
  margin-left: -10px;
  margin-bottom: -30px;
}
main .service-container.small {
  width: calc(66.66% + 14px);
}
main .service-container figure.third {
  width: 33.3%;
  padding: 0 10px;
  float: left;
  margin-bottom: 30px;
  position: relative;
}
main .service-container figure.third a figcaption {
  position: absolute;
  bottom: 20%;
  right: 10px;
  background: #cc000d;
  color: white;
  font-size: 20px;
  line-height: 37px;
  margin: 0;
  padding: 0 10px;
  height: auto;
}
main .service-container figure.third a figcaption i {
  margin-left: 5px;
}
main .teaser-list-container {
  width: 100%;
  clear: left;
  float: left;
}
main ul.streams {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  margin-bottom: 20px;
  height: 150px;
  overflow: hidden;
  transition: all 0.5s ease;
}
main ul.streams li {
  font-weight: 300;
  font-size: 17px;
  width: 100%;
  overflow: hidden;
  clear: left;
  line-height: 30px;
  padding: 10px 20px;
}
main ul.streams li span {
  display: block;
  float: left;
}
main ul.streams li .bewerb {
  width: 45%;
}
main ul.streams li .bewerb img {
  float: left;
  margin-right: 10px;
}
main ul.streams li .date {
  width: 15%;
  text-align: center;
}
main ul.streams li .time {
  width: 15%;
  text-align: center;
}
main ul.streams li .tv {
  width: 25%;
  text-align: center;
}
main ul.streams li .tv a {
  color: #cc000d;
  font-weight: normal;
}
main ul.streams li:nth-child(even) {
  background-color: #ededed;
}
main .stream-toggle {
  background-color: #cc000d;
  display: block;
  position: relative;
  color: white;
  width: 35px;
  height: 12px;
  text-align: center;
  font-size: 14px;
  line-height: 12px;
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -17px;
}
main .stream-toggle:hover {
  background-color: #a8000b;
  text-decoration: none;
}
main .stream-toggle i {
  display: block;
  line-height: 14px;
  margin: 0 10px;
  padding: 0;
  width: 14px;
  height: 14px;
}
main .stream-toggle i:before {
  margin: 0;
  padding: 0;
  line-height: 14px;
}
main .stream-toggle.open i {
  -webkit-transform: rotate(-180deg) translate3d(0, 0, 0);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-backface-visibility: hidden;
}
main .laola1tvplayer {
  width: 100%;
}
main .social-stream {
  float: left;
  width: calc(33.3% - 3px);
  margin-right: -10px;
  padding-left: 10px;
}
main .social-stream .boxtitle {
  margin-top: -32px;
}
main .social-stream ul.social {
  padding: 0;
  margin: -34px 0 0 0;
  list-style: none;
  float: right;
  overflow: hidden;
}
main .social-stream ul.social li {
  float: left;
  margin: 0 0 0 5px;
  filter: saturate(0);
  -webkit-filter: saturate(0);
  -moz-filter: saturate(0);
  -o-filter: saturate(0);
  -ms-filter: saturate(0);
}
main .social-stream ul.social li a {
  text-indent: -9999px;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("/?proxy=img/sprite_assets.png");
}
@media print, screen, (-webkit-min-device-pixel-ratio: 1.25), (min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  main .social-stream ul.social li a {
    /* on retina, use image that's scaled by 2 */
    background-image: url("/?proxy=img/sprite_assets@2x.png");
    background-size: 101px 151px;
  }
}
main .social-stream ul.social li a.tw {
  background-position: 0 -20px;
}
main .social-stream ul.social li a.ig {
  background-position: 0 -40px;
}
main .social-stream ul.social li a.yt {
  background-position: 0 -60px;
}
main .social-stream ul.social li.active {
  filter: saturate(1);
  -webkit-filter: saturate(1);
  -moz-filter: saturate(1);
  -o-filter: saturate(1);
  -ms-filter: saturate(1);
}
main .social-stream .stream-container {
  width: 100%;
}
main .inner1 .social-stream {
  width: 100%;
  margin: 0;
  padding: 0;
}
main .inner1 .social-stream .boxtitle {
  margin-top: -10px;
}
main ul.sponsoren {
  margin: 0;
  padding: 0;
  list-style: none;
}
main ul.sponsoren li {
  width: 33.3%;
  float: left;
  padding: 0% 45px 0;
  text-align: center;
}
main ul.sponsoren li a img {
  display: block;
  width: auto;
  transition: all 0.5s ease;
  filter: saturate(0);
  -webkit-filter: saturate(0);
  -moz-filter: saturate(0);
  -o-filter: saturate(0);
  -ms-filter: saturate(0);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(50));
  filter: alpha(opacity = 50);
  margin: 0 auto;
}
main ul.sponsoren li a:hover img {
  filter: saturate(1);
  -webkit-filter: saturate(1);
  -moz-filter: saturate(1);
  -o-filter: saturate(1);
  -ms-filter: saturate(1);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  filter: alpha(opacity = 100);
}
main ul.sponsoren li.hauptsponsor {
  width: 33.3%;
  padding: 0 75px;
}
main .paging-container {
  width: 100%;
  clear: both;
  float: left;
  position: relative;
  font-size: 14px;
  height: 25px;
  margin-top: 20px;
  text-align: center;
}
main .paging-container p.pages {
  margin: 0;
  position: absolute;
  top: 0;
  left: 50%;
  text-align: center;
  line-height: 40px;
  width: 200px;
  margin-left: -100px;
}
main .paging-container ul.pages {
  list-style: none;
  display: inline-block;
  text-align: center;
  margin: 3px 0 0 0;
  padding: 0;
}
main .paging-container ul.pages li {
  float: left;
  border-right: 1px solid #ededed;
  line-height: 20px;
}
main .paging-container ul.pages li a {
  padding: 0 8px;
  color: #141414;
  line-height: 20px;
}
main .paging-container ul.pages li.active a {
  color: #cc000d;
  font-weight: bold;
}
main .paging-container ul.pages li:last-child {
  border-right: 0;
}
main form.filter,
main form.login {
  margin-bottom: 10px;
  float: left;
}
main form.filter label.desc,
main form.login label.desc {
  display: block;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(50));
  filter: alpha(opacity = 50);
  margin-bottom: 5px;
  font-size: 14px;
}
main form.filter fieldset,
main form.login fieldset {
  float: left;
  margin-right: 30px;
}
main form.login {
  max-width: 400px;
  margin-top: 30px;
}
main form.login fieldset {
  width: 100%;
  margin-bottom: 30px;
}
main .inner1 form.login {
  margin: 5px 0 0 0;
}
main .inner1 form.login fieldset {
  margin: 0 0 20px 0;
}
main .spieler {
  width: 33.33%;
  padding: 0 10px;
  float: left;
  border-bottom: 1px solid #ededed;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
main .spieler a {
  display: block;
  color: #141414;
  overflow: hidden;
}
main .spieler a:hover {
  text-decoration: none;
}
main .spieler a:hover .name {
  color: #cc000d;
}
main .spieler img {
  float: left;
  margin-right: 10px;
}
main .spieler .num {
  color: #cc000d;
  display: block;
  font-size: 20px;
  font-weight: 900;
  margin-bottom: 15px;
}
main .spieler .num strong {
  font-size: 40px;
  font-weight: 900;
  line-height: 30px;
}
main .spieler .name {
  display: block;
  font-size: 18px;
}
main .spieler .name .nn {
  display: block;
  text-transform: uppercase;
}
main .spieler dl {
  margin: 15px 0 0 0;
}
main .spieler dl dt {
  font-weight: 300;
  font-size: 14px;
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70));
  filter: alpha(opacity = 70);
}
main .spieler dl dd {
  font-size: 16px;
  margin-bottom: 10px;
}
main .spieler dl dd:last-child {
  margin-bottom: 0;
}
main .spieler.betreuer {
  width: 100%;
  padding: 0;
  margin-top: 30px;
  border: none;
  float: left;
  padding-bottom: 0;
  margin-bottom: 0;
}
main .spieler.betreuer img {
  width: 120px;
}
main .spieler.betreuer .name .nn {
  display: inline-block;
  margin-left: 5px;
}
main .spieler.betreuer dl {
  overflow: hidden;
}
main .spieler.betreuer dl dt,
main .spieler.betreuer dl dd {
  display: inline-block;
  float: left;
  font-size: 14px;
}
main .spieler.betreuer dl dd {
  margin-left: 10px;
  margin-bottom: 3px;
}
main .spieler.betreuer dl dt {
  clear: left;
}
main .spieler.betreuer .btn {
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 15px;
}
main table.kader {
  width: 100%;
  border-collapse: collapse;
}
main table.kader tr td {
  font-size: 14px;
  font-weight: 300;
  line-height: 40px;
  padding: 0 10px;
}
main table.kader tr:nth-child(even) {
  background: #ededed;
}
main table.daten {
  width: 100%;
  border-collapse: collapse;
}
main table.daten tr th {
  color: #cc000d;
  border-bottom: 2px solid #cc000d;
  padding: 10px 10px;
  font-size: 16px;
}
main table.daten tr td {
  font-size: 14px;
  font-weight: 300;
  padding: 10px 10px;
  text-align: center;
}
main table.daten tr td a {
  color: #cc000d;
}
main table.daten tr td.highlight {
  font-weight: bold;
}
main table.daten tr:nth-child(even) {
  background: #ededed;
}
main table.daten thead > tr > th > span.footable-sort-indicator {
  font-size: 12px;
}
main table.daten .icon-ics {
  font-size: 21px;
  float: left;
  margin-right: 5px;
  margin-top: -2px;
}
main .spielerdetail {
  width: 100%;
  height: auto;
  float: left;
  overflow: hidden;
}
main .spielerdetail img {
  float: left;
  margin-right: 20px;
  height: auto;
}
main .spielerdetail .title {
  font-size: 20px;
  display: block;
}
main .spielerdetail .title a {
  float: right;
}
main .spielerdetail dl {
  font-size: 17px;
  overflow: hidden;
  line-height: 25px;
}
main .spielerdetail dl dt {
  width: 50%;
  max-width: 160px;
  float: left;
  clear: left;
}
main .spielerdetail dl dd {
  font-weight: 300;
  float: left;
  margin: 0;
}
main .spielerdetail dl dd ul.social {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  overflow: hidden;
}
main .spielerdetail dl dd ul.social li {
  float: left;
  margin: 0 5px 0 0;
}
main .spielerdetail dl dd ul.social li a {
  text-indent: -9999px;
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("/?proxy=img/sprite_assets.png");
}
@media print, screen, (-webkit-min-device-pixel-ratio: 1.25), (min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  main .spielerdetail dl dd ul.social li a {
    /* on retina, use image that's scaled by 2 */
    background-image: url("/?proxy=img/sprite_assets@2x.png");
    background-size: 101px 151px;
  }
}
main .spielerdetail dl dd ul.social li a.tw {
  background-position: 0 -20px;
}
main .spielerdetail dl dd ul.social li a.ig {
  background-position: 0 -40px;
}
main .spielerdetail dl dd ul.social li a.yt {
  background-position: 0 -60px;
}
main .searchForm {
  background: #efefef;
  padding: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}
main form.search {
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
main form.search > label {
  float: left;
  width: 15%;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(50));
  filter: alpha(opacity = 50);
  font-size: 14px;
  line-height: 40px;
}
main form.search input[type="text"] {
  width: 65%;
  float: left;
}
main form.search input[type="text"] + input[type="submit"] {
  padding: 11px 0px;
  float: left;
  width: 15%;
  margin-left: 5%;
}
main p.searchError {
  color: #cc000d;
  font-size: 14px;
  margin-bottom: 0px;
  display: block;
}
main p.searchText {
  display: block;
  font-size: 14px;
  margin-bottom: 0px;
  float: left;
}
.ad-skyscraper {
  width: 160px;
  height: 160px;
  position: fixed;
  left: 50%;
  margin-left: 610px;
  top: 270px;
  z-index: 1000;
}
.ad-skyscraper img {
  display: block;
}
footer {
  float: left;
  width: 100%;
}
footer .sitemap {
  width: 100%;
  background: #e0e0e0;
  float: left;
}
footer .sitemap > ul {
  list-style: none;
  padding: 20px 10px;
}
footer .sitemap > ul > li {
  /* padding-right:115px;*/
  width: 16.5%;
  float: left;
  overflow: hidden;
}
footer .sitemap > ul > li:last-child {
  padding-right: 0;
}
footer .sitemap > ul > li > a {
  color: #141414;
  font-weight: normal;
  font-size: 18px;
  line-height: 30px;
}
footer .sitemap > ul > li > ul {
  list-style-type: disc;
  padding: 0 0 0 20px;
  margin: 0;
}
footer .sitemap > ul > li > ul > li {
  color: #a1a1a1;
}
footer .sitemap > ul > li > ul > li > a {
  color: #141414;
  font-weight: 300;
  font-size: 15px;
  line-height: 30px;
}
footer .copy {
  float: left;
  width: 100%;
  background: #d4d4d4;
  padding: 20px 0;
}
footer .copy .nav {
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px;
}
footer .copy .nav li {
  padding: 0 10px;
  border-right: 1px solid #141414;
  float: left;
  line-height: 10px;
}
footer .copy .nav li a {
  color: #141414;
  font-size: 12px;
}
footer .copy .nav li:last-child {
  border-right: 0;
}
footer .copy .nav li:first-child {
  padding-left: 0;
}
footer .copy .partner {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0 10px 0 0;
}
footer .copy .partner li {
  margin: 0 10px;
  float: left;
  text-align: center;
}
footer .copy .partner li a img {
  display: inline-block;
}
footer .copy p.copyright {
  clear: both;
  float: left;
  font-size: 12px;
  font-weight: 300;
  margin: 10px 0 0 10px;
}
.splash {
  height: 100%;
}
.splash header {
  height: 15%;
  width: 100%;
  float: left;
  min-height: 110px;
}
.splash header .meta div.center {
  text-align: center;
}
.splash header .meta div.center ul.social {
  padding: 0;
  margin: 40px 0 0 0;
  list-style: none;
  float: none;
  display: inline-block;
  overflow: hidden;
}
.splash header .meta div.center ul.social li {
  float: left;
  margin: 0 10px 0 0;
}
.splash header .meta div.center ul.social li a {
  text-indent: -9999px;
  display: block;
  filter: saturate(0);
  -webkit-filter: saturate(0);
  -moz-filter: saturate(0);
  -o-filter: saturate(0);
  -ms-filter: saturate(0);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  -webkit-opacity: 0.7;
  opacity: 0.7;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(70));
  filter: alpha(opacity = 70);
  transition: all 0.5s ease;
  width: 30px;
  height: 30px;
  background-image: url("/?proxy=img/sprite_assets.png");
}
@media print, screen, (-webkit-min-device-pixel-ratio: 1.25), (min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  .splash header .meta div.center ul.social li a {
    /* on retina, use image that's scaled by 2 */
    background-image: url("/?proxy=img/sprite_assets@2x.png");
    background-size: 101px 151px;
  }
}
.splash header .meta div.center ul.social li a.fb {
  background-position: -71px 0;
}
.splash header .meta div.center ul.social li a.tw {
  background-position: -71px -30px;
}
.splash header .meta div.center ul.social li a.ig {
  background-position: -71px -90px;
}
.splash header .meta div.center ul.social li a.yt {
  background-position: -71px -120px;
}
.splash header .meta div.center ul.social li a:hover {
  filter: saturate(1);
  -webkit-filter: saturate(1);
  -moz-filter: saturate(1);
  -o-filter: saturate(1);
  -ms-filter: saturate(1);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  zoom: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=(100));
  filter: alpha(opacity = 100);
}
.splash footer {
  height: 10%;
  width: 100%;
  float: left;
  background: #d4d4d4;
}
.splash #sb-site {
  height: 100%;
}
.splash main {
  height: 75%;
  width: 100%;
  float: left;
  min-height: 675px;
}
.splash main .splash-container {
  width: 100%;
  margin: 50px 0 80px;
  float: left;
}
.splash main .splash-container figure {
  width: 25%;
  padding: 0 10px;
  float: left;
  position: relative;
  margin-bottom: 11px;
}
.splash main .splash-container figure a {
  display: block;
  overflow: hidden;
  position: relative;
}
.splash main .splash-container figure a img {
  width: 100%;
  display: block;
  height: auto;
}
.splash main .splash-container figure a figcaption {
  color: white;
  font-size: 16px;
  background: #000000;
  /* Old browsers */
  background-color: transparent;
  /* Old browsers */
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(0, 0, 0, 0.9)), color-stop(100%, rgba(0, 0, 0, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* IE10+ */
  background: linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C */
  zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00000000, endColorstr=#e6000000);
  /* IE6-9 */
  -ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#00000000, endColorstr=#e6000000);
  /* IE6-9 */
  padding: 20px 20px 10px;
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: left;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.splash main .splash-container figure a figcaption strong {
  display: block;
  text-transform: uppercase;
  color: #f4c418;
}
.splash main .splash-container figure.big {
  width: 50%;
}
.splash main .splash-container figure.big a figcaption {
  font-size: 24px;
}
.sharrre .box {
  float: left;
}
.sharrre .count {
  color: #444444;
  display: block;
  font-size: 17px;
  line-height: 34px;
  height: 34px;
  padding: 4px 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 50px;
  background-color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.sharrre .share {
  color: #FFFFFF;
  display: block;
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  margin-top: 3px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: 50px;
  background-color: #9CCE39;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.sharrre .buttons {
  display: none;
  position: absolute;
  margin-left: 50px;
  z-index: 10;
  background-color: #fff;
}
.sharrre .button {
  float: left;
  max-width: 50px;
  margin-left: 10px;
}
/* './storage/volleyball_verband_de_2016/?proxy=laola1/cms-core//src/LAOLA1/CmsCore/Plugin/OnSiteSearchExtended/Fe/css/onSiteSearchExtended.less.' */
.searchApi .searchError,
.searchApi .searchText,
.searchApi .searchLoader {
  display: none;
}
/* './storage/volleyball_verband_de_2016/static/style/responsive.less.' */
@media screen and (max-width: 1200px) {
  main .cal-container {
    max-height: 150px;
  }
  .grid {
    max-width: 1024px;
  }
  .fb-page > span {
    height: 388px !important;
  }
  .fb-page > span > iframe {
    height: 388px !important;
  }
  main ul.linklist li {
    line-height: 18px;
  }
  main ul.linklist li a {
    font-size: 12px;
  }
  .inner2.full > figure.teaser {
    overflow: hidden;
  }
  .inner2.full > figure.teaser > img {
    height: 391px;
    width: auto;
    margin-left: -20px;
  }
  .splash main {
    min-height: initial;
  }
  .splash main .splash-container {
    margin: 30px 0;
  }
  #laola1tvplayer {
    height: 690px;
  }
}
@media screen and (max-width: 1023px) {
  .inner2 {
    width: calc(100% - 20px);
  }
  .inner1 {
    width: calc(50% - 20px);
  }
  .grid {
    max-width: 700px;
  }
  header nav > ul > li > a {
    font-size: 18px;
  }
  header nav > ul > li > .sub > ul > li > a {
    font-size: 16px;
    padding: 0 20px;
  }
  footer .sitemap > ul > li > a {
    font-size: 16px;
  }
  footer .sitemap > ul > li > ul > li > a {
    font-size: 12px;
    margin-left: -5px;
  }
  main .cal-container {
    max-height: 123px;
  }
  main .aufmacher-nav li a {
    font-size: 14px;
  }
  main ul.streams li {
    font-size: 14px;
    line-height: 16px;
  }
  main ul.sponsoren li {
    padding: 0;
  }
  main .teaser-container figure.teaser a figcaption {
    font-size: 14px;
    line-height: 17px;
  }
  main .inner1.full + .inner1.full .teaser.diashow {
    margin-top: 0;
  }
  .inner2.full > figure.teaser {
    overflow: hidden;
  }
  .inner2.full > figure.teaser > img {
    height: auto;
    width: 100%;
    margin-left: 0;
  }
  main .spieler {
    width: 50%;
  }
  main ul.linklist {
    margin-top: -5px;
  }
  main ul.linklist li {
    line-height: 25px;
  }
  main ul.linklist li a {
    font-size: 12px;
  }
  .splash main {
    min-height: initial;
    height: auto;
  }
  .splash main .splash-container {
    margin: 20px 0;
  }
  .splash main .splash-container figure {
    width: 50%;
  }
  .splash main .splash-container figure.big {
    width: 100%;
  }
  .splash header .meta div.center ul.social {
    margin-top: 20px;
  }
  #laola1tvplayer {
    height: 500px;
  }
}
@media screen and (max-width: 800px) {
  .grid > .inner2.border {
    min-height: inherit;
  }
  input[type="text"] {
    height: 40px;
  }
  .hide-desktop {
    display: block;
  }
  .hide-mobile {
    display: none;
  }
  .inner1,
  .inner2,
  .inner3 {
    width: calc(100% - 20px);
  }
  .inner1.mobile-full,
  .inner2.mobile-full,
  .inner3.mobile-full {
    padding: 20px 0;
  }
  label.selectbutton select {
    font-size: 13px;
    padding: 0 30px 0 5px;
  }
  header {
    margin-bottom: 0;
    padding-bottom: 10px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    z-index: 1;
    position: relative;
    height: 150px;
    /*  nav > ul { width:100%; display:none;
            > li { float:none; text-align:center;
                > a { padding:0; font-size:14px;  }
                
                > .sub { position:relative; 
                    > ul > li { float:none; text-align:left; padding:0 0 0 10px; }
                }
            } 
       }*/
  }
  header.open {
    margin-bottom: 0px !important;
  }
  header .sb-toggle-left {
    background: #cc000d;
    width: 40px;
    height: 40px;
    color: white;
    font-size: 30px;
    float: left;
    margin-left: 10px;
  }
  header .sb-toggle-left i {
    line-height: 40px;
    display: block;
    width: 40px;
  }
  header .sb-toggle-left i:before {
    margin: 0 0 0 4px;
  }
  header .meta .logo,
  header .meta .logo-layenberger {
    width: 45%;
    position: absolute;
    top: 60px;
    margin-top: 0;
    max-width: 120px;
  }
  header .meta .logo.logo-layenberger,
  header .meta .logo-layenberger.logo-layenberger {
    right: 10px;
  }
  header .meta .logo.logo,
  header .meta .logo-layenberger.logo {
    left: 10px;
  }
  header .meta div.center {
    width: calc(100% - 50px);
    padding: 0px 10px 0 0;
    margin-bottom: 10px;
  }
  header .meta div.center .search {
    width: 70%;
    float: right;
    margin-top: 0;
    padding-right: 40px;
  }
  header .meta div.center .search button {
    height: 40px;
    width: 40px;
    font-size: 15px;
    padding: 0;
  }
  header .meta div.center ul.social {
    display: none;
  }
  header .meta div.center ul.sprache {
    float: right;
    margin-left: 10px;
  }
  header .meta div.center ul.sprache li {
    float: none;
    margin: 0 0 5px 0;
  }
  header .meta div.center ul.sprache li a {
    background-size: 87px;
    width: 27px;
    height: 17px;
  }
  header .meta div.center ul.sprache li a.de {
    background-position: -26px 0px;
  }
  header .meta div.center ul.sprache li a.en {
    background-position: -26px -17px;
  }
  header nav {
    display: none;
  }
  .sb-slidebar {
    background: #cc000d !important;
    font-family: 'Roboto', sans-serif;
  }
  .sb-slidebar h3 {
    display: none;
    color: white;
    background: #99000a;
    text-align: center;
    font-weight: 900;
    margin: 0;
    line-height: 60px;
  }
  .sb-slidebar > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .sb-slidebar > ul > li {
    padding: 10px 0;
    border-bottom: 1px solid #b3000b;
  }
  .sb-slidebar > ul > li > a {
    color: white;
    padding: 0 10px;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: bold;
  }
  .sb-slidebar > ul > li > .sub {
    display: inline;
  }
  .sb-slidebar > ul > li > .sub > ul {
    list-style: none;
    margin: 10px 0 -10px 0;
    padding: 0;
    display: none;
  }
  .sb-slidebar > ul > li > .sub > ul > li {
    padding: 10px 0;
    background: #b3000b;
    border-bottom: 1px solid #99000a;
  }
  .sb-slidebar > ul > li > .sub > ul > li > a {
    color: white;
    padding: 0 10px;
    line-height: 30px;
    font-size: 14px;
  }
  .sb-slidebar > ul > li > .sub > ul > li:last-child {
    border: none;
  }
  .sb-slidebar > ul > li > .sub > ul > li ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid #800008;
    margin: 10px 0 -10px 0;
  }
  .sb-slidebar > ul > li > .sub > ul > li ul li {
    padding: 10px 0;
    background: #99000a;
    border-bottom: 1px solid #800008;
  }
  .sb-slidebar > ul > li > .sub > ul > li ul li a {
    color: white;
    padding: 0 10px;
    font-size: 14px;
    line-height: 30px;
  }
  .sb-slidebar > ul > li > .sub > ul > li .teaser-container {
    display: none;
  }
  .sb-slidebar .toggle {
    color: white;
    float: right;
    line-height: 30px;
    padding: 0 10px;
    font-size: 20px;
    transition: all 0.5s ease;
  }
  .sb-slidebar .toggle.open {
    -webkit-transform: rotate(90deg) translate3d(0, 0, 0);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-backface-visibility: hidden;
  }
  .sb-slidebar .icon-right-open-mini {
    display: block !important;
  }
  main {
    /* ============= */
    /* = AUFMACHER = */
    /* ============= */
    /* =========== */
    /* = MELDUNG = */
    /* =========== */
  }
  main .aufmacher-slider figure figcaption {
    font-size: 15px;
    padding: 20px 10px 10px 10px;
  }
  main .aufmacher-slider figure figcaption small {
    display: none;
  }
  main .aufmacher-slider .slick-arrow {
    width: 40px;
    height: 40px;
    font-size: 40px;
  }
  main .aufmacher-slider .slick-arrow i {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  main .aufmacher-nav {
    display: none;
  }
  main article.meldung time {
    font-size: 12px;
  }
  main article.meldung > h1 {
    font-size: 20px;
  }
  main article.meldung > h2 {
    font-size: 18px;
  }
  main article.meldung > h3 {
    font-size: 16px;
  }
  main article.meldung p {
    font-size: 16px;
  }
  main article.meldung p img {
    width: 100%;
    height: auto;
  }
  main article.meldung > ul li,
  main article.meldung > ol li {
    font-size: 16px;
  }
  main article.meldung .contel50 {
    width: 100%;
  }
  main article.meldung .spielerdetail img {
    width: 130px;
    height: auto;
    margin: 0 auto 20px;
    float: none;
    display: block;
  }
  main article.meldung .spielerdetail .title {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }
  main article.meldung .spielerdetail .title a {
    clear: left;
    float: none;
    display: block;
    width: 70%;
    text-align: center;
    margin: 10px auto;
  }
  main article.meldung .spielerdetail dl {
    clear: left;
    font-size: 14px;
  }
  main article.meldung blockquote {
    margin: -10px 0 20px 0 !important;
    padding: 0 20px;
  }
  main article.meldung blockquote p.quote {
    text-align: center;
  }
  main article.meldung blockquote .author {
    display: block;
    text-align: center;
  }
  main article.meldung dl.turnierinfos {
    font-size: 12px;
    line-height: 25px;
  }
  main article.meldung dl.turnierinfos dt,
  main article.meldung dl.turnierinfos dd {
    width: 50%;
  }
  main article.meldung .spieler-wrapper {
    width: 100%;
    margin-bottom: 20px;
  }
  main article.meldung .spieler-wrapper .name {
    font-size: 16px;
    line-height: 20px;
  }
  main article.meldung .spieler-wrapper .info {
    font-size: 12px;
    line-height: 20px;
  }
  main article.meldung ul.data-nav {
    border-bottom: none;
  }
  main article.meldung ul.data-nav li {
    float: none;
    width: 100%;
    padding: 10px 0;
    border-right: 0;
    border-bottom: 1px solid #ededed;
  }
  main article.meldung ul.data-nav li:last-child {
    border-bottom: 2px solid #ededed;
  }
  main article.meldung ul.sponsorlist {
    display: block;
  }
  main article.meldung ul.sponsorlist li {
    display: block;
    margin: 0 auto 50px;
    width: 90%;
    max-width: 280px;
    clear: left;
  }
  main figure.teaser a.time {
    font-size: 12px;
  }
  main figure.teaser a figcaption {
    font-size: 14px;
  }
  main figure.teaser.third,
  main figure.teaser.half {
    width: 100%;
    margin-bottom: 20px;
    padding: 0;
  }
  main figure.teaser.list a img,
  main figure.teaser.list.small a img {
    max-width: inherit;
    float: left;
    margin: 0 0 10px;
  }
  main figure.teaser > figcaption {
    font-size: 18px;
  }
  main figure.teaser > figcaption .num {
    font-size: 30px;
  }
  main .teaser-container,
  main .service-container,
  main .social-stream {
    width: 100% !important;
    margin: 0;
  }
  main .service-container figure.teaser a figcaption {
    right: 0;
    font-size: 14px;
    line-height: 25px;
    height: auto;
  }
  main .social-stream {
    padding: 0;
  }
  main .social-stream .boxtitle {
    margin-top: 0;
  }
  main .social-stream .fb-page > span {
    height: 250px !important;
  }
  main .social-stream .fb-page > span > iframe {
    height: 250px !important;
  }
  main ul.sponsoren li {
    width: 100%;
    padding: 20px 0 0 0;
  }
  main ul.sponsoren li.hauptsponsor,
  main ul.sponsoren li:first-child {
    width: 100%;
    padding: 0 0px;
  }
  main ul.sponsoren li img {
    width: 100%;
    max-width: 180px;
    min-width: 180px;
  }
  main ul.streams {
    height: 315px;
  }
  main ul.streams li {
    font-size: 13px;
    line-height: 20px;
  }
  main ul.streams li .date,
  main ul.streams li .time {
    width: 50%;
    text-align: left;
  }
  main ul.streams li .bewerb,
  main ul.streams li .tv {
    width: 100%;
    text-align: left;
  }
  main ul.streams li .bewerb img,
  main ul.streams li .tv img {
    width: 40px;
    height: auto;
    margin-bottom: 5px;
  }
  main ul.streams li .bewerb {
    font-weight: normal;
  }
  main .cal-container {
    max-height: 200px;
  }
  main .cal-container ul li .event {
    width: 60%;
  }
  main form.filter fieldset {
    width: 46%;
    margin: 0 6% 20px 0;
    float: left;
  }
  main form.filter fieldset:nth-child(even) {
    margin-right: 0;
  }
  main form.filter fieldset:last-child {
    width: 100%;
  }
  main form.filter label.selectbutton {
    width: 100%;
  }
  main form.login {
    margin-top: 10px;
  }
  main .paging-container .btn {
    text-indent: -9999px;
    padding: 0;
  }
  main .paging-container .btn i {
    text-indent: 0;
    float: left;
    width: 22px;
    height: 22px;
  }
  main .paging-container .btn i:before {
    line-height: 22px;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
  }
  main .spieler {
    width: 100%;
    padding: 0 0 20px;
  }
  main .spieler img {
    width: 65px;
    height: auto;
  }
  main .spieler .num {
    font-size: 12px;
    margin-bottom: 10px;
  }
  main .spieler .num strong {
    font-size: 20px;
    line-height: 20px;
  }
  main .spieler .name {
    font-size: 16px;
    margin-top: 5px;
  }
  main .spieler .name .nn {
    display: inline-block;
    margin-left: 5px;
  }
  main .spieler dl {
    margin-top: 10px;
  }
  main .spieler dl dt {
    font-size: 12px;
  }
  main .spieler dl dd {
    font-size: 14px;
  }
  main .spieler dl dt,
  main .spieler dl dd {
    display: none !important;
  }
  main .spieler dl dt.pos,
  main .spieler dl dd.pos {
    display: block;
  }
  main .spieler:last-child {
    margin-bottom: -10px;
  }
  main .spieler.betreuer img {
    width: 65px;
  }
  main table.kader tr td {
    font-size: 12px;
    line-height: 30px;
    padding: 0 5px;
  }
  main table.daten tr td,
  main table.daten tr th {
    font-size: 12px;
    padding: 8px 5px;
  }
  main table.daten tr {
    border-bottom: 1px solid #ededed;
  }
  main table.daten tr.footable-detail-show {
    border: none;
  }
  main table.daten tr:nth-child(even) {
    background: white;
  }
  main table.daten .footable-row-detail-cell {
    background: #ededed;
    padding: 5px 10px;
  }
  main table.daten .footable-row-detail-cell .footable-row-detail-inner {
    width: 100%;
  }
  main table.daten .footable-row-detail-cell .footable-row-detail-row {
    width: 100%;
  }
  main table.daten .footable-row-detail-cell .footable-row-detail-row .footable-row-detail-name {
    text-align: left;
    width: 30%;
    line-height: 25px;
  }
  main table.daten .footable-row-detail-cell .footable-row-detail-row .footable-row-detail-value {
    text-align: left;
    width: 70%;
    line-height: 25px;
  }
  main table.daten span.footable-toggle {
    width: 15px;
    font-size: 12px !important;
    color: #cc000d !important;
  }
  main ul.linklist li {
    font-size: 14px;
  }
  main form.search > label {
    width: 100%;
  }
  main form.search input[type="text"] {
    width: 100%;
    margin-right: 0px;
  }
  main form.search input[type="text"] + input[type="submit"] {
    margin-top: 20px;
    margin-left: 0;
    width: 100%;
  }
  footer .sitemap {
    display: none;
  }
  footer .copy .nav {
    float: left;
    list-style: disc;
    margin: 0 0 15px 20px;
    width: 100%;
  }
  footer .copy .nav li {
    float: left;
    border-right: none;
    line-height: 20px;
    padding: 0;
    width: 50%;
  }
  footer .copy .partner {
    margin-top: 20px;
    padding: 0;
    width: 250px;
    margin: 0 auto;
    float: none;
  }
  footer .copy .partner li {
    margin: 0 5px;
  }
  footer .copy p.copyright {
    margin-top: 15px;
  }
  .splash .sb-toggle-left {
    display: none;
  }
  .splash header .meta div.center {
    width: 100%;
  }
  .splash header .meta div.center ul.social {
    margin-top: 0;
  }
  .splash header {
    height: 150px;
  }
  .splash main {
    height: auto;
  }
  .splash main .splash-container {
    margin: 10px 0;
    padding: 0 5px;
  }
  .splash main .splash-container figure {
    width: 50%;
    padding: 0 5px;
  }
  .splash main .splash-container figure a figcaption {
    padding: 10px 5px;
    font-size: 14px;
  }
  .splash main .splash-container figure.big {
    width: 100%;
  }
  .splash main .splash-container figure.big a figcaption {
    font-size: 17px;
  }
  .splash footer {
    height: auto;
  }
}
@media screen and (max-width: 320px) {
  footer .copy .partner {
    width: 230px;
  }
  #laola1tvplayer {
    height: 340px !important;
  }
}
/* './storage/volleyball_verband_de_2016/static/style/sharrre.css.' */
#demo1.sharrre {
  width: 100%;
  display: inline-block;
}
#demo2.sharrre {
  width: 50px;
}
.sharrre .box {
  float: left;
}
.sharrre .count {
  color: #444444;
  display: block;
  font-size: 17px;
  line-height: 34px;
  height: 34px;
  padding: 4px 0;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 50px;
  background-color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.sharrre .share {
  color: #FFFFFF;
  display: block;
  font-size: 11px;
  height: 16px;
  line-height: 16px;
  margin-top: 3px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: 50px;
  background-color: #9CCE39;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.sharrre .buttons {
  width: 300px;
}
.sharrre .button {
  float: left;
  max-width: 50px;
  height: 50px;
  margin-left: 10px;
}
/* './storage/volleyball_verband_de_2016/static/style/slick.css.' */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* './storage/volleyball_verband_de_2016/static/style/slidebars.less.' */
/* -----------------------------------
 * Slidebars
 * Version 0.10.3
 * http://plugins.adchsm.me/slidebars/
 *
 * Written by Adam Smith
 * http://www.adchsm.me/
 *
 * Released under MIT License
 * http://plugins.adchsm.me/slidebars/license.txt
 *
 * -------------------
 * Slidebars CSS Index
 *
 * 001 - Box Model, Html & Body
 * 002 - Site
 * 003 - Slidebars
 * 004 - Animation
 * 005 - Helper Classes
 *
 * ----------------------------
 * 001 - Box Model, Html & Body
 */
html,
body,
#sb-site,
.sb-site-container,
.sb-slidebar {
  /* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body {
  width: 100%;
  overflow-x: hidden;
  /* Stops horizontal scrolling. */
}
html {
  height: 100%;
  /* Site is as tall as device. */
}
body {
  min-height: 100%;
  height: auto;
  position: relative;
  /* Required for static Slidebars to function properly. */
}
/* Site scroll locking - prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
html.sb-scroll-lock.sb-active:not(.sb-static) {
  overflow: hidden;
}
/* ----------
 * 002 - Site
 */
#sb-site,
.sb-site-container {
  /* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
  width: 100%;
  min-height: 100vh;
  position: relative;
  z-index: 1;
  /* Site sits above Slidebars */
  background-color: #ffffff;
  /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
}
/* Micro clearfix by Nicolas Gallagher, ensures the site container hits the top and bottom of the screen. */
#sb-site:before,
#sb-site:after,
.sb-site-container:before,
.sb-site-container:after {
  content: ' ';
  display: table;
}
#sb-site:before,
#sb-site:after,
.sb-site-container:before,
.sb-site-container:after {
  clear: both;
}
/* ---------------
 * 003 - Slidebars
 */
.sb-slidebar {
  height: 100%;
  overflow-y: auto;
  /* Enable vertical scrolling on Slidebars when needed. */
  position: fixed;
  top: 0;
  z-index: 0;
  /* Slidebars sit behind sb-site. */
  display: none;
  /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
  background-color: #222222;
  /* Default Slidebars background colour, overwrite this with your own css. */
}
.sb-slidebar,
.sb-slidebar * {
  -webkit-transform: translateZ(0px);
  /* Fixes issues with translated and z-indexed elements on iOS 7. */
}
.sb-left {
  left: 0;
  /* Set Slidebar to the left. */
}
.sb-right {
  right: 0;
  /* Set Slidebar to the right. */
}
html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
  position: absolute;
  /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}
.sb-slidebar.sb-active {
  display: block;
  /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
}
.sb-style-overlay {
  z-index: 9999;
  /* Set z-index high to ensure it overlays any other site elements. */
}
.sb-momentum-scrolling {
  -webkit-overflow-scrolling: touch;
  /* Adds native momentum scrolling for iOS & Android devices. */
}
/* Slidebar widths for browsers/devices that don't support media queries. */
.sb-slidebar {
  width: 30%;
}
.sb-width-thin {
  width: 15%;
}
.sb-width-wide {
  width: 45%;
}
@media (max-width: 480px) {
  /* Slidebar widths on extra small screens. */
  .sb-slidebar {
    width: 70%;
  }
  .sb-width-thin {
    width: 55%;
  }
  .sb-width-wide {
    width: 85%;
  }
}
@media (min-width: 481px) {
  /* Slidebar widths on small screens. */
  .sb-slidebar {
    width: 55%;
  }
  .sb-width-thin {
    width: 40%;
  }
  .sb-width-wide {
    width: 70%;
  }
}
@media (min-width: 768px) {
  /* Slidebar widths on medium screens. */
  .sb-slidebar {
    width: 40%;
  }
  .sb-width-thin {
    width: 25%;
  }
  .sb-width-wide {
    width: 55%;
  }
}
@media (min-width: 992px) {
  /* Slidebar widths on large screens. */
  .sb-slidebar {
    width: 30%;
  }
  .sb-width-thin {
    width: 15%;
  }
  .sb-width-wide {
    width: 45%;
  }
}
@media (min-width: 1200px) {
  /* Slidebar widths on extra large screens. */
  .sb-slidebar {
    width: 20%;
  }
  .sb-width-thin {
    width: 5%;
  }
  .sb-width-wide {
    width: 35%;
  }
}
/* ---------------
 * 004 - Animation
 */
.sb-slide,
#sb-site,
.sb-site-container,
.sb-slidebar {
  -webkit-transform: translate(0px);
  -o-transform: translate(0px);
  -moz-transform: none;
  -webkit-transition: -webkit-transform 400ms ease;
  -moz-transition: -moz-transform 400ms ease;
  -o-transition: -o-transform 400ms ease;
  transition: transform 400ms ease;
  -webkit-transition-property: -webkit-transform, left, right;
  /* Add left/right for Android < 4.4. */
  -webkit-backface-visibility: hidden;
  /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}
/* --------------------
 * 005 - Helper Classes
 */
.sb-hide {
  display: none;
  /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}