/* CSS Document */
body {
    background: url("../images/layout/body_bg.png") no-repeat scroll center top #FFFFFF;
}
/* ---------------------------------------------------

NAVIGATION

------------------------------------------------------*/
/*----------------  NAVIGATION-MAIN-TOP  ------------------*/
a:focus {
    outline:none;
}
.Navigation, .subNavigation, .subSubNavigation {
    font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:1em;
    white-space:nowrap;
    font-weight:bold;
    text-transform:uppercase;
    list-style:none;
}
#mainnavi * {
    float:left;
}
#mainnavi {
    height:50px;
    background:url(../images/layout/navi/mainnavi_bg2.png) no-repeat center top;
}
#mainnavi ul {
    margin:0 0 0 10px;
    padding:0 0 0 0;
}
#mainnavi ul.Navigation {
    position:relative;
    z-index:5;
}

#mainnavi ul.Navigation li {
    position:relative;
    top:0;
    left:0;
    z-index:5;
}
#mainnavi ul.Navigation li.active {
    position: static;
}
#mainnavi a, #mainnavi a:link, #mainnavi a:active, #mainnavi a:visited, #mainnavi a:hover {
    color:#c1d1e3;
    padding:15px 10px 15px 10px;
    text-decoration:none;
}
#mainnavi a:hover {
    color:#FFFFFF;
    background:url(../images/layout/navi/mainnavi_bg_hover.png) repeat-x left top;
}
#mainnavi li.active a,
#mainnavi li.hasActiveSubCat a {
    font-weight:bold;
    color:#ffffff;
    /*background:url(../images/layout/navi/mainnavi_bg_active.png) no-repeat center top;
    _background:url(../images/layout/navi/mainnavi_bg_active.gif) no-repeat center top;*/
}

/*----------------  Sub-Navigations; show SubCat ------------------*/

#mainnavi ul.catoff li {
    display:block;
}
#mainnavi ul.catoff {
    position:absolute;
    top:40px;
    left:0px;
    width:200px;
    z-index:1000;
    padding:8px 0 20px 0;
    margin:0 0 0 -7px;
    background:url(../images/layout/navi/mainnavi_bg_sub.png) no-repeat bottom center;
    _background-image:none;
    _background-color:#ffffff;
    _width:186px;
    _margin:0 0 0 0;
    _padding:8px 0 10px 0;
    _border-left:solid 1px #666666;
    _border-bottom:solid 1px #666666;
    _border-right:solid 1px #666666;
    display:none;
}
#mainnavi ul.catoff li a,
#mainnavi ul.catoff li a:link,
#mainnavi ul.catoff li a:visited,
#mainnavi ul.catoff li a:active,
#mainnavi ul.catoff li a:hover {
    padding:6px 0 2px 10px;
    margin:0 0 0 7px;
    _margin:0 0 0 0;
    height:14px;
    width:176px;
    color:#00468e;
    /*background-image:none;*/
    display:inline;
}

#mainnavi ul.Navigation li:hover ul.subNavigation,
#mainnavi ul.Navigation li:focus ul.subNavigation,
#mainnavi ul.Navigation li.hover ul.subNavigation,
#mainnavi ul.Navigation li.focus ul.subNavigation {
    display:block;
}

#mainnavi ul.Navigation li:hover a:hover,
#mainnavi ul.Navigation li.hover a:hover {
    color:#FFFFFF;
    background:url(../images/layout/navi/mainnavi_bg_hover.png) repeat-x left top;
}
#mainnavi ul.Navigation li:hover a,
#mainnavi ul.Navigation li.hover a {
    color:#FFFFFF;
    background:url(../images/layout/navi/mainnavi_bg_hover.png) repeat-x left top;
}
#mainnavi ul.Navigation li:hover ul li a,
#mainnavi ul.Navigation li.hover ul li a {
    background-image:none;
    color:#00468e;
}
#mainnavi ul.Navigation li:hover ul li a:hover,
#mainnavi ul.catoff li a:hover {
    color:#ffffff;
    background-color:highlight;
    background-image:none;
}

/*----------------  SECOND-LEVEL-NAVIGATION left side ------------------*/
#left_div ul.subNavigation,
#left_div ul.subSubNavigation {
    width:190px;
    margin:0;
    padding:0;
}
#left_div ul.subNavigation {
    margin:23px 0 0 10px;
    padding-bottom:1px;
    background:url(../images/layout/navi/subnavi_bg_dottedline.png) no-repeat left bottom;
}
#left_div ul.subNavigation li {
    padding-top:1px;
    background:url(../images/layout/navi/subnavi_bg_dottedline.png) no-repeat left top;
}

#left_div ul.subSubNavigation li {
    padding-top:1px;
    background:url(../images/layout/navi/subsubnavi_bg_dottedline.png) no-repeat 0px top;
}
#left_div ul.subSubNavigation li.active {
    background:url(../images/layout/navi/subsubnavi_bg_dottedline.png) no-repeat 0px top;
}


#left_div ul.subNavigation li.active {
    font-weight:bold;
}
#left_div ul.subNavigation ul.subSubNavigation.catoff {
    display:none;
}
#left_div ul.subNavigation ul.subSubNavigation.caton {
    font-weight:normal;
    display:block;
}

#left_div ul.subNavigation a,
#left_div ul.subNavigation a:link,
#left_div ul.subNavigation a:visited,
#left_div ul.subNavigation a:active,
#left_div ul.subNavigation a:hover {
    padding:9px 7px 9px 7px;
    color:#00468e;
    text-decoration:none;
    display:block;
    _width:100%;
}

#left_div ul.subNavigation ul.subSubNavigation a {
    padding-left:22px;
}

#left_div ul.subNavigation li.active a {
    background:url(../images/layout/navi/subnavi_bg_active.png) no-repeat right 2px;
}
#left_div ul.subNavigation li.active li a {
    background-image:none;
}
#left_div ul.subNavigation a:hover,
#left_div ul.subNavigation li.active a:hover,
#left_div ul.subNavigation li.active li a:hover,
#left_div ul.subNavigation li li.active a:hover {
    background-color:#f4faff;
    /*background-color:#d4ebfd;*/
}
#left_div ul.subNavigation a:active,
#left_div ul.subNavigation li.active a:active,
#left_div ul.subNavigation li.active li a:active,
#left_div ul.subNavigation li li.active a:active {
    background-color:#d4ebfd;
}

#left_div ul.subNavigation li.hasActiveSubSubCat a.hasActiveSubSubCat {
    background:url(../images/layout/navi/subnavi_bg_hasactive.png) no-repeat right 2px;
}