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


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


* {
	-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: 'Carrois-Gothic';
   font-weight: normal;
}




body {
	background: #ffffff;
}
html, body {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
}

DIV.contentElement {
	clear: both;
}
.publishSystemNotify {
	display: none;
}
iframe, iframe table, .elist {
	background-color: #FFF;
}
/*
img {
	border: none;
	max-width: 100%;
	height: auto;
}

img, embed, video {
    height: auto;
	width: auto;
    max-width: 100%;
}
#object {
    max-width: 100%;
}
*/

.nav_responsive {
	display: none;
}

.responsivenavi {
	display: none;
}

.activesub {
	display:none;
}

.activatesub {
	display:none;
}


/* Layout */

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

#layoutQuicklinks {
	float: left;
	position: absolute;
	top: 150px;
	right: 0px;
	overflow: hidden;
	z-index: 51;
}

.layoutQuicklinkWrap {
	background: #fff;
	clear: both;
	float: right;
	margin-bottom: 15px;
}
.layoutQuicklinkPic {
	float: left;
}
.layoutQuicklinkPic a {
	float: left;
	padding-right: 10px;
}
.layoutQuicklinkWrapContent a {
	float: left;
	font-size: 16px;
	width: 100%;
	height: 36px;
	padding-top: 20px;
}
.layoutQuicklinkWrapContent a:hover {
	text-decoration: none;
}
.layoutQuicklinkWrapContent {
	float: left;
	font-size: 16px;
	width: 150px;
	height: 36px;
}



#layout01 {
	margin: 0 auto;
	width: 100%;
	max-width: 1080px;
}
#layout02 {
	float: left;
	width: 100%;
}
#layout03 {
	float: left;
	width: 40.6%;
	height: 212px;
}
#layout03 img {
    height: auto;
    max-width: 100%;
    width: auto;
}
#layout04 {
	float: right;
	width: 56%;
	color: #838282;
	font-size: 15px;
	padding: 5px;
	text-align: right;
  	background: white;
}
#layout04 .layout04Uppercase {
	text-transform: uppercase;
	padding-left: 30px;
}
#layout04 a {
	color: #838282;
}
#layout04 a:hover {
	text-decoration: none;
}
#layout05 {
	float: left;
	width: 100%;
	padding-top: 250px; /* 250px */
	position: relative;
}
#layout06 {
	float: left;
	width: 23.2%; /* 251px */
}
#layout06Respo {
	display: none;
	float: left;
	width: 100%;
}
.infoboxbereichRespo {
	display: none;
}
#layout07 {
	float: right;
	width: 72.6%; /* 785px */
	padding-bottom: 25px;
}
#layout08 {
	float: left;
	width: 100%; /* 785px */
	position: relative;
}

.menuepunktMain h3 {
	float: left;
	width: 98%;
	color: #ffffff;
	font-size: 23px;
	text-transform: uppercase;
	font-weight: normal;
	border-bottom: 1px solid #a18a09;
	padding-left: 2%;
	padding-top: 10px;
}

#footer {
	float: left;
	width: 100%;
	background: #848483;
	color: #fff;
}
#footer a {
	color: #fff;
}
#footer01 {
	margin: 0 auto;
	width: 100%;
	max-width: 1080px;
	background: #848483;
	height: 183px;
}
#footer02 {
	float: left;
	width: 100%;
	border-bottom: 1px solid #fff;
	color: #fff;
	padding-top: 22px;
	padding-bottom: 3px;
	margin-bottom: 20px;
	font-size: 17px;
}
#footer02 a {
	color: #fff;
}

#footer03 {
	font-size: 17px;
	text-transform: uppercase;
	float: left;
	padding-right: 2.7%;
}
#footer04 {
	font-size: 15px;
	float: left;
	padding-right: 2.7%;
}
#footer05 {
	font-size: 15px;
	float: left;
}
#footer06 {
	font-size: 17px;
	text-transform: uppercase;
	float: left;
}
#footer07 {
	font-size: 13px;
	float: right;
	width: 65.2%;
}
#footer07 .internal-link, #footer07 .internal-link-new-window {
    background: none;
    padding: 0;
}
#footer08 {
	font-size: 13px;
	float: left;
	width: 100%;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 5px;
}
#footer09 {
	float: right;
	width: 42.5%;
}

#sponsoren {
	float: left;
	width: 100%;
	border-top: 1px solid #fff;
	color: #fff;
	margin-bottom: 20px;
	margin-top: 20px;
}
#sponsoren a {
	margin-right: 15px;
}
#sponsoren a:nth-child(4) img {
	padding: 0.3rem 3rem;
    margin-top: 0.3rem;
    background-color: white;
    margin-bottom: -0.3rem;
}
#sponsoren .respo {
	background: url(../images/homeQuicklink01.png) no-repeat top center transparent;
	float:right;
	margin-right:2%;
	 margin-top: 6px;
}
#sponsoren .quicklinkText {
	float:right;
	margin-top:35px;
}
#sponsoren .quicklinkText a {
	margin-right:0;
}
/* Nachoben-Link und Drucken-Link */

#navlinks {
	bottom: 40px;
    float: left;
    position: absolute;
    right: -6.7%;
    width: 52px;
    z-index: 99;
}

#nachOben {
    float: left;
    height: 36px;
    width: 52px;
    z-index: 99;
	margin-bottom: 5px;
}
#nachOben a {
	float: left;
	font-weight: normal !important;
	border: 1px solid #7D7D7D;
	border-left: none;
}

#drucken {
    float: left;
    height: 36px;
    width: 52px;
    z-index: 99;
	margin-bottom: 5px;
}
#drucken a {
	  float: left;
    font-weight: normal !important;
	border: 1px solid #7D7D7D;
	border-left: none;
}
#nachOben a:hover, #drucken a:hover {
	color: #507e17;
	text-decoration: none;

}

.csc-linkToTop {
}
.csc-linkToTop a, #nachOben a, #drucken a, #nachOben a:hover, #drucken a:hover {

}


/* Suchbereich */
#suchbereich {
	float: left;
	border: 1px solid #f4d10d;
	border-top: none;
	border-left: none;
	width: 99%;
	margin-bottom: 30px;
}
#suchbereich .bereich1 {
	float: left;
	width: 84.8%; /* 212px */

}
#suchbereich .suche {
	border: medium none;
	color: #838282;
	float: left;
	font-size: 20px; /* 14px */
	padding: 6px 0 5px 3%; /* 3px 2px 4px 10px */
	width: 97%; /* 208px */
	border: none;
	margin: 0;
	font-weight: normal;
	background: #fff;

}
#suchbereich .bereich2 {
	float: left;
	width: 34px;  /* 41px */
	height: 34px;  
}
#suchbereich .sucheAbsenden {
	width: 100%;  /* 26px */
	height: 34px;
	background: url(../images/sucheAbsenden.gif) no-repeat top left transparent;
}



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

#mainMenueWrap {
	float: left;
	width: 100%;
}
#mainMenueWrap02 {
	float: left;
}
.mainMenueId {
	float: right;
	z-index:999;
	width: 95.5%; /* 749px */
}
.menueId {
	float: left;
	position:relative;
	width: 100%;
}
.menueId ul {
	margin:0px auto;
	padding:0px;
	
}

.menueId ul.navId ul {
	visibility:hidden;
}
.menueId ul.navId li:hover > ul, .menueId ul.navId li.hover > ul {
	visibility:visible;
}
.menueId ul li {
	float:left;
	left:0px;
	top:0px;
	list-style-type:none;

	z-index: 99;
	/*margin-left:1.2%;*/
}
/* TODO: color im aufklappmenue ist weiss */
.menueId ul li a {
	text-decoration: none;
	display: block;
	color: #747474;
	font-size: 22px;
	padding: 5px 0px 10px 0px;
	margin:0px;
	line-height:30px;
	text-align: center;
	font-weight:normal;
	text-transform: uppercase;
}

.menueId ul li.menueebene0Active, .menueId ul li.menueebene0 {
	width: 19.1%;
}
.menueId ul li.menueebene1Active, .menueId ul li.menueebene1 {
	width: 22.7%;
}
.menueId ul li.menueebene2Active, .menueId ul li.menueebene2 {
	width: 17.5%;
}
.menueId ul li.menueebene3Active, .menueId ul li.menueebene3 {
	width: 16.8%;
}
.menueId ul li.menueebene4Active, .menueId ul li.menueebene4 {
	width: 22.0%;
}

.menueId ul li a.menueebene0Active, .menueId ul li a.menueebene0Active:hover, .menueId ul li a.menueebene1Active, .menueId ul li a.menueebene1Active:hover, .menueId ul li a.menueebene2Active, .menueId ul li a.menueebene2Active:hover, .menueId ul li a.menueebene3Active, .menueId ul li a.menueebene3Active:hover, .menueId ul li a.menueebene4Active, .menueId ul li a.menueebene4Active:hover .menueId ul li a:hover, .menueId ul li.menueebene0Active, .menueId ul li.menueebene0Active:hover, .menueId ul li.menueebene0:hover, .menueId ul li.menueebene0Active, .menueId ul li.menueebene0Active:hover, .menueId ul li.menueebene0:hover, .menueId ul li.menueebene1Active, .menueId ul li.menueebene1Active:hover, .menueId ul li.menueebene1:hover, .menueId ul li.menueebene1Active, .menueId ul li.menueebene1Active:hover, .menueId ul li.menueebene1:hover, .menueId ul li.menueebene2Active, .menueId ul li.menueebene2Active:hover, .menueId ul li.menueebene2:hover, .menueId ul li.menueebene2Active, .menueId ul li.menueebene2Active:hover, .menueId ul li.menueebene2:hover, .menueId ul li.menueebene3Active, .menueId ul li.menueebene3Active:hover, .menueId ul li.menueebene3:hover, .menueId ul li.menueebene3Active, .menueId ul li.menueebene3Active:hover, .menueId ul li.menueebene3:hover, .menueId ul li.menueebene4Active, .menueId ul li.menueebene4Active:hover, .menueId ul li.menueebene4:hover, .menueId ul li.menueebene4Active, .menueId ul li.menueebene4Active:hover, .menueId ul li.menueebene4:hover, .menueId ul li a.menueebene0Active, .menueId ul li a.menueebene1Active, .menueId ul li a.menueebene2Active, .menueId ul li a.menueebene3Active, .menueId ul li a.menueebene4Active, .menueId ul li a.menueebene5Active, .menueId ul li a:hover, .menueId ul li.menueebene0Active, .menueId ul li a.menueebene0:hover, .menueId ul li.menueebene0:hover a.menueebene0, .menueId ul li.menueebene1Active, .menueId ul li a.menueebene1:hover, .menueId ul li.menueebene1:hover a.menueebene1, .menueId ul li.menueebene2Active, .menueId ul li a.menueebene2:hover, .menueId ul li.menueebene2:hover a.menueebene2, .menueId ul li.menueebene2Active a, .menueId ul li.menueebene3Active, .menueId ul li a.menueebene3:hover, .menueId ul li.menueebene3:hover a.menueebene3, .menueId ul li.menueebene3Active a, .menueId ul li.menueebene4Active, .menueId ul li a.menueebene4:hover, .menueId ul li.menueebene4:hover a.menueebene4, .menueId ul li.menueebene5Active, .menueId ul li a.menueebene5:hover, .menueId ul li.menueebene5:hover a.menueebene5, .menueId ul li.menueebene5Active a, .menueId ul li.menueebene0Active, .menueId ul li.menueebene0Active:hover, .menueId ul li.menueebene0:hover, .menueId ul li:hover.menueebene0Active, .menueId ul li.menueebene0Active a, .menueId ul li.menueebene1Active, .menueId ul li.menueebene1Active:hover, .menueId ul li.menueebene1:hover, .menueId ul li:hover.menueebene1Active, .menueId ul li.menueebene1Active a, .menueId ul li.menueebene2Active, .menueId ul li.menueebene2Active:hover, .menueId ul li.menueebene2:hover, .menueId ul li:hover.menueebene2Active, .menueId ul li.menueebene3Active, .menueId ul li.menueebene3Active:hover, .menueId ul li.menueebene3:hover, .menueId ul li:hover.menueebene3Active, .menueId ul li.menueebene4Active, .menueId ul li.menueebene4Active:hover, .menueId ul li.menueebene4:hover, .menueId ul li:hover.menueebene4Active, .menueId ul li.menueebene4Active a, .menueId ul li.menueebene5Active, .menueId ul li.menueebene5Active:hover, .menueId ul li.menueebene5:hover, .menueId ul li:hover.menueebene5Active {
	color: #09791E;
	background: url(../images/mainMenueTrenner.gif) repeat-x bottom left transparent;
}
.menueId ul li ul {
	left: 0px;
}
.menueId ul li.menueebene0 ul, .menueId ul li.menueebene0Active ul, .menueId ul li.menueebene1 ul, .menueId ul li.menueebene1Active ul, .menueId ul li.menueebene2 ul, .menueId ul li.menueebene2Active ul, .menueId ul li.menueebene3 ul, .menueId ul li.menueebene3Active ul, .menueId ul li.menueebene4 ul, .menueId ul li.menueebene4Active ul, .menueId ul li.menueebene5 ul, .menueId ul li.menueebene5Active ul {
	background-color: #09791E;

	
}
.menueId ul li ul ul, .menueId ul li ul ul ul {
	left: 210px;
}
.menueId ul li.menueebene5, .menueId ul li.menueebene5Active {
	background: none;
}
/* Ebene 2 */
	
.menueId ul li ul {
	display:none;
	width:738px;
	float:none;
	position:absolute;
	z-index:910000;
	top:45px;
	left: 0px;
	padding: 0 0 0 0;
	border:4px solid #138f2a;
	margin: 0px;
}
.menueId ul ul {
	width:210px;
	border:1px solid #138f2a;
	border-top:0;
	border-bottom:0;
	margin:-6px 0 0 0;
	float: left;
	display: none;
}
.menueId ul li ul li {
	background-image: none !important;
	padding: 0;
	margin: 0px !important;
}
.menueId ul ul li:hover a {
	background-image: none;
	color: #fff !important;
}
.menueId ul li ul li a {
	display: block;
	text-decoration: none;
	color: #fff !important;
	float:right;
	font-weight: normal;
	padding: 8px 5px 8px 8px !important;
	text-align: left;
	width: 232px ;
	border-bottom: 1px solid #138f2a !important;
	border-right: 1px solid #138f2a !important;
	font-size: 12px;
	border: none;
	height: auto;
	text-transform:none;
	font-family: Arial, Helvetica, sans-serif;
	background: none !important;
}
.menueId ul li ul li a:hover {
	display: block;
	text-decoration: none;
	color: #fff !important;
	float:right;
	font-weight: normal;
	padding: 8px 5px 8px 8px !important;
	text-align: left;
	border-bottom: 1px solid #138f2a;
	letter-spacing: 0px;
	font-size: 12px;
	background-image: none !important;
}
/* Ebene 3 */
	.menueId ul ul ul {
	display:none;
	
}
.menueId ul li ul li ul li:hover {
	background-image: none;
	color: #fff !important;
}
.menueId ul li ul li ul li a {
	display: block;
	text-decoration: none;
	color: #fff !important;
	float:right;
	font-weight: normal;
	padding: 8px 5px 8px 8px !important;
	text-align: left;
	width: 197px !important;
	border-bottom: 1px solid #138f2a !important;
	font-size: 11px;
	background-image: none !important;
	border: none;
	height: auto;
	text-transform:none;
	font-family: Arial, Helvetica, sans-serif;
}
.menueId ul ul ul li a:hover {
	background-color:#3c7398;
	display: block;
	text-decoration: none;
	color: #fff !important;
	float:right;
	font-weight: normal;
	text-align: left;
	padding: 8px 5px 8px 8px !important;
	width: 197px;
	border-bottom: 1px solid #138f2a;
	letter-spacing: 0px;
	font-size: 11px;
	height:auto;
}
.menueId ul li ul li a.pfeilSub {
	
}

.menueId ul li ul li a:hover.pfeilSub, .menueId ul li ul li:hover {
	background:#138f2a;
	color:#fff;
}
.menueId li:hover ul, .menueId li.hover ul, .menueId li.over ul {
	display:block;
}
.menueId ul ul li:hover ul {
	display:none;
	
}


/* Subnavi */
.responsivenavi {
	display: none;
}
#subnavi {
	float: left;
	width: 99.9%;
	margin-bottom: 40px;
	background: #f4d10d;
	padding-bottom: 15px;
}


#subnavi ul li:first-child a {
	background: none;
}

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

#subnavi ul li:last-child a {
}

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


#subnavi * {
}
/* Ebene 1 */
#subnavi ul {
	float: left;
	padding: 0px 0 0 0;
	width: 96%;
}
#subnavi ul li {
	display: block;
	clear: both;
	float: left;
	position: relative;
	width: 100%;
	background: url(../images/subnavili.png) top left repeat-x !important;
	 border-left: none;
}
#subnavi ul li a {
	padding: 9px 2% 8px 4%;
	font-size: 17px;
	text-decoration: none;
	float: left;
	width: 94%;
	color: #494a48;
	clear: both;
	display: block;
	font-weight: normal;
}
#subnavi ul li a:hover, #subnavi ul li a.menueebeneActive, #subnavi ul li a.menueebeneActive:hover {
	text-decoration: none;
	background: #f9e471;
	color: #494a48;
	text-decoration: underline;
}
#subnavi ul li a:hover {
	font-weight: normal;

}
/* Ebene 2 */

#subnavi ul ul {
	border: medium none;
	float: left;
	width: 100%;
	background: #f9e471;
}
#subnavi ul li ul {
	list-style: none;
}
#subnavi ul li ul li {
    border: medium none;
}
#subnavi ul li ul li a {
	margin: 0;
	padding: 4px 4% 3px 13%;
	float: left;
	width: 82%;
	text-transform: none;
	font-size: 16px;
	border-radius: 0px !important;
}
#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: 0;
	padding: 4px 4% 3px 13%;
	border: none;
	text-decoration: none;
	float: left;
	width: 83%;
	text-transform: none;
	font-weight: normal;
	border: none;
	background:url(../images/subnaviUlUlLi.png) no-repeat 17px 10px transparent;
}
#subnavi ul li ul li a:hover {
	font-weight: normal;

}
/* Ebene 3 */
#subnavi ul ul ul {
	border: medium none;
	float: left;
	padding: 3px 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: 4px 4% 3px 17%;
	float: left;
	width: 79%;
	background-image: none;
	background: none;
	border: none;
	color: #848484;
	-moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
#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: 4px 4% 3px 17%;
	color: #009251;
	border: none;
	text-decoration: none;
	background: none;
	font-weight: normal;
	float: left;
	width: 79%;
	-moz-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
#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;
}

.typo3-editPanel {
	float: left;
}

#contentbereich .alpha-sitemap-chars {
    background: none repeat scroll 0 0 #E8F4DB;
    border: 1px solid #99B2DA;
    float: left;
    margin: 12px 0;
    padding: 10px 16px;
    text-align: center;
}
#contentbereich .alpha-sitemap-chars span {
    color: #848484;
    float: left;
    font-size: 15px;
    height: 30px;
    text-shadow: 1px 1px 3px #99B2DA;
    width: 30px;
}
#contentbereich .alpha-sitemap-chars span a {
	color: #009251;
	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: 97%;
}
#footer .typo3-editPanel {
	display: none;
}
/* contentInfobox */
.contentbereichInfobox .typo3-editPanel {
	margin: 5px 0 0 0;
	width: 355px;
}
/* rechte Randleiste */
.typo3-editPanel {
}
.infoboxbereich .infobox .typo3-editPanel {

}
.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;
}
#contentbereich .ce-gallery DIV.ce-row DIV.ce-column.ce-column {
	padding-left: 0 !important;
}

#bbw {
    float: left;
    width: 597px;
}
.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 {

}
/* Spaltenbreiten je nach eingestellten Columns */
.ce-textpic:not(.ce-intext) .ce-gallery[data-ce-columns="2"] .ce-column {
    max-width: calc(50% - 5px);
    float: left;
}

.ce-textpic:not(.ce-intext) .ce-gallery[data-ce-columns="3"] .ce-column {
    max-width: calc(33.3% - 6.6px);
    float: left;
}

.ce-textpic:not(.ce-intext) .ce-gallery[data-ce-columns="4"] .ce-column {
    max-width: calc(25% - 7.5px);
    float: left;
}

.ce-textpic:not(.ce-intext) .ce-gallery[data-ce-columns="5"] .ce-column {
    max-width: calc(20% - 8px);
    float: left;
}

.ce-textpic:not(.ce-intext) .ce-gallery[data-ce-columns="6"] .ce-column {
    max-width: calc(16.6% - 8.3px);
    float: left;
}

.ce-textpic:not(.ce-intext) .ce-gallery[data-ce-columns="7"] .ce-column {
    max-width: calc(14.2% - 8.5px);
    float: left;
}

.ce-textpic:not(.ce-intext) .ce-gallery[data-ce-columns="8"] .ce-column {
    max-width: calc(12.5% - 8.8px);
    float: left;
}

/*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%;
}