/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                Main-Menue                                                                             */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#mainmenu {padding: 37px 20px 37px 0;}
#dropdown {height: 37px; overflow: hidden; float: right;}
#dropdown li {display: inline-block;}
#dropdown li a,
#dropdown li span {display: block; padding: 12px 25px; color: #fff; text-decoration: none; font-size: 18px; line-height: 11px; font-family: 'Yanone Kaffeesatz', Arial, sans-serif; text-transform: uppercase; font-weight: 200;}
#dropdown li span {color: #f18f4e;}

/*     --aktive & trail
------------------------------------------------- */
#dropdown li a.mainMenuParentBtnFocused,
#dropdown li a.trail,
#dropdown li.active a {background: #222;}
#dropdown li.first a {border: none;}

/*     --hover
------------------------------------------------- */
#dropdown li a:hover {background: #222; color: #F18F4E;}
#dropdown li a {transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*                                                Drop-Down                                                                       */            
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.smOW{display:none; position: absolute; overflow:hidden; padding: 0; margin: 0;}

/*     --links
------------------------------------------------- */
#subMenusContainer a {padding: 7px 20px; display: block; color: #fff; min-width: 234px;}

/*     --hover
------------------------------------------------- */
#subMenusContainer a:hover, #subMenusContainer a:focus, #subMenusContainer a.subMenuParentBtnFocused {color: #f18f4e; background: #222 url(../img/arrow-dropdown.png) left center no-repeat;}
#subMenusContainer a {transition: padding-left 1s; -moz-transition: padding-left 1s; -webkit-transition: padding-left 1s; -o-transition: padding-left 1s;}

/*     --aktive & trail
------------------------------------------------- */
#subMenusContainer a.trail, #subMenusContainer li.active a {color: #f18f4e; background: #222 url(../img/arrow-dropdown.png) left center no-repeat;;}

/*     --ul layer 2
------------------------------------------------- */
#subMenusContainer ul.level_2 {background: #000;}

/*     --ul layer 3
------------------------------------------------- */
#subMenusContainer ul.level_3 {background: #000;}

/*     --hide subMenusContainer
------------------------------------------------- */
#subMenusContainer {display:block; position:absolute; top:0; left:0; width:100%; height:0; overflow:visible; z-index:1000000000; }

/*     --icons
------------------------------------------------- */
/*
.mainMenuParentBtn {background: url(../img/arrow-down.png) 95% center no-repeat;}
.mainMenuParentBtnFocused {background: url(../img/arrow-down-hover.png) 95% center no-repeat;}
.subMenuParentBtn {background: url(../img/arrow-right.png) 95% center no-repeat;}
.subMenuParentBtnFocused {background: url(../img/arrow-right-over.png) 95% center no-repeat;}
*/

/*     --IE hacks
------------------------------------------------- */
#dropdown li ul {display: none;} /* flashing */
* + html .smOW  {margin-top: -2px; margin-left: -2px;} /*IE7 hack - position*/
* + html #subMenusContainer ul.level_3 {margin-top: 2px;} /*IE7 hack - position*/

/*     --mobilenavi
------------------------------------------------- */
#mobilenavi {display: none;}