@import "migrateddefaultstyles.css";
@import "content.css?v=1.0";
@import "slider.css";
@import url(https://fontsapi.cross-7.de/css?family=Roboto+Slab:400,100,300,700);
@import url(https://fontsapi.cross-7.de/css?family=Lato:400,100italic,300,300italic,400italic,700,700italic,900,900italic);

* {
	-moz-transition: width 0.5s ease 0s, margin 0.5s ease 0s, padding 0.5s ease 0s, font-size 0.5s ease 0s;
 	font-family: 'Roboto Slab', serif,  Arial, Helvetica, sans-serif;
}
body {
	/*background: url(../images/bg-winter.jpg) no-repeat center top fixed;*/
}
DIV.contentElement {
	clear: both;
	float: left;
	width: 100%;
}
.publishSystemNotify {
	display: none;
}
iframe, iframe table, .elist {
	background-color: #FFF;
}
img {
	border: none;
	max-width: 100%;
	height: auto;
}
#headerImage img {
    max-width: none !important;
}
.summer, .autumn, .spring{
    display: none;
}
.winter {
    display: block;
}

/* Layout */

.alles {
    float: none;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

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

#wrap01 {
    background: #fff none repeat scroll 0 0;
    float: left;
    margin-top: 13px;
    width: 100%;
	border-bottom:1px solid #c7c7c7;
	 height: 110px;
}
#wrap02 {
    float: left;
    width: 100%;
	  position: relative;
}

#wrap03 {
    float: left;
    position: relative;
    width: 100%;
}
#layout03-1 {
	float:left;
	width:65%;
}
#layout03-2 {
	float:right;
	width:35%;
	margin-bottom: 27px;
}
#layout03 {
	float:left;
	position:relative;
	width:100%;
}
	
/* Slogan */

#wrap02 .alles.slogan {
    max-width: 575px;
    position: relative;
}
#slogan, #sloganspring, #slogansummer, #sloganautumn, #sloganwinter, #sloganwintermain {
    background: url(../images/gb-header.png) repeat-y top center;
    left: 0;
    padding-bottom: 64px;
    padding-top: 100px;
    position: absolute;
    top: 0;
    width: 100%;
    height: 653px;
}
#slogan h4,
#sloganspring h4,
#slogansummer h4,
#sloganautumn h4,
#sloganwinter h4, #sloganwintermain h4 {
 color: #fff;
    float: left;
    font-family: Lato;
    font-size: 88px;
    line-height: 86px;
    margin-bottom: 65px;
    text-align: center;
    text-shadow: 2px 2px 5px #414141;
    text-transform: uppercase;
    width: 100%;
}

#slogan p,
#sloganspring p,
#slogansummer p,
#sloganautumn p,
#sloganwinter p, #sloganwintermain p {
	color: #000;
    float: left;
    font-size: 39px;
    font-weight: 300;
    line-height: 46px;
    text-align: center;
    width: 100%;
	text-shadow: 2px 2px 5px #fff;
}
#slogansummer p,
#sloganautumn p {
	text-shadow: 2px 2px 5px #000;
	color: #fff;
}
/*#sloganspring p {
    background: url("../images/headerbg.png") repeat scroll left top;
    color: #000;
    float: left;
    font-size: 39px;
    font-weight: 300;
    line-height: 46px;
    margin-left: 9%;
    text-align: center;
    width: 82%;
}*/
/*#slogansummer p {
    background: url("../images/headerbggelb.png") repeat-x scroll left top;
    color: #000;
    float: left;
    font-size: 39px;
    font-weight: 300;
    line-height: 46px;
    margin-left: 15%;
    text-align: center;
    width: 70% !important;
}*/
/*#sloganwinter p {
    background: url("../images/headerbg.png") repeat scroll left top;
    color: #000;
    float: left;
    font-size: 39px;
    font-weight: 300;
    line-height: 46px;
    text-align: center;
}*/

#content #contentbereich #contentColRight .contentElement .clickenlarge-0 .ce-bodytext DIV.ce-bodytext P i {
    float: left;
    margin-bottom: 7px;
    margin-top: 19px;
    text-align: center;
    width: 100%;
}
#contentbereich #contentColRight .contentElement.firstFont .clickenlarge-0 .ce-bodytext DIV.ce-bodytext P i.left {
	text-align: left !important;
	margin-top: 0px !important;
}	

/*###### Kontrast Begin ######*/

.contrast {
	display: block;
	float: right;
	margin-top: 2px;
}
.contrast2 {
	display: none;
	float: right;
	margin-top: 2px;
}
/*###### Kontrast Ende ######*/
#footer {
   background: #efefef none repeat scroll left top;
    color: #242424;
    float: left;
    font-size: 16px;
    padding-top: 35px;
    width: 100%;
	 margin-top: 68px;
}
#footer-bg {
	float: left;
	width: 100%;
	color: #242424;
	padding-top: 35px;
	font-size: 16px;
		background:#efefef top left;
}
#footer-bg a {
	color: #fff;
}
#footer01 {
	width: 44%;
	float: left;
	margin-right: 2.5%;
}

#footer02 {
  	float: left;
    margin-right: 2.5%;
    padding-top: 24px;
    width: 100%;
}
#footer01-1, #footer01-2 {
	float: left;
	width: 39%;
    padding-top: 5px;
}
#footer01-1 {
	background: url("../images/brief.png") no-repeat scroll left top;
    padding-left: 43px;
    padding-top: 5px;
    width: 42%;
}

#footer01-2 {
    transform: translateZ(0px);
		background: url("../images/phone.png") no-repeat scroll 8px -1px;
		 padding-left: 43px;
    padding-top: 5px;
}
#footer01-2 img {
	float: left;
	margin-right: 9px;
}
#footer01-2 p, #footer01-2 a {
	float: left;
}
#footer01-2 a {
	text-decoration: underline;
	 color: #000;
}
#footer01-2:hover > img {
	animation-duration: 0.75s;
    animation-iteration-count: 1;
    animation-name: hvr-buzz-out;
    animation-timing-function: linear;
}
#footer02:hover > #zeit {
	transform: rotate(360deg);
}

footer01-2 h3 {
	font-size: 21px;
	font-family: Open Sans Condensed;
}

#footer01 h3,#footer03 h3 {
    font-family: Lato;
    font-size: 40px;
    margin-left: -3px;
    padding-bottom: 21px;
    text-transform: uppercase;
}
#footer03 {
	float: left;
	width: 31%;
	padding-top: 3px;
	padding-left:25px;
}
#footer01-2.kontrast {
	display: none;
}
#kontrast-alles {
    float: left;
    width: 95px;
    margin-bottom: 7px;
    clear: both;
}
#normal {
	display: block;
}
#layout01 {
 	float: right;
    width: 70.5%;
}

#layout02 {
	float: left;
	width: 100%;
 	
	
	background: #a0c6cc;
}
#infoboxbereich .infobox .ce-row img {
	border: none;
}
#logo {
	float: left;
	width: 20%;
}
#menuequick {
    float: left;
    clear: both;
    color: #8A8A8A;
    margin-top: 50px;
    margin-bottom: 10px;
}
#menuequick a {
    color: #616161;
    font-size: 14px;
}
#popUp{
   color: #fff;
    display: none;
    left: -70px;
    padding: 15px;
    position: absolute;
    top: -5px;
    width: 285px;
    z-index: 1000;
}
#popUp p {
	color: #FFFFFF;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 14px;
}
#schrift a:hover + #popUp{
    display:block;
}
#popUp:hover{
	opacity: 0.9;
    background: #363636;
    display:block;
    -webkit-transition: background 0.4s ease-in;
    -moz-transition: background 0.4s ease-in;
    -ms-transition: background 0.4s ease-in;
    -o-transition: background 0.4s ease-in;
    transition: background 0.4s ease-in;
}
#popUp .button {
	background:#fff;
	border:1px solid #666;
	margin-right:5px;
	padding:0 5px;
}
#popUp span.button {
	color: #000;
}
#schrift{
 	float: left;
    font-size: 16px;
    margin-bottom: 7px;
    margin-right: 5%;
    position: relative;
    width: 138px;
}
#schrift a {
    margin: 0 5% 9px 0;
	color: #000 !important;
}
#schrift img {
    margin-left: 5px;
}
#resp {
 color: #2f2f2f;
    float: right;
    font-size: 14px;
    margin-top: 83px;
    text-align: right;
    width: 230px;
}
#resp a {
    background: rgba(0, 0, 0, 0) url("../images/res.png") no-repeat scroll left top;
    color: #2f2f2f;
    float: right;
    line-height: 16px;
    padding-bottom: 70px;
    padding-right: 7%;
    padding-top: 99px;
}
#resp a:hover {
	background: url("../images/res-hover.png") no-repeat scroll left top;
	    color: #2f2f2f;
    float: right;
    line-height: 16px;
    padding-bottom: 70px;
    padding-right: 7%;
    padding-top: 99px;
}
#veranstaltungen {
	width: 23.5%;
	background: #7ab0b8;
	float: right;
	position: relative;
}
#veranstaltungen a {
	background: url("../images/pfeil-veranstaltungen.png") no-repeat scroll right center;
    color: #fff;
    float: left;
    font-family: Open Sans Condensed;
    font-size: 23px;
    font-weight: 600;
    padding: 7px 17% 8px 9%;
    text-transform: uppercase;
}
#veranstaltungen-hover {
	background: url("../images/menue-bg.png") repeat scroll left top;
    border: 2px solid #38838d;
    height: 250px;
    position: absolute;
    right: 0;
    top: -254px;
    transition: all 0.5s ease-in-out 0s;
    width: 784px;
	visibility: hidden;
}
#veranstaltungen a:hover + #veranstaltungen-hover {
	visibility: visible;
}
#veranstaltungen-hover:hover {
	visibility: visible;
}
#wetterblock {
	width: 68px;
	float: right;
	margin-right: 1%;
	background: #38838d none repeat scroll 0 0;
}
#wetterblock a {
	width: 100%;
	float: left;
	height:47px;
}
#wetterblock .wetterBild {
    float: left;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}
#wetterblock .wetter {
     color: #fff;
    float: left;
    font-size: 14px;
    margin-bottom: 28px;
    margin-left: 15px;
    margin-top: 8px;
    width: 90%;
}

#contentbereich .map {
    clear: both;
    float: left;
    margin-top: 30px;
}
#contentbereich a.bigMap {
    clear: both;
    float: left;
    margin-bottom: 20px;
    margin-top: 15px;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
/*Standard*/
.item {
    float: left;
    margin-bottom: 25px;
    min-height: 155px;
    position: relative;
    width: 100%;
}
.blockOne {
    float: left;
    width: 34%;
}
.karte {
    position: absolute;
    right: 0;
	top: 73px;
}
.more {
    background: none repeat scroll 0 0 ;
    border: 2px solid #38838d;
    clear: both;
    color: #38838d;
    float: left;
    font-size: 13px;
    margin-top: 15px;
    padding: 3px 2%;
}
.first {
    float: left;
    margin-bottom: 25px;
    margin-top: 0;
    width: 100%;
}
.blockTwo {
    float: left;
}
.rahmenLeft, .rahmenRight {
    float: left;
    margin-bottom: 5px;
    width: 47%;
}
.rahmenRight {
    float: right;
}
/*Standard*/

/*PopUp-Fenster Schriftgröße*/
#popUp {
  color: #fff;
    display: none;
    height: 129px;
    left: -2px;
    padding: 15px;
    position: absolute;
    top: -80px;
    width: 242px;
    z-index: 1000;
}
#popUp p {
    color: #ffffff;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 14px;
}
#schrift a:hover + #popUp {
    display: block;
}
#popUp:hover {
    background: none repeat scroll 0 0 #4d4d4d;
    display: block;
    opacity: 0.9;
    transition: background 0.4s ease-in 0s;
}
#popUp .button {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #666;
    color: #1b2a76;
    margin-right: 5px;
    padding: 0 5px;
}
/*PopUp-Fenster Schriftgröße*/

/*Jahreszeiten*/
#jahreszeiten {
    bottom: 0;
    float: left;
    left: 31px;
    max-width: 400px;
    position: absolute;
    width: 100%;
    z-index: 60;
}
#jahreszeiten #season a#spring {
    background: url("../images/spring.png") no-repeat right top transparent;
    height: 70px;
    width: 71px;
	float: left;
	  margin-right: 6px;
}

#season {
    float: left;
    width: 400px;
}
#jahreszeiten #season a#spring.styleswitch.iIcons.springIcon:hover {
    background: url("../images/spring-hover.png") no-repeat right top rgba(0, 0, 0, 0)!important;
}
#jahreszeiten #season a#summer {
    background: url("../images/summer.png") no-repeat right top transparent;
   float: left;
    height: 70px;
    width: 71px;
	  margin-right: 6px;
}
#jahreszeiten #season a#summer:hover {

	background: url("../images/summer-hover.png") no-repeat right top transparent;
}
#jahreszeiten #season a#autumn {
    background: url("../images/autumn.png") no-repeat right top transparent;
    height: 70px;
    width: 71px;
	float: left;
	  margin-right: 6px;
}
#jahreszeiten #season a#autumn:hover {
	background: url("../images/autumn-hover.png") no-repeat right top transparent;
}
#jahreszeiten #season a#winter {
 
	background: url("../images/winte.png") no-repeat right top transparent;
   height: 70px;
    width: 71px;
	float: left;
	  margin-right: 6px;
}
#jahreszeiten #season a#winter:hover {

	background: url("../images/winte-hover.png") no-repeat right top transparent;
}
.summer, .autumn, .spring, .kontrast {
    display: block;
}
.winter{
	display:block;
}
.formobjekt:focus, .formobjektkleinVeranstaltung:focus, .formobjektCaptcha:focus, .formobjektklein:focus, .formobjektselectkleinVeranstaltung:focus, .formobjektkleinVeranstaltung:focus, .formobjektkleinGastro:focus, .formobjektselectkleinGastro:focus, .formobjektkleinWFGCompany:focus, .formobjektkleinWFGCompanyText:focus, .formobjektkleinWFGCompanySelect:focus, .formobjektfull:focus, .formSelect:focus, .formobjektkleinGB:focus, #umfrage .abstimmen:hover, #umfrage .ergebnis:hover, .date:focus, .formobjektCaptcha2:focus, .formobjektsmall:focus {
    border: 1px solid #20629A;
    box-shadow: 0 0 7px 0 #20629A;
}
#caltitle {
    color: #54939C;
}
#calcurrent {
    background-color: #bababa;
}
/*Jahreszeiten*/

/* Nachoben-Link und Drucken-Link */

#navlinks {
    bottom: 0;
    float: right;
    position: absolute;
    right: 0px;
    width: 30%;
}
#nachOben {
    float: right;
	width: 158px;
}


#wrap03 div.alles #navlinks #nachOben a p {
    color: #fff;
    font-family: Lato;
    font-size: 18px;
    width: 100%;
}
#nachOben a {
   background: #3791dd url("../images/top.png") no-repeat scroll 12px 13px;
    color: #fff;
    float: left;
    font-family: Lato;
    font-size: 18px;
    height: 30px;
    padding: 11px 11% 0 57px;
    width: 84px;
}
#drucken {
	float: right;
    padding-right: 18px;
	width: 148px;
}
#drucken a {
    background: #3791dd url("../images/print.png") no-repeat scroll 12px 8px;
    color: #fff;
    float: left;
    font-family: Lato;
    font-size: 18px;
    height: 30px;
    padding: 11px 8% 0 62px;
    width: 74px;
}
#drucken a:hover {
    background: #20629a url("../images/print.png") no-repeat scroll 12px 8px;
	text-decoration:none; !important

}
#nachOben a:hover {
   background: #20629a url("../images/top.png") no-repeat scroll 12px 13px;
   text-decoration:none; !important
}


#hilfe {
	float: left;
    padding-top: 9px;
    text-align: center;
    width: 15%;
}
#hilfe a {
	font-size: 10px;
	color: #fff;
}
#hilfe a:hover {
	color: #fff;
}
.csc-linkToTop {
	padding: 0 0 0 15px;
}
.csc-linkToTop a, #nachOben a, #drucken a, #nachOben a:hover, #drucken a:hover {
	border: none;
}

/* Suchbereich */
#suchbereich {
	float: right;
    width: 223px;
	height: 36px;
	background:#57af1c;
	right:0;
	margin-right: 29px;
	margin-top: 28px;
}
#suchbereich .bereich1 {
    float: left;
    padding-left: 2%;
    width: 81.16%;
    cursor: pointer;
    pointer-events: none;
}
#suchbereich .suche {
    background: none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: left;
    font-size: 17px;
    font-weight: 400;
    margin: 0;
    padding: 8px 0 3px 7%;
    width: 90%;
}
#suchbereich a {
	float: left;
	width: 100%;
}
#suchbereich .bereich2 {
    background: url("../images/lupe.png") no-repeat scroll center center;
   float: right;
    height: 35px;
    position: relative;
    right: 11px;
    top: 8px;
    width: 32px;
	pointer-events: none;
}
#suchbereich .sucheAbsenden {
	width: 100%;
	height: 40px;
}
/* ######################### Hauptmenü ########################### */
#mainMenue div.nav_responsive {
	display: none;
}
#mainMenueWrap {
	float: left;
	width: 100%;
}
#mainMenueWrap02 {
	float: left;
}
#mainMenue {
  float: left;
    margin-top: 29px;
    width: 100%;
}
#menue {
	float: left;
	position:relative;
	width: 100%;
	z-index:89; /* 116 */
}
#menue ul {
	margin:0px auto;
	padding:0px;
	
}

#menue ul#nav ul {
	visibility:hidden;
}
#menue ul#nav li:hover > ul {
	visibility:visible;
}
#menue ul li {
    float: left;
    left: 0;
    list-style-type: none;
    padding: 0 1%;
    top: 0;
    width: auto;
    z-index: 99;
    height: 39px;
    border-right: 1px solid #C3C3C3;
}
#menue ul li.menueebene5{
	    border-right: none;

}
#mainMenue div#menue.responsiveMenue ul#nav.dropdown li.menueebene0Active a.menueebene0Active,
#mainMenue div#menue.responsiveMenue ul#nav.dropdown li.menueebene1Active a.menueebene1Active,
#mainMenue div#menue.responsiveMenue ul#nav.dropdown li.menueebene2Active a.menueebene2Active,
#mainMenue div#menue.responsiveMenue ul#nav.dropdown li.menueebene3Active a.menueebene3Active,
#mainMenue div#menue.responsiveMenue ul#nav.dropdown li.menueebene4Active a.menueebene4Active,
#mainMenue div#menue.responsiveMenue ul#nav.dropdown li.menueebene5Active a.menueebene5Active,
html body#template02 div#wrap div#wrap01 div.alles div#layout01 div#mainMenue div#menue.responsiveMenue ul#nav.dropdown li.menueebene4Active a.menueebene3Active,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene5Active a.menueebene4Active {
	font-weight:700;
	color:#FFF;
}

#menue ul li a {
 color: #000;
    display: block;
    font-size: 21px;
    font-weight: 300;
	 padding: 3px 5px 53px;
 
}
#menue ul li a:hover {
	color: #fff !important;
    text-decoration: none;
}
#mainMenue #menue.responsiveMenue ul li a.l1-act {
	background: #999999 none repeat scroll 0 0;
    color: #fff;
    text-decoration: none;
	font-weight: 700;
}



/*#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene0Active a.menueebene0Active,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene1Active a.menueebene1Active,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene2Active a.menueebene2Active,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene3Active a.menueebene3Active,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene4Active a.menueebene3Active,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene5Active a.menueebene4Active {
	    padding-bottom: 50px;
}
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene0Active a.menueebene0Active:hover,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene1Active a.menueebene1Active:hover,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene2Active a.menueebene2Active:hover, 
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene3Active a.menueebene3Active:hover,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene4Active a.menueebene4Active:hover,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene5Active a.menueebene5Active:hover {
	    padding-bottom: 50px;
} */
#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 {
	background:  #999999 none repeat scroll 0 0;

}
#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 {
	background: #00519e none repeat scroll 0 0;
}
#menue ul li ul ul, #menue ul li ul ul ul {
	left: 210px;
}
#menue ul li.menueebene5, #menue ul li.menueebene5Active {
	margin-right: 0;
}

/* Ebene 2 */


/*######### Nach entsprechendem Child wird das Li umgebrochen (Menü)###########*/
#mainMenueSub ul ul li:nth-child(4n+5) {
	clear: left;
}
#mainMenueSub ul ul li.clearleft {
	clear: left;
}
/*####################Ende##############*/

#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.active ul {
    border-top: 2px solid #fff;
    float: none;
    left: 0;
    position: absolute;
    top: 72px;
    width: 96%;
}
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene4Active ul.menueebene0Sub.dropdownSlide li ul {
    border-top: 2px solid #fff;
    float: none;
    left: 0;
    position: absolute;
    top: 109px;
    width: 96%;
}
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene0 a.menueebene0:active {
    color: #fff;
}
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene1 ul.menueebene0Sub.dropdownSlide li ul,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene4 ul.menueebene0Sub.dropdownSlide li ul {
    display: none;
}
#menue ul li ul {
    float: none;
    left: 0;
    margin: 0;
    padding: 2%;
    position: absolute;
    top: 81px;
    width: 92.3%;
    z-index: 910000;
}
#menue ul li ul li {
    border: medium none!important;
    margin-bottom: 8px !important;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 0 !important;
    padding: 0;
    width: 253px;
	background: none;
	
}

#menue ul li ul li a {
    color: #fff !important;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 0;
    padding: 5px 1.5%;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    width: 99%;
}
#menue ul li ul li a.ebene2 {
	border-bottom: 2px solid #fff;
    font-size: 16px;
    line-height: 15px;
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
}
#menue ul li ul li a:hover {
    background: #fff none repeat scroll 0 0;
    color: #00519e !important;
}
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene0Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene0Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene0Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene1Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene0Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene2Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene0Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene3Sub, 
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene0Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene4Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene0Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene5Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene0Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene6Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene0Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.active a.pfeilSub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene2Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene0Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene2Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene1Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene2Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene2Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene2Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene3Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene2Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene4Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene2Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene5Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene2Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene6Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene2Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene7Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene2Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene8Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene2Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene9Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene1Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene2Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene3Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene4Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene5Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene6Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene7Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene8Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene9Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene10Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene11Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene4Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene0Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene4Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene1Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene4Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene2Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene4Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene3Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene4Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene4Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene4Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene5Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene5Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene0Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene5Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene1Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene5Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene2Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene5Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene3Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene5Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene4Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene5Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene5Sub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene5Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene6Sub
{
    background: #fff none repeat scroll 0 0;
    color: #00519e !important;
}
#menue.responsiveMenue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene1Sub,
#menue.responsiveMenue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene2Sub,
#menue.responsiveMenue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene3Sub,
#menue.responsiveMenue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene4Sub,
#menue.responsiveMenue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene5Sub,
#menue.responsiveMenue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene6Sub,
#menue.responsiveMenue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene7Sub,
#menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene0Sub,
#menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene1Sub,
#menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene2Sub,
#menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene3Sub,
#menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene4Sub,
#menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene5Sub,
#menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene6Sub,
#menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene7Sub,
#menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene8Sub,
#menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene9Sub,
#menue.responsiveMenue ul#nav.dropdown li.menueebene3Active ul.menueebene0Sub.dropdownSlide li.active a.menueebene10Sub {
    background: #fff none repeat scroll 0 0;
    color: #00519e !important;
}


#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.active a.pfeilSub,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene4Active ul.menueebene0Sub.dropdownSlide li.active a.pfeilSub {
    padding-bottom: 30px;
}
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene4Active ul.menueebene0Sub.dropdownSlide li.active a.pfeilSub {
    background: #fff none repeat scroll 0 0;
    color: #00519e !important;
}
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene4Active ul.menueebene0Sub.dropdownSlide li.active ul li a.l3-act {
	color: #3791DD;
}

#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene4Active ul.menueebene0Sub.dropdownSlide li.active ul li a.l3-act,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene4Active ul.menueebene0Sub.dropdownSlide li.active ul li a.l3-act {
    background: #fff none repeat scroll 0 0;
    color: #3791dd !important;
}
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.active ul li a.l3-act,
#mainMenue #menue.responsiveMenue ul#nav.dropdown li.menueebene1Active ul.menueebene0Sub.dropdownSlide li.active ul li a.l3-act {
    background: #fff none repeat scroll 0 0;
    color: #3791dd !important;
}
/* Ebene 3 */

#menue ul#nav li ul li.sub ul li a {
    line-height: 19px;
    padding: 0 0 0 10px;
    width: 93%;
}
#menue ul#nav li ul li.sub ul li a:hover {
	color:#153196!important
}
#menue ul li ul li.sub ul li {
    /* border-left: 1px solid #FFFFFF !important;*/
    padding: 0;
    margin-left: 6px;
}
#menue ul#nav ul ul {
	display: block;
	visibility: visible;
}
#menue ul ul li.sub ul {
	position: relative;
	top: 0;
	left: 0;
	float: left;
	width: 100%;
	border: 0;
	margin-bottom:20px;
	padding:0;
}
#mainMenueSub {
    background: #fff ;
    color: #fff;
    float: left;
    left: 0;
    position: absolute;
    top: 124px;
    width: 100%;
    z-index: 89;
	
}

#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 .menueebene5Active, #mainMenueSub ul .menueebene5Active .menueebene5Active, #mainMenueSub ul .menueebene5 .menueebene5, #mainMenueSub ul .menueebene5ctive .menueebene5{ 
	display:none !important;
}
#mainMenueSub li{
	list-style:none;
}


#mainMenueSub li ul li {
    -moz-hyphens: auto;
    float: left;
    margin-left: 0;
    margin-right: 2.4%;
    padding: 0 0 20px;
    width: 244px;
}
#mainMenueSub ul {
    float: left;
    width: 100%;
}
#mainMenueSub ul li ul {
    display: block !important;
    float: left;
    padding: 25px 0;
    width: 100%;
}
#mainMenueSub ul#nav.dropdown li.menueebene0, #mainMenueSub ul#nav.dropdown li.menueebene1, #mainMenueSub ul#nav.dropdown li.menueebene2,#mainMenueSub ul#nav.dropdown li.menueebene3, #mainMenueSub ul#nav.dropdown li.menueebene4, #mainMenueSub ul#nav.dropdown li.menueebene5,
#mainMenueSub ul#nav.dropdown li.menueebene0Active, #mainMenueSub ul#nav.dropdown li.menueebene1Active, #mainMenueSub ul#nav.dropdown li.menueebene2Active, #mainMenueSub ul#nav.dropdown li.menueebene3Active, #mainMenueSub ul#nav.dropdown li.menueebene4Active, #mainMenueSub ul#nav.dropdown li.menueebene5Active {
	float: none;
    margin: 0 auto;
    width: 100%;
	 display: none;
	 max-width:1080px;
}

#mainMenueSub li ul li a {
    -moz-hyphens: none;
	-hyphens: none;
    background: url("../images/mainmenue.png") no-repeat scroll left 11px;
    border-bottom: 2px solid #3791dd;
    color: #000;
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    padding: 7px 0 5px 7%;
    text-align: left;
    width: 93%;
}
#mainMenueSub li ul li a:hover, #mainMenueSub li ul li a:active {
    color: #57af1c;
    text-decoration: none;
}
#mainMenueSub ul li ul li ul {
    float: left;
    padding-top: 10px;
    width: 100%;
}
#mainMenueSub ul li ul li ul li {
    font-size: 14px;
    margin: 0;
    padding: 0;
    width: 100%;
}
#mainMenueSub ul li ul li ul li a {
    border: medium none;
    font-size: 14px;
    margin: 0;
	background: none;
    padding: 2px 5%;
	width: auto;
}

#mainMenueSub ul#nav.dropdown li.menueebene4 ul.menueebene0Sub.dropdownSlide li ul li a.l3-no{
    background: none repeat scroll 0 0;
    font-size: 15px;
    padding: 4px 8%;
	width: auto;
} 
html body#template02 div#wrap div#wrap01 div#mainMenueSub ul#nav.dropdown li.menueebene4 ul.menueebene0Sub.dropdownSlide li ul li a.l3-no:hover, html body#template02 div#wrap div#wrap01 div#mainMenueSub ul#nav.dropdown li.menueebene4Active ul.menueebene0Sub.dropdownSlide li ul li a.l3-no:hover  {
    background: #3791dd none repeat scroll 0 0;
    color: #fff;
}

/* Subnavi */
.responsivenavi {
	display: none;
}
#subnavi {
	border: medium none;
    float: left;
    margin-bottom: 70px;
    padding-bottom: 30px;
    width: 27.3%;
	background: #fff;
}
#subnavi h3 {
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	background: #a0c6cc;
	margin-bottom: 10px;
	padding: 9px 6.1%;
    text-transform: uppercase;
	-moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
/* Ebene 1 */
#subnavi ul {
	float: left;
	padding: 0px 0 0 0;
	width: 100%;
}
#subnavi ul li {
	display: block;
	clear: both;
	float: left;
	position: relative;
	width: 100%;
}
#subnavi ul li:last-child {
	display: block;
	clear: both;
	float: left;
	position: relative;
	width: 100%;
	background: none;
}
#subnavi ul li a {
	clear: both;
    color: #363636;
    display: block;
    float: left;
    font-size: 18px;
    font-weight: 600;
    padding: 2px 2% 2px 6.1%;
    text-decoration: none;
    width: 91.9%;
}
#subnavi ul li a:hover, #subnavi ul li a.menueebeneActive, #subnavi ul li a.menueebeneActive:hover {
	padding:  2px 2% 2px 6.1%;
	color: #363636;
	font-size: 18px;
	text-decoration: none;
	float: left;
	width: 91.9%;
	background:#bad5d9;
	font-weight: 600;
}
#subnavi ul li.pfeilSub a {
	background: url("../images/subnavi-ul-li.png") no-repeat scroll 96% 9px;
}
#subnavi ul li.pfeilSub ul li a.menueText, #subnavi ul li.pfeilSub.active ul li a, #subnavi ul li.pfeilSub.active ul li a:hover {
	background-image: none;
}
#subnavi ul li.pfeilSub.active a, #subnavi ul li.pfeilSub.active a:hover {
	background-image: url("../images/subnavi-ul-li-unten.png");
}
#subnavi ul li.pfeilSub a:hover {
	background: url("../images/subnavi-ul-li.png") no-repeat scroll 96% 9px #bad5d9;
}

/* Ebene 2 */

#subnavi ul ul {
	border: medium none;
	float: left;
	padding: 1px 0;
	width: 100%;
}
#subnavi ul li ul {
	list-style: none;
}
#subnavi ul li ul li {
	background: none;
	border: none;
	
}
#subnavi ul li ul li a {
	float: left;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 1px;
    padding: 1px 4% 1px 6.1%;
    width: 89.9%;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
#subnavi ul li ul li a:hover, #subnavi ul li ul li a.menueebeneActive, #subnavi ul li ul li a.menueebeneActive:hover, #subnavi ul li ul li a:hover {
	margin-bottom: 1px;
	float: left;
	padding: 1px 4% 1px 6.1%;
    width: 89.9%;
	font-size: 15px;
	font-weight: normal;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
	background: #bad5d9;
}
#subnavi ul li ul li a:hover {
	font-weight: normal;

}
/* Ebene 3 */
#subnavi ul ul ul {
	border: medium none;
	float: left;
	padding: 1px 0;
	width: 100%;
	border-bottom: none;
	background: none;
}
#subnavi ul li ul {
	list-style: none;
}
#subnavi ul li ul li ul li {
}
#subnavi ul li ul li ul li a {
	margin: 0;
	padding: 2px 4% 1px 10%;
	float: left;
	width: 86%;
	background-image: none;
	border: none;
	color: #737473;
	-moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
	background:url("../images/subnavili.jpg") no-repeat scroll 42px center #dde7e9;
}
#subnavi ul li ul li ul li a:hover, #subnavi ul li ul li ul li a.menueebeneActive, #subnavi ul li ul li ul li a.menueebeneActive:hover, #subnavi ul li ul li ul li a:hover {
	margin: 0;
	padding: 2px 4% 1px 10%;
	color: #737473;
	border: none;
	text-decoration: none;
	font-weight: normal;
	float: left;
	width: 86%;
	-moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
	background:url("../images/subnavili.jpg") no-repeat scroll 42px center #dde7e9 !important;
}
#subnavi ul li ul li ul li a:hover {
	font-weight: normal;
}
/* Headlines */
#contentbereich .imageDescription {
	display: block;
}
.imageContent {
	float: right;
	position: relative;
	padding-bottom: 0px;
	padding-left: 12px;
	padding-right: 0px;
	padding-top: 5px;
}
.imageDescriptionText {
	font-size: 11px;
	padding-left: 0px;
	width: 207px;
	color: #1a171b;
	text-align: right;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
}
.wetterGrad {
	float: left;
	padding-left: 15px;
}
.typo3-editPanel {
	float: left;
}
.veranstaltungenBild, .veranstaltungenBild02 {
	float: left;
	margin: 0 10px 8px 0px;
	clear: both;
	border: 1px solid #D4D4D4;
}
.veranstaltungenBild02 {
	float: right;
	margin: 8px 0 0 10px;
}
#contentbereich .alpha-sitemap-chars {
	margin: 12px 0;
	background: #e5ebf5;
	border: 1px solid #99b2da;
	text-align: center;
	padding: 6px;
}
#contentbereich .alpha-sitemap-chars span {
	color: #cccccc;
	text-shadow: 1px 1px 3px #99b2da;
	font-size: 15px;
}
#contentbereich .alpha-sitemap-chars span a {
	color: #2f6d77;
	text-shadow: 1px 1px 3px #99b2da;
	font-size: 15px;
}
#contentbereich .alpha-sitemap-chars .active {
	color: #04378b;
	text-shadow: 1px 1px 3px #99b2da;
	font-size: 15px;
}
/**
 *	Wird nur für Backendbenutzer angezeigt
 *  width anpassen
 */
/* contentbereich */
.typo3-editPanel {
	background-color: #F1F1F1;
	border: 1px dotted #909090;
	clear: both;
	float: left;
	font-size: 11px;
	padding: 4px;
	width: 590px;
}
#homeBoxRight02 .typo3-editPanel {
	display: none;
}
/* contentInfobox */
.contentbereichInfobox .typo3-editPanel {
	margin: 5px 0 0 0;
	width: 587px;
}

#infobox {
    background: #c3e8f8 none repeat scroll 0 0;
    float: right;
    margin-bottom: 45px;
    padding: 4px 0 25px;
    position: relative;
    width: 77%;
}

/* rechte Randleiste */
.typo3-editPanel {
}
#infoboxbereich .infobox .typo3-editPanel {
	width: 117px;
}
.typo3-editPanel-controls {
	float: left;
	margin-right: 4px;
}
.typo3-editPanel-controls .feedit-icon {
	margin: 0 4px 0 0;
}
.typo3-editPanel-label {
	float: left;
	color: #000000;
	font: 11px arial, tahoma, helvetica, sans-serif;
	padding: 2px 0 0 0;
}
#contentbereich .ce-gallery DIV.ce-row {
    margin-left: 0 !important;
    float: left;
    display: block;
}
#contentbereich .ce-gallery DIV.ce-row DIV.ce-column.ce-column {
    padding-left: 0 !important;
    background: none;
    float: left;
    display: block;
    /* width: 49%; */
    clear: none;
}

#bbw {
    float: left;
    width: 100%;
}
.bbwFirstLetterblock, .bbwFirstLetterblockleistung {
	background: #F6F6F6;
	border: 1px dotted #6C6C6C;
	margin:4px 0 7px 0px;
	padding: 4px 0;
    text-align: center;
}
.bbwFirstLetterblockleistung a {
	text-shadow:1px 1px #ddd;
}
#bbw table {
    border: 1px solid #CFCFCF;
    border-collapse: collapse;
    margin: 0 0 15px 10px;
    max-width: 610px;
    text-align: left;
    width: 100%;
}
#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 {

}


#auswahlBild {
 background-color: #3791dd;
    color: #fff;
    float: right;
    font-size: 11px;
    font-weight: normal;
    height: auto;
    padding-bottom: 21px;
    padding-top: 14px;
    width: 82%;
    word-spacing: normal;
}

#auswahl {
  	float: right;
    margin-top: 108px;
    text-align: center;
    width: 93.8%;
    word-spacing: 20px;
}
#auswahlBild a div.grad,
#infoboxbereich .infobox .tx-kommpublishconnector-pi1 .wetterinfobox .wettertext .grad a {
 color: #ffffff;
    float: left;
    font-size: 83px;
    font-weight: 300;
    margin-left: 8px;
	
	}
#auswahlBild p {
   color: #fff;
    float: left;
    font-family: Lato;
    font-size: 34px;
    font-weight: 600;
    line-height: 35px;
    margin-left: 5%;
    margin-right: 8.4%;
    padding-bottom: 31px;
    padding-top: 36px;
}
#auswahlBild a div.wetterBild img {
border: medium none;
    float: left;
    height: auto;
    max-width: 100%;
    padding-left: 94px;
    padding-top: 17px;
    width: auto;
}
.wetter {
    float: left;
    font-size: 11px;
    margin: 0 auto;
    padding: 0 5%;
    width: 90%;
}

/*###### BEGIN CONTENTBLOCKSMALL ######*/
.contentblocksmall {
    background: #3791DD none repeat scroll 0 0;
    float: left;
    height: auto!important;
    margin-bottom: 30px;
    margin-right: 2.8%;
    /* margin-top: 20px; */
    min-height: 250px;
    padding: 0;
    width: 30.5%;
}
#contentbereich .contentblocksmall h4 a, #contentbereich .contentblocksmall h4 {
    background: #3791dd none repeat scroll 0 0;
}

.contentblocksmall .ce-gallery {
	margin-bottom: 7px;
	width: 100%;
}
.contentblocksmall .ce-textpic IMG {
    box-shadow: none;
}
#contentbereich .contentblocksmall h4 a, #contentbereich .contentblocksmall h4 {
    color: #FFF;
    float: left;
    font-size: 19px;
    margin-bottom: 0;
    min-width: 90%;
    padding: 9px 5%;
    text-align: center;
    min-height: 30px !important;
    /* height: auto!important; */
}
#content #contentbereich #contentColRight .contentblocksmall .clickenlarge-0 h4 {
    border-bottom: 3px solid #fff;
}
#contentbereich .contentblocksmall h4 a {
	margin: 0;
	padding: 0;
}
#contentbereich #contentColRight .contentblocksmall.contentblocksmallnone .clickenlarge-0 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-above:not(.ce-intext) .ce-border ~ DIV.ce-bodytext P a.internal-link, #contentbereich #contentColRight .contentblocksmall .clickenlarge-0 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-above:not(.ce-intext) .ce-border ~ DIV.ce-bodytext P a.internal-link {
    background: #FFF url("../images/weiterlesen.png") no-repeat scroll 18px center!important;
}
.internal-link, .internal-link-new-window {
	background:  url("../images/internal_link_pfeil.png") no-repeat scroll 0 4px;
}
#contentbereich .contentblocksmall p {
    color: #ffffff;
    float: left;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    margin: 9px 15% 5px;
    overflow: hidden;
    padding: 6px 0;
    width: 70%;
}
#contentbereich #contentColRight .contentblocksmall .clickenlarge-0 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-above:not(.ce-intext) .ce-border ~ .ce-bodytext {
	width: 100%;
	float: left;
}
.contentblocksmall DIV.ce-textpic DIV.ce-row img {
    border: medium none;
	margin-bottom: 0;
}
.contentblocksmall .ce-bodytext {
    float: left;
}
#contentbereich .contentblocksmall a {
    color: #828282;
    float: left;
    font-weight: 600;
    padding: 0;
    text-align: center;
    width: 100%;
}

/*###### END CONTENTBLOCKSMALL ######*/

/* KALENDER Monatsansicht */

#outlookCal {
	float: left;
	padding-top: 30px;
	position: relative;
}
#outlookCal * {
	font-size: 13px;
}
#outlookCal .ui-widget-content {
    border-color:#ccc !important;
}

#calTextListOutlook {
	clear: both;
}
/*
#kalenderOutlook .rahmen {
    clear: none;
    float: left;
    margin-bottom: 5px;
    margin-right: 2%;
    max-width: 770px;
    min-height: 60px;
    width: 23%;
}
#kalenderOutlook .rahmen.last {
    margin-right: 0%;
	width: 25%;
}
*/
#kalenderOutlook .optionHeadline {
	float: left;
	clear: both;
	font-size: 15px;
}
#kalenderOutlook .kalenderOption {
	float: left;
	clear: both;
	width: 100%;
	padding-bottom: 15px;
	padding-top: 15px;
}

.btnDownloadIcal {
	background: none repeat scroll 0 0 #656565;
    color: #fff;
    cursor: pointer;
    float: left;
    font-weight: 500;
    margin-top: 5px;
    padding: 3px 7px;
}




/* OPTION FILTER KALENDER*/

.optionHeadline {
	float: left;
	clear: both;
	font-size: 15px;
}

#kalenderOption {
	float: left;
	clear: both;
	width: 100%;
	padding-bottom: 15px;
	padding-top: 15px;
}

#kalenderOption .kalenderBtn {
	border-radius: 0;
    box-shadow: 0 0 0 2px #3791DD inset;
	-webkit-box-shadow: 0 0 0 2px #c6c6c6 inset;
    color: #fff;
    cursor: pointer;
    float: left;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 6% 5px 2%;
    text-decoration: none;
    width: 16.25%;
	margin-right: 1%;
}
#kalenderOption .kalenderBtnLast {
	margin-right: 0;
}
#kalenderOption .kalenderBtn:hover {
    background-color: #e0e0e0;
    box-shadow: 0 0 0 2px #3791dd inset;
    color: #3791dd;
}


#kalenderOption .kalenderansichtBtn.btnActive, #kalenderOption .listenansichtBtn.btnActive {
    background-color: #e0e0e0;
    background-image: url("../images/calIcon01.png");
    background-position: right 10px bottom -43px;
    background-repeat: no-repeat;
    box-shadow: 0 0 0 2px #3791DD inset;
    color: #3791DD;
}
#kalenderOption .listenansichtBtn.btnActive {
   background-image: url(../images/calIcon02.png);
   background-position: bottom 10px right 10px;
   background-repeat: no-repeat;
}

#kalenderOption .kalenderansichtBtn {
	background-image: url(../images/calIcon01.png);
	background-position: bottom 6px right 10px;
	background-repeat: no-repeat;
}
#kalenderOption .listenansichtBtn {
	background-image: url(../images/calIcon02.png);
	background-position: right 10px bottom 12px;
	background-repeat: no-repeat;
}
#kalenderOption .icsBtn {
	background-image: url(../images/calIcon03.png);
	background-position: bottom 6px right 10px;
	background-repeat: no-repeat;
}
#kalenderOption .pdfBtn {
	background-image: url(../images/calIcon04.png);
	background-position: bottom 6px right 10px;
	background-repeat: no-repeat;
}

#kalenderOption .kalenderansichtBtn:hover {
	background-position: right 10px bottom -43px;
	text-decoration: none;
}
#kalenderOption .listenansichtBtn:hover {
	background-position: right 10px bottom -48px;
	text-decoration: none;
}
#kalenderOption .icsBtn:hover {
	background-position: right 10px bottom -44px;
}
#kalenderOption .pdfBtn:hover {
	background-position: right 10px bottom -44px;
}

.kalenderFilterOption {
}


.kalenderFilterOption .rahmen {
	float: left;
    margin-bottom: 5px;
    width: 32%;
	margin-right: 2%;
	clear: none;
}
.kalenderFilterOption #anzeigevon, .kalenderFilterOption #anzeigebis {
    width: 79%;
}
.kalenderFilterOption input {
	padding: 5px 4px;
}


.kalenderFilterOption .formobjektkleinVeranstaltung {
    width: 95.2%;
}
.kalenderFilterOption .rahmen.last {
    margin-right: 0%;
	float: right;
}
.kalenderFilterOption .rahmen.full {
	width: 100%;
}
.kalenderFilterOption ul.checkboxSplitterKalender {
    float: left;
    margin: 0 !important;
    padding: 0 0 10px;
    width: 100%;
}

.kalenderFilterOption ul.checkboxSplitterKalender li {
    clear: none !important;
    float: left;
    list-style: outside none none;
    width: 30.9%;
}

input.sucheStartenBtn {
    background: none repeat scroll 0 0 #eeeeee !important;
    border: medium none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    margin-top: 8px;
    padding: 3px 0;
    width: 145px;
}
input.sucheStartenBtn:hover {
	color: #fff;
	font-weight: 600;
}
#kalenderOutlook .checkboxSplitterKalender label {
	 padding-left: 4px;
}
input.sucheStartenBtn:hover {
    background: none repeat scroll 0 0 #494949 !important;
    border: 1px solid #494949;
}
input.sucheStartenBtn {
    background: none repeat scroll 0 0 #eeeeee !important;
    border: 1px solid #494949;
    color: #363636;
}
#kalenderOutlook #kalenderOption #detailDescriptionHtml p {
	font-size: 13px;
	color: #696969;
	margin-bottom: 5px;
	line-height: 20px;
}
#kalenderOutlook #detailOrganizer, #kalenderOutlook #detailLocation, #kalenderOutlook #dateFrom, #kalenderOutlook #dateTo, #kalenderOutlook #detailTitle, #kalenderOutlook #detailDescriptionHtml {
    margin-top: 7px;
}
#kalenderOutlook .btnDownloadIcal {
    margin-bottom: 7px;
}
#kalenderOutlook .fc-center h2 {
    font-size: 16px;
    margin-top: 4px;
}
#kalenderOutlook #kalenderOption .calTextDetailOrganizerPre, #kalenderOutlook #kalenderOption .calTextDetailDescPre {
	font-weight: 700;
}
#kalenderOutlook .calTextDetailHeadlineOutlook, #kalenderOutlook .calTextDetailTitleOutlook, #kalenderOutlook .calTextDetailTitleOutlook, #kalenderOutlook .calTextDetailOrganizerOutlook, #kalenderOutlook .calTextDetailLocationOutlook {
	margin-bottom: 7px;
}

#kalenderOutlook #calTextListOutlook {
    float: left;
    width: 100%;
	padding-top: 25px;
}
#kalenderOutlook #calTextHeadlineOutlook {
    color: #626262;
    float: left;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    width: 100%;
}
#kalenderOutlook .calTextDetailItem {
	border-bottom: 1px solid #ccc;
    float: left;
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 17px;
    margin-right: 5%;
    padding-bottom: 17px;
    width: 100%;
	position: relative;
}
#kalenderOutlook .calTextDetailTitleOutlook {
	font-weight: bold;
}
#kalenderOutlook .calTextDetailPicture {
	float: right;
	padding-left: 15px;
	padding-bottom: 15px;
}
#kalenderOutlook .calTextDetailCategoryOutlook {
	display: none;
}


.calendarOutlook {
    margin: 0 auto;
    max-width: 100% !important;
}

#outlookCal .ui-widget-header {
    background: none #626262 !important;
    border: 1px solid #626262;
    color: #eaf5f7;
    font-weight: bold;
}

#outlookCal .ui-state-default, #outlookCal .ui-widget-content .ui-state-default, #outlookCal .ui-widget-header .ui-state-default {
    background: none #656565 !important;
    border: 1px solid #9b9b9b;
    color: #ffffff;
    font-weight: normal;
	border-radius: 0;
}
#outlookCal .ui-state-active {
    background: none #f7f7f5 !important;
    border: 1px solid #9b9b9b;
	color: #656565;
}
#outlookCal .ui-state-hover {
    background: none repeat scroll 0 0 #f7f7f5 !important;
	color: #656565;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url("../images/ui-icons_grau.png") !important;
}




#outlookCal .fc-toolbar {
    margin-bottom: 10px !important;
    text-align: center;
}

#outlookCal .fc-event {
    font-size: 11px !important;
	background: #656565;
	border-color: #656565;
	margin-bottom: 4px !important;
}

#outlookCal .calendarOutlookDetail {
    background-color: white;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    left: 50%;
    width: 300px;
    min-height: 300px;
    position: absolute;
    top: 20%;
    transform: translate(-50%, 0);
	-webkit-box-shadow: 0 0 15px 0 #000;
	box-shadow: 0 0 15px 0 #000;
}
#calTextListOutlook ul {
	margin-bottom: 0;
}
#outlookCal .calTextDetailDownloadFilesFileListOutlook ul li, #calTextListOutlook ul li, #kalender .list .entry .descriptionBlockShow ul li {
	padding-left: 0;
}
#outlookCal .calTextDetailDownloadFilesFileListOutlook ul li a, #calTextListOutlook ul li a, #kalender .list .entry .descriptionBlockShow ul li a {
    background: url("../images/download.gif") no-repeat scroll left top;
	padding-left: 18px;
}
.calTextDetailDownloadFilesOutlook {
    clear: both;
    float: left;
}
#outlookCal .calendarOutlookDetail .buttonOutlook {
	background: #626262;
	color: #fff;
	cursor: pointer;
	cursor: hand;
	float: left;
	padding: 2%;
}
#outlookCal .calendarOutlookDetail #detailAllFormData {
	font-size: 12px;
	line-height: 18px;
	padding: 2%;
	clear:both;
}





/* KALENDER WÜRFEL INFOBOX */

#kalenderCubeInfobox {
    display: block;
    float: left;
    margin-top: 0;
    padding-bottom: 10px;
    padding-left: 0;
    width: 100%;
}
#kalenderCubeInfobox #boxView {
	float: left;
	width: 100%;
}


#kalenderCubeInfobox .fc-scroller {
    overflow-x: hidden;
    overflow-y: scroll;
	height: 210px !important;
}

#kalenderCubeInfobox .fc table {
    font-size: 14px;
}
#kalenderCubeInfobox .newKalender {
	width: 100%;
	float: left;
	color: #626262;
}
#kalenderCubeInfobox .newKalender #boxView {
	width: 34%;
	float: left;
}
#infoboxbereich .infobox #c573.frame-default .tx-kommpublishconnector-pi1 #kalenderCubeInfobox #weiterlesen a {
	color: #006DC9;
}
#kalenderCubeInfobox #boxView .ui-icon-circle-triangle-w, #kalenderCubeInfobox #boxView .ui-icon-circle-triangle-e, #kalenderCubeInfobox #boxView .ui-state-hover .ui-icon-circle-triangle-e, #kalenderCubeInfobox #boxView .ui-state-hover .ui-icon-circle-triangle-w {
    background-image: url("../images/kalenderPfeil.png") !important;
	background-position: 0px 0px;
	width: 33px;
	height: 13px;
}
#kalenderCubeInfobox #boxView .ui-icon-circle-triangle-e {
	background-position: -19px 0px;
}
#kalenderCubeInfobox #boxView .ui-state-hover .ui-icon-circle-triangle-e {
	background-position: -19px 0px;
}
#kalenderCubeInfobox #boxView .ui-state-hover .ui-icon-circle-triangle-w {
	background-position: 0px 0;
}

#kalenderCubeInfobox .newKalender #calTextList {
	width: 63%;
	float: right;
}
#kalenderCubeInfobox .calTextMainHeadline {
    color: #626262;
    float: left;
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 10px;
    width: 100%;
	display: none;
}
#kalenderCubeInfobox .calTextDetailTitle {
	float: left;
	width: 100%;
	font-weight: normal;
	color: #2581c2;
	font-size: 16px;
}
#kalenderCubeInfobox .newKalender .item {
	width: 100%;
	float: left;
	padding-bottom: 5px;
}
#kalenderCubeInfobox .newKalender .calTextDetailCategory {
	width: 100%;
	float: left;
}
#kalenderCubeInfobox .fc-toolbar h2 {
    margin: 0;
	color: #fff;
    font-size: 21px;
    font-weight: normal;
	color: #fff;
    float: none;
    font-size: 19px;
    font-weight: normal;
    margin: 0;
	line-height: 40px;
}
#kalenderCubeInfobox .fc-toolbar .fc-left {
	float: none;
    width: 100%;
}
#kalenderCubeInfobox .fc-toolbar .fc-right {
	float: left;
    width: 100%;
}
#kalenderCubeInfobox .fc-toolbar .fc-right .ui-corner-right, #kalenderCubeInfobox .fc-toolbar .fc-right .ui-corner-left {
	top: 0px;
	right: 0px;
	left: auto;
	position: absolute;
	height: 40px !important;
}
#kalenderCubeInfobox .fc-toolbar .fc-right .ui-corner-left {
	left: 0px;
	right: auto;
}

#kalenderCubeInfobox .fc-basic-view tbody .fc-row {
    min-height: 5px !important;
}
#kalenderCubeInfobox .fc-day-grid-event > .fc-content {
    display: none;
}
#kalenderCubeInfobox .ui-widget-content {
    background: none !important;
}
#kalenderCubeInfobox .ui-state-highlight, #kalenderCubeInfobox .ui-widget-content .ui-state-highlight, #kalenderCubeInfobox .ui-widget-header .ui-state-highlight {
    background: #006dc9 none repeat scroll 0 0 !important;
    border: 1px solid #006dc9 !important;
    color: #fff !important;
}
#kalenderCubeInfobox .ui-state-default, #kalenderCubeInfobox .ui-widget-content .ui-state-default, #kalenderCubeInfobox .ui-widget-header .ui-state-default {
    background: none!important;
    border: none !important;
    color: #ffffff;
    font-weight: normal;
}
#kalenderCubeInfobox .squareImg {
    background: none repeat scroll 0 0 #43a4e3;
    border: 3px solid #43a4e3;
    border-radius: 50%;
    color: #f00;
    float: right;
    height: 2px !important;
    width: 2px !important;
}
#kalenderCubeInfobox div.fc-day-grid div.fc-row.fc-week.ui-widget-content {
	height: 31px !important;
}
#kalenderCubeInfobox .fc-ltr .fc-basic-view .fc-day-number {
    text-align: left !important;
	padding-bottom: 0;
}
#kalenderCubeInfobox .ui-widget-content {
    border-color: #e6e6e6;
    color: #222222;
}
#kalenderCubeInfobox .ui-widget-header {
	background: none repeat scroll 0 0 #fff;
    border: medium none;
    color: #000;
    font-weight: normal;
	text-transform: uppercase;
	font-size: 13px;
}
#kalenderCubeInfobox .fc button {
    height: 23px !important;
}
#infoboxbereich .fc th, #infoboxbereich .fc td {
	border-color: #fff !important;
	
}
#kalenderCubeInfobox .fc-toolbar {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 0 !important;
    position: relative;
    text-align: center;
}
#kalenderCubeInfobox #calTextList {
    background: #fff none repeat scroll 0 0;
    color: #5f5c5c;
    float: right;
    padding-top: 12px;
    width: 100%;
	padding-left: 0;
    padding-right: 0;
}
#kalenderCubeInfobox #calTextList .calTextDetailCategory {
	display: none;
}
#kalenderCubeInfobox #calTextList .calTextDetailPicture {
	display: none;
}
#kalenderCubeInfobox .calTextDetailItem {
    background: #e6e6e6 none repeat scroll 0 0;
    border: medium none;
    float: left;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 12px;
    padding: 2%;
    width: 96%;
}

#kalenderCubeInfobox .calTextDetailDesc {
	 display: none; 
}
#kalenderCube .squareImg {
    background: #87d1f1 none repeat scroll 0 0 !important;
    border: 0 none !important;
    border-radius: 0;
    color: #f00;
    float: right;
    height: 10px !important;
    margin-right: -3px !important;
    margin-top: -4px;
    width: 10px !important;
}
/* KALENDER WÜRFEL */
html body#template02 div#wrap div#wrap03 div.alles div#layout03 div#layout03-1 div#content div#contentbereich div div#contentColRight div.contentElement div.tx-kommpublishconnector-pi1 div#kalenderOutlook div#kalenderOption div#calTextListOutlook div#calTextDetailOutlook div#calTextDetailItemOutlook_99.calTextDetailItem div#calTextDetailDownloadFilesOutlook_99.calTextDetailDownloadFilesOutlook div#calTextDetailDownloadFilesHEADLINEOutlook_99.calTextDetailDownloadFilesHEADLINEOutlook,
#contentbereich #contentColRight .contentElement .tx-kommpublishconnector-pi1 #kalenderOutlook #kalenderOption #calTextListOutlook #calTextDetailOutlook #calTextDetailItemOutlook_99.calTextDetailItem #calTextDetailDownloadFilesOutlook_99.calTextDetailDownloadFilesOutlook #calTextDetailDownloadFilesFileListOutlook_99.calTextDetailDownloadFilesFileListOutlook {
    float: left;
    margin-top: 0;
    width: 100%;
}
#kalenderCube {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
#calTextList > h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 16px;
    margin-top: 4px;
    text-transform: uppercase;
}
#kalenderCube .fc-scroller {
    overflow-x: hidden;
    overflow-y: scroll;
	height: 210px !important;
}

#kalenderCube .fc table {
    font-size: 13px;
}
#kalenderCube .newKalender {
	width: 100%;
	float: left;
	color: #626262;
}
#kalenderCube .newKalender #boxView {
	width: 34%;
	float: left;
}
#kalenderCube .newKalender #calTextList {
	width: 63%;
	float: right;
}
#kalenderCube .calTextMainHeadline {
    color: #626262;
    float: left;
    font-size: 18px;
    font-weight: normal;
    padding-bottom: 10px;
    width: 100%;
	display: none;
}
#kalenderCube .calTextDetailPicture {
	display: none;
}
#kalenderCube .calTextDetailTitle {
	float: left;
	width: 100%;
	font-weight: bold;
	max-height: 15px;
}
#kalenderCube .newKalender .item {
	width: 100%;
	float: left;
	padding-bottom: 5px;
}
#kalenderCube .newKalender .calTextDetailCategory {
	width: 100%;
	float: left;
}
.fc-toolbar .fc-left {
}
#kalenderCube .fc-toolbar h2 {
    color: #fff;
    font-size: 23px;
    font-weight: 500;
    margin: 6px 0;
    text-transform: uppercase;
    width: 100%;
}
#kalenderCube .fc-basic-view tbody .fc-row {
    min-height: 5px !important;
}
#kalenderCube .fc-day-grid-event > .fc-content {
    display: none;
}
#kalenderCube .ui-widget-content {
    background: none !important;
}
#kalenderCube .ui-state-highlight, #kalenderCube .ui-widget-content .ui-state-highlight, #kalenderCube .ui-widget-header .ui-state-highlight {
    background: none repeat scroll 0 0 #ccc !important;
    border: medium none;
    color: #000;
}
#kalenderCube a.fc-day-grid-event {
    float: none;
    margin: 1px 2px 0;
    padding: 0;
}
#kalenderCube .fc-right {
	float: right;
    position: absolute;
    top: 15px;
    width: 100%;
}
#kalenderCube .fc-view-container *, #kalenderCube .fc-view-container *::before, #kalenderCube .fc-view-container *::after {
    cursor: pointer;
}
#kalenderCube .fc-left {
	float: none;
}
#kalenderCube .ui-icon-circle-triangle-w, #kalenderCube .ui-icon-circle-triangle-w:hover {
	background: url(../images/kalenderPfeil.png) no-repeat left top !important;
}
#kalenderCube .ui-icon-circle-triangle-e, #kalenderCube .ui-icon-circle-triangle-e:hover {
	background: url(../images/kalenderPfeil.png) no-repeat right top !important;
}
#kalenderCube .ui-state-default, #kalenderCube .ui-widget-content .ui-state-default, #kalenderCube .ui-widget-header .ui-state-default {
    background: none !important;
    border:none !important;
    color: #ffffff;
    font-weight: normal;
}
#kalenderCube .squareImg {
    background: none repeat scroll 0 0 #606060 !important;
    border-color: #606060 !important;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px !important;
    color: #000;
    float: right;
    height: 4px !important;
    width: 5px !important;
}
#kalenderCube .fc-day-grid-container {
    background: none repeat scroll 0 0 #fff;
}
#home-kalender #kalenderCube #boxView .fc-view-container .fc-view.fc-month-view.fc-basic-view table tbody tr td.ui-widget-content .fc-day-grid-container .fc-day-grid .fc-row.fc-week.ui-widget-content .fc-content-skeleton table tbody {
    background: none;
}

#kalenderCube div.fc-day-grid div.fc-row.fc-week.ui-widget-content {
	height: 27px !important;
}
#kalenderCube .fc-ltr .fc-basic-view .fc-day-number {
    text-align: left !important;
	font-weight: 600;
}
#kalenderCube .ui-widget-header {
    background: none repeat scroll 0 0 !important;
    border: medium none;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 2px 0;
}
.fc-day-grid-event {
    margin: -3px 6px !important;
}
#home-kalender #kalenderCube #boxView .fc-view-container .fc-view.fc-month-view.fc-basic-view {
    width: 92%;
    padding-left: 4%;
    padding-right: 4%;
}
#kalenderCube .fc button {
    height: 16px !important;
}
#kalenderCube #boxView .fc-toolbar .fc-button-group {
	width: 90%;
    float: none;
    margin: 0 auto;
}
#kalenderCube #boxView .fc-right .fc-button-group button.fc-next-button.ui-button.ui-state-default.ui-corner-right {
    float: right;
}

#kalenderCube .fc-toolbar {
    margin-bottom: 0 !important;
	position: relative;
}
#kalenderCube #boxView {
    margin-left: 1%;
    width: 73%;
	float: left;
	display: block;
}
.fc-toolbar .fc-right {
    float: right;
}
#kalenderCube #calTextList {
    float: left;
    height: 170px;
    margin-left: 3%;
    overflow: hidden;
    padding-top: 39px;
    width: 61%;
}
#kalenderCube #calTextList .calTextDetailCategory {
	display: none;
}
#kalenderCube .calTextDetailItem {
    border-bottom: medium none;
    float: left;
    font-size: 13px;
    height: 62px;
    line-height: 16px;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 100%;
}
.calTextDetailLocation {
    color: #5f5c5c;
    float: left;
    font-size: 14px;
    margin-left: 3%;
    max-height: 17px;
    overflow: hidden;
    text-align: left;
    width: 94%;
	margin-top: 2px;
	display: none;
}
.alleTermine {
	float: right;
    margin-right: 19.4%;
}
.alleTermine a {
    font-size: 14px;
	color: #5f5c5c;
}
#calTextDetailTitle > a {
    background: none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: 600;
    line-height: 21px;
    margin-right: 0;
    margin-top: 5px;
    padding: 0;
    text-align: left;
    width: 100%;
}
#boxView > h4 {
    color: #000;
    font-size: 23px;
    font-weight: 300;
    text-transform: uppercase;
}
#kalenderCube .calTextDetailHeadline {
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: 600;
    margin: 3px 0 2px;
    text-align: left;
    width: 100%;
}
#calTextDetailOrganizer{
	display:none;
}
#kalenderCube .fc-basic-view td.fc-week-number span, #kalenderCube .fc-basic-view td.fc-day-number {
    padding-bottom: 0;
    padding-top: 0;
	padding-left: 6px;
}

#kalenderCube .calTextDetailDesc {
	color: #fff;
    display: none;
    font-weight: 600;
    margin-top: 5px;
    padding-left: 0;
}
#contentbereich #contentColRight .contentElement .tx-kommpublishconnector-pi1 ul li .dynamischeListe2 .textBlock .teaserPicture {
    float: left;
    margin-bottom: 5px;
    margin-right: 70%;
    width: 30%;
}


#infoboxbereich .infobox .tx-kommpublishconnector-pi1 .wetterinfobox {
    background: #3791dd none repeat scroll 0 0;
    float: left;
    height: 280px;
    width: 100%;
}
#infoboxbereich .infobox .wetterinfobox .wettertext p span {
	color: #fff;
    float: left;
    font-family: Lato;
    font-size: 34px;
    font-weight: 600;
    line-height: 35px;
    margin-left: 5%;
    margin-right: 8.4%;
    padding-bottom: 31px;
    padding-top: 36px;
	word-spacing: normal;
	text-align: center;
}
#infoboxbereich .infobox .tx-kommpublishconnector-pi1 .wetterinfobox .wettertext .wetterBild img {
    border: medium none;
    float: left;
    height: auto;
    max-width: 100%;
    padding-left: 62px;
    padding-top: 0;
    width: 40%;
}
#infoboxbereich .infobox .tx-kommpublishconnector-pi1 .wetterinfobox .wettertext .grad {
    color: #ffffff;
    float: left;
    font-size: 83px;
    font-weight: 300;
    margin-left: -7px;
    margin-top: -8px;
    width: 27%;
}
#infoboxbereich .wetterBild {
    float: left;
    width: 45%;
}
#content #contentbereich #contentColRight .contentElement .clickenlarge-1 {
}
#infoboxbereich .infobox #c195.frame-default .clickenlarge-0 .ce-bodytext ul {
	margin-top: 15px;
}

#contentbereich #contentColRight .contentElement .tx-thmailformplus-pi1 .mailformplus_contactform form fieldset p.formleft.todaydate,
#contentbereich #contentColRight .contentElement .tx-thmailformplus-pi1 .mailformplus_contactform form fieldset p.formright,
#content #contentbereich #contentColRight .contentElement div.tx-thmailformplus-pi1 .mailformplus_contactform form fieldset p.formleft,
#content #contentbereich #contentColRight .contentElement .tx-thmailformplus-pi1 .mailformplus_contactform form fieldset p.formbig {
    margin-top: 20px;
}
#content #contentbereich #contentColRight .contentElement .tx-thmailformplus-pi1 .mailformplus_contactform form fieldset p.rahmenleft {
	float: left;
    margin-right: 5%;
    width: 40%;
}
#content #contentbereich #contentColRight .contentElement .tx-thmailformplus-pi1 .mailformplus_contactform form fieldset p.rahmenright {
	float: right;
    margin-right: 1%;
    width: 40%;
}
#infoboxbereich .infobox .clickenlarge-0 .ce-bodytext ul li {
    float: left;
    margin-top: 15px;
    width: 100%;
}
#content #contentbereich #contentColRight .contentElement .clickenlarge-1 .ce-textpic.ce-textpic.ce-center:not(.ce-intext).ce-textpic.ce-below:not(.ce-intext) .ce-textpic .ce-gallery.ce-border {
    margin-top: 18px;
}
#content #contentbereich #contentColRight .contentElement .tx-kommpublishconnector-pi1 #dynamischeListe2 ul li,
html body#template02 div#wrap div#wrap03 div.alles div#layout03 div#layout03-2 div#infoboxbereich div.infobox div#c199.frame-default div.clickenlarge-0 div.ce-bodytext ul {
	margin-top: 15px;
}
#content #contentbereich #contentColRight .contentElement .tx-kommpublishconnector-pi1 ul li {
	background: none;
}
#headerImage .spring .bx-wrapper .bx-viewport, #headerImage .summer .bx-wrapper .bx-viewport, #headerImage .autumn div.bx-wrapper .bx-viewport, #headerImage .winter .bx-wrapper .bx-viewport {
	height: 653px !important;
}
#slogansummer p {
    padding-bottom: 2px;
}
#slogansummer p {
    color: #fff;
    float: left;
    font-size: 39px;
    font-weight: 500;
    line-height: 46px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
#jahreszeiten #season a#spring.styleswitch.iIcons.springIcon {
	background: transparent url("../images/spring-hover.png") no-repeat scroll right top;
}
#headerImage .autumn, #headerImage .summer, #headerImage .winter, #headerImage .spring, .alles.slogan #slogansummer, alles.slogan #sloganwinter, alles.slogan #sloganautumn {
	display: none;
}

html body#template02 div#wrap div#wrap02 div.alles.slogan div#sloganautumn, html body#template02 div#wrap div#wrap02 div.alles.slogan div#sloganwintermain {
    display: none;
}
#headerImage .spring, html body#template02 div#wrap div#wrap02 div.alles.slogan div#sloganspring {
	display: block;
}


#contentbereich #contentColRight .contentElement .tx-thmailformplus-pi1 .mailformplus_contactform form fieldset p.left {
	float: left;
	width: 40%;
	margin-right: 13%;
		 margin-top: 15px;
}
#content #contentbereich #contentColRight .contentElement .tx-thmailformplus-pi1 .mailformplus_contactform form fieldset p.right {
	float: right;
	width: 40%;
	 margin-right: 7%;
	  margin-top: 15px;

}
#content #contentbereich #contentColRight .contentElement .tx-thmailformplus-pi1 .mailformplus_contactform form {
	 margin-top: 10px;
}
#content #contentbereich #contentColRight .contentElement .tx-kommpublishconnector-pi1 .aktuell {
	   float: none;
    margin-top: 61px;
}
#layout03 #layout03-1 #content #contentbereich #contentColRight .contentElement .tx-kommpublishconnector-pi1 .aktuell ul li {
	background: url("../images/aufzaehlungspunktblau.png") no-repeat scroll left 7px;
}



#contentbereich .contentElement .tx-kommpublishconnector-pi1 .dynamischeListe2 ul li .textBlock {
    float: left;
    width: 50%;
}
#contentbereich #contentColRight .contentElement .tx-kommpublishconnector-pi1 .dynamischeListe2 ul li .textBlock .teaserPicture {
    float: left;
    margin-right: 45%;
    width: 55%;
}
html body#template02 div#wrap div#wrap03 div.alles div#layout03 div#layout03-1 div#content div#contentbereich div div#contentColRight div.contentElement div.tx-kommpublishconnector-pi1 div.dynamischeListe2 ul li div.textBlock h4 {
    color: #00519E !important;
    float: left !important;
    font-size: 18px !important;
    font-weight: bold !important;
    margin-bottom: 5px !important;
    margin-top: 10px !important;
    padding-bottom: 0 !important;
}
#contentbereich d#contentColRight .contentElement .tx-kommpublishconnector-pi1 .dynamischeListe2 ul li .textBlock .weiterlesenBlock img {
    margin-right: 3px;
    padding-left: 2px;
}
#content #contentbereich .contentElement .tx-kommpublishconnector-pi1 .dynamischeListe2 ul li .textBlock .weiterlesenBlock a {
	color: #00519E !important;
}
#contentbereich #contentColRight .contentElement .tx-kommpublishconnector-pi1 .dynamischeListe2 ul li hr {
    display: none;
}

#infoboxbereich .infobox #c587.frame-default .tx-kommpublishconnector-pi1 #kalenderCubeInfobox #boxView #calendar_1.calendarBoxes.fc.fc-ltr.ui-widget .fc-toolbar .fc-left h2 {
    background: #57af1c none repeat scroll 0 0;
    color: #fff;
    font-family: DeliciousRoman,Arial,Helvetica,sans-serif;
    font-size: 23px;
    font-weight: 700;
    padding: 0 2%;
    text-transform: uppercase;
    width: 96%;
}



	
	/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
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: 18px; }

	.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: 6px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		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: 2px;
		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 .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .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 .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .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: #006DC9; background-color: #006DC9;
		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); }
	
	/* ---------------------------------------- */


/*menu type section index*/

ul.csc-menu.csc-menu-3 {
    margin-left: 0 !important;
}

ul.csc-menu.csc-menu-3 li.csc-section {
    background: none repeat scroll 0 0 !important;
    float: left;
    padding-left: 0 !important;
    padding-right: 2.4%;
}
DIV.ce-column {
    height: 100%;
}