/*******************************************************************
 * Control of opacity styled menu in line 160 ...
 * Visibility of third menu level (after selection) in line 418 ...
 ******************************************************************/
 
#main_navi_container {
   position: relative;
   margin: 0px 0px -45px 0px;
   padding: 0px 0px 80px 0px;
   width: 960px;
   height: 35px;
   overflow-y: visible;   
   z-index:999;
}

/******************************************************
 * The main navigation container (its a DIV)
 ******************************************************/
div.main_navi {
   position: relative;
   width: 960px;
   height: 35px;
   font-size: 0.85em;
   margin: 0px;
   padding: 0px 0px 0px 0px;
   background-color: #3B80C2; /* That's "LANCOM blue"*/
   border-width: 0px 0px 0px 0px;
   border-color: #3b80c2 #383838 #383838 #3b80c2;
   border-style: none none none none;
   z-index: 150;
}

div.main_navi a {
   font-weight: bold;
}

/******************************************************
 * Styling the lists in navigation-container generally
 ******************************************************/
 
/* remove all the bullets, borders and padding */
div.main_navi ul {
   height: 35px;
   margin: 0px 0px -35px 0px;
   padding: 0px 0px 35px 0px;
   list-style-type:none;
}

/* float the list elements to make them horizontal, position relative to control the dropdown positon */
div.main_navi li, div.main_navi li.h_over {
   float:left;
   position:relative;
   margin: 0px;
   padding-top: 0px !important;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-left: 0px;
   background: none !important;
}

div.main_navi a {
   margin: 0px;
   white-space: nowrap;
   display: inline-block;
   padding: 0px 14px 0px 8px;
   text-decoration: none;
}

/* style the table so that it takes no part in the layout - required for IE to work */
div.main_navi table {
   position:absolute;
   top:0;
   left:0;
   border-collapse:collapse;
}

/******************************************************
 * Styling the first level menu
 ******************************************************/
/* Set the background-color and height: */
div.main_navi ul {
   height: 35px;
   margin: 0px;
   padding: 0px;
   background-color: #3B80C2;
   z-index: 999;
}
div.main_navi:hover {
   z-index: 1234;
}
div.main_navi ul li {
   height: 35px;
   margin: 0px;
   background-color: #3B80C2;
}
/* Style the links: */
div.main_navi ul li a {
   height: 26px;
   margin: 0px;
   padding: 9px 14px 0px 8px;
   font-size:12px;
}
div.main_navi ul li a, div.main_navi ul li a:visited {
   color: #d0d8e8;
}
div.main_navi ul li a:hover {
   color: #4A4A4A;
   background-color: #D8E6F3;
   text-decoration: none;
   border-bottom: none;

}
/* cheap trick to highlight the first level, even when mouseover is on second level (because second level is within first level li) */
div.main_navi ul li:hover a {
   color: #4A4A4A;
   background-color: #D8E6F3;
   text-decoration: none;
   border-bottom: none;
   
}

/* Style the selected path on first menu-level: */
/* the link in the selected list element */
div.main_navi ul li.selected a  {
   font-weight: bold;
   color: #4A4A4A;
   /*background-color: #6ba0d1;*/
   background-color: #D8E6F3;
   height: 26px;
   padding: 9px 14px 0px 8px;
   /*border-top: 0px solid #6098c8;*/
   /*border-right: 0px solid #3068a8;*/
   border-width: 0px 0px 0px 0px;
   border-style: solid;
   border-color: #c0c0c0 #c0c0c0 #c0c0c0 #c0c0c0;
   /*color: #0e0ff;*/
   text-decoration: none;
}
/*the hover of the link in the selected list element */
div.main_navi ul li.selected  a:hover {
   color: #4A4A4A;

}


/******************************************************
 * Styling the second level menu
 ******************************************************/
/* It's in the above <li> element and inherits its width, so expand it by negative margin */
div.main_navi ul ul {
   visibility: hidden;
   position: absolute;
   top: 35px;
   /*top: 46px; /* Repositioning for IE */
   left: 0px;
   background-color: #D8E6F3;
   background-image: none;
   border-width: 0px 1px 1px 1px;
   border-style: solid;
   border-color: #c0c0c0 #c0c0c0 #c0c0c0 #c0c0c0;
   /*color: #0e0ff;*/
   margin: 0px -500px 0px 0px;
   padding: 5px;
   white-space: nowrap;
   z-index: 1000;
   height: 24px;
}
* html div.main_navi ul ul {
   height: 20px;
   /*heigh\t: 20px; IE9 now understand this !!! They try to kill all hacks, instead of trying to make their browser work correct ... */
   /* filter: alpha(opacity=100);*/
}
div.main_navi ul ul  li {
   float:left;
   position:relative;
   z-index: 1000;
   height: 20px;
   padding: 0px;
}
/* Style the links: */
div.main_navi ul ul li a, div.main_navi ul ul li a:visited {
   color: #4A4A4A;
   font-size: 1.1em;
   font-weight: normal;
   /*line-height:0.9em;  ??? cuts off the descenders */
   padding: 4px 10px 0px 6px;
   border-right: 0px solid #d0e0ff;
   border-bottom: 0px solid #d0e0ff;
   /* causes problems in IE<9: vertical-align: middle;*/
   height: 16px
}
/* TAN-Hack: IE still doesn't have correct box modell ... */
* html div.main_navi ul ul li a, div.main_navi ul ul li a:visited {
   height: 20px;
   /*heigh\t: 16px; IE9 now understands this !!! They try to kill all hacks, instead of trying to make their browser work correct ... */
}
* html div.main_navi ul ul li a, div.main_navi ul ul li a:visited {
   padding: 3px 17px 5px 8px;
   /*paddin\g: 3px 17px 0px 8px; IE9 now understands this !!! */
}
/* -------------------------------------------- */
div.main_navi ul li.selected ul li a, div.main_navi ul li.selected ul li a:visited {
   padding: 4px 10px 0px 6px;
   text-decoration: none;
}
div.main_navi ul ul li a:hover {
   color: #ffffff;
   background-color: #3B80C2;
   font-weight: normal;
   border-top: 0px solid #a8c8e0;
   border-right: 0px solid #808080;

   /*text-decoration:underline;*/
}

/* Style the selected path on second menu-level: */
/* The complete list below the selected main level */
div.main_navi ul li.selected ul {
   visibility: visible;
   top: 35px;
   z-index: 900;  /* put it somewhat into the background, so it can be overwritten by the hover-menus ...*/
}
div.main_navi ul li.selected ul li {
   border: 0px none;
}
/* the links in the elements on second menu-level */
div.main_navi ul li.selected ul li a {
   font-weight: normal;
   margin-top: 0px;
   padding-top:4px;
   height: 16px;
   color: #666666;
   /*background-color: #6ba0d1;*/
   background-color: #eeeeee;
   border-right: 1px solid #d0e0ff;
}
/* the link in the NOT SELECTED elements on second menu-level */
div.main_navi ul li.selected ul  li.normal a {
   /*background-color: #6ba0d1;*/
   background-color: #D8E6F3;
   border-width: 0px 0px 0px 0px;
   border-style: none solid none none;
   border-color: #8bb4d4;
}
/* the SELECTED element on second menu-level */
div.main_navi ul li.selected ul li.selected {
   position:relative;
   height: 20px;
   z-index: 900;
}
/* the link in the SELECTED element on second menu-level */
div.main_navi ul li.selected ul li.selected a {
   padding-top:4px;
   height: 16px;
   color: #ffffff;
   border: 0px none;
   /*background-color: #3B80C2;*/
   background-color: #3B80C2;
}
/* the hover of the links in the second menu-level below the SELECTED element on first menu-level */
div.main_navi ul li.selected ul li.normal a:hover {
   background-color: #3B80C2;
   color: #d0d8e8;
   font-weight: normal;

}
/* the hover of the link in the SELECTED element on second menu-level */
div.main_navi ul li.selected ul li.selected a:hover {
   color: #ffffff;
   font-weight: normal;
   border-right: 0px solid #808080;
   border-bottom: 0px solid #000038;
   background-color: #3B80C2;

}

/******************************************************
 * Styling the third level menu
 ******************************************************/
/*div.main_navi ul.main_navi_l3 {*/
div.main_navi ul ul ul {
   visibility: hidden;
   position: absolute;
   top: 20px;
   left: 0px;
   margin: 0px -680px 0px 0px;
   height: 20px;
   background-color: #D8E6F3;
   color: #4A4A4A;
   white-space: nowrap;
   z-index: 1001;
}
* html div.main_navi ul ul ul {
   top: 20px;
}
div.main_navi ul li.selected ul ul {
   top: 20px;
}
/* Style the links: */
div.main_navi ul ul ul a, div.main_navi ul ul ul a:visited {
   height: 16px;
   padding: 4px 18px 0px 8px;
   font-size: 1.1em;
   /*line-height:0.9em;  ??? cuts off the descenders */
   border-right: 0px solid #d0e0ff;
   border-bottom: 0px solid #d0e0ff;
   /* causes problems in IE<9: vertical-align: middle;*/
   color: #4A4A4A;
   background-color: #D8E6F3;
}
div.main_navi ul li.selected ul li.selected ul a, div.main_navi ul li.selected ul li.selected ul a:visited {
   text-decoration: none;
   color: #ffffff;
   background-color: #3B80C2;
}

div.main_navi ul ul ul a:hover {
   background-color: #3B80C2;
   color: #ffffff;
}

/* Style the selected path on third menu-level: */
div.main_navi ul li.selected ul li.normal ul, div.main_navi ul li.selected ul li.normal ul li {
   color: #cccccc;
   background-color: #D8E6F3;
}
div.main_navi ul li.selected ul li.normal ul {
   visibility: hidden;
   z-index: 1001;
}
div.main_navi ul li.selected ul li.normal ul, div.main_navi ul li.selected ul li.normal li, div.main_navi ul li.selected ul li.normal li a {
   color: #4A4A4A;
   background-color: #D8E6F3;
}
div.main_navi ul li.selected ul li.normal li a:hover {
   color: #ffffff;
}

/* the complete list below the SELECTED element in second menu-level */
div.main_navi ul li.selected ul li.selected ul {
   background-color: #D8E6F3;
   border-width: 0px 0px 0px 0px;
   border-style: solid;
   border-color: #c0c0c0;
   z-index: 901;  /* put it somewhat into the background, so it can be overwritten by the hover-menus ...*/
}
div.main_navi ul li.selected ul li.selected ul li {
   padding: 0px;
}
/* the links in the NOT SELECTED elements of third menu-level below the SELECTED element of second menu-level */
div.main_navi ul li.selected ul li.selected ul li.normal a {
   color: #4A4A4A;
   background-color: #D8E6F3;
}
/* the link in the SELECTED element of third menu-level below the SELECTED element of second menu-level */
div.main_navi ul li.selected ul li.selected ul li.selected a {
   font-weight: normal;
   margin: 0px;
   padding: 4px 18px 0px 8px;
   height: 16px;
   border-left: 0px solid #e0e0e0;
   border-right: 0px solid #e0e0e0;
}

/******************************************************
 * Styling the behaviour of the levels (on mouseover)
 ******************************************************/

/* Make second level visible when hover on first level */
div.main_navi ul li:hover ul, div.main_navi ul a:hover ul {
   visibility:visible;
}
/* IE workaround (uses Javascript and special class li.h_over: */
div.main_navi ul.main_navi_l1 li.h_over ul {
   visibility:visible;
}
/* Keep third level hidden when hover on first level */
div.main_navi ul li:hover ul ul {
   visibility:hidden;
   z-index:1;
}
/* IE workaround (uses Javascript and special class li.h_over: */
div.main_navi ul.main_navi_l1 li.h_over ul.main_navi_l2 ul.main_navi_l3 {
   visibility:hidden;
}
/* Make third level visible when hover on second level */
div.main_navi ul li ul li:hover ul, div.main_navi ul li.selected ul li.normal:hover ul {
   visibility:visible;
   z-index:99;
}
/* IE workaround (uses Javascript and special class li.h_over: */
div.main_navi ul.main_navi_l1 li ul.main_navi_l2 li.h_over ul.main_navi_l3 {
   visibility:visible;
}

/* Keep selected menus always visibble: */
div.main_navi ul li:hover ul li.selected ul {
   visibility: visible;
}
div.main_navi ul li.selected ul {
   visibility: visible;
}
div.main_navi ul li.selected ul li.selected ul {
   visibility: hidden;
}

div.main_navi ul li:hover ul, div.main_navi ul a:hover ul {
   visibility: visible;
}

div.main_navi ul :hover ul ul {
   visibility: hidden;
}

div.main_navi ul :hover ul :hover ul {
   visibility: visible;
}

div.main_navi ul li.selected ul li.selected:hover ul {
   visibility: visible;
}

/******************************************************
 * The inner navigation container (its a DIV)
 ******************************************************/
#page_main_navi ul {
   float: left;
}

/**************************************
 * The breadcrumb
 **************************************/
#breadcrumb {
   display: block;
   list-style-type:none;
   margin: 0;
   position:absolute;
   top: 42px;
   left: 9px;
   font-size: 11px;
   z-index:1500;
   
   background: transparent none;
}
#breadcrumb, #breadcrumb li, #breadcrumb li a {
   height: auto;
   font-size: 11px;
   padding: 0;
}

#breadcrumb li {
   float: left;
   list-style-type:none;
}

#breadcrumb li a {
   color: #666666;
}

#breadcrumb a.root {
   color: #3b80c2;
}

/**************************************
 * style of the myLANCOM status display
 **************************************/
#myLancomMenuStatus {
   position: absolute;
/* old version:
   top: 36px;
   right: 16px;
   width: 53px;
*/
   top: 42px;
   right: 20px;
   width: 119px;
   
   height: 18px;
   padding: 0px;
   margin: 0px;
}

/******************************************************
 * The language navigation container (its a DIV)
 ******************************************************/
#language_navi {
   position: absolute;
   top: 10px;
   right: 196px;
   width: 60px;
   height: 16px;
   font-size: 11px;
   padding: 0px 8px 0px 0px;
   color: #000;
}
#language_navi a {
   color: #ffffff;
   font-size:0.85em;
}
#languagemenu {
   text-align: right;
   white-space: nowrap;
}
#languagemenu a {
   color:#000;
   font-weight: normal;
   padding: 0px;
}
#languagemenu span.disabledLink, #languagemenu span.disabledLinkSelected {
   font-size:0.85em;
   padding: 0px;
}
#languagemenu span.disabledLink {
   color:#000000;
   font-weight: normal;
   cursor: help;
}
#languagemenu span.disabledLinkSelected {
   color:#d0d8e8;
   font-weight: bold;
}


/******************************************************
 * The search navigation container (its a DIV)
 ******************************************************/
#search_navi {
   position: absolute;
   top: 7px;
   right: 12px;
   width: 177px;
   height:19px;
   font-size:0.85em;
   padding:0px;
   background-color: #fefefe;
   border: 1px inset #083969;
}
.searchbox-sword {
   width: 150px;
   height:17px;
   font-size:1.1em;
   padding-right:24px;
/* inherits a left padding of 5 from css_styled_default ! */
}
input.searchbox_btn {
   position: absolute;
   top: 0px;
   right: 0px;
}