/*** ESSENTIAL STYLES ***/
/* */
#top_menu {
 border-top: solid 1px #c6c9c8;
 margin:22px 40px 0;
 clear:both;
}

* +html #top_menu { position: relative; z-index: 2; } /* fix annoying staple order in ie 7 */

.top_menu, .top_menu * {
 margin:0;
 padding:0;
 list-style:none;
}

* html .top_menu { line-height:1; }

.top_menu ul {
 position:absolute;
 top:-999em;
 width:10em; /* left offset of submenus need to match (see below) */
}

.top_menu ul li {
 width:100%;
}

.top_menu ul li ul {
 margin-top: 0;
 width: 10em;
}

.top_menu ul {
 margin-top: 1px;
}

* html .top_menu ul { margin-top: -1px; }

* +html .top_menu ul { margin-top: 2px; }

.top_menu li:hover {
 visibility:inherit; /* fixes IE7 'sticky bug' */
}

.top_menu li {
 float:left;
 position:relative;
 z-index: 10;  /* explicit z-index for ie6 for not be overlapped by iframes and similar */
}

.top_menu a {
 display:block;
 position:relative;
}

.top_menu a:hover {
 text-decoration: none;
}

.top_menu li:hover ul,
.top_menu li.sfHover ul {
 left:0;
 top:23px; /* match top ul list item height */
 z-index: 20; /* explicit z-index for ie6 for not be overlappéd by iframes and similar */
}

ul.top_menu li:hover li ul,
ul.top_menu li.sfHover li ul {
 top:-999em;
}

ul.top_menu li li:hover ul,
ul.top_menu li li.sfHover ul {
 left:10em; /* match ul width */
 top:0;
}

ul.top_menu li li:hover li ul,
ul.top_menu li li.sfHover li ul {
 top:-999em;
}

ul.top_menu li li li:hover ul,
ul.top_menu li li li.sfHover ul {
 left:10em; /* match ul width */
 top:0;
}


/*** SKIN ***/
.top_menu {
 float:left;
}

.top_menu a {
 color: #bec0c2;
 font-weight: 700;
 padding: 5px 16px;
 text-decoration:none;
}

.top_menu a, .top_menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
 color: #a1a4a3;
}

.top_menu ul ul {
 margin-top: 2px;
}

/* DIRTY: no display of submenu news - needs some typo3 fixing at convenience */
li.F11 ul {
 display: none !important;
}

.top_menu li li {
 background: url('../img/shadow2.png') repeat left top;
 z-index:5;
}

.top_menu li:hover,
.top_menu li.sfHover,
.top_menu a:focus,
.top_menu a:hover,
.top_menu a:active {
 outline:0;
 color:#fff !important;
}

.top_menu a:hover {
 background:#666;
}

a.topnav_1 {
 border-top:0px;
}
a.topnav_1_act {
  background: url(../img/bg_mainnav_current.gif) repeat-x left top;
 /*border-top:2px solid #000;*/
 color:#000;
}

a.topnav_1_ifsub {
 border-top:0;
}

a.topnav_1_actifsub {
 background: url(../img/bg_mainnav_current.gif) repeat-x left top;
 color: #666;
}

/* submenu listitems */

.top_menu li li a,
.top_menu li li a:visited {
 color: #666;
}

/*** arrows **/
* +html.top_menu a.sf-with-ul {
 min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
 position:absolute;
 display:block;
 right:.75em;
 width:13px;
 height:15px; /* tricking the background-positioning */
 text-indent:-999em;
 overflow:hidden;
 background: url('../img/el_list_arrow.png') no-repeat right top;
}

* html li li .sf-sub-indicator { background: url('../img/el_list_arrow.gif') no-repeat right bottom !important; width: 13px; height: 13px; display: block; top: .6em; } /* serves the ie6 */

* html .sf-sub-indicator { background: none; }

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
top:.4em;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* point right for anchors in subs */
.top_menu ul .sf-sub-indicator { background-position:  -10px 0; }
.top_menu ul a > .sf-sub-indicator { background-position:  0 2px; }

/*** shadows for all but IE6 ***/

.sf-shadow ul {
 background:url('../img/shadow3.png') no-repeat bottom right;
 padding: 0 8px 9px 0;
 -moz-border-radius-bottomleft: 17px;
 -moz-border-radius-topright: 17px;
 -webkit-border-top-right-radius: 17px;
 -webkit-border-bottom-left-radius: 17px;
 color:#ffffff;
}

.sf-shadow ul.sf-shadow-off {
 background: transparent;
}