@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.4
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */

@media all
{
#nav li ul li a:hover {
    color: #f37000;
}
#nav_main, #nav_main ul {
    float: left;
    font-weight: bold;
    font-size: 1.2em;
    padding: 0;
    margin: 0;
    z-index: 999;
}

#nav_main #logo a {
    padding-top: 0.7em;
    padding-right: 1em;
    padding-bottom: 0.25em;
    margin-left: -30px;
}
    .gear {
        line-height: 1.7em;
        padding: 1em 0.75em;
    }


    #nav_main a {
        display: block;
        color: #fff;
        text-decoration: none;
        line-height: 1.2em;
        padding: 1.25em 0.75em;
    }

    #nav_main li {
    float: left;
    padding: 0;
    display: block;
    border-left: 1px solid white;
}

#nav_main li.last {
    border-right: 1px solid white;
}
#nav_main li ul {
    position:absolute;
    left: -999em;
    height: auto;
    margin: 0;
    background: #333;
    background: rgba(3,3,3,0.8);
    font-size: .8em;
    display: block;
    float: left;
    padding: 0;
    min-width: 10em;
    width: auto;
}

#nav_main li li {
    border: none;
    float: left;
    clear: left;
    width: auto;
    min-width: 100%;
}
#nav_main li li.bottom {
}

#nav_main li ul a {
    display: block;
    float:left;
    clear: both;
    padding: 1em 1.6em;
}

#nav_main li:hover ul ul, #nav_main li:hover ul ul ul, #nav_main li.sfhover ul ul, #nav_main li.sfhover ul ul ul {
    left: -999em;
}

#nav_main li:hover ul, #nav_main li li:hover ul, #nav_main li li li:hover ul, #nav_main li.sfhover ul, #nav_main li li.sfhover ul, #nav_main li li li.sfhover ul {
    left: auto;
}
#nav_main li:hover, #nav_main li.sfhover {
    background: #333;
}
#nav_main li#logo,#nav_main li#logo:hover {
    background: transparent;
    border: none;
}
#nav_main li ul li:hover, #nav_main li ul li.sfhover {
    color: #f37000;
}

  /* css for menus insides applications */
  #nav_sub {
    margin-left: 0;
    text-align:left;
    margin-bottom: 3em;
  }

  #nav_sub ul{
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    margin: 0;
    padding-left: 0;
   }

  #nav_sub li {
    font-size: 1.1em;
    font-weight: bold;
    color: #888;
    display: inline-block;
    padding: 0;
  }

#nav_sub .active #nav_sub_start {
  	height: 120px;
  	border-right: 1px solid #ccc;
	padding: 0;
}

#nav_sub .active #nav_sub_end {
  	height: 120px;
  	border-left: 1px solid #ccc;
	padding: 0;
}

  #nav_sub a {
    color: #888;
    padding: .5em .8em;
    margin: 0;
  }

  #nav_sub li.active{
    color: #333;
  }
  
  #nav_sub li.active a {
    color: #333;
	background: transparent url(../images/small_arrow_down_bg.gif) no-repeat center bottom;
	padding-bottom: 1.4em;
	border: none;
  }


  #nav_breadcrumb {
    padding-bottom: 1em;
  }

  /* css for menus insides applications */
  .tabs {
    margin-left: 0;
    text-align:left;
    border-bottom: 1px solid #999;
    margin-bottom: 1em;
  }

  ul.tabs{
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    /* display: inline; */
    margin: .4em;
   }

  .tabs li {
    font-size: 1em;
    color: #888;
    display: inline;
    padding: .5em .3em .3em .8em;
  }

  .tabs a {
    color: #888;
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-bottom: none;
    padding: .5em .8em .5em .8em;
    margin: 0;
  }

  .tabs li.active{
    color: #333;
  }
  
  .tabs li.active a {
    color: #333;
    background: #f5f5f5;
    border: 1px solid #999;
    border-bottom: none;
    padding-bottom: .6em;
  }



/* topnav menu (little greys) */
    .topnav a { color: #777; background:transparent; text-decoration:none; }
    .topnav a:hover { text-decoration:underline; background-color: transparent;}
    .topnav a:focus { text-decoration:underline; background-color: transparent;}
    }


#nav_right {
    float: right;
    font-weight: bold;
    font-size: 1.2em;
    padding: 0;
    margin: 0;
    z-index: 999;
    background-color: #f37000;
}

#nav_right #logo a {
    padding: 0.3em 1em;
}

#nav_right a {
    display: block;
    color: #fff;
    text-decoration: none;
    line-height: 1.2em;
    padding: 1.25em 0.75em;
}

#nav_right li {
    float: left;
    padding: 0;
    display: block;
    position: relative;
    z-index: 900;
}

#nav_right li ul {
    position:absolute;
    left: -999em;
    height: auto;
    margin: 0;
    background: #333;
    background: rgba(3,3,3,0.8);
    font-size: .8em;
    display: block;
    float: left;
    padding: 0;
    width: auto;
    min-width: 10em;
}

#nav_right li li {
    border: none;
    float: left;
    clear: left;
    width: auto;
    min-width: 100%;
    white-space: nowrap;
}

#nav_right li ul a {
    display: block;
    float:left;
    clear: both;
    padding: 1em 1.6em;
}

#nav_right li:hover ul ul, #nav_right li:hover ul ul ul, #nav_right li.sfhover ul ul, #nav_right li.sfhover ul ul ul {
    left: auto;
}

#nav_right li:hover ul, #nav_right li li:hover ul, #nav_right li li li:hover ul, #nav_right li.sfhover ul, #nav_right li li.sfhover ul, #nav_right li li li.sfhover ul {
    left: auto;
    right: 0;
}
#nav_right li:hover, #nav_right li.sfhover {
    background: #333;
}
#nav_right li#logo,#nav_right li#logo:hover {
    background: transparent;
    border: none;
}
#nav_right li ul li:hover, #nav_right li ul li.sfhover {
}
#nav_right li:hover, #nav_right li.sfhover {
    background: #333;
}
#nav_right li#logo,#nav_right li#logo:hover {
    background: transparent;
    border: none;
}
#nav_right li ul li:hover, #nav_right li ul li.sfhover {
    background: #333;
}
