@import "content.css";
@import "slider.css";

@font-face {
	font-family: "Lato Light";
	src: url("../media/Lato-Light.eot");
	src: url("../media/Lato-Light.eot?#iefix") format("embedded-opentype"), url("../media/Lato-Light.woff2") format("woff2"), url("../media/Lato-Light.woff") format("woff"), url("../media/Lato-Light.ttf") format("truetype"), url("../media/Lato-Light.svg#svgFontName") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Lato Regular";
	src: url("../media/Lato-Regular.eot");
	src: url("../media/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("../media/Lato-Regular.woff2") format("woff2"), url("../media/Lato-Regular.woff") format("woff"), url("../media/Lato-Regular.ttf") format("truetype"), url("../media/Lato-Regular.svg#svgFontName") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Lato Bold";
	src: url("../media/Lato-Bold.eot");
	src: url("../media/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("../media/Lato-Bold.woff2") format("woff2"), url("../media/Lato-Bold.woff") format("woff"), url("../media/Lato-Bold.ttf") format("truetype"), url("../media/Lato-Bold.svg#svgFontName") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Sacramento";
	src: url("../media/Sacramento.ttf.woff") format("woff"), url("../media/Sacramento.ttf.svg#Sacramento") format("svg"), url("../media/Sacramento.ttf.eot"), url("../media/Sacramento.eot?#iefix") format("embedded-opentype");
	font-weight: normal;
	font-style: normal;
}

/*------------------------------------------

li.menueebene2Active {
    display: block !important;
}

/*------------------------------------------*/

* {
	font-family: "Lato Light";
	font-weight: normal;
}

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

.normal {
	display: none;
}

.publishSystemNotify {
	display: none;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
}

.alles {
	width: 100%;
	margin: 0 auto;
	max-width: 1385px;
}

/*######### Layout #########*/

#menuequick {
	width: 27%;
	float: right;
	list-style: none;
	padding: 10px 0 10px 0;
}

#header #kontakt {
	margin-left: 35px;
	float: left;
}

.main #headerImage a.bx-prev {
	position: absolute;
	bottom: 228px;
	background: url(../images/prev.png) no-repeat scroll;
	height: 60px;
	left: 26px;
	width: 32px;
	z-index: 9999999;
	text-indent: -99999px;
}

.main #headerImage a.bx-next {
	position: absolute;
	bottom: 228px;
	background: url(../images/next.png) no-repeat scroll;
	height: 60px;
	right: 26px;
	width: 32px;
	z-index: 9999999;
	text-indent: -999999px;
}

#nachOben a {
	background: url(../images/nachoben.png) no-repeat scroll;
	float: left;
	height: 54px;
	width: 55px;
	margin-bottom: 74px;
	margin-right: 22px;
}

#nachOben a:hover,
#drucken a:hover {
	background-color: #fff;
	border-radius: 5px;
}

#drucken a {
	background: url(../images/drucken.png) no-repeat scroll;
	float: left;
	height: 54px;
	width: 55px;
	margin-bottom: 74px;
	margin-right: 22px;
}

#drucken {
	float: left;
}

#navlinks {
	position: absolute;
	bottom: 75px;
	right: 0;
}

#nachOben {
	float: right;
}

#footer02 p {
	float: left;
	color: #fff;
	font-size: 18px;
	margin-top: 26px;
	font-family: lato regular;
}

#footer02 p.font {
	font-family: "Sacramento";
	float: right;
	font-size: 32px;
	color: #5f5f5f;
	margin-top: 17px;
}

#footer02 {
	background: #242424;
	float: left;
	width: 100%;
	height: 75px;
}

#footer01 #kontakt ul li a {
	color: #fff;
	font-family: lato Regular;
	text-decoration: underline;
}

#footer01 #kontakt ul li a:hover {
	text-decoration: none;
}

.bx-controls-direction {
	display: block;
}

#menuequick a {
	color: #fff;
	background: url(../images/kontakt.png) no-repeat left;
	padding: 3px 0 3px 28px;
	float: left;
}

#footer01 #zeiten {
	float: left;
	width: 32%;
	border-left: 2px solid #64b4e2;
	padding-left: 10px;
	margin-top: 39px;
	margin-bottom: 26px;
}

#footer01 #kontakt {
	float: left;
	width: 32%;
	border-left: 2px solid #64b4e2;
	padding-left: 10px;
	margin-top: 39px;
	margin-bottom: 26px;
}

#footer01 ul li:nth-child(3) {
	clear: both;
}

#footer01 ul li {
	color: #fff;
	font-size: 16px;
	width: 42%;
	float: left;
	font-family: lato regular;
	list-style: none;
}

#footer01 h4 {
	color: #fff;
	font-size: 37px;
	font-family: "Sacramento";
}

#footer01 {
	width: 100%;
	float: left;
	background: #0092f9;
}

#header {
	float: left;
	width: 100%;
}

#logo {
	float: left;
	width: auto;
	margin-top: 9px;
}

#header01 {
	width: 100%;
	float: left;
	background: #0092f9;
}

#logo a.logo {
	font-family: "Sacramento";
	font-size: 50px;
	color: #0092f9;
}

.main .bx-viewport {
	height: 490px !important;
}

.main #headerImage {
	height: 490px !important;
}

#contentbereich #ql01 .background {
	/* background: url(../images/ql01_main.png) no-repeat center; */
	background-color: #0092f9;
	float: left;
	width: 100%;
	height: 100%;
	/* filter: opacity(40%); */
	transition: 0.3s;
}

#contentbereich #ql01:hover .background,
#contentbereich #ql02:hover .background,
#contentbereich #ql03:hover .background,
#contentbereich #ql04:hover .background {
	filter: opacity(85%);
	/* transition: 0.3s; */
}

#contentbereich #ql02 .background {
	/* background: url(../images/ql02_main.png) no-repeat center; */
	background-color: #ffca17;
	float: left;
	width: 100%;
	height: 100%;
	filter: none;
	transition: 0.3s;
}

#contentbereich #ql03 .background {
	/* background: url(../images/ql03_main.png) no-repeat center; */
	background-color: #ff3b3b;
	float: left;
	width: 100%;
	height: 100%;
	filter: none;
	transition: 0.3s;
}

#contentbereich #ql04 .background {
	background: url(../images/ql04_main.png) no-repeat center;
	float: left;
	width: 100%;
	height: 100%;
	filter: none;
	transition: 0.3s;
}

#contentbereich #ql01 .background,
#contentbereich #ql02 .background,
#contentbereich #ql03 .background,
#contentbereich #ql04 .background {
	/* filter: opacity(40%); */
}

#contentbereich #ql span {
	color: #0092f9;
	width: 100%;
	float: left;
	text-align: center;
	font-family: "Sacramento";
	font-size: 96px;
	margin-top: 51px;
	margin-bottom: 10px;
}

#contentbereich #ql p {
	color: #ffffff;
	width: 100%;
	float: left;
	text-align: center;
	font-size: 20px;
}

#contentbereich .ql {
	height: 180px;
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 1px;
	position: relative;
	background: #000;
}

#contentbereich .ql a {
	font-size: 24px;
	color: #fff;
	font-family: "Lato Bold";
	height: 114px;
	text-shadow: 1px 1px 15px rgb(0 0 0 / 80%);
	float: left;
	text-align: center;
	width: 100%;
	padding-top: 66px;
	position: absolute;
	right: 0;
}

#contentbereich .ql hr {
	width: 53px;
	margin: 0 auto;
	height: 3px;
	background: #fff;
	border: none;
	box-shadow: 1px 1px 9px rgb(0 0 0 / 80%);
	margin-top: 7px;
}

#contentbereich #ql {
	float: right;
	width: 30%;
	max-width: 397px;
}

/* Suchbereich */

#suche {
	float: right;
	width: 95px;
	height: 90px;
	border-left: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
}

#suchbereich {
	float: left;
	width: 100%;
}

#suchbereich .bereich1 {
	float: left;
	width: 67%;
}

#suchbereich .suche {
	background: #fff none repeat scroll 0 0;
	border: 0 none;
	border-radius: 4px;
	color: #7a7979;
	float: left;
	font-size: 16px;
	margin: 0;
	padding: 13px 15px;
	width: calc(100% - 30px);
}

#suchbereich .bereich2 {
	float: right;
	width: 100%;
	z-index: 1;
	background: url(../images/search.png) no-repeat center;
	height: 90px;
}

#suchbereich .sucheAbsenden {
	height: 64px;
	float: left;
	width: 100%;
}

#btn-search {
	float: left;
	width: 100%;
	height: 100%;
}

/* Kontrast */

#kontrast-alles {
	float: left;
	width: auto;
}

.contrast {
	display: block;
}

.contrast02 {
	display: none;
}

#kontrast-alles a {
	float: left;
	background: url(../images/kontrast.png) no-repeat left;
	padding: 3px 0 3px 28px;
}

#kontrast-alles img {
	float: left;
	margin-right: 8px;
	margin-top: 1px;
}

/*Popup Schrift*/

#schrift {
	float: left;
	margin-left: 35px;
}

#schrift a {
	float: left;
	background: url(../images/schrift.png) no-repeat left;
	padding: 3px 0 3px 28px;
}

#schrift a:hover {
	text-decoration: underline;
}

#popUp {
	color: #fff;
	display: none;
	right: 298px;
	padding: 17px 15px;
	position: absolute;
	text-align: center;
	top: 30px;
	width: 260px;
	z-index: 160;
	background: #5197d5 none repeat scroll 0 0;
	cursor: pointer;
}

#popUp p {
	color: #fff;
	font-size: 20px;
	text-shadow: 1px 1px 3px #505050;
	line-height: 23px;
	margin-bottom: 14px;
}

#schrift a:hover + #popUp {
	display: block;
}

#popUp:hover {
	opacity: 0.95;
	display: block;
	-webkit-transition: background 0.5s ease-in;
	-moz-transition: background 0.5s ease-in;
	-ms-transition: background 0.5s ease-in;
	-o-transition: background 0.5s ease-in;
	transition: background 0.5s ease-in;
}

#popUp .button {
	background: #fff;
	border: 1px solid #666;
	margin-right: 5px;
	padding: 0 5px;
}

#popUp span.button {
	color: #000;
}

/* ######################### Hauptmenü ########################### */

#imprint {
	float: right;
	width: auto;
	color: #fff;
	margin-top: 112px;
	position: relative;
	font-family: lato regular;
}

#imprint a {
	color: #fff;
	font-family: lato regular;
}

#imprint a:hover {
	text-decoration: underline;
}

#responsiveSidemenue {
	display: none;
}

#mainMenue {
	float: left;
	width: auto;
	position: relative;
	padding-top: 18px;
}

#menueinfo {
	width: 343px;
	background: url(../images/menue_bg_w.png);
	height: 100%;
	max-height: 480px;
	right: 0;
	padding: 35px 35px 18px 38px;
	position: absolute;
}

#menueinfo span {
	position: absolute;
}

#menueinfo span.alt {
	bottom: 88px;
}

#menueinfo span.mail {
	bottom: 10px;
	background: none;
	padding-left: 0;
	text-decoration: underline;
	z-index: 9999999999;
}

#menueinfo span.mail {
	bottom: 10px;
	background: none;
	padding-left: 0;
	text-decoration: underline;
	z-index: 9999999999;
}

#menueinfo span.tel {
	bottom: 40px;
}

#menueinfo h4 {
	text-transform: uppercase;
	font-size: 20px;
	color: #5197d5;
	margin-top: 34px;
	margin-bottom: 14px;
}

#menueinfo table p {
	width: auto;
	float: left;
	position: absolute;
}

#menueinfo table {
	font-size: 17px;
	color: #3d3d3d;
	line-height: 21px;
}

#menueinfo table tr {
	line-height: 25px;
}

#menueinfo table tr td {
	font-size: 20px;
}

#menue {
	float: right;
	width: 50%;
	position: relative;
	z-index: 89;
	max-width: 598px;
}

#menue ul {
	margin: 0px;
	padding: 0px;
	float: right;
	width: auto;
	position: relative;
}

#menue ul#nav ul {
	visibility: hidden;
}

#menue ul#nav li:hover > ul {
	visibility: visible;
	display: block;
}

#menue ul#nav ul li:hover > ul {
	visibility: visible;
	display: block;
}

#menue ul li {
	float: left;
	width: auto;
	list-style: none;
	text-align: center;
}

#menue ul li a {
	display: block;
	font-size: 18px;
	font-weight: 400;
	padding: 30px 35.1px 30px 35.2px;
	margin: 0;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	color: #000;
	width: auto;
	text-transform: uppercase;
}

#menue ul li a:after {
	content: "";
	width: 1px;
	height: 17px;
	position: absolute;
	background: #919191;
	bottom: 36px;
}

#menue ul li.active a:after {
	display: none;
}

#menue ul li.menueebene0Active a:after,
#menue ul li.menueebene1Active a:after,
#menue ul li.menueebene2Active a:after,
#menue ul li.menueebene3Active a:after {
	display: none;
}

#menue ul li.menueebene0 a:after {
	margin-left: 82px;
}

#menue ul li.menueebene1 a:after {
	margin-left: 76px;
}

#menue ul li.menueebene2 a:after {
	margin-left: 63px;
}

#menue ul li.menueebene3 a:after {
	display: none;
}

#mainMenue.f-menue {
	position: fixed;
	background: url(../images/bg-menue-fixed.png) repeat left top;
}

#logo.scroll {
	bottom: 0;
	float: left;
	position: absolute;
	top: -178px;
	z-index: 99;
}

/* Underline Reveal */

@mixin underline-reveal {
	$duration: $mediumDuration;

	@include hacks();
	position: relative;
	overflow: hidden;

	&:before {
		content: "";
		position: absolute;
		z-index: -1;
		left: 0;
		right: 0;
		bottom: 0;
		background: $activeColor;
		height: 4px;
		@include prefixed(transform, translateY(4px));
		@include prefixed(transition-property, transform);
		@include prefixed(transition-duration, $duration);
		@include prefixed(transition-timing-function, ease-out);
	}

	&:hover,
	&:focus,
	&:active {
		&:before {
			@include prefixed(transform, translateY(0));
		}
	}
}

/* Underline Reveal */

.hvr-underline-reveal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	overflow: hidden;
}

.hvr-underline-reveal:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	height: 5px;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.hvr-underline-reveal:hover:before,
.hvr-underline-reveal:focus:before,
.hvr-underline-reveal:active:before {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

#menue ul li.menueebene0Active,
#menue ul li.menueebene0:hover,
#menue ul li.menueebene1Active,
#menue ul li.menueebene1:hover,
#menue ul li.menueebene2Active,
#menue ul li.menueebene2:hover,
#menue ul li.menueebene3Active,
#menue ul li.menueebene3:hover,
#menue ul li.menueebene4Active,
#menue ul li.menueebene4:hover,
#menue ul li.menueebene5Active,
#menue ul li.menueebene5:hover,
#menue ul li.hover {
}

a.menueebene0.active,
a.menueebene1.active,
a.menueebene2.active,
a.menueebene3.active,
a.menueebene4.active {
	color: #fff !important;
	background: #0092f9;
}

a.menueebene0Active,
a.menueebene1Active,
a.menueebene2Active,
a.menueebene3Active,
a.menueebene4Active {
	background: #0092f9;
	color: #fff !important;
}

#menue ul li.menueebene3Active a:hover,
#menue ul li.menueebene4Active a {
	margin-right: 0;
}

/*
#menue ul li a:hover,
#menue ul li.menueebene0Active a:hover,
#menue ul li.menueebene1Active a:hover,
#menue ul li.menueebene2Active a:hover,
#menue ul li.menueebene3Active a:hover,
#menue ul li.menueebene4Active a:hover {
    border-bottom: 5px solid #000;
}
*/

#menue ul li.menueebene2:hover a,
#menue ul li.menueebene2Active a,
#menue ul li.menueebene2Active a:hover {
}

#menue ul li.menueebene3:hover a,
#menue ul li.menueebene3Active a,
#menue ul li.menueebene3Active a:hover {
}

#menue ul li.menueebene2,
#menue ul li.menueebene2Active {
}

#menue ul li.menueebene3,
#menue ul li.menueebene3Active {
}

#menue ul li ul {
}

#menue ul li.menueebene0 ul,
#menue ul li.menueebene0Active ul,
#menue ul li.menueebene1 ul,
#menue ul li.menueebene1Active ul,
#menue ul li.menueebene2 ul,
#menue ul li.menueebene2Active ul,
#menue ul li.menueebene3 ul,
#menue ul li.menueebene3Active ul,
#menue ul li.menueebene4 ul,
#menue ul li.menueebene4Active ul,
#menue ul li.menueebene5 ul,
#menue ul li.menueebene5Active ul {
}

li.menueebene4 a {
	margin-right: 0 !important;
}

/* Ebene 2 */

/*######### Nach entsprechendem Child wird das Li umgebrochen (Menü)###########*/

#menue ul#nav ul li:nth-child(4n + 5) {
	clear: left;
}

#menue ul#nav ul li.clearleft {
	clear: left;
}

/*####################Ende##############*/

#menue ul li ul {
	display: none;
	float: none;
	left: 0;
	margin: 0;
	padding: 40px 0 50px 30px;
	position: absolute;
	top: 59px;
	width: 1048px;
	z-index: 1000;
}

#menue ul li.menueebene0 ul,
#menue ul li.menueebene0Active ul {
	left: -28px;
}

#menue ul li.menueebene1 ul,
#menue ul li.menueebene1Active ul {
	left: -239px;
}

#menue ul li.menueebene2 ul,
#menue ul li.menueebene2Active ul {
	left: -450px;
}

#menue ul li.menueebene3 ul,
#menue ul li.menueebene3Active ul {
	left: -661px;
}

#menue ul li.menueebene4 ul,
#menue ul li.menueebene4Active ul {
	left: -872px;
}

#menue ul li ul li {
	background: none repeat scroll 0 0;
	margin-bottom: 0 !important;
	margin-left: 3px;
	margin-right: 24px;
	margin-top: 0 !important;
	padding: 0;
	width: 231px;
}

#menue ul li ul li a {
	background: url("../images/menue-ul-li.jpg") no-repeat scroll left 12px;
	border-bottom: 1px solid #a0180d;
	color: #a0180d;
	display: block;
	float: left;
	font-size: 19px;
	font-weight: normal;
	letter-spacing: 0;
	padding: 5px 2% 5px 10%;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	width: 88%;
}

#menue ul li ul li a:hover {
	background: url(../images/menue-ul-li.jpg) no-repeat left 12px #fff !important;
}

/* Ebene 3 */

#menue ul#nav li ul li ul li a {
	line-height: 19px;
	padding: 0 0 0 10px;
	width: 90.5%;
	color: #484a44;
	background: none;
	border: none;
	text-transform: none;
	font-size: 15px;
}

#menue ul#nav li ul li ul li a:hover,
#menue ul li ul li ul li a.l3-act {
	background: #fff !important;
	color: #484a44 !important;
}

#menue ul li ul li ul li {
	margin: 0;
	background: none;
}

#menue ul#nav ul ul {
	display: block;
	visibility: visible;
}

#menue ul ul li ul {
	border: 0 none;
	float: left;
	left: 10px !important;
	margin-bottom: 20px;
	padding: 0;
	position: relative;
	top: 0;
	width: 95.5%;
	margin-top: 5px;
}

/* Main Navi - Subnavi */

#mainMenueSub ul li ul li.menueumbruch {
	clear: both;
}

#mainMenueSub {
	float: left;
	position: absolute;
	top: 135px;
	right: 259px;
	width: 695px;
	z-index: 140;
	max-width: 695px;
	margin-left: 79px;
	background: url(../images/menuebg.png) repeat scroll;
}

#mainMenueSub ul {
}

#mainMenueSub ul li ul {
	display: block;
	float: left;
	left: 0;
	top: 0;
	width: 325px;
	box-shadow: none;
	padding-bottom: 10px;
}

#mainMenueSub ul .menueebene0,
#mainMenueSub ul .menueebene0Active,
#mainMenueSub ul .menueebene1,
#mainMenueSub ul .menueebene1Active,
#mainMenueSub ul .menueebene2,
#mainMenueSub ul .menueebene2Active,
#mainMenueSub ul .menueebene3,
#mainMenueSub ul .menueebene3Active,
#mainMenueSub ul .menueebene4,
#mainMenueSub ul .menueebene4Active,
#mainMenueSub ul .menueebene5,
#mainMenueSub ul .menueebene5Active {
	display: none;
	margin: 0 auto;
	width: 100% !important;
	float: left;
}

#mainMenueSub ul .menueebene0 .menueebene0Active,
#mainMenueSub ul .menueebene0Active .menueebene0Active,
#mainMenueSub ul .menueebene0 .menueebene0,
#mainMenueSub ul .menueebene0Active .menueebene0,
#mainMenueSub ul .menueebene1 .menueebene1Active,
#mainMenueSub ul .menueebene1Active .menueebene1Active,
#mainMenueSub ul .menueebene1 .menueebene1,
#mainMenueSub ul .menueebene1Active .menueebene1,
#mainMenueSub ul .menueebene2 .menueebene2Active,
#mainMenueSub ul .menueebene2Active .menueebene2Active,
#mainMenueSub ul .menueebene2 .menueebene2,
#mainMenueSub ul .menueebene2Active .menueebene2,
#mainMenueSub ul .menueebene3 .menueebene3Active,
#mainMenueSub ul .menueebene3Active .menueebene3Active,
#mainMenueSub ul .menueebene3 .menueebene3,
#mainMenueSub ul .menueebene3Active .menueebene3,
#mainMenueSub ul .menueebene4 .menueebene4Active,
#mainMenueSub ul .menueebene4Active .menueebene4Active,
#mainMenueSub ul .menueebene4 .menueebene4,
#mainMenueSub ul .menueebene4Active .menueebene4,
#mainMenueSub ul .menueebene5 .menueebene4Active,
#mainMenueSub ul .menueebene5Active .menueebene5Active,
#mainMenueSub ul .menueebene5 .menueebene5,
#mainMenueSub ul .menueebene5Active .menueebene5 {
	display: none !important;
}

#mainMenueSub li {
	list-style: none outside none;
}

#mainMenueSub li ul li {
	/* display: block !important; */
	float: left;
	margin-right: 0;
	text-align: left;
	width: 100%;
	clear: both;
}

#mainMenueSub li ul li:hover,
#mainMenueSub ul li ul li a.act {
	background: #0092f9;
	color: #fff;
	padding-right: 0px;
	z-index: 999;
	border-radius: 0 23px 23px 0;
}

#mainMenueSub ul li ul li ul li a.l3-act,
#mainMenueSub ul li ul li ul li a:hover {
	background: #fff;
}

#mainMenueSub li ul li.pfeilSub {
	background: url(../images/menue-pfeilsub.png) no-repeat 96% 12px;
}

#mainMenueSub li ul li.pfeilSub:hover,
#mainMenueSub li ul li.pfeilSub:active,
#mainMenueSub li ul li.pfeilSub:focus,
#mainMenueSub ul li.menueebene0Active ul li a.pfeilSubAct,
#mainMenueSub ul li.menueebene1Active ul li a.pfeilSubAct,
#mainMenueSub ul li.menueebene2Active ul li a.pfeilSubAct,
#mainMenueSub ul li.menueebene3Active ul li a.pfeilSubAct,
#mainMenueSub ul li.menueebene4Active ul li a.pfeilSubAct,
#mainMenueSub ul li.menueebene5Active ul li a.pfeilSubAct {
	background: #0092f9;
	color: #fff;
	padding-right: 20px;
	z-index: 999;
	border-radius: 0 23px 23px 0;
}

#mainMenueSub ul#nav.dropdown li.menueebene0.open ul.menueebene0Sub.dropdownSlide li ul li,
#mainMenueSub ul#nav.dropdown li.menueebene0.open ul.menueebene0Sub.dropdownSlide li ul li,
#mainMenueSub ul#nav.dropdown li.menueebene1.open ul.menueebene0Sub.dropdownSlide li ul li,
#mainMenueSub ul#nav.dropdown li.menueebene1.open ul.menueebene0Sub.dropdownSlide li ul li,
#mainMenueSub ul#nav.dropdown li.menueebene2.open ul.menueebene0Sub.dropdownSlide li ul li,
#mainMenueSub ul#nav.dropdown li.menueebene2.open ul.menueebene0Sub.dropdownSlide li ul li,
#mainMenueSub ul#nav.dropdown li.menueebene2.open ul.menueebene0Sub.dropdownSlide li ul li,
#mainMenueSub ul#nav.dropdown li.menueebene3.open ul.menueebene0Sub.dropdownSlide li ul li,
#mainMenueSub ul#nav.dropdown li.menueebene4.open ul.menueebene0Sub.dropdownSlide li.menueumbruch ul li {
	background: none;
}

#mainMenueSub li ul li a {
	color: #0092f9;
	float: left;
	font-size: 20px;
	padding: 7px 0 7px 30px;
	text-decoration: none;
	text-transform: none;
	width: calc(100% - 30px);
}

#mainMenueSub li ul li a.pfeilSub {
	background: url(../images/menuepfeil.png) no-repeat 96% 12px;
}

#mainMenueSub li ul li:hover a.pfeilSub {
	background: #0092f9;
	color: #fff;
	border-radius: 0 20px 20px 0;
	padding-right: 20px;
	z-index: 999;
}

#mainMenueSub ul li ul li:hover a {
	text-decoration: none;
	color: #fff;
}

#mainMenueSub ul li ul li ul li a {
	padding-left: 32px;
	width: calc(100% - 40px);
	padding-right: 20px;
}

#mainMenueSub .bild {
	position: absolute;
	right: 16.4%;
	top: 40px;
	width: 295px;
	color: #fff;
	z-index: 150;
}

#mainMenueSub .bild h4 {
	margin-bottom: 15px;
	margin-top: 45px;
	font-size: 20px;
}

#mainMenueSub .bild p {
	font-size: 16px;
	margin-bottom: 10px;
}

#mainMenueSub ul li ul li:hover > ul {
	display: block;
}

#mainMenueSub li ul li ul li {
	display: block;
	float: left;
	margin-right: 0;
	text-align: left;
	width: 100%;
	clear: both;
}

/* 3 Ebene */

#mainMenueSub ul li ul li ul {
	display: none;
	left: 325px;
	padding-right: 0;
	position: absolute;
	width: 340px;
	padding-right: 30px;
	background: #fff;
	min-height: 100%;
	padding-bottom: 0;
}

#mainMenueSub ul li ul li ul li a,
#mainMenueSub ul li ul li:hover ul li a {
	color: #0092f9;
	border: none;
}

#mainMenueSub ul li ul li ul li a:hover,
#mainMenueSub ul li ul li:hover ul li a.l3-act {
	background: #0092f9;
	color: #fff;
	border-radius: 0 23px 23px 0;
}

#mainMenueSub ul li ul li ul li a.l3-act {
	text-decoration: none;
}

/* Subnavi */

#subnavioffen_active,
#infoboxzu {
	float: right;
	margin-bottom: 3px;
	width: 44px;
	background: url(../images/zuklapppfeil.gif) top right no-repeat;
	transition: all 300ms ease 0s;
}

#infoboxzu {
	margin-right: -38px;
}

#subnavizu,
#infoboxoffen_active {
	background: url("../images/aufklapppfeil.gif") no-repeat scroll right top;
	float: left;
	margin-left: -38px;
	width: 44px;
	margin-bottom: 3px;
	transition: all 300ms ease 0s;
}

#infoboxoffen_active {
	margin-left: 0;
}

#infoboxzu {
	float: right;
}

.responsivenavi {
	display: none;
}

#subnavi {
	display: block;
	float: left;
	max-width: 480px;
	position: relative;
	margin-bottom: 50px;
	width: 36%;
}

#subnavi h3 {
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 21px;
	font-weight: 400;
	line-height: 42px;
	margin-bottom: 10px;
	margin-left: 4%;
	padding-bottom: 0;
	padding-top: 0;
	width: 92%;
}

#subnavi ul li:first-child a {
}

#subnavi ul li:first-child a:hover,
#subnavi ul li:first-child a.menueebeneActive,
#subnavi ul li:first-child a.menueebeneActive:hover {
}

#subnavi ul li:last-child a {
}

#subnavi ul li:last-child a:hover,
#subnavi ul li:last-child a.menueebeneActive,
#subnavi ul li:last-child a.menueebeneActive:hover {
}

#subnavi * {
}

/* Ebene 1 */

#subnavi ul {
	float: left;
	padding: 0px 0 0 0;
	width: 100%;
}

#subnavi ul li {
	clear: both;
	display: none;
	float: left;
	position: relative;
	width: 100%;
}

#subnavi ul li.active {
	display: block;
}

#subnavi ul li a {
	clear: both;
	color: #fff;
	display: block;
	float: left;
	font-size: 15px;
	font-weight: 400;
	line-height: 26px;
	margin-left: 0;
	padding: 0 0 0 6%;
	text-decoration: none;
	width: calc(100% - 20px);
}

#subnavi ul li a:hover,
#subnavi ul li a.menueText1 act,
#subnavi ul li a.menueText1 act:hover {
	text-decoration: none;
	color: #fff !important;
	background: #5197d5;
	border-top: none;
}

/* Ebene 2 */

#subnavi ul ul {
	border: medium none;
	float: left;
}

#subnavi ul li ul li {
	border: medium none;
	list-style-type: none;
	display: list-item;
}

#subnavi ul li ul li ul li a.menueText2:hover {
	color: #5197d5 !important;
}

#subnavi ul li ul li a:first-child {
}

#subnavi ul li ul li a,
#subnavi ul li a {
	background: #fff none repeat scroll 0 0;
	border-bottom: 1px solid #5197d5;
	color: #5a5a5a;
	float: left;
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	padding: 8px 0px 8px 20px;
	position: relative;
	text-transform: none;
	width: calc(100% - 20px);
	transition: 0.2s ease;
}

#subnavi ul li ul li a:hover,
#subnavi ul li ul li a.act,
#subnavi ul li ul li a.act:hover,
#subnavi ul li ul li a:hover {
	color: #fff;
	background: #5197d5;
	transition: 0.2s ease;
}

#subnavi ul ul li:hover,
#subnavi ul li ul li.act {
	font-weight: normal;
}

#subnavi ul li.sub.active ul li.sub.active a.menueText2.act {
	background: #5197d5 none repeat scroll 0 0;
	color: #fff;
}

#subnavi ul li.sub.active ul li.sub.active ul li.sub.active a.menueText2.act {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

#subnavi ul li.sub.active ul li.sub.active ul li.act a.menueText2.act {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

/* Ebene 3 */

#subnavi ul ul ul {
	background: #fff none repeat scroll 0 0;
	border: medium none;
	display: none;
	float: left;
	padding-top: 14px;
	padding-bottom: 0px;
	width: 100%;
}

#subnavi ul li.sub.active ul li.sub ul li.sub ul {
	padding-bottom: 14px;
}

#subnavi ul li.sub.active ul li.sub.active ul,
#subnavi ul li.sub.active ul li.sub.active ul li.sub.active ul {
	display: block;
}

#subnavi ul li ul li ul li {
}

#subnavi ul li.sub.active ul li.sub.active ul li:last-child {
	margin-bottom: 15px;
}

#subnavi ul li ul li ul li a {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	color: #000;
	float: left;
	font-size: 18px;
	hyphens: auto;
	line-height: 19px;
	margin: 0;
	padding: 2px 9% 3px 9%;
	position: relative;
	text-transform: none;
	width: 74%;
	font-family: "Lato Light";
}

#subnavi ul li ul li ul li a.menueText2.act {
	color: #5197d5 !important;
	font-weight: 700;
}

#subnavi ul li ul li ul li ul li a {
	padding: 2px 13% 3px 23%;
	width: 64%;
}

#subnavi ul li ul li ul li a.menueText2:hover {
	color: #5197d5;
	background: none;
	font-weight: 700;
}

/* Headlines */

/*
 *	Wird nur für Backendbenutzer angezeigt
 *  width anpassen
*/

#contentbereich .formularecat li {
	background: #e5f2fa url(../images/pdf.png) no-repeat scroll 13px 11px;
	border-radius: 5px;
	float: left;
	list-style: none;
	margin-right: 2%;
	margin-top: 14px;
	padding: 8px 12px 7px 35px;
	width: 26.1%;
}

#contentbereich .formularecat li:hover {
	background: #0092f9 url(../images/pdf_hover.png) no-repeat scroll 13px 11px;
}

#contentbereich .formularecat li:hover a {
	color: #fff;
}

#contentbereich .formularecat li:nth-child(3n) {
	margin-right: 0;
}

#contentbereich .formularecat li:nth-child(3n + 4) {
	clear: left;
}

#contentbereich .formularecat {
	margin-left: 0;
	width: 100%;
}

/*#contentbereich .formulare .formularecat li {
    margin-right: 0;
    width: calc(100% - 24px);
}*/

#contentbereich .formulare ul li a {
	padding: 0;
	background: none;
}

/* contentbereich */

.typo3-editPanel {
	background-color: #f1f1f1;
	border: 1px dotted #909090;
	clear: both;
	float: left;
	font-size: 11px;
	padding: 4px;
	position: relative;
	width: 98.4%;
	z-index: 500;
}

img.frontEndEditIcons {
	width: auto !important;
	max-width: 100% !important;
}

#homeBoxRight02 .typo3-editPanel {
	display: none;
}

/* contentInfobox */

.contentbereichInfobox .typo3-editPanel {
	margin: 5px 0 0 0;
	width: 587px;
}

/* rechte Randleiste */

.typo3-editPanel {
}

.typo3-editPanel-controls {
	float: left;
	margin-right: 4px;
}

.typo3-editPanel-controls .feedit-icon {
	margin: 0 4px 0 0;
	width: auto !important;
}

.typo3-editPanel-label {
	float: left;
	color: #000000;
	font: 11px arial, tahoma, helvetica, sans-serif;
	padding: 2px 0 0 0;
}

#contentbereich .ce-textpic.ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-gallery:not([data-ce-columns="1"]) .ce-column:first-child.ce-gallery:not([data-ce-columns="1"]) .ce-column:last-child {
	margin-left: 20px;
}

#contentbereich .ce-gallery DIV.ce-row {
	margin-left: 0 !important;
	float: left;
	margin-top: 0px;
}

#contentbereich .ce-gallery DIV.ce-row DIV.ce-column.ce-column {
	padding-left: 0 !important;
}

#contentbereich .ce-textpic .ce-row {
	clear: both;
	margin: 0 0 10px;
	float: left;
	width: 100%;
}

#bbw {
	float: left;
	width: 100%;
}

.bbwFirstLetterblock,
.bbwFirstLetterblockleistung {
	background: #f6f6f6;
	border: 1px dotted #6c6c6c;
	margin: 4px 0 7px 0px;
	padding: 4px 0;
	text-align: center;
	float: left;
	width: 100%;
}

.bbwFirstLetterblockleistung a {
	text-shadow: 1px 1px #ddd;
}

#bbw table {
	border: 1px solid #cfcfcf;
	border-collapse: collapse;
	margin: 0 0 15px 0px;
	max-width: 610px;
	text-align: left;
	width: 100%;
}

#bbw .formSelect option {
	padding: 5px;
}

#bbw table tbody tr th {
	background: #e0e0e0;
	border: 1px solid #cfcfcf;
	padding: 5px;
	text-align: left;
}

#bbw table tbody tr td {
	background: #f9f9f9;
	border: 1px solid #cfcfcf;
	padding: 5px;
	text-align: left;
}

#bbw table tbody tr.alt td {
	background: #ffffff;
}

#bbw table tbody tr:hover td {
	background: #f0f0f0;
}

#bbw img {
	border: 1px solid #ccc;
}

.vCard {
}

/* Styles imagecols */

/* Spalte:1 */

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery.ce-border .ce-column {
	max-width: 99.8%;
}

/* Spalte:2 */

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="2"] .ce-row .ce-column,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="2"] .ce-row:last-child .ce-column {
	margin-right: 2%;
	width: 49%;
	float: left;
}

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery.ce-border.ce-gallery[data-ce-columns="2"] .ce-row .ce-column,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="2"] .ce-row:last-child .ce-column {
	margin-right: 0;
	width: 49%;
	margin-top: 20px;
}

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="2"].ce-gallery:not([data-ce-columns="1"]) .ce-row .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="2"].ce-gallery:not([data-ce-columns="1"]) .ce-row:last-child .ce-column:last-child,
#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="2"] .ce-row .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="2"] .ce-row:last-child .csc-textpic-last {
	margin-right: 0;
}

#contentbereich .ce-textpic .ce-gallery[data-ce-columns="2"] .ce-row .ce-column .image-caption {
}

/* Spalte:3 */

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="3"] .ce-row .ce-column,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="3"] .ce-row:last-child .ce-column {
	margin-right: 2%;
	width: 32%;
	float: left;
}

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery.ce-border.ce-gallery[data-ce-columns="3"] .ce-row .ce-column,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="3"] .ce-row:last-child .ce-column {
	margin-right: 0%;
	width: 31.6%;
}

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="3"].ce-gallery:not([data-ce-columns="1"]) .ce-row .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="3"].ce-gallery:not([data-ce-columns="1"]) .ce-row:last-child .ce-column:last-child,
#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="3"] .ce-row .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="3"] .ce-row:last-child .csc-textpic-last {
	margin-right: 0;
}

#contentbereich .ce-textpic .ce-gallery[data-ce-columns="3"] .ce-row .ce-column .image-caption {
}

/* Spalte:4 */

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="4"] .ce-row .ce-column,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="4"] .ce-row:last-child .ce-column {
	margin-right: 2%;
	width: 23.5%;
	float: left;
}

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery.ce-border.ce-gallery[data-ce-columns="4"] .ce-row .ce-column,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="4"] .ce-row:last-child .ce-column {
	margin-right: 2%;
	width: 21.8%;
}

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="4"].ce-gallery:not([data-ce-columns="1"]) .ce-row .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="4"].ce-gallery:not([data-ce-columns="1"]) .ce-row:last-child .ce-column:last-child,
#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="4"] .ce-row .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="4"] .ce-row:last-child .csc-textpic-last {
	margin-right: 0;
}

#contentbereich .ce-textpic .ce-gallery[data-ce-columns="4"] .ce-row .ce-column .image-caption {
}

/* Spalte:5 */

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="5"] .ce-row .ce-column,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="5"] .ce-row:last-child .ce-column {
	margin-right: 1%;
	width: 19.2%;
	float: left;
}

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery.ce-border.ce-gallery[data-ce-columns="5"] .ce-row .ce-column,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="5"] .ce-row:last-child .ce-column {
	margin-right: 1%;
	width: 17.45%;
}

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="5"].ce-gallery:not([data-ce-columns="1"]) .ce-row .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="5"].ce-gallery:not([data-ce-columns="1"]) .ce-row:last-child .ce-column:last-child,
#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="5"] .ce-row .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="5"] .ce-row:last-child .csc-textpic-last {
	margin-right: 0;
}

#contentbereich .ce-textpic .ce-gallery[data-ce-columns="5"] .ce-row .ce-column .image-caption {
}

/* Spalte:6 */

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="6"] .ce-row .ce-column,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="6"] .ce-row:last-child .ce-column {
	margin-right: 1%;
	width: 15.81%;
	float: left;
}

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery.ce-border.ce-gallery[data-ce-columns="6"] .ce-row .ce-column,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="6"] .ce-row:last-child .ce-column {
	margin: 0 0.5% 0 0;
	width: 16.2%;
}

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="6"].ce-gallery:not([data-ce-columns="1"]) .ce-row .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="6"].ce-gallery:not([data-ce-columns="1"]) .ce-row:last-child .ce-column:last-child,
#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="6"] .ce-row .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="6"] .ce-row:last-child .csc-textpic-last {
	margin-right: 0;
}

#contentbereich .ce-textpic .ce-gallery[data-ce-columns="6"] .ce-row .ce-column .image-caption {
}

/* Spalte:7 */

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="7"] .ce-row .ce-column,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="7"] .ce-row:last-child .ce-column {
	margin-right: 1%;
	width: 13.42%;
	float: left;
}

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery.ce-border.ce-gallery[data-ce-columns="7"] .ce-row .ce-column,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="7"] .ce-row:last-child .ce-column {
	width: 12.82%;
	margin-right: -0.3%;
}

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="7"].ce-gallery:not([data-ce-columns="1"]) .ce-row .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="7"].ce-gallery:not([data-ce-columns="1"]) .ce-row:last-child .ce-column:last-child,
#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="7"] .ce-row .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="7"] .ce-row:last-child .csc-textpic-last {
	margin-right: 0;
}

#contentbereich .ce-textpic .ce-gallery[data-ce-columns="7"] .ce-row .ce-column .image-caption {
	font-size: 14px;
}

/* Spalte:8 */

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="8"] .ce-row .ce-column,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="8"] .ce-row:last-child .ce-column {
	margin-right: 1%;
	width: 11.6%;
	float: left;
}

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery.ce-border.ce-gallery[data-ce-columns="8"] .ce-row .ce-column,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="8"] .ce-row:last-child .ce-column {
	margin: 0 0.7% 17px;
	width: 10.62%;
}

#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="8"].ce-gallery:not([data-ce-columns="1"]) .ce-row .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="8"].ce-gallery:not([data-ce-columns="1"]) .ce-row:last-child .ce-column:last-child,
#contentbereich .ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="8"] .ce-row .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext) .ce-gallery[data-ce-columns="8"] .ce-row:last-child .csc-textpic-last {
	margin-right: 0;
}

#contentbereich .ce-textpic .ce-gallery[data-ce-columns="8"] .ce-row .ce-column .image-caption {
	font-size: 13px;
}

/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom;
	/* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
	-ms-touch-action: auto;
	touch-action: auto;
}

.mCustomScrollBox {
	/* contains plugin's markup */
	position: relative;
	overflow: hidden;
	height: 100%;
	max-width: 100%;
	outline: none;
	direction: ltr;
}

.mCSB_container {
	/* contains the original content */
	overflow: hidden;
	width: auto;
	height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside > .mCSB_container {
	margin-right: 4px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
}

/* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
	/* RTL direction/left-side scrollbar */
	margin-right: 0;
	margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-left: 0;
}

/* RTL direction/left-side scrollbar */

.mCSB_scrollTools {
	/* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: -6px;
	bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
	right: -26px;
}

/* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
	/* RTL direction/left-side scrollbar */
	right: auto;
	left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
	left: -26px;
}

/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer {
	/* contains the draggable element and dragger rail markup */
	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: 4px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
	/* the draggable element */
	cursor: pointer;
	width: 100%;
	height: 30px;
	/* minimum dragger height */
	z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	/* the dragger element */
	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;
	/* auto-expanded scrollbar */
}

.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;
	/* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
	bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.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;
}

/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -26px;
}

/* scrollbar position: outside */

.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;
	/* minimum dragger width */
	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;
	/* auto-expanded scrollbar */
	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;
	/* auto-expanded scrollbar */
	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;
}

/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

.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;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 20px;
}

/* non-visible horizontal scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 0;
}

/* RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */

.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 {
	/* RTL direction/left-side scrollbar */
	margin-right: 0;
	margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
	padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
	padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
	/* non-visible scrollbar */
	margin-left: 0;
}

/* non-visible horizontal scrollbar */

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
	-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_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
/* auto-expanded scrollbar */

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
	-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;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/

/* default theme ("light") */

.mCSB_scrollTools {
	opacity: 0.75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #494949;
	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:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
	background-image: url(mCSB_buttons.png);
	/* css sprites */
	background-repeat: no-repeat;
	opacity: 0.4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0;
	/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}

.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px;
	/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px;
	/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}

.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px;
	/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
	opacity: 0.75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
	opacity: 0.9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */

.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:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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;
}

/* ---------------------------------------- */

/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-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-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-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-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	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:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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;
}

/* theme: "dark-2" */

.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:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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;
}

/* ---------------------------------------- */

/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-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-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-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-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-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:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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;
}

/* theme: "dark-thick" */

.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:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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;
}

/* ---------------------------------------- */

/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 2px;
	margin: 7px auto;
}

/* theme "dark-thin" */

.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:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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;
}

/* ---------------------------------------- */

/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
	height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 14px;
	margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 14px;
	margin: 1px 0;
}

.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,
.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 {
	width: 16px;
	/* auto-expanded scrollbar */
	height: 16px;
	margin: -1px 0;
}

.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,
.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 {
	width: 4px;
	/* auto-expanded scrollbar */
}

.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,
.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 {
	height: 16px;
	/* auto-expanded scrollbar */
	width: 16px;
	margin: 0 -1px;
}

.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,
.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 {
	height: 4px;
	/* auto-expanded scrollbar */
	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;
}

/* theme "rounded-dark", "rounded-dots-dark" */

.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:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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;
}

/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
	width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	background-color: transparent;
	background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
	background-repeat: repeat-y;
	opacity: 0.3;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.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;
}

/* theme "rounded-dots-dark" */

.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;
}

/* ---------------------------------------- */

/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.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.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.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%);
}

/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.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.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.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.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.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;
}

/* theme "3d-dark" */

.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;
}

/* ---------------------------------------- */

/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
	right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.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.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.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.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	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.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	width: auto;
}

.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;
}

/* theme: "3d-thick-dark" */

.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:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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 {
	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;
}

/* ---------------------------------------- */

/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
	right: 0;
	margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 0;
	margin: 0 12px;
}

/* RTL direction/left-side scrollbar */

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
	left: 0;
	right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.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:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */

.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:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */

/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 6px;
	margin: 5px 0;
}

.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,
.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 {
	width: 12px;
}

.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,
.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 {
	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;
}

/* theme "dark-3" */

.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:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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;
}

/* ---------------------------------------- */

/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	width: 12px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.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.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.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.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 12px;
	margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-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-2-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-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.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);
}

/* theme "inset-3", "inset-3-dark" */

.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:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
}

/* ---------------------------------------- */

#resizable {
	overflow: hidden;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	/* jquery ui resizable bug: http://bugs.jqueryui.com/ticket/8932 */
}

DIV.ce-column {
	height: 100%;
}