/* CSS Document */

html {
	height: 100%;
}

body {
	height: 100%;
 background: #c4c4c4 url(../images/bg_body.jpg) repeat-x;
	padding:0;
	margin:0;
 font: normal 11px verdana,arial,helvetica;
}

a {
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

table, p, td {
 margin:0;
 padding:0;
 border: none;
}

#wrapp {
 width:939px;
 margin:0 auto;
 position:relative;
}

#header {
 position: relative;
 height: 158px;
 width: 939px;
 z-index:20px;
}

#header #logo {
 position: absolute;
 top: 31px;
 left: 47px;
}

#header #metanavi {
 position: absolute;
 top:22px;
 right: 15px;
}

#metanavi ul, #navi ul {
 padding:0;
 margin:0;
 list-style: none;
}

#metanavi li, #navi li {
 float: left;
 text-indent: 20px;
}

#header #lang {
 position: absolute;
 bottom: 47px;
 right: 15px;
}

#header #lang li {
 padding-left: 10px;
}

#header #lang a.highLang {
 font-weight: bold;
}

#navi {
 position: absolute;
 width: 917px;
 height: 22px;
 top: 126px;
 left: 7px;
 z-index: 10;
 background: url(../images/bg_navi.gif) no-repeat;
}
#naviRel {
 position: relative; 
}
#header a {
 font: normal 10px verdana,arial,helvetica;
 color: #504f4f;
}

#containerL, #containerR, #container {
 position: relative;
 width:939px;
 z-index:1;
}


div.clr {
 clear: both;
 visibility: hidden;
 font-size: 1px;
}

/* ja transmenu */
div#menu table {
 margin-left: 15px;
}

div#menu #menu1 {
 display:none;
}

div#menu .mainlevel-trans,div#menu  .mainlevel_active-trans {
 width: 180px;
 height: 30px;
 text-indent: -3000px;
 font-size:0px;
 border:none;
 padding:0;
 background: url(../../map/images/navi_1.gif) no-repeat;
}
div#menu #menu2 {
 background: url(../../map/images/navi_2.gif) no-repeat;
}
div#menu #menu9 {
 background: url(../../map/images/navi_3.gif) no-repeat;
}
div#menu #menu18 {
 background: url(../../map/images/navi_1.gif) no-repeat;
}
div#menu #menu50 {
 background: url(../../map/images/navi_4.gif) no-repeat;
}
div#menu #menu16 {
 background: url(../../map/images/navi_5.gif) no-repeat;
}

body#bodyEn div#menu .mainlevel-trans, body#bodyEn div#menu  .mainlevel_active-trans{
 background: url(../../map/images/navi_1_en.gif) no-repeat;
}
body#bodyEn div#menu #menu9 {
 background: url(../../map/images/navi_2_en.gif) no-repeat;
}
body#bodyEn div#menu #menu16 {
 background: url(../../map/images/navi_3_en.gif) no-repeat;
}
body#bodyEn div#menu #menu18 {
 background: url(../../map/images/navi_4_en.gif) no-repeat;
}

div#menu #menu2.mainlevel-trans:hover,div#menu #menu9.mainlevel-trans:hover,div#menu #menu16.mainlevel-trans:hover,div#menu #menu18.mainlevel-trans:hover, 
body#bodyEn div#menu #menu2.mainlevel-trans:hover,body#bodyEn div#menu #menu9.mainlevel-trans:hover,body#bodyEn div#menu #menu16.mainlevel-trans:hover,body#bodyEn div#menu #menu18.mainlevel-trans:hover
{
 background-position: 0 -30px;
}

div#menu #menu2.mainlevel_active-trans,div#menu #menu9.mainlevel_active-trans,div#menu #menu16.mainlevel_active-trans,div#menu #menu18.mainlevel_active-trans,
body#bodyEn div#menu #menu2.mainlevel_active-trans,body#bodyEn div#menu #menu9.mainlevel_active-trans,body#bodyEn div#menu #menu16.mainlevel_active-trans,body#bodyEn div#menu #menu18.mainlevel_active-trans
 {
 background-position: 0 -60px;
}

div.transmenu .item {
 border:none;
}

/* transmenu d4j */
table#transmenu {
 margin-left: 55px;
}
table#transmenu a {
 display:block;
 width: 190px;
 height: 30px;
 text-indent: -1000px;
 font-size:0px;
}
table#transmenu a#transmenu_menu1 {
 display: none; 
}
table#transmenu a#transmenu_menu2 {
 background: url(../../map/images/navi_1.gif) no-repeat;
}
table#transmenu a#transmenu_menu9 {
 background: url(../../map/images/navi_2.gif) no-repeat;
}
table#transmenu a#transmenu_menu16 {
 background: url(../../map/images/navi_3.gif) no-repeat;
}
table#transmenu a#transmenu_menu18 {
 background: url(../../map/images/navi_4.gif) no-repeat;
}
table#transmenu a#transmenu_menu2:hover,table#transmenu a#transmenu_menu9:hover,table#transmenu a#transmenu_menu16:hover,table#transmenu a#transmenu_menu18:hover {
 background-position: 0 -30px;
}

table.items a.sublevel {
 display:block;
 color: #666;
 line-height: 18px;
}


/* extended menu */


#navi ul#menulist_root {
 position: relative;
 margin-left: 55px;
}
#navi ul#menulist_root li{
 position: relative;
 width: 190px;
 height:1px;
}
#navi ul#menulist_root li a{
 display:block;
 height: 1px;
 font-size:0px;
 text-indent:-3000px;
}

#navi ul#menulist_root li a:hover{
 background-position: 0 -30px;
}

#navi ul#menulist_root li a.mainlevel_current,
#navi ul#menulist_root li a.mainlevel_current:hover,
#navi ul#menulist_root li a.mainlevel_active,
#navi ul#menulist_root li a.mainlevel_active:hover
 {
 background-position: 0 -60px;
}
#navi ul#menulist_root ul {
 position: absolute;
 top: 26px;
 left: -43px;
 width: 214px;
 height: auto;
}

#navi ul#menulist_root ul#menulist_2 {
 left: -233px;
}

#navi ul#menulist_root ul#menulist_3 {
 left: -423px;
}

#navi ul#menulist_root ul#menulist_4 {
 left: -613px;
}
#navi ul#menulist_root ul li  {
 float: none;
 height: 24px;
 background: url(../images/dot_bg_hor.gif) repeat-x bottom;
}

#navi ul#menulist_root ul li a,#navi ul#menulist_root ul li a:hover {
 display: block;
 color: #3f5581;
 line-height: 24px;
 height: 24px;
 width: 214px;
 text-indent:25px;
 font-size:11px;
 background:url(../images/bg_subnavi.gif) 10px 0 no-repeat;
}
#navi ul#menulist_root ul li a:hover {
 background:url(../images/bg_subnavi.gif) 10px -30px no-repeat;
 text-decoration:none;
}

#navi ul#menulist_root ul li a.sublevel_current {
 background:url(../images/bg_subnavi.gif) 10px -60px no-repeat;
 color: #000;
}