/**
*********************************************
* (X)HTML-scheme: PKF Hauptnavigation
*   <div id="top-navigation"> 
*       <ul class="main-items">
*           <li class="main normal"><a href="#">MainItem1</a></li>
*           <li class="main selected"><a href="#">MainItem2</a>
*               <div class="cols1">
*                   <ul class="sub-items">
*                       <li class="selected sub-title"><a href="#">Subtitel 1</a></li>
*                       <li class="normal sub-item"><a href="#">Subitem 1</a></li>
*                       <li class="normal sub-item"><a href="#">Subitem 2</a></li>
*                       <li class="normal sub-item"><a href="#">Subitem 3</a></li>
*                       <li class="normal sub-item"><a href="#">Subitem 4</a></li>
*                   </ul>
*               </div>
*           </li>
*       </ul>
*   </div>
 *********************************************
 */
 #top-navigation {
    background: url('img/top-navigation_gradient.png') repeat-x #FFFFFF;
    border-bottom: 1px solid #8EAFC5;
    clear: both;
    display: block;
    font-size: 15px;
    width: 972px;
    margin: 0 auto;
    height: 55px;
    position: relative;
}
#top-navigation ul {
    float: left;
}
#top-navigation li.main {
    display: inline;
    float: left;
    position: relative;
    padding-top: 7px;
}
#top-navigation li.main > a {
    color: #5E5E5E;
    font-weight: bold;
    line-height: 48px;
    text-decoration: none;
    margin: 0;
    padding: 0 15px;
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #CCCCCC;
    display: block;
}
#top-navigation li.main.selected {
    background: url('img/top-navigation_selected.png') repeat-x #FFFFFF;
}
#top-navigation li.main.selected > a {
    color: #FFFFFF;
    border-left: 1px solid #0055A5;
    border-right: 1px solid #0055A5;
}
#top-navigation li.main:hover {
    background: url('img/top-navigation_hover-gradient.png') top repeat-x #F9F9F9 !important;
    -webkit-box-shadow: 2px 2px 2px #999, -2px 2px 2px #999;
    -moz-box-shadow: 2px 2px 2px #999, -2px 2px 2px #999;
    box-shadow: 2px 2px 2px #999, -2px 2px 2px #999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index: 50;
}
#top-navigation li.main:hover > a {
    color: #6F6F6F;
    border-left: none;
    border-right: none;
    margin: 0 1px;
}
/* sub-menu::start */
#top-navigation li.main > div {
    position: absolute;
    top: 52px;
    visibility: hidden;
    margin: 0 0 0 0;
    padding: 10px 10px 40px 10px;
    border: 1px #FFFFFF solid;
    border-top-color: #F9F9F9;
    background: url('img/top-navigation_sub-gradient.png') repeat-x bottom #F9F9F9; 
    -webkit-box-shadow: 2px 2px 2px #999, -2px 2px 2px #999;
    -moz-box-shadow: 2px 2px 2px #999, -2px 2px 2px #999;
    box-shadow: 2px 2px 2px #999, -2px 2px 2px #999;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    z-index: 100;
}
#top-navigation li.main:hover div {
    visibility: visible;
}
#top-navigation li div.cols1 {width: 250px;}
#top-navigation li div.cols2 {width: 500px;}
#top-navigation li div.cols3 {width: 750px;}
#top-navigation li div.cols4 {left: -230px; width: 952px;}

#top-navigation ul.sub-items {

}

#top-navigation li.sub-title,
#top-navigation li.sub-item {
    height: 20px;
    padding-right: 7px;
    margin-right: 3px;
}
#top-navigation li.sub-title {
    margin-top: 10px;
}
#top-navigation li.sub-title a,
#top-navigation li.sub-item a {
    display: block;
    height: 20px;
    padding-left: 7px;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
}
#top-navigation li.sub-title a {
    color: #000000;
    font-weight: bold;
}
#top-navigation li.sub-item a {
    color: #666666;
    font-weight: normal;
    padding-left: 14px;
}
#top-navigation li.sub-title:hover,
#top-navigation li.sub-item:hover,
#top-navigation li.selected,
#top-navigation li.selected {
    background-color: #0055A5;
}
#top-navigation li.sub-title:hover > a,
#top-navigation li.sub-item:hover > a,
#top-navigation li.sub-title.selected > a,
#top-navigation li.sub-item.selected > a {
    color: #FFFFFF;
}
/*--------------------------*/
#left-navigation{
    font-size: 16px;
    margin-bottom: 24px;
}
* html .subNav ul {
    width: 100%;
}
#left-navigation ul.sub-nav{
    margin: 0;
}
#left-navigation ul li, #page .siteMap ul li {
    border-bottom: 1px solid #E6E6E6;
    list-style-type: none;
}
#left-navigation ul li a, #page .siteMap ul li.section a {
    background: url("img/right_arrow.png") no-repeat scroll left center transparent;
    color: #5E5E5E;
    display: block;
    padding: 12px 16px;
    text-decoration: none;
}
#left-navigation ul li a:link, #left-navigation ul li a:visited {
    color: #5E5E5E;
    text-decoration: none;
    font-weight: normal;
}
ul.sub-nav li.selected a,
#left-navigation ul li.selected>a,
#page .siteMap ul li.section a {
    background-color: #0055A5;
    color: #FFFFFF;
}
#left-navigation ul li.selected a:hover,
#left-navigation ul li.selected a:focus,
#left-navigation ul li.selected a:hover{
    background-color: #0055A5;
    color: #FFFFFF;
}

#left-navigation ul ul li:last-child,
#left-navigation ul#main-navigation ul.sub-nav li ul li:last-child,
#page .siteMap ul li.section ul li div ul li:last-child{
    border-bottom: medium none !important;
}
#left-navigation ul li a:hover, #left-navigation ul li a:focus,
#left-navigation ul#main-navigation ul.sub-nav li ul li a:hover, #left-navigation ul#main-navigation ul.sub-nav li ul li a:focus,
#page .siteMap ul li.section ul li a:hover,#page .siteMap ul li.section ul li a:focus {
    background-color: #C5D7E8;
    color: #0055a5;
}
/*---------3rd level-----------------*/
#left-navigation ul.sub-nav li ul{
    margin: 0;
}
#page .siteMap ul ul {
    padding-left: 28px;
    margin: 0;
}
#left-navigation ul.sub-nav li ul li,
#page .siteMap ul ul li{
    border-bottom: none;
    list-style-type: none;
}
#left-navigation ul.sub-nav li ul li a{
    background: none repeat scroll 0 0 #F4F7F8;
    color: #000000;
    padding: 6px 0 6px 16px;
    display: block;
    font-size: 13px;
}
#left-navigation ul.sub-nav li ul li a:hover {
    background-color: #c5d7e8;
    color: #0055a5;
}
#left-navigation ul.sub-nav li ul li.selected a {
    background-color: #c5d7e8;
    color: #0055a5;
}
/*-----Sitemap-Navigation------------------------------*/
#page .siteMap{
    padding:0px;
}

/* --------	MAP --------- */
#page .siteMap ul {
    margin: 0;
}

#page .siteMap ul li {
    font-size: 13px;
}
/* --------	First Level --------- */

#page .siteMap ul li.section a:hover,
#page .siteMap ul li.section a:focus{
    background-color: #0055c5;
}

/* --------	Second Level --------- */




/* --------	Third Level --------- */

#page .siteMap ul li.section ul li a{
    background: url("img/right_arrow.png") no-repeat scroll left center transparent;
    color: #5E5E5E;
    display: block;
    padding: 12px 16px;
    text-decoration: none;
}
#page .siteMap ul li.section ul li a:hover{
    background-color: #f4f7f8;
    color: #5E5E5E;
}