@import "accessibility.css";
@import "content.css?v=1.0";
@import "slider.css";

@font-face {
  font-family: "Freestyle Script";
  src: url("../media/freescpt.ttf");
  font-weight: normal;
  font-style: normal;
}

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

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

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

@font-face {
  font-family: "Fira Sans SemiBold";
  src: url("../media/Fira-Sans-SemiBold.eot");
  src: url("../media/Fira-Sans-SemiBold.eot?#iefix") format("embedded-opentype"),
    url("../media/Fira-Sans-SemiBold.woff2") format("woff2"),
    url("../media/Fira-Sans-SemiBold.woff") format("woff"),
    url("../media/Fira-Sans-SemiBold.ttf") format("truetype"),
    url("../media/Fira-Sans-SemiBold.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Fira Sans Bold";
  src: url("../media/Fira-Sans-Bold.eot"); /* IE9 Compat Modes */
  src: url("../media/Fira-Sans-Bold.eot?#iefix") format("embedded-opentype"),
    /* IE6-IE8 */ url("../media/Fira-Sans-Bold.woff2") format("woff2"),
    /* Super Modern Browsers */ url("../media/Fira-Sans-Bold.woff")
      format("woff"),
    /* Pretty Modern Browsers */ url("../media/Fira-Sans-Bold.ttf")
      format("truetype"),
    /* Safari, Android, iOS */ url("../media/Fira-Sans-Bold.svg#svgFontName")
      format("svg"); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Playfair Display Italic";
  src: url("../media/Playfair-Display-Italic.eot");
  src: url("../media/Playfair-Display-Italic.eot?#iefix")
      format("embedded-opentype"),
    url("../media/Playfair-Display-Italic.woff2") format("woff2"),
    url("../media/Playfair-Display-Italic.woff") format("woff"),
    url("../media/Playfair-Display-Italic.ttf") format("truetype"),
    url("../media/Playfair-Display-Italic.svg#svgFontName") format("svg");
  font-weight: normal;
  font-style: normal;
}

* {
  font-family: "Fira Sans Regular";
  font-weight: normal;
}

body {
}

body,
html {
  height: 100%;
}

.contentElement {
  clear: both;
}

.publishSystemNotify,
.mainMenueId .mmtext {
  display: none;
}

iframe,
iframe table,
.elist {
  background-color: #fff;
}

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

#responsiveSidemenue {
  float: left;
  left: 0;
  position: fixed;
  top: 0;
  width: 5.1%;
}

#responsiveShow,
.nav_responsive {
  display: none;
}

#responsiveSidemenue {
  display: none;
}

/*Cookie*/
body .cc_container {
  background: #189ad7;
}
body .cc_container a,
body .cc_container a:visited {
  color: #189ad7;
}
body .cc_container .cc_btn,
body .cc_container .cc_btn:visited {
  background-color: #129839;
}
body .cc_container .cc_btn,
body .cc_container .cc_btn:visited {
  color: #fff;
}
/* Layout */

@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}

#suche:hover {
  -webkit-animation-name: hvr-icon-pulse-shrink;
  animation-name: hvr-icon-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

#suche {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

#suche {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

/* Grow Rotate */
.infolinks .il {
  display: inline-block;
  vertical-align: middle;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.infolinks .il:hover {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.75);
  z-index: 9;
}
.infolinks.small a:nth-child(3),
.infolinks.small a:nth-child(4),
.infolinks.small a:nth-child(5) {
  display: none;
}
.infolinks.medium a:nth-child(4),
.infolinks.medium a:nth-child(5) {
  display: none;
}

li {
  list-style: none;
}

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

#wrap {
  float: left;
  width: 100%;
  /* height: 793px; */
  position: relative;
}

#header {
  float: left;
  width: 100%;
  position: relative;
}
.header01 .alles {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.header {
  float: left;
  width: 100%;
  position: relative;
}

.header01 {
  float: left;
  position: relative;
  width: 100%;
  background: #ffffffcc;
}

.header02 {
  float: left;
  position: relative;
  width: 100%;
  background: rgb(24 155 216 / 80%);
}
.logotext {
  display: flex;
  flex-direction: column;
  width: 435px;
}
.logotext-unten {
  justify-content: flex-end;
  display: flex;
}
.logo-right {
  width: 80%;
}
.logo .orte span {
  font-family: 'Fira Sans Regular';
  text-transform: uppercase;
  font-size: 20px!important;
}
.orte p {
  font-size: 20px!important;
}
.ortschaft img {
  margin-right: 10px;
}
.ortschaft {
  display: flex;
  flex-direction: row;
  height: 30px;
  margin-top: 20px;
}
.orte {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.logo {
  position: relative;
  float: left;
  width: 845px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  margin: 15px 0;
}
.logo p {
  font-size: 41px;
  line-height: 31px;
}
.logo span {
  font-size: 90px !important;
  font-family: "Freestyle Script";
}
#logo img {
  position: relative;
  float: left;
  padding-top: 10px;
  padding-bottom: 6px;
}

.kontaktheader {
  float: left;
  position: relative;
  margin-top: 105px;
}

#kontakt01 {
  float: left;
  position: relative;
  margin-right: 82px;
}

#kontakt01 li.ort {
  background: url(../images/poi.png) no-repeat left center;
  padding-left: 30px;
  font-family: "Fira Sans Regular";
  font-size: 16px;
  padding-bottom: 5px;
}

#kontakt01 li.plz {
  padding-left: 30px;
  font-family: "Fira Sans Regular";
  font-size: 16px;
}

#kontakt02 {
  float: left;
  position: relative;
}

#kontakt02 li.tel {
  background: url(../images/tel.png) no-repeat left center;
  padding-left: 30px;
  font-family: "Fira Sans Regular";
  font-size: 16px;
  padding-bottom: 5px;
}

#kontakt02 li.email {
  background: url(../images/mail.png) no-repeat left center;
  padding-left: 30px;
  font-family: "Fira Sans Regular";
  font-size: 16px;
}

#wrap01 {
  float: left;
  position: relative;
  width: 100%;
  background: #f1f1f1;
  padding-bottom: 60px;
}

.il {
  width: 172px;
  height: 160px;
  border-bottom: 1px solid #sss;
  position: relative;
  float: right;
}

.il a {
  text-align: center;
  color: #fff;
}

.ql01 {
  background: #ffdc4d url(../images/ql01.png) no-repeat top 42px center;
}

.ql02 {
  background: #ffdc4d url(../images/ql02.png) no-repeat top 42px center;
}

.ql03 {
  background: #ffdc4d url(../images/ql03.png) no-repeat top 42px center;
}

.ql04 {
  background: #ffdc4d url(../images/notdienste.png) no-repeat top 42px center;
}

.ql05 {
  background: #ffdc4d url(../images/ql05.png) no-repeat top 42px center;
}

.contentalles {
  float: left;
  width: 100%;
  position: relative;
  background: #fff;
  -webkit-box-shadow: 0px 3px 17px 7px rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0px 3px 17px 7px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 3px 17px 7px rgba(0, 0, 0, 0.22);
}

.contentleft {
  float: left;
  position: relative;
  width: 70%;
  max-width: 1020px;
}

.contentright {
  float: right;
  position: relative;
  width: 30%;

  max-width: 430px;
}

.infolinks {
  float: right;
  position: relative;
  max-width: 172px;
  padding-top: 67px;
}

.infolinks p {
  float: none;
  position: relative;
  color: #252525;
  font-size: 17px;
  margin: 0 auto;
  margin-top: 102px;
  text-align: center;
}

#footer {
  float: left;
  position: relative;
  width: 100%;
}
#footer1 a.mail {
  background: none;
  padding: 0;
}
#footer1 .alles {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
#footer1 {
  float: left;
  position: relative;
  width: 100%;
  background: #f1f1f1;
  padding-top: 70px;
}

#footer1 h4 {
  font-family: "Fira Sans Medium";
  font-size: 21px;
  color: #1f1f1f;
}
#footer1 .offen h5 {
  font-family: "Playfair Display Italic";
  font-size: 16px;
  margin-top: 21px;
}

#footer1 ul {
  margin-top: 27px;
}

#footer1 li {
  font-family: "Fira Sans Regular";
  font-size: 16px;
  line-height: 24px;
  color: #1f1f1f;
}
#footer1 li.email:hover a {
  color: #189ad7;
}
#footer table td {
  line-height: 23px;
  padding: 0 7px;
  border: none;
  background: none !important;
}
#footer table.contenttable {
  border: none;
  margin: 0;
  margin-left: -5px;
}
#footer .offen h4 {
  margin-bottom: 14px;
}
#footer table.contenttable thead,
#footer tfoot,
#footer table.contenttable tbody th,
#footer table.contenttable th,
#footer .offen table.contenttable tr th {
  background: none !important;
  color: #000;
  font-size: 16px;
  font-weight: normal;
  border: none;
}
.rathaus,
.tourist,
.offen {
  float: left;
  position: relative;
  width: 28%;
  margin-right: 115px;
  border-top: 2px solid #ffdc4d;
  padding: 70px 0 110px;
}

.rathaus {
}

.tourist {
}

.offen {
  margin-right: 0;
}
.offen h4 {
  margin-bottom: 6px;
}
.rathaus::before,
.tourist::before,
.offen::before {
  float: left;
  content: "";
  width: 65px;
  height: 65px;
  border-radius: 50%;
  position: absolute;
  left: calc(50% - 32.5px);
  top: -32.5px;
}

.rathaus::before {
  background: #ffdc4d url(../images/home.png) no-repeat center center;
}

.tourist::before {
  background: #ffdc4d url(../images/info.png) no-repeat center center;
}

.offen::before {
  background: #ffdc4d url(../images/uhr.png) no-repeat center center;
}

li.tel {
  background: url(../images/tel2.png) no-repeat left center;
  padding-left: 30px;
}

li.email {
  background: url(../images/mail2.png) no-repeat left center;
  padding-left: 30px;
}

#footer2 {
  float: left;
  position: relative;
  width: 100%;
  background: #d5deef;
  padding-top: 27px;
  padding-bottom: 3px;
}

#footerleft {
  float: left;
  position: relative;
  width: 50%;
}

.menuequick {
  float: left;
  position: relative;
  width: auto;
}

.menuequick a {
  text-transform: uppercase;
  font-size: 16px;
  font-family: "Fira Sans Regular";
  color: #189ad7;
  margin-right: 10px;
}

.kontrast {
  float: left;
  position: relative;
  margin-top: -15px;
}

#footerright {
  float: left;
  position: relative;
  width: 50%;
}

.copyright {
  float: right;
  position: relative;
}

.copyright span {
  font-family: "Fira Sans Regular";
  color: #189ad7;
}

.copyright a {
  font-family: "Fira Sans Regular";
  color: #189ad7;
}

.GeoLink {
  margin-bottom: 46px;
  margin-top: 26px;
  width: 100%;
}
.GeoLink a {
  background: #189ad7;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: normal;
  font-family: "Fira Sans Regular" !important;
  padding: 5px 10px 5px 10px;
  transition: all 500ms ease 0s;
}
.GeoLink a:hover {
  background: #003271;
  color: #fff !important;
}

/* Schrift */
#popUp {
  background: #1b1b1b;
  bottom: 50px;
  color: #fff;
  display: none;
  padding: 15px;
  position: absolute;
  right: -201px;
  text-align: center;
  width: 240px;
}

#schrift #popUp p {
  color: #fff;
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 14px;
}

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

#schrift {
  float: left;
  position: relative;
  width: 45px;
}

#popUp:hover {
  opacity: 0.9;
  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;
  color: #000;
}

#schrift img {
  float: right;
  padding-top: 2px;
  padding-left: 7px;
}

#schrift p {
  float: left;
  margin-top: 0;
  color: #fff;
  font-size: 15px;
}

/* Kontrast */

.contrast {
  display: block;
}

.contrast2 {
  display: none;
}

/* Nachoben-Link und Drucken-Link */
#navlinks {
  float: left;
  width: 100%;
  position: relative;
}
#navlinks {
  width: 100%;
}
#navlinks .alles {
  max-width: 154px;
  float: none;
  margin: 0px auto;
}
#nachOben {
  position: absolute;
  right: 0;
  bottom: -25px;
  width: 40px;
}

#nachOben a {
  background: url("../images/top.png") no-repeat scroll center center #ffdc4d;
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

/*HOVER NAVLINK*/
/*Button Hover */
#nachOben .minigal a,
#drucken .minigal a {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

#nachOben a:hover,
#drucken a:hover {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.75);
  z-index: 9;
}
/*Button Ende*/
/*Ende*/ /*HOVER NAVLINK ENDE*/

#nachOben a strong,
#drucken a strong {
}

#nachOben a:hover,
#drucken a:hover {
}

#drucken {
  position: absolute;
  left: 0;
  bottom: -25px;
  width: 40px;
}

#drucken a {
  background: url("../images/drucken.png") no-repeat scroll center center
    #ffdc4d;
  float: left;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

/* Suchbereich */
#suche {
  float: right;
  margin-top: 105px;
  margin-right: 4%;
}

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

.suchbereich .bereich1 {
  float: left;
  width: calc(100% - 30px);
}

.suchbereich .suche {
  background: none;
  border: 0 none;
  border-radius: 0;
  color: #fff;
  float: left;
  font-size: 16px;
  margin: 0;
  width: 100%;
  padding: 0;
}

.suchbereich .bereich2 {
  float: left;
  width: 32px;
  z-index: 1;
  text-align: center;
  position: relative;
  height: 32px;
}

.suchbereich .sucheAbsenden {
  height: 32px;
  float: left;
  width: 100%;
  background: url(../images/suchlupe.png) center no-repeat;
}

/* ######################### Hauptmenü ########################### */
#wrap01 .alles {
  position: relative;
}

.mainMenueId {
  float: right;
  width: 100%;
  z-index: 90;
}

.menueId {
  float: left;
  width: 100%;
}

.menueId ul {
  margin: 0px;
  padding: 0px;
  float: left;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}

.menueId ul.navId ul {
  visibility: hidden;
}

.menueId ul.navId li:hover > ul,
.menueId ul.navId li.hover > ul {
  visibility: visible;
  display: block;
}

.menueId ul li {
  float: left;
  list-style: outside none none;
  transform-origin: center center 0;
  transform-style: flat;
  transition-duration: 0.2s;
  transition-property: background;
  transition-timing-function: ease;
  width: auto;
  padding: 26px 0 20px;
  background: url(../images/logo_menue.png) no-repeat right -40px center;
  background-size: 25px;
  margin-right: 14px;
}
.menueId ul li:last-child {
  margin-right: 0;
}

.menueId ul li.menueebene1,
.menueId ul li.menueebene1Active {
}

.menueId ul li.menueebene2,
.menueId ul li.menueebene2Active {
}

.menueId ul li.menueebene3,
.menueId ul li.menueebene3Active {
}

.menueId ul li.menueebene4,
.menueId ul li.menueebene4Active {
}

.menueId ul li.menueebene4 a,
.menueId ul li.menueebene4Active a {
}

.menueId ul li a {
  color: #fff;
  position: relative;
  display: block;
  font-size: 22px;
  font-weight: normal;
  font-family: "Fira Sans Medium";
  margin: 0;
  padding: 0;
  text-align: left;
  text-decoration: none;
  line-height: 29px;
  text-transform: uppercase;
  border-bottom: 3px solid transparent;
}

.menueId ul li ul li a.menueebeneNoSub.active {
}

.menueId ul li.menueebene0Active a.active,
.menueId ul li.menueebene1Active a.active,
.menueId ul li.menueebene2Active a.active,
.menueId ul li.menueebene3Active a.active,
.menueId ul li.menueebene4Active a.active {
  font-family: "Fira Sans Regular";
  font-weight: bold;
}

.menueId ul li:hover,
.menueId ul li.menueebene0Active,
.menueId ul li.menueebene1Active,
.menueId ul li.menueebene2Active,
.menueId ul li.menueebene3Active,
.menueId ul li.menueebene4Active,
.menueId ul li.menueebene5Active,
.menueId ul li.menueebene6Active {
}
.menueId ul li ul li:hover,
.menueId ul li ul li.active,
.menueId ul li ul li.sub,
.menueId ul li ul li {
  background: none;
}
/* .menueId ul li:hover, 
.menueId ul li.menueebene0Active a::before,
.menueId ul li.menueebene1Active a::before,
.menueId ul li.menueebene2Active a::before,
.menueId ul li.menueebene3Active a::before,
.menueId ul li.menueebene4Active a::before,
.menueId ul li.menueebene5Active a::before,
.menueId ul li.menueebene6Active a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    border: 1px solid #000;
}
*/

.menueId ul li:hover a,
.menueId ul li a:hover,
.menueId ul li.menueebene0Active a,
.menueId ul li.menueebene1Active a,
.menueId ul li.menueebene2Active a,
.menueId ul li.menueebene3Active a,
.menueId ul li.menueebene4Active a,
.menueId ul li.menueebene5Active a,
.menueId ul li.menueebene6Active a {
  border-bottom: 3px solid #fff;
}

.menueId ul li ul li a.open,
.menueId ul li ul li a:hover,
.menueId ul li.menueebene0Active ul li a:hover,
.menueId ul li.menueebene1Active ul li a:hover,
.menueId ul li.menueebene2Active ul li a:hover,
.menueId ul li.menueebene3Active ul li a:hover,
.menueId ul li.menueebene4Active ul li a:hover,
.menueId ul li.menueebene5Active ul li a:hover,
.menueId ul li.menueebene6Active ul li a:hover {
}

.menueId ul li.menueebene2:hover a,
.menueId ul li.menueebene2Active a,
.menueId ul li.menueebene2Active a:hover {
}

.menueId ul li.menueebene3:hover a,
.menueId ul li.menueebene3Active a,
.menueId ul li.menueebene3Active a:hover {
}

.menueId ul li.menueebene2,
.menueId ul li.menueebene2Active {
}

.menueId ul li.menueebene3,
.menueId ul li.menueebene3Active {
}

.menueId ul li ul {
}

.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,
.menueId ul li.menueebene6 ul,
.menueId ul li.menueebene6Active ul {
}

/* Ebene 2 */

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

.menueId ul.navId ul li.clearleft {
  clear: left;
}

/*####################Ende##############*/
.menueId ul li ul {
  background: #fff;
  display: none;
  float: none;
  left: 0;
  margin: 0;
  padding: 20px 230px 10px;
  position: absolute;
  top: 78px;
  width: calc(100% - 460px);
  z-index: 1000;
}

.menueId ul li ul li {
  height: auto;
  margin: 0 3.9% 30px 3px;
  padding: 0;
  position: relative;
  width: 21.8%;
}

.menueId ul li ul li.sub::after {
  content: url("../images/mnu.png");
  cursor: pointer;
  height: 26px;
  right: 0;
  position: absolute;
  top: 11px;
  transition: all 400ms ease-in-out 0s;
  width: 15px;
}

.menueId ul li ul li.sub:hover::after {
  content: url("../images/mnu.png");
  transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg)
    skewY(0deg);
}

.menueId ul li ul li.sub.open::after,
.menueId ul li ul li.sub.open:hover::after {
  transform: none;
  content: url("../images/mnuact_h.png");
}

.menueId ul li ul li:nth-child(4n) {
  margin-right: 0;
}

.menueId ul li ul li a {
  background: none repeat scroll 0 0 !important;
  border-bottom: 2px solid transparent !important;
  color: #000 !important;
  display: block;
  float: left;
  font-size: 23px;
  line-height: 27px;
  font-weight: normal;
  letter-spacing: 0;
  margin-bottom: 8px;
  padding: 5px 0 8px 0;
  text-align: left;
  text-transform: none;
  width: 100%;
  font-family: "Fira Sans Regular";
  max-width: 360px;
  border-right: 0;
  border-bottom: 2px solid #189ad7 !important;
}

.menueId ul li ul li.open a,
.menueId ul li ul li.activesub a,
.menueId ul li ul li:hover a {
}

.menueId ul li ul li.sub a {
  padding: 5px 15px 8px 0;
  width: calc(100% - 15px);
}

.menueId ul li ul li a:hover {
  font-family: "Fira Sans Regular";
  font-weight: bold;
}

/* Ebene 3 */
#wrap01 .menueId ul li ul li ul {
  margin-left: 17px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 10ms linear 0s;
  width: 100%;
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
}

#wrap01 .menueId ul li ul li.open ul {
  margin-top: 0px;
  max-height: 1000px;
  transition: max-height 500ms linear 0s;
}

.menueId ul.navId li ul li ul li a {
  transition: 0.2s;
  border: medium none !important;
  color: #1a1a1a !important;
  font-size: 17px;
  line-height: 22px;
  text-decoration: none;
  text-transform: none;
  width: calc(100% - 20px);
  padding: 3px 10px 3px;
  margin-bottom: 0;
  max-width: 255px;
  background: url(../images/li_menue.png) no-repeat left -21px top 7px !important;
}

.menueId ul.navId li ul li ul li a:hover,
.menueId ul.navId li ul li ul li a.l3-act {
  font-family: "Fira Sans Medium";
  background: url(../images/li_menue.png) no-repeat left 2px top 7px !important;
  transition: 0.2s ease;
  padding-left: 17px;
  width: calc(100% - 17px);
}

.menueId ul li ul li ul li {
  margin: 0;
  background: none;
  width: 100%;
  margin-bottom: 0;
}

.menueId ul.navId ul ul {
  display: block;
  visibility: visible;
}

.menueId ul ul li ul {
  border: 0 none;
  background: none;
  float: left;
  left: 0 !important;
  margin-bottom: 20px;
  margin-top: 5px;
  padding: 0;
  position: relative;
  top: 0;
  width: 100%;
}

#subnavi img {
  height: auto;
}

#subnavi h3 {
  background: #b61510 none repeat scroll 0 0;
  color: #fff;
  font-size: 21px;
  font-weight: 400;
  padding-bottom: 6px;
  padding-left: 6.5%;
  padding-top: 6px;
  text-transform: uppercase;
  width: 93.6%;
}

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

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

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

#subnavi ul li a {
  clear: both;
  color: #3c3c3c;
  display: block;
  float: left;
  font-size: 18px;
  font-weight: 400;
  padding: 10px 13% 7px 10%;
  width: 77%;
}

#subnavi ul li a:hover,
#subnavi ul li.active a.menueText1,
#subnavi ul li.active a.menueText1:hover {
  background: #e2001a none repeat scroll 0 0;
  color: #fff;
  font-family: oswald, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 31px;
  text-transform: uppercase;
}

#subnavi ul li a:hover {
  font-weight: 400;
}

#subnavi ul ul {
  border: medium none;
  float: left;
  padding: 12px 0 16px;
  width: 99.9%;
  background: #fff;
}

#subnavi ul li ul {
  list-style: outside none none;
}

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

#subnavi ul li.active ul li.sub2::after {
  content: url("../images/mnu.png");
  cursor: pointer;
  height: 15px;
  right: 21px;
  position: absolute;
  top: 13px;
  transition: all 130ms ease-in-out 0s;
  width: 9px;
}

#subnavi ul li.active ul li.sub2:hover::after,
#subnavi ul li.active ul li.sub2.act::after {
  right: 23px;
  transform: scale(1) rotate(90deg) translateX(0px) translateY(0px) skewX(0deg)
    skewY(0deg);
}

#subnavi ul li ul li a {
  border: medium none;
  float: left;
  font-size: 19px;
  line-height: 21px;
  color: #424242;
  font-family: oswald, sans-serif;
  margin: 0;
  text-transform: none;
}

#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 {
  background-color: transparent;
  border: medium none;
  color: #e2001a;
  line-height: 21px;
  float: left;
  margin: 0;
  font-family: oswald, sans-serif;
  font-size: 19px;
  text-decoration: none;
  text-transform: none;
}

#subnavi ul li ul li a:hover {
}

#subnavi ul ul ul {
  border: medium none;
  float: left;
  padding: 3px 0;
  width: 100%;
}

#subnavi ul li ul {
  list-style: outside none none;
}

#subnavi ul li ul li ul li {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

#subnavi ul li ul li ul li a {
  border-left: 2px solid #b5b5b5;
  float: left;
  font-family: open sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  margin: 0 4% 0 10%;
  padding: 3px 7px 4px;
  width: calc(86% - 14px);
}

#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 {
  border-left: 2px solid #ff8a00;
  border-radius: 0;
  color: #e2001a;
  font-family: open sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  margin: 0 4% 0 10%;
  width: auto;
}

/* 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 #189ad7;
  text-align: center;
  padding: 6px;
}

#contentbereich .alpha-sitemap-chars span {
  color: #cccccc;
  text-shadow: 1px 1px 3px #189ad7;
  font-size: 15px;
}

#contentbereich .alpha-sitemap-chars span a {
  color: #189ad7;
  text-shadow: 1px 1px 3px #189ad7;
  font-size: 15px;
}

#contentbereich .alpha-sitemap-chars .active {
  color: #189ad7;
  text-shadow: 1px 1px 3px #189ad7;
  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: 98%;
}

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

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

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

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

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

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

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

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

/* Styles imagecols */
/*Styles aus Stylesheet Typo3*/
/* default styles for extension "tx_felogin_pi1" */
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery.ce-border
  .ce-column {
  max-width: 100%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery.ce-border
  .ce-column,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext).ce-textpic
  .ce-gallery
  .ce-column {
  margin-bottom: 30px;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="2"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="2"]
  .ce-row:last-child
  .ce-column {
  float: left;
  margin-bottom: 55px;
  margin-right: 20px;
  margin-top: 25px;
  width: 4 8.5%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery.ce-border.ce-gallery[data-ce-columns="2"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="2"]
  .ce-row:last-child
  .ce-column {
  width: 48.5%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="2"].ce-gallery:not([data-ce-columns="1"])
  .ce-row
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="2"].ce-gallery:not([data-ce-columns="1"])
  .ce-row:last-child
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="2"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="2"]
  .ce-row:last-child
  .csc-textpic-last {
  margin-right: 0;
}
#contentbereich
  .ce-textpic
  .ce-gallery[data-ce-columns="2"]
  .ce-row
  .ce-column
  .image-caption {
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="3"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="3"]
  .ce-row:last-child
  .ce-column {
  float: left;
  margin-right: 2%;
  margin-top: 15px;
  width: 32%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery.ce-border.ce-gallery[data-ce-columns="3"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="3"]
  .ce-row:last-child
  .ce-column {
  width: 32%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="3"].ce-gallery:not([data-ce-columns="1"])
  .ce-row
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="3"].ce-gallery:not([data-ce-columns="1"])
  .ce-row:last-child
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="3"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="3"]
  .ce-row:last-child
  .csc-textpic-last {
  margin-right: 0;
}
#contentbereich
  .ce-textpic
  .ce-gallery[data-ce-columns="3"]
  .ce-row
  .ce-column
  .image-caption {
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="4"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="4"]
  .ce-row:last-child
  .ce-column {
  float: left;
  margin-right: 2%;
  width: 23.5%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery.ce-border.ce-gallery[data-ce-columns="4"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="4"]
  .ce-row:last-child
  .ce-column {
  margin-right: 2%;
  width: 23.5%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="4"].ce-gallery:not([data-ce-columns="1"])
  .ce-row
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="4"].ce-gallery:not([data-ce-columns="1"])
  .ce-row:last-child
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="4"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="4"]
  .ce-row:last-child
  .csc-textpic-last {
  margin-right: 0;
}
#contentbereich
  .ce-textpic
  .ce-gallery[data-ce-columns="4"]
  .ce-row
  .ce-column
  .image-caption {
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="5"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="5"]
  .ce-row:last-child
  .ce-column {
  float: left;
  margin-right: 1%;
  width: 19.2%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery.ce-border.ce-gallery[data-ce-columns="5"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="5"]
  .ce-row:last-child
  .ce-column {
  margin-right: 1%;
  width: 19.2%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="5"].ce-gallery:not([data-ce-columns="1"])
  .ce-row
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="5"].ce-gallery:not([data-ce-columns="1"])
  .ce-row:last-child
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="5"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="5"]
  .ce-row:last-child
  .csc-textpic-last {
  margin-right: 0;
}
#contentbereich
  .ce-textpic
  .ce-gallery[data-ce-columns="5"]
  .ce-row
  .ce-column
  .image-caption {
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="6"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="6"]
  .ce-row:last-child
  .ce-column {
  float: left;
  margin-right: 1%;
  width: 15.81%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery.ce-border.ce-gallery[data-ce-columns="6"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="6"]
  .ce-row:last-child
  .ce-column {
  width: 15.83%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="6"].ce-gallery:not([data-ce-columns="1"])
  .ce-row
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="6"].ce-gallery:not([data-ce-columns="1"])
  .ce-row:last-child
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="6"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="6"]
  .ce-row:last-child
  .csc-textpic-last {
  margin-right: 0;
}
#contentbereich
  .ce-textpic
  .ce-gallery[data-ce-columns="6"]
  .ce-row
  .ce-column
  .image-caption {
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="7"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="7"]
  .ce-row:last-child
  .ce-column {
  float: left;
  margin-right: 1%;
  width: 13.42%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery.ce-border.ce-gallery[data-ce-columns="7"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="7"]
  .ce-row:last-child
  .ce-column {
  width: 13.43%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="7"].ce-gallery:not([data-ce-columns="1"])
  .ce-row
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="7"].ce-gallery:not([data-ce-columns="1"])
  .ce-row:last-child
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="7"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="7"]
  .ce-row:last-child
  .csc-textpic-last {
  margin-right: 0;
}
#contentbereich
  .ce-textpic
  .ce-gallery[data-ce-columns="7"]
  .ce-row
  .ce-column
  .image-caption {
  font-size: 14px;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="8"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="8"]
  .ce-row:last-child
  .ce-column {
  float: left;
  margin-right: 1%;
  width: 11.6%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery.ce-border.ce-gallery[data-ce-columns="8"]
  .ce-row
  .ce-column,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="8"]
  .ce-row:last-child
  .ce-column {
  margin: 0 0.7% 17px;
  width: 11.27%;
}
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="8"].ce-gallery:not([data-ce-columns="1"])
  .ce-row
  .ce-column:last-child,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="8"].ce-gallery:not([data-ce-columns="1"])
  .ce-row:last-child
  .ce-column:last-child,
#contentbereich
  .ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="8"]
  .ce-row
  .csc-textpic-last,
.ce-textpic.ce-center:not(.ce-intext)
  .ce-gallery[data-ce-columns="8"]
  .ce-row:last-child
  .csc-textpic-last {
  margin-right: 0;
}
#contentbereich
  .ce-textpic
  .ce-gallery[data-ce-columns="8"]
  .ce-row
  .ce-column
  .image-caption {
  font-size: 13px;
}

.tx-felogin-pi1 label {
  display: block;
}
/* default styles for extension "tx_cssstyledcontent" */
/* Headers */
.csc-header-alignment-center {
  text-align: center;
}
.csc-header-alignment-right {
  text-align: right;
}
.csc-header-alignment-left {
  text-align: left;
}

.csc-textpic-responsive,
.csc-textpic-responsive * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Clear floats after ce-textpic and after ce-row */
/*	.ce-textpic, .ce-textpic .ce-row, ul.csc-uploads li { overflow: hidden; }
*/
/* Set padding for tables */
.ce-textpic .ce-gallery table {
  border-collapse: collapse;
  border-spacing: 0;
}
.ce-textpic .ce-gallery table tr td {
  padding: 0;
  vertical-align: top;
}

/* Settings for figure(removedbymigration) and figcaption (HTML5) */
.ce-textpic .ce-gallery figure(removedbymigration),
.ce-textpic figure(removedbymigration).ce-gallery {
  margin: 0;
  display: table;
}

/* Captions */
figcaption.image-caption {
  display: table-caption;
}
.image-caption {
  text-align: left;
  caption-side: bottom;
}
.image-caption-c .image-caption,
.ce-gallery .image-caption-c {
  text-align: center;
}
.image-caption-r .image-caption,
.ce-gallery .image-caption-r {
  text-align: right;
}
.image-caption-l .image-caption,
.ce-gallery .image-caption-l {
  text-align: left;
}

/* Float the columns */
.ce-textpic .csc-textpic-imagecolumn {
  float: left;
}

/* Border just around the image */
.ce-textpic .ce-gallery.ce-border img {
  border: 2px solid black;
  padding: 0px 0px;
}

.ce-textpic .ce-gallery img {
  border: none;
}

/* Space below each image (also in-between rows) */
/*.ce-textpic .ce-gallery .ce-column { margin-bottom: 55px; }*/
.ce-textpic .ce-gallery:not([data-ce-rows="1"]) .ce-row:last-child .ce-column {
  margin-bottom: 0;
}

.ce-textpic.ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-row .ce-column {
  margin-top: -1px;
  margin-bottom: 0;
}
/* colSpace around image columns, except for last column */
.csc-textpic-imagecolumn,
td.csc-textpic-imagecolumn .ce-column {
  margin-right: 10px;
  margin-top: 0px;
}
.csc-textpic-imagecolumn.ce-gallery:not([data-ce-columns="1"])
  .ce-column:last-child,
td.csc-textpic-imagecolumn.ce-gallery:not([data-ce-columns="1"])
  .ce-column:last-child {
  margin-right: 0;
}

/* Add margin from image-block to text (in case of "Text & Images") */
.ce-textpic.ce-left.ce-intext:not(.ce-nowrap) .ce-gallery,
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery {
  margin-right: 30px;
}
.ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-gallery,
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery {
  margin-left: 30px;
  margin-top: 2px;
}
.ce-gallery.csc-textpic-single-image {
  text-align: center;
}
/* Positioning of images: */

/* Center (above or below) */
/*	.ce-textpic.ce-center:not(.ce-intext) .ce-gallery, .ce-textpic.ce-center:not(.ce-intext) figure(removedbymigration).ce-gallery { overflow: hidden; }
	.ce-textpic.ce-center:not(.ce-intext).ce-center:not(.ce-intext)-outer { position: relative; float: right; right: 50%; }
	.ce-textpic.ce-center:not(.ce-intext).ce-center:not(.ce-intext)-inner { position: relative; float: right; right: -50%; }
*/
/* Right (above or below) */
.ce-textpic.ce-right:not(.ce-intext) .ce-gallery {
  float: right;
}
.ce-textpic.ce-right:not(.ce-intext) .ce-bodytext {
  clear: right;
}

/* Left (above or below) */
.ce-textpic.ce-left:not(.ce-intext) .ce-gallery {
  float: left;
}
.ce-textpic.ce-left:not(.ce-intext) .ce-bodytext {
  clear: left;
}

/* Left (in text) */
.ce-textpic.ce-left.ce-intext:not(.ce-nowrap) .ce-gallery {
  float: left;
}

/* Right (in text) */
.ce-textpic.ce-right.ce-intext:not(.ce-nowrap) .ce-gallery {
  float: right;
}

/* Right (in text, no wrap around) */
.ce-textpic.ce-right.ce-intext.ce-nowrap .ce-gallery {
  float: right;
}

/* Left (in text, no wrap around) */
.ce-textpic.ce-left.ce-intext.ce-nowrap .ce-gallery {
  float: left;
}

/* Browser fixes: */

/* Fix for unordered and ordered list with image "In text, left" */
.ce-textpic.ce-left.ce-intext:not(.ce-nowrap) ol,
.ce-textpic.ce-left.ce-intext:not(.ce-nowrap) ul {
  padding-left: 40px;
  overflow: auto;
}

/* File Links */
ul.csc-uploads {
  padding: 0;
}
ul.csc-uploads li {
  list-style: none outside none;
  margin: 1em 0;
}
ul.csc-uploads img {
  float: left;
  margin-right: 1em;
  vertical-align: top;
}
ul.csc-uploads span {
  display: block;
}
ul.csc-uploads span.csc-uploads-fileName {
  text-decoration: underline;
}

/* Table background colors: */

table.contenttable-color-1 {
  background-color: #edebf1;
}
table.contenttable-color-2 {
  background-color: #f5ffaa;
}
table.contenttable-color-240 {
  background-color: black;
}
table.contenttable-color-241 {
  background-color: white;
}
table.contenttable-color-242 {
  background-color: #333333;
}
table.contenttable-color-243 {
  background-color: gray;
}
table.contenttable-color-244 {
  background-color: silver;
}

@media screen\0 {
  .header01 {
    background: url(../images/ie.jpg);
  }
}

/*menu type section index*/

.frame-type-menu_section UL UL {
  margin-left: 0 !important;
}

.frame-type-menu_section UL LI {
  background: none repeat scroll 0 0 !important;
  padding: 0 !important;
}

.frame-type-menu_section UL UL LI {
  background: none repeat scroll 0 0 !important;
  float: left;
  padding-left: 0 !important;
  padding: 0 !important;
  padding-right: 2.4% !important;
}
DIV.ce-column {
  height: 100%;
}