@charset "utf-8";

/* Menü    ANFANG ------------------------------------------------------*/
#menu-container {
  display: inline-block;
  height: 1%;
  display: block;
  border-bottom: 1px solid #969696 !important;
  background-color:#F4F4F4;
 /* margin-left:auto; margin-right:auto; max-width:960px;*/
 }
#menu-container:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#menu-container ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menu-container ul.menu {
  display: inline-block;
  height: 1%;
  display: block;
}
#menu-container ul.menu:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
#menu-container ul.menu a {
  color:#F7B902;
  text-decoration: none;
  display: block;
  padding: 10px;
  /* Rahmenfarbe zwischen den Menüpunkten beim Smartphone*/
}
#menu-container ul.menu > li > a {
  /*background: #FF8040;*/
  color:#818181;
  font-size:1.1em;
}
#menu-container ul.menu > li > a:hover #top{
	color:#C40000;
	padding-bottom:5px;
	border-bottom:#C40000 4px solid;	
  /*opacity: 0.9;*/ 
 /* background-color: #800000 !important;*/
}
#menu-container ul.menu > li ul li a {
   color: #818181 !important;
   border-bottom: 1px solid #6C6C6C !important;
}
#menu-container ul.menu > li ul li a:hover {
  color: #80000 !important;
  background-color: #FBFBFB !important;
 
}
#menu-container .trigger {
  display: block;
  color: #fff;
  text-decoration: none;
  /*text-transform: uppercase;*/
  padding: 8px 8px 8px 10px;
  font-size: 1.2em;
  background-color:#005B2E !important;
  /*background: url('../images/global/trigger.png') left center no-repeat;*/
  border-top:#F4F4F4 1px solid;
  opacity:0.8;
}
#menu-container .trigger:hover {
  cursor: pointer;
  opacity:1.0;
}
 ul.menu  >li > ul >li > a::first-letter{
	  font-weight:bold !important; 
	  border-bottom:#FFE9BA 3px solid !important;
  }
  ul.menu  >li > ul >li > a:hover::first-letter{
	  color:#C40000 !important; 
	  border-bottom:#C40000 3px solid !important;
  }
link_bottom  a::first-letter{
	  font-weight:bold !important; 
	  border-bottom:#FFE9BA 3px solid !important;
  }

/* Ende kleiner Desktop-----------------------------------------------*/

/* Für großen Desktop ab hier-----------------------------------------*/

@media screen and (min-width: 1380px) {
/*min-width auch in responsive-menue.js anpassen - Zeile39*/	

#img_breit{
	display: block !important;
	}
#img_schmal{
	display: none !important;
	}	


  #menu-container {
    border: none;
   /* margin: 0 auto;*/ 
	/*margin-left:auto; margin-right:auto; max-width:960px;*/
	width:100%;
	margin-bottom:10px;
  }
  
  #menu-container ul.menu > li ul li a {
  background:#F4F4F4;
  /*opacity:0.9;*/
  color: #818181 !important;
   border-bottom: 1px solid #6C6C6C;
   border-left: 1px solid #6C6C6C;
   border-right: 1px solid #6C6C6C;
  /*padding-left: 40px;*/
}

  #menu-container ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  #menu-container ul.menu a {
    color:#800000;
    text-decoration: none;
    display: block;
    padding-top: 10px;
	padding-bottom: 10px; 
  }
  #menu-container ul.menu > li {
    float: left;
	text-align:center;
  }
   #menu-container ul.menu > li:first-child {
   	width:24%;
  }
   #menu-container ul.menu > li:nth-child(2) {
   	width:25%;
   }
   #menu-container ul.menu > li:nth-child(3) {
   	width:15%;
   }
   #menu-container ul.menu > li:nth-child(4) {
   	width:22%;
  }
 #menu-container ul.menu > li:nth-child(5) {
   	width:14%;
  }
  
  #menu-container ul.menu > li:hover ul {
    display: block;
  }
  #menu-container ul.menu > li ul {
    position: absolute;
    display: none;
  }
  #menu-container ul.menu > li ul li a {
   /* padding-left: 25px;*/
   color:#fff;
    /*min-width: 180px;*/
   font-size:1em !important;
  }
  
  #menu-container .trigger {
    display: none;
  }
 /*Breite und Position Aufklappmenüpunkte anpassen------------*/ 
  #ul_treuhand{
	  width:15% !important;
	  }
	  #li_treuhand{
		  width:100% !important; 
		  }
		  #ul_institut{
			  margin-left:-25px !important;
			  }
			  #ul_foerderverein{
				  width:15% !important
				  }
  /*----------------------------------------------------------*/
}

/* Umbruch nach Icon erzwingen, wenn nebeneinander nicht mehr passt (Inhalt + Seitenleiste---*/ 
/* @media screen and (max-width: 1380px) { 
  #menu-container ul.menu a > span::after{
	  content: '';
	  display:block !important;
	  }
 }
 @media screen and (max-width: 1300px) { 
  #menu-container ul.menu a > span::after{
	   content: '';
	  display:none !important;
	  }
 }
/*Ende Umbruch-------------------------------------------------------*/ 

/* Menü ENDE------------------------------------------------------*/

