﻿#top_navi {
  height: 70px;
  margin: 0px 10px 0px 250px;
  font-size: 11px;
  _font-size: 12px;
  font-family: Arial,Helvetica,sans-serif;
  position: relative;
  text-align: right;
  top: 25px;
  z-index: 99;
}

.level1,
.level1_active {
  position: relative;
  display: inline;
  padding: 25px 8px 27px 12px;
  background: url(/layout/top_navi_pipe.jpg) 0 0 no-repeat;
  color: #000000;
  letter-spacing: 1px;
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
  z-index:100;
}

.level1 a.uppercase {
    color: #000000;
}

.shadow { 
    width: 150px;
/*    height: 100%;*/
    display: none;
    position: absolute;
    top: 70px;
    left: 5px;
    z-index:256;
    background: #666666;
    text-align: left;
    /*padding: 0px 1px 27px 0px;*/
}

*html .shadow {
    padding: 0px 0px 0px 0px;
}

.ul_level2 { 
    width: 150px;
    display: none;
    position: relative;
    top: -5px;
    left: -5px;
    z-index:1000;
    background: white;
    text-align: left;
    border: 1px solid #cccccc;
    border-right: 0px;
    border-bottom: 0px;
    padding: 9px 0px 9px 0px;
    /*padding-bottom: 3px;*/
}
*html .ul_level2 {
}

.ul_level2 li {
  width: 114px;
  text-decoration:none;
  font-weight: normal;
  cursor:pointer;
  color: #000000;
  display: block;
  letter-spacing: 0px;
}
*html .ul_level2 li {
}

.ul_level2 li a {
  width: 120px;
  display: block;
  padding: 5px 18px 5px 18px;
}
.ul_level2 li a.arrow {
  background: url(/layout/product_arrow.jpg) no-repeat 135px 8px; /*113px 4px;*/
  *padding-bottom: 2px;
}

.ul_level2 li a.arrow_last {
  background: url(/layout/arrow_last.jpg) no-repeat 0px 4px; /* 0 4*/
  padding-left: 15px;
  *padding-bottom: 2px;
}

.ul_level2 li a.last {
  padding-left: 15px;
}

.level1:hover,
.level1.over,
.level1_active,
.level1_active:hover,
.level1_active.over {
    background: url(/layout/top_navi_link_bg_light.jpg) 0 0 repeat-x;
    color: #ffffff;
}
.level1_active {
    background: url(/layout/top_navi_link_bg.jpg) 0 0 repeat-x;
}

.level1:hover a.uppercase,
.level1.over a.uppercase {
    color: #ffffff;
}

.level1:hover .ul_level2, 
.level1.over .ul_level2,
.level1_active:hover .ul_level2, 
.level1_active.over .ul_level2 {
    display: block;
}
.level1:hover .shadow , 
.level1.over .shadow,
.level1_active:hover .shadow, 
.level1_active.over .shadow {
    display:block;
    background: none;
    background-color: #666666;
}

.ul_level2 li:hover,
.ul_level2 li.over,
.ul_level2 li:hover .bridge,
.ul_level2 li.over .bridge {
    background: none;
    font-weight: bold;
    display: block;
}

.bridge {
    position: absolute;
    top: 0px;
    right: -215px;
    width: 250px;
    border: 0px;
    margin: 0px;
    padding: 0px;

}

.bridge_last {
    left: -195px;
}

.shadow_level3 {
  width: 151px;
  display: none;
  position: relative;
  top: 4px;
  left: 44px;
  z-index: 101;
  background-color: #666666;
}

*html .shadow_level3 {
}

.ul_level3 {
    width: 150px;
    display: none;
    position: relative;
    top: -5px;
    left: -5px;
    z-index: 102;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-right: 0px;
    border-bottom: 0px;
    padding: 9px 0px 9px 0px;
}

*html .ul_level3 {
    width: 150px;
    display: none;
    position: relative;
    top: -5px;
    left: -5px;
    z-index: 102;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-right: 0px;
    border-bottom: 0px;
    padding: 9px 0px 9px 0px;
}

.ul_level3 li {
}

*html .ul_level3 li {
}

.ul_level2 li:hover .ul_level3, 
.ul_level2 li.over .ul_level3 {
    display: block;
}

.ul_level2 li:hover .shadow_level3,
.ul_level2 li.over .shadow_level3 {
    display: block;
    background: none;
    background-color: #666666;
}
.shadow_desc {
    position: relative;
    left: 44px;/*14*/
    top: 4px;/*4*/
  width: 251px;
    display: none;
    background-color: #666666;
    padding: 0px;
}
*html .shadow_desc {
    padding: 0px;
    left:45px;
}
.ul_level3 li:hover .bridge,
.ul_level3 li.over .bridge {
    display: block;
}
.ul_level3 li div.desc {
  width: 250px;
    display: none;
    position: relative;
    left: -5px;
    top: -5px;
    background: none;
    border: 1px solid #cccccc;
    border-right: 0px;
    border-bottom: 0px;
    font-weight: normal;
}
*html .ul_level3 li div.desc {
    left: -5px;
}
.ul_level3 li div.desc h1 {
  font-size: 12px;
  padding: 0px 0px 10px 0px;
  margin: 18px 18px 0px 18px;
  font-weight:bold;
  color:#003F6B;
  background: url(/layout/border_dotted_vertical.jpg) repeat-x bottom right transparent;
}

.ul_level3 li div.desc h1 span {
    font-weight: normal;
    font-size: 11px;
    color: #505050;
    display: block;
    margin-top: 5px;
}

.ul_level3 li div.desc p {
  padding:18px;
  margin:0px;
  font-weight:normal;
}

.ul_level3 li div.desc img {
  border: 0 none;
  margin: 0px;
  vertical-align: bottom;
}
.ul_level3 li:hover div.desc, 
.ul_level3 li.over div.desc,
.ul_level3 li.over div.desc div {
    display: block;
    background: none;
    background-color: #FFFFFF;
    color: #000000;
}
.ul_level3 li:hover div.shadow_desc,
.ul_level3 li.over div.shadow_desc {
    display: block;
    background: none;
    background-color: #666666;
}

/* Menü links */

#left_navi{
  width: 190px;
  background-color: #ffffff;
  float: left;
  overflow: hidden;
}
#left_navi h1 {
  display: block;
  background-color: #4a7798;
  padding: 8px 0px 8px 20px;
  border-bottom: 1px solid #ffffff;
  font-size: 14px;
  color: #FFFFFF;
}

#left_navi h1,
#left_navi h1 a {
/*  height: 12px;*/
}

#left_navi h1 a {
    padding-left: 0px;
    border: 0 none;
    font-weight: bold;
    background-color: none;
    color: #ffffff;
    font-size: 14px;
}

#lst_navi {
  background-color: #8CA6B5;
  margin-bottom: 5px;
  list-style-type:none;
}
#lst_navi li {
  margin: 0px;
  padding: 0px;
  height: auto;
  _height: 0px;
}

#lst_navi li.selected {
  background: url(/layout/left_navi_arrow_level_2.jpg) no-repeat 9px 8px;
}
#lst_navi li a {
  /*height: 19px;*/
  display: block;
  border-bottom: 1px solid #C0CDD6;
  padding: 6px 0px 5px 1px;
  margin-left: 29px;
}
#lst_navi li a.selected {
  font-weight: bold;
  border-bottom: 1px solid #C0CDD6;
}

#lst_navi li a.selected_child {
  font-weight: bold;
  border:0 none;
}

    
#lst_navi_nextlevel {
  width: 190px;
  margin:0px;
  padding: 0px;
  background: #A0B7C5;
  overflow: hidden;
  list-style-type:none;
}
#lst_navi_nextlevel li {
  margin:0px;
  padding: 0px;
  padding-left: 20px;/* 10 */
}         
         
#lst_navi_nextlevel li.selected {
  background: url(/layout/left_navi_arrow_level_3.jpg) no-repeat 0px 8px;/* 19 8 */
  margin-left:20px;
  padding-left:0px;
}        
#lst_navi_nextlevel li a.selected {
  font-weight: bold;
  border-bottom: 1px solid #C0CDD6;
}     
                     
#box {
  width: 190px;
  padding: 15px 0px 5px 0px;
  /*background: url(/layout/border_dotted_right.jpg) repeat-y right top;*/
  background-color: #ffffff;
}
#box h1 {
  font-size:12px;
  display:block;
  background: none;
  color: #003F6C;
  padding:0px;
  margin:0px 0px 15px 20px;
}
#box a.link {
  display: block;
  padding: 0px 0px 5px 20px;
}
*html #box a.link {
  height: auto;
}
/******************/
/* Tab-Navigation */
/******************/
#content .tpl_tabs .tabs_navi,
#tabs_navi {
  padding-bottom: 4px;
  border-bottom: 4px solid #B8B8B8;
}
                  
#content .tpl_tabs .tabs_navi ul li,
#tabs_navi ul li,
#tabs_navi ul li div {
  display: inline;
  font-size: 11px;
}
                  
#content .tpl_tabs .tabs_navi ul li a.link,
#tabs_navi ul li a.link {
  padding: 3px 26px 3px 23px;
  background:url(/layout/reiter_navi_link_bg.jpg) 0 0 repeat-x;
  border:1px solid #DBDBDB;
  border-bottom: 0px; 
}
                  
#content .tpl_tabs .tabs_navi ul li a.link_selected,
#tabs_navi ul li a.link_selected {
  padding:6px 16px 4px 19px;
  background:url(/layout/reiter_navi_link_selected_bg.jpg) 0 0 repeat-x;
  color:#505050;
  font-weight:bold;
  border:1px solid #B8B8B8;
  border-bottom:0px; 
}

/*******************/
/* Sitemap         */
/*******************/

.tpl_sitemap {
    width: 970px;
}

.tpl_sitemap #float_sitemap {
    width: 190px;
    margin-right: 5px;
    float: left;
}

.tpl_sitemap #float_sitemap div.hl {
  clear: both;
  background-color: #4a7798;
  padding: 8px 0px 8px 20px;
  border-bottom: 1px solid #ffffff;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}

#lst_sitemap {
  background-color: #8CA6B5;
  margin-bottom: 5px;
  list-style-type:none;
}

#lst_sitemap li {
  margin: 0px;
  padding: 0px;
  _height: 0px;
}

#lst_sitemap li a {
  /*height: 19px;*/
  display: block;
  border-bottom: 1px solid #C0CDD6;
  padding: 6px 0px 5px 1px;
  margin-left: 29px;
}

#lst_sitemap_nextlevel {
  width: 189px;
  margin:0px;
  padding: 0px;
  background: #A0B7C5;
  overflow: hidden;
  list-style-type:none;
}
#lst_sitemap_nextlevel li {
  margin:0px;
  padding: 0px;
  padding-left: 20px;/* 10 */
}