/* @override http://twentytwelve.de/css/navigation.css */

/* NAVIGATION
----------------------------------------------------------------------------- */

#menu_hori {
   padding: 0;
   margin: 0px 0 0 0px;
}

#menu_hori ul {
   padding: 0;
   margin: 0;
  float: right;
}

#menu_hori ul ul {
	display: none;  /*AUS*/
}

/* menu li block */

#menu_hori li {
   list-style: none;
   margin: 0px 0 0 0;
   display: inline;
}

#menu_hori ul ul li {
   border: none;
}

/** fix stupid ie bug with display:block; **/
* html #menu_hori li a { height: 1%; } 
* html #menu_hori li hr { height: 1%; }
/** end fix **/


/* 1. LEVEL
----------------------------------------------------------------------------- */

#menu_hori a {
   float: left;
   text-decoration:none;     
   display: block;             /* IE has problems with this, fixed above */
   padding: 10px 15px;
   color: #FFF;             /* this will be link color for all levels */
   min-height:1em; /* Fixes IE7 whitespace bug */ 
   text-transform: uppercase;
   font-weight: bold;
   font-size: 14px;
   background: #FF7810;
   margin: 0 0 0 2px;
   
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition:    all 0.3s ease;
	-ms-transition:     all 0.3s ease;
	
}

#menu_hori li div {
   float: left;
}

#menu_hori a:hover {
	text-decoration: none;
	color: #333;
	background: #FFF;
}

#menu_hori a:hover.currentpage {
}


/* 2. LEVEL
----------------------------------------------------------------------------- */

#menu_hori2 .inner {
	overflow: hidden;
   	margin: 0px 0 0px 45px;
}

#menu_hori2 ul {
	overflow: hidden;
   	margin: 0px 0 0px -1px;
   	padding: 0;
}
#menu_hori2 ul li {
	float: left;
    list-style: none;
	margin: 0px 0 0px 0px;
	margin: 0;
	padding: 0;
}

#menu_hori2 li a {
	color: #666;
	float: left;
	font-family: "Helvetica Neue", Arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px 11px;
	margin: 0 0 0 px;

}

#menu_hori2 ul a:hover { 
text-decoration: none;
color: #CE242F;
}

#menu_hori2 ul li a.currentpage {
    font-weight: bold;
    color: #CE242F;
   	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}


/* 1. LEVEL CURRENT
----------------------------------------------------------------------------- */

#menu_hori ul a.currentpage, #menu_hori li .activeparent {
	display: block; 
    padding: 10px 15px;
	color: #333;               /* this will be link color for all levels */
	margin: 0px 0 0px 0;                    
    text-transform: uppercase;
	font-weight: bold;
	background: #FFF; 
}

#menu_hori ul a:hover.currentpage,
#menu_hori li .activeparent {
}



/* 2. LEVEL CURRENT
----------------------------------------------------------------------------- */

#menu_hori2 ul li .currentpage {
    font-weight: normal;
    text-transform: none;
}

#menu_hori2 ul a:hover.currentpage {
}


/* 3. LEVEL CURRENT
----------------------------------------------------------------------------- */

div#menu_hori ul ul ul {
      padding: 6px 3px 6px 30px;
      text-transform: none;
}


/* ABSCHNITTSÜBERSCHRIFT
----------------------------------------------------------------------------- */


/* section header */
#menu_hori li.sectionheader {
   border-right: none;
   font-weight: bold;
   padding: 10px 0 10px 0;
   background-color: #fff;
   margin: 0;
   text-align:center;
}

/* TRENNER
----------------------------------------------------------------------------- */

/* separator */
#menu_hori li.seperator {
   height: 1px !important;
   margin-top: 0px;
   margin-bottom: 0;
   padding: 0px 0 0px 0;
   background-color: #FFF;
   background-image: none;
   border: none;
   border-top: 3px solid #FFF;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

#menu_hori li.separator hr {
   display: none; /* this is for accessibility */
}