﻿/*################ menu ################*/


/*######## langMenu ########*/
.headerGreyRow{
  width:972px;
  height:17px;
  padding:0 0 0 10px;
  background-color:#f1f1f1;
}
.servicefunction{
  margin:0;
  padding:2px 0 0 0;
  height:15px;
}
.servicefunction a.serviceFunctions{
  font-size:0.7em;
  line-height:1.25;
  color:#808285;
  margin:0 12px 0 0;
  padding:0;
  font-family:Arial,sans-serif;
  vertical-align:super;
}
.langMenu{
  background-color:#f1f1f1;
}
ul#lang{
  float:left;
  width:100px;
  margin:0;
  padding:0;
  list-style-type:none;
  position:relative;
  z-index:900;
  font-family:Arial,sans-serif;
}

/* #### mainmenu 1.level #### */
ul#lang li.firstLang{
  float:left;
  background-color:#f1f1f1;
}
ul#lang li.startpage{
  background-image:none;
}
/* ## item 1.level ## */
ul#lang li a{
  float:left;
  padding:2px 10px 1px 20px;
  display:block;
  font-size:0.7em;
  line-height:1.28;
  color:#808285;
  width:80px;
  background-image:url("../img_shared/langMenuStandard.gif");
  background-repeat:repeat-y;
  background-position:left top;
}
ul#lang li a img{
  margin:0 0 0 5px;
}
/* ## item 1.level hover, active ## */
ul#lang li:hover{
  position:relative;
  z-index:100;
  
}
ul#lang li a:hover,
ul#lang li:hover a,
ul#lang li.active a{
  color:#808285;
  background-color:#fff;
  background-image:url("../img_shared/langMenuHover2.gif");
  background-repeat:repeat-y;
  background-position:left top;
  width:80px;

}
/* #### mainmenu 2.level #### */
ul#lang :hover ul{
  left:0;
  top:17px;
}
ul#lang ul{
  position:absolute;
  left:-9999px;
  top:-9999px;
  width:162px;
  border-top:none;
  list-style-type:none;
  margin:0 0 0 -1px;
  padding:19px 9px 15px 15px;
  background-image:url("../img_shared/langMenuBorder.png");
  background-repeat:repeat-y;
  background-position:left bottom;
  z-index:800;
}
ul#lang :hover ul li{
  background-image:none;
}
ul#lang :hover ul li{
  padding:0 0 0 10px;
}
ul#lang :hover ul li a{
  margin:0;
  padding:0;
  font-weight:bold;
  font-size:11px;
  color:#404245;
  display:block;
  width:121px;
  border:none;
  float:left;
  text-indent:-13px;

}
ul#lang :hover ul li a span{
  margin:0;
  padding:0;
  background-image:none;
  display:block;
}
ul#lang :hover ul li a.arrow{
  background-image:none;
}
ul#lang :hover ul li a.arrow img{
  margin:0 -3px 0 5px;
  padding:0;
}
ul#lang :hover ul li a.arrow .roundedBorderEnd,
ul#lang :hover ul li a.arrow .roundedBorderEndRight{
  height:2px;
  display:block;
}
ul#lang :hover ul li a.arrow .roundedBorderRight,
ul#lang :hover ul li a.arrow .roundedBorderEndRight{
  padding-left:0;
}
ul#lang :hover ul li a.arrow .roundedBorder{
  padding:0 0 0 3px;
}
ul#lang :hover ul li a.arrow:hover .roundedBorder{
  margin-left:-10px;
  padding:0 0 0 3px;
  background-image:url("../img_shared/sub_navi_left_top.gif");
  background-repeat:no-repeat;
  background-position:left top;
}
ul#lang :hover ul li a.arrow span.roundedBorder span.roundedBorderRight span.mainMenuLink{
  display:inline-block;
  margin:0 0 0 10px;
  padding:3px 5px 1px 3px;
}
ul#lang :hover ul li a.arrow:hover span.roundedBorder span.roundedBorderRight span.mainMenuLink{
  display:inline-block;
  margin:0 0 0 10px;
  padding:3px 5px 1px 3px;
}
ul#lang :hover ul li a.arrow:hover .roundedBorder span.roundedBorderRight{
  margin-left:10px;
  background-image:url("../img_shared/sub_navi_right_top.gif");
  background-repeat:no-repeat;
  background-position:right top;
}
ul#lang :hover ul li a.arrow:hover .roundedBorderEnd{
  margin-left:-10px;
  background-image:url("../img_shared/sub_navi_left_bottom.gif");
  background-repeat:no-repeat;
  background-position:left bottom;
}
ul#lang :hover ul li a.arrow:hover .roundedBorderEnd span.roundedBorderEndRight{
  margin-left:10px;
  background-image:url("../img_shared/sub_navi_right_bottom.gif");
  background-repeat:no-repeat;
  background-position:right bottom;
}











/*######## mainMenu ########*/
.topNavigation{
  width:982px;
  background-image:url("../img_shared/top_navi_bg.gif");
  background-repeat:repeat-x;
  background-color:#003B6A;
}
ul#mainMenu{
  float:left;
  width:735px;
  margin:0;
  padding:0;
  min-height:30px;
  list-style-type:none;
  position:relative;
  z-index:500;
  font-family:Arial,sans-serif;
}

/* #### mainmenu 1.level #### */
ul#mainMenu li{
  float:left;
  background-image:url("../img_shared/top_navi_border_left.gif");
  background-repeat:no-repeat;
}
ul#mainMenu li.startpage{
  background-image:none;
}
/* ## item 1.level ## */
ul#mainMenu li a{
  float:left;
  padding:7px 21px 8px 11px;
  display:block;
  font-size:0.75em;
  line-height:1.25;
  font-weight:bold;
  color:#ffffff;
  border-right:1px solid #003B6A;
  /*background-image:url("../img_shared/arrow_down_white_top_navi.gif");*/
  background-image:url("../img_shared/menuTopArrowDown.gif");
  background-repeat:no-repeat;
  background-position:right 0;
  display:inline-block;
}
ul#mainMenu li.startpage a{
  padding-left:10px;
}
/* without submenu */
ul#mainMenu li.noSubmenu a{
  padding:7px 9px 8px 11px;
  background-image:none;
}
ul#mainMenu li.noSubmenu.startpage a{
  padding-left:10px;
}

/* ## item 1.level hover, active ## */
ul#mainMenu li:hover{
  position:relative;
  z-index:200;
}
ul#mainMenu li a:hover,
ul#mainMenu li:hover a,
ul#mainMenu li.active a{
  color:#003B6A;
  background-image:url("../img_shared/top_navi_hover_sub_new.gif");
  background-repeat:no-repeat;
  background-position:top right;

}
/* without submenu */
ul#mainMenu li.noSubmenu a:hover,
ul#mainMenu li.noSubmenu:hover a,
ul#mainMenu li.noSubmenu.active a{
  background-image:url("../img_shared/top_navi_hover.gif");
  background-repeat:repeat-x;
  background-position:top left;
}

/* #### mainmenu 2.level #### */
ul#mainMenu :hover ul{
  left:0;
  top:30px;
}
ul#mainMenu ul{
  position:absolute;
  left:-9999px;
  top:-9999px;
  width:225px;
  border-top:none;
  list-style-type:none;
  margin:0 0 0 -10px;
  padding:16px 9px 27px 20px;
  background-image:url("../img_shared/menuTopSubBorder.png");
  background-repeat:repeat-y;
  background-position:left bottom;
}
ul#mainMenu :hover ul li{
  background-image:none;
}
/*#### Left Navigation ####*/
.leftNavigation{
  margin:0 0 0 0;
  padding:0;
  width:250px;
  float:left;
  font-size:12px;
  font-family:verdana;
}
.leftNavigation ul.pageMenu,
.leftNavigation ul.pageMenu ul.level2{
  margin:0;
  padding:0;
  list-style-type:none;
  width:228px;
}
.leftNavigation ul.pageMenu li{
  margin:0;
  padding:0;
  float:left;
}
.leftNavigation ul.pageMenu li a,
.leftNavigation ul.pageMenu ul.level2 li a{
  padding:0 10px 0 0;
  margin:1px 0 0 0;
  font-size:11px;
  font-weight:bold;
  color:#404245;
  display:block;
  width:228px;
}
/*#### Breadcrumb ####*/
.bc{
  margin:0 0 3px 0;
  padding:0;
  width:228px;
}
.bc img{
  vertical-align:middle;
}
.bc ul{
  margin:0;
  padding:0;
  list-style-type:none;
  width:228px;
}
.bc ul li{
  margin:0;
  padding:0;
  float:left;
}
.bc a{
  padding:0 10px 0 0;
  margin:0;
  font-size:12px;
  line-height:15px;
  font-weight:bold;
  color:#000000;
  display:block;
  width:218px;
}
.bc a span{
  display:block;
}
.bc a .roundedBorder{
  margin:0;
  padding:0 0 0 4px;
}
.bc a .roundedBorder span.roundedBorderRight{
  margin:0;
  padding:5px 10px 2px 4px;
}
.bc a .roundedBorderEnd{
  margin:0;
  padding:0 0 0 4px;
  height:4px;
}
.bc a .roundedBorderEnd span.roundedBorderEndRight{
  margin:0;
  padding:0;
  height:4px;
}
.bc a:hover .roundedBorder{
  background-image:url("..../img_shared/page_navi_left_top.gif");
  background-repeat:no-repeat;
  background-position:left top;
}
.bc a:hover .roundedBorder span.roundedBorderRight{
  background-image:url("..../img_shared/page_navi_right_top.gif");
  background-repeat:no-repeat;
  background-position:right top;
}
.bc a:hover .roundedBorderEnd{
  background-image:url("..../img_shared/page_navi_left_bottom.gif");
  background-repeat:no-repeat;
  background-position:left bottom;
}
.bc a:hover .roundedBorderEnd span.roundedBorderEndRight{
  background-image:url("..../img_shared/page_navi_right_bottom.gif");
  background-repeat:no-repeat;
  background-position:right bottom;
}


/*####################################### menuRoundedCorners  ########################################*/
ul#mainMenu :hover ul li{
  padding:0 0 0 10px;
}
ul#mainMenu :hover ul li a{
  margin:0;
  padding:0;
  font-weight:bold;
  font-size:11px;
  color:#404245;
  display:block;
  width:197px;
  border:none;
  float:left;
  text-indent:-13px;
}
ul#mainMenu :hover ul li a span{
  margin:0;
  padding:0;
  background-image:none;
  display:block;
}
ul#mainMenu :hover ul li a.arrow{
  background-image:none;
}
ul#mainMenu :hover ul li a.arrow .roundedBorderEnd,
ul#mainMenu :hover ul li a.arrow .roundedBorderEndRight{
  height:2px;
  display:block;
}
ul#mainMenu :hover ul li a.arrow .roundedBorderRight,
ul#mainMenu :hover ul li a.arrow .roundedBorderEndRight{
  padding-left:10px;
}
ul#mainMenu :hover ul li a.arrow img{
  display:inline-block;
  margin:0;
  *padding:6px 0 4px 0;
}
ul#mainMenu :hover ul li a.arrow:hover .roundedBorder{
  margin-left:-10px;
  background-image:url("../img_shared/sub_navi_left_top.gif");
  background-repeat:no-repeat;
  background-position:left top;
}
ul#mainMenu :hover ul li a.arrow span.roundedBorder span.roundedBorderRight span.mainMenuLink{
  display:inline-block;
  margin:0 0 0 8px;
  padding:6px 0 4px 1px;
}
ul#mainMenu :hover ul li a.arrow:hover span.roundedBorder span.roundedBorderRight span.mainMenuLink{
  display:inline-block;
  margin:0 0 0 8px;
  padding:6px 3px 4px 1px;
  width:182px;
}
ul#mainMenu :hover ul li a.arrow:hover .roundedBorder span.roundedBorderRight{
  margin-left:10px;
  width:194px;
  background-image:url("../img_shared/sub_navi_right_top.gif");
  background-repeat:no-repeat;
  background-position:right top;
}
ul#mainMenu :hover ul li a.arrow:hover .roundedBorderEnd{
  margin-left:-10px;
  background-image:url("../img_shared/sub_navi_left_bottom.gif");
  background-repeat:no-repeat;
  background-position:left bottom;
}
ul#mainMenu :hover ul li a.arrow:hover .roundedBorderEnd span.roundedBorderEndRight{
  margin-left:10px;
  width:194px;
  background-image:url("../img_shared/sub_navi_right_bottom.gif");
  background-repeat:no-repeat;
  background-position:right bottom;
}

/*#### LoginBox ####*/

.loginBox{
  float:right;
  padding:0;
  background-image:url("../img_shared/top_navi_border_left.gif");
  background-repeat:no-repeat;
  background-position:left 0;
  border-left:1px solid #003b6a;
  width:67px;
  height:30px;
}
.loginSpacer{
  float:right;
  background-image:url("../img_shared/top_navi_border_left.gif");
  background-repeat:no-repeat;
  background-position:left 0;
  border-left:1px solid #003b6a;
  width:2px;
  height:30px;
}
.topMenuSpacer{
  float:left;
  background-image:url("../img_shared/top_navi_border_left.gif");
  background-repeat:no-repeat;
  background-position:left 0;
  width:1px;
  height:30px;
}
.loginBox img{
  padding:0 0 0 5px;
  margin-bottom:-2px;
}
.loginBox a{
  margin:0;
  padding:7px 0 0 10px;
  width:57px;
  display:inline-block;
  color:#fff;
  font-weight:bold;
  font-size: 0.75em;
  line-height: 1.25;
  font-family:Arial,sans-serif;
  background-image:url("../img_shared/loginBg.jpg");
  background-repeat:no-repeat;
  background-position:right top;
}
.loginBox a:hover{
  margin:0;
  padding:7px 0 0 10px;
  width:57px;
  height:100%;
  display:inline-block;
  color:#fff;
  font-weight:bold;
  font-size: 0.75em;
  line-height: 1.25;
  font-family:Arial,sans-serif;
  color:#003B6A;
  background-image:url("../img_shared/loginBgHover.jpg");
  background-repeat:no-repeat;
  background-position:right top;
}
.loginBox a.active{
  margin:0;
  padding:7px 0 0 10px;
  width:57px;
  height:100%;
  display:inline-block;
  color:#fff;
  font-weight:bold;
  font-size: 0.75em;
  line-height: 1.25;
  font-family:Arial,sans-serif;
  color:#003B6A;
  background-image:url("../img_shared/loginBgHover.jpg");
  background-repeat:no-repeat;
  background-position:right top;
}