@charset "UTF-8";
/*$logo_width: auto;
$logo_height: auto;*/
/**
 * Neues MainMenu.
 * @author bbr
 */
html, body {
  /*height:100%;*/
  margin: 0 !important;
  padding: 0 !important;
}

.wrapper-all {
  min-height: 100%;
  min-width: 100%;
  background: -moz-linear-gradient(bottom, #BFBFBF 40px, rgba(191, 191, 191, 0) 150px); /* FF3.6+ */
  background: -webkit-gradient(linear, left bottom, left bottom, color-sbottom(40px, #BFBFBF), color-sbottom(150px, rgba(191, 191, 191, 0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(bottom, #BFBFBF 40px, rgba(191, 191, 191, 0) 150px); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(bottom, #BFBFBF 40px, rgba(191, 191, 191, 0) 150px); /* Opera 11.10+ */
  background: -ms-linear-gradient(bottom, #BFBFBF 40px, rgba(191, 191, 191, 0) 150px); /* IE10+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#CCbfbfbf", endColorstr="#00bfbfbf",GradientType=0 ); /* IE6-9 */
  background: linear-gradient(to bottom, #BFBFBF 40px, rgba(191, 191, 191, 0) 150px); /* W3C = ALLE MODERNEN BROWSER */
  /* kleiner trick. Der Verlauf sieht aus als ob er im CONTENT wäre,
  ist er aber nicht da header-top weiß ist und hier die startfarbe dunkler;
  dies ist ein workaround da CONTENT zentiert ist HEADER-TOP allerdings nicht.*/
}

.header {
  width: 100%;
}

.header form {
  margin: 0;
  padding: 0;
}

.header ul {
  list-style: none;
}

.header-top {
  min-height: 38px;
  padding: 0 5px;
  margin: 0;
  border-bottom: 1px solid #ababab;
  background-color: white;
}

.appLogo {
  float: left;
  margin-right: 5px;
  margin-top: 2px;
}

.appLogo img, .customerLogo img {
  height: 35px;
  width: auto;
}

.appLogo .appname {
  line-height: 40px;
  height: 40px;
}

.customerLogo {
  float: right;
  margin-right: 10px;
  margin-top: 2px;
}

/*  SITE CONTENT  */
.header-bot {
  /*clear:both;*/
  padding: 5px;
}

.header-bot-left {
  /*float:left;*/
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: left;
}

.breadcrumb {
  font-size: 12px;
  background-color: inherit;
}

.breadcrumb ul {
  margin: 0;
  padding: 0;
}

.breadcrumb li {
  float: left;
  margin: 0;
  padding: 0;
}

.breadcrumb a, .breadcrumb a:visited, .breadcrumb a:active {
  color: grey;
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.breadcrumb-list span {
  color: grey;
  margin: 0 2px;
  line-height: 12px;
  font-size: 1.2em;
}

.breadcrumb a.no-link:hover {
  text-decoration: none !important;
}

.header-bot-right {
  float: right;
}

.login {
  text-align: -right;
}

.login a, .login a:visited, .login a:active {
  color: black;
  text-decoration: none;
  font-size: 12px;
}

.login a:hover {
  text-decoration: underline;
}

.header-bot h1 {
  margin: 0;
  padding: 0;
  font-size: 24px;
  text-align: center;
  clear: both;
  display: none;
}

#content-wrapper {
  clear: both;
  text-align: center;
  background: -moz-linear-gradient(top, #BFBFBF 0%, rgba(191, 191, 191, 0) 200px); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #BFBFBF), color-stop(200px, rgba(191, 191, 191, 0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #BFBFBF 0%, rgba(191, 191, 191, 0) 200px); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #BFBFBF 0%, rgba(191, 191, 191, 0) 200px); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #BFBFBF 0%, rgba(191, 191, 191, 0) 200px); /* IE10+ */
  background: linear-gradient(to top, #BFBFBF 0%, rgba(191, 191, 191, 0) 200px); /* W3C = ALLE MODERNEN BROWSER */
  /* IE 8 BUG-FIX: */
  /*overflow:auto;*/
}

#content {
  display: inline-block;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  min-width: 90%;
  max-width: 96%;
}

#BaumAusw table {
  margin-left: 10%;
}

/* menu allgemein  hier  */
#mainmenu-wrapper {
  text-align: center;
}

#mainmenu {
  z-index: 101;
}

#mainmenu > ul {
  z-index: 101;
  width: auto;
  text-align: left;
}

.mm-denied {
  color: #A3A3A3 !important;
  cursor: default;
  cursor: not-allowed !important;
  display: none !important;
}

/*****************************
  MIDDLE MM STYLE  ***********/
.mm-middle {
  padding-top: 3px;
}

.sm .mm-ID0 {
  padding: 0 !important;
  margin: 0 !important;
  background-color: white;
  height: 34px;
}

.sm #appLogoImg {
  height: 30px !important;
  display: block;
  padding: 2px 2px 0 2px;
}

/* mehr im theme (wird im MM-Builder importiert) */
/* @import url("https://kundenportal.etc-consult.de/libs/smartmenus/0.9.5/css/sm-core-css.css"); */
/* @import url("sm-blue.css"); */
/*****************************
  FOLDED MM STYLE  **********/
ul.mm-folded {
  background-color: #01468B;
  border-radius: 0 0 15px 15px;
  border: 1px solid #01468B;
  display: inline-block;
  padding: 0px;
  margin: 0;
  position: absolute;
  top: 39px;
  left: 0;
  background: linear-gradient(to bottom, rgba(191, 191, 191, 0.5) 0%, rgba(191, 191, 191, 0) 20px) #01468B;
  text-align: left;
}

/* allgemein */
.mm-folded ul {
  padding: 0;
  margin: 0;
}

.mm-folded li a, .mm-folded li a:visited, .mm-folded li a:active, .mm-folded li a:focus {
  padding: 5px;
  margin: 0;
  display: block;
  text-decoration: none;
  text-shadow: rgba(0, 0, 0, 0.9) 1px 1px 3px;
  color: white;
  font-size: 15px;
  line-height: 20px;
}

.mm-folded a:hover, .mm-folded .mm-highlight {
  -webkit-box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 10px 5px rgba(255, 255, 255, 0.5);
  padding: 4px !important;
  border: 1px solid white;
}

/* da :not(.mm-denied) im IE8 nicht geht */
.mm-folded a.mm-denied:hover {
  box-shadow: none !important;
  border: 0px !important;
  padding: 5px !important;
}

.mm-folded .mm-highlight {
  background-color: #4D82B7;
  position: relative;
}

.mm-folded .mm-highlight.mm-arrow-right:after {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #ffffff;
  border-width: 6px;
  margin-top: -6px;
  z-index: 51;
}

.mm-folded .mm-highlight.mm-arrow-left:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 6px;
  margin-top: -6px;
}

.mm-folded a.current {
  /*color: #00A100 !important;*/
  text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.9);
}

.mm-folded > li.current {
  background: linear-gradient(to top, rgba(191, 191, 191, 0.3) 0%, rgba(191, 191, 191, 0) 10px) #01468B;
}

.mm-folded a img {
  height: 15px;
  width: auto;
}

/*.mm-folded li:hover>ul {
	display:block;
}*/
/* 1. Ebene */
.mm-folded > li {
  display: block;
  width: 175px;
  float: left;
  border-left: 1px solid #1A8BB9; /* #ffffff */
}

.mm-folded > li:first-child {
  border-left: 0 !important;
}

.mm-folded > li > a, .mm-folded > li > a:visited, .mm-folded > li > a:active, .mm-folded > li > a:link {
  font-weight: 600;
}

/* 2. Ebene (submenu) */
/* verstecke >2. ebene */
.mm-folded ul ul {
  display: none;
}

/* 3++ Ebene per JS hinzugefügt */
/*.mm-folded>li>ul*/
.subsubmenu {
  background-color: #4D82B7;
}

/* normales untermenü verstecken wenn anderes submenu angezeigt wird: */
.mm-folded ul.subsubmenu + ul:not(.subsubmenu) {
  display: none;
}

/* notfalls hier das alte menü wieder aktivieren */
.benutz_gefaelligst_das_neue_menu_ausrufezeichen {
  display: none; /* altes  */
}

/***** SITEMAP ANFANG */
.mm-sitemap.mm-fristlevel {
  display: flex;
}

.mm-sitemap .mm-li {
  display: block;
}

.mm-sitemap ul {
  padding: 0px;
}

.mm-sitemap .mm-li a {
  background-color: #eeeeee;
  background: #eeeeee -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.37) 10%, rgba(100, 100, 100, 0) 50%, rgba(200, 200, 200, 0.17) 90%) repeat-x scroll 0 0;
  background: #eeeeee linear-gradient(180deg, rgba(255, 255, 255, 0.37) 10%, rgba(100, 100, 100, 0) 50%, rgba(200, 200, 200, 0.17) 90%) repeat-x scroll 0 0;
  border: 1px solid #b8b8b8;
  border-radius: 4px;
  color: black;
  cursor: pointer;
  display: block;
  font-size: 16px;
  text-decoration: none;
  font-weight: bold;
  padding: 2px 10px;
  text-align: left;
  margin: 6px;
}

.mm-sitemap .mm-li a:hover {
  background-color: #cccccc;
  background: #cccccc -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0.37) 10%, rgba(100, 100, 100, 0) 50%, rgba(200, 200, 200, 0.17) 90%) repeat-x scroll 0 0;
  background: #cccccc linear-gradient(180deg, rgba(255, 255, 255, 0.37) 10%, rgba(100, 100, 100, 0) 50%, rgba(200, 200, 200, 0.17) 90%) repeat-x scroll 0 0;
}

.mm-sitemap.mm-fristlevel ul li.mm-li a {
  font-size: 14px;
  font-weight: normal;
}

.mm-sitemap.mm-fristlevel ul {
  margin-left: 20px;
}

/***** SITEMAP ENDE */
/* IE8 */
@media \0 screen {
  /* keine Scroll-Bars-Fix */
  .wrapper-all {
    min-width: 956px;
  }
  .content-wrapper {
    min-width: 956px;
  }
}

/*# sourceMappingURL=mainmenu.css.map */