/*@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300);*/

#hmenu-text {background:#325fb2;width:100%;}

#hmenu-text a{
  display: block;
  width:100%;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0.6em 0.6em 0.6em 2.3em;
  letter-spacing: 0.1em;
  font-size: 1em;
  position:relative;
}

#hmenu-text a:hover{color:#0c0c0c;}
#hmenu-text a:hover:before {border-color: #0c0c0c;}

#hmenu-text a:before {
  content: "";
  position: absolute;
  top: 1em;
  left: 0.5em;
  width: 1.3em;
  height: 0.130em;
  border-top: 0.390em double #fff;
  border-bottom: 0.130em solid #fff;
}


#hmenu {
  position: relative;
  float:left;
  margin: 0;
  line-height: 1em;
  width: 100%;
  /*font-family: 'Open Sans', sans-serif !important;*/
  z-index:999;
  width:100%;
  background: transparent;
  /*background: url(../img/bg-hmenu.png) repeat-y;*/
  /*background: url(../../main/img/bg-section.png) no-repeat ;*/ 
  font-family: 'Roboto Condensed', sans-serif !important;
  border-bottom: solid 2px #325fb2;
}


#hmenu ul {
  margin: 0;
  padding:0;
  list-style: none;
  display: block;
  width:100%;
  /*background: #d9dadb;*/
  background:tansparent;
  

}
#hmenu ul li {
  position: relative;
  margin: 0 0.3em 0 0;
  padding:0 0 0 0;
  list-style-type:none;
  float:left;
  width:auto;
}

/*#hmenu ul li.has-sub {min-width: 200px;}*/


#hmenu ul.hmenu-level2 {position:absolute;width:auto;min-width:200px;/*background:red; padding:0 0.5em 0.5em 0.5em;*/}
#hmenu ul.hmenu-level2 li {width:100%;} 

#hmenu ul.hmenu-level2 li.open  {border-bottom: #ffffff solid 0.2em;}
#hmenu ul.hmenu-level3 li{border-left: solid 0.5em #ffffff;}

#hmenu ul li a {
  text-decoration: none;
  cursor: pointer;
  background: #fff url(../img/bg-hmenu.png) repeat-y;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,cbebff+47,a1dbff+100;Blue+3D+%2313 */
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  
}

#hmenu > ul > li > a {
  color: #325fb2;
  text-transform: uppercase;
  display: block;
  padding: 0.6em 0.6em 0.6em 0.6em;
  /*background: #d9dadb;*/
  font-weight: 300;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  position: relative;
  width:100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,cbebff+47,a1dbff+100;Blue+3D+%2313 */
  
}

/*
#hmenu > ul > li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#hmenu > ul > li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom: 1px solid #ffffff;
}
*/


#hmenu > ul > li:hover > a,
#hmenu > ul > li.open > a {
  background:#b4cdfd ; 
  color: #325fb2;
}

#hmenu > ul > li.active > a {  background:#325fb2;color:#f1f1f1;}

/*icon Pfeile Sub */

#hmenu ul > li.has-sub a {padding-right:2em;}
#hmenu ul > li.has-sub::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 0.5em solid transparent;
  border-top-color: #c0c0c0;
  z-index: 2;
  right: 0.5em;
  top: 1em;
  pointer-events: none;
}


#hmenu ul li.open::after {border-top-color: #d5d5d5;}

#hmenu ul ul {
  display: none;
}

#hmenu ul li.active ul {display:none;}
#hmenu ul li.active ul li.has-sub ul{display:none;}
#hmenu ul li.active ul li.open ul{display:none;}


#hmenu ul ul li a {
  background: #f1f1f1;
  display: block;
  position: relative;
  padding: 0.6em 0 0.6em 1.5em;
  color: #777777;
  font-weight: 300;
  -webkit-transition: all 0.15s ease-in;
  -moz-transition: all 0.15s ease-in;
  -ms-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  -webkit-border-radius: 0px 0px 0 0;
  -moz-border-radius: 0px 0px 0 0;
  border-radius: 0px 0px 0 0;
}
#hmenu ul ul li:first-child > a {}

#hmenu ul ul ul li {border: 0;}

#hmenu ul ul li:hover > a,
#hmenu ul ul li.open > a,
#hmenu ul ul li.active > a {
  background: #FFFFFF;
  color: #325fb2;
}


#hmenu ul ul ul li a {padding-left: 30px;}


#hmenu ul ul > li:hover::after,
#hmenu ul ul > li.active::after,
#hmenu ul ul > li.open::after {}