/**
 * Neues MainMenu.
 * @author bbr
 */

.wrapper-all {
	min-height: 100%;
	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.*/
}

#kondiv { /* versteckt das KONTEXT-Div in showKontext ebendfalls gefixt */
	visibility:hidden;
}

.header {
	width: 100%;
}

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

.header ul {
	list-style: none;
}

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

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

.appLogo img {
	height: 36px;
	width: auto;
	float: left;
}

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

.customerLogo {
	float: right;
	margin-right: 0;
	margin-top: 7px;
	text-align:right;
	width:124px;
}
.customerLogo img {
	height:29px;
}

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

.header-bot-left {
	float:left;
	margin:0;
	padding:0;
	text-align:left;
}

.breadcrumb {
	display:block;
	font-size:12px;
}

.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 */
	min-height: 500px;
	/* IE 8 BUG-FIX: */
	/*overflow:auto;*/
}
#content {
	width : 100%;
	min-width: 956px; /* Table-Breite */
	display: inline-block;
	text-align:left;
}

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

#mainmenu {
	
}

#mainmenu > ul {
	z-index:50;
	width:auto;	
	text-align:left;
}
.mm-denied {
	color:#A3A3A3 !important;
	cursor:default;
	cursor:not-allowed !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:#E40613;
	border-radius:0 0 15px 15px;
	border:1px solid #E40613;
	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) #E40613;
	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.90) 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.50);
	-moz-box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.50);
	box-shadow: inset 0px 0px 10px 5px rgba(255, 255, 255, 0.50);
	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) #E40613;
}
.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) */
.mm-folded>li>ul {
	
}
/* 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  */
}

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