/*** ESSENTIAL STYLES ***/
/* */
.breadcrumb {
 font-size:11px;
 color:#76b900;
 list-style:none;
 position: relative;
 padding-left: 30px;
 clear: left;
 float: none;
 display: block;
 top: 15px;
 padding-bottom: 10px;
}

.breadcrumb li{
 float:left;
 list-style:none;
 line-height: 100%;
 display:inline; 
}

.breadcrumb a{
 color:#666666;
 text-decoration: none;
}

.breadcrumb a:hover {
 text-decoration: underline;
}


.breadcrumb .delim{
 color:#666666;
 margin-left:5px;
 margin-right:5px;
}

#top_menu {
 clear:both;
 height: 49px;
 background:url(/fileadmin/templates/images/bg_green_bar_revised.gif) repeat-x scroll left top;
}

/* different on startpage */
#uid_1 #top_menu {
 /* */
 clear:both;
 height: 6px;
 background: url(/fileadmin/templates/images/bg_green_bar_tight.gif) repeat-x;
 /* */
 width:100%;
 float:left;
 
}


#green_title{
position: absolute;
color: #fff;
text-transform: uppercase;
text-shadow:#3C5900 0 0 2px;
left: 30px;
top: -68px;
line-height: 44px;
white-space: nowrap;
font-size:22px;
font-weight:bold;
margin:0;
}



* +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;
 margin-top: 1px;
}

/* distance from topmenu */

.top_menu li ul{
  /*margin-top: 16px;*/
}

.top_menu ul li {
  
 width:100%;
}

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

}


* 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;
}

/* topmenu elements */

.top_menu a {
 display:block;
 position:relative;
 text-transform:uppercase;
 font-size: 13px;
 color: #fff;
 font-weight: 700;
 padding: 0 25px 0 10px;
 text-decoration:none;
 margin-right: 15px;
 height: 40px;
 line-height: 40px;
}

/* submenu elements */

.top_menu ul li a {
text-transform: capitalize;

color: #fff !important;
  padding: 0 0 0 10px;
  margin-right: 10px;
  height: 24px;
   line-height: 24px;
   text-transform: none;
}

/* keeps selected topmenu element highlighted when submenu mouseover */

#top_menu ul li.sfHover a.topnav_1_ifsub {
  background: #333;
  color: #76b900;
  background: #333 url(/fileadmin/templates/images/menu-arrow-down_top.png) no-repeat right center;
}

#top_menu ul li.sfHover a.topnav_1_actifsub {
  background: #333;
  color: #76b900;
  background: #333 url(/fileadmin/templates/images/menu-arrow-down_top.png) no-repeat right center;
}


.top_menu ul li a:hover {
  background-color: transparent;
}

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


.top_menu li:hover ul,
.top_menu li.sfHover ul {
 left:0;
 top: 38px; /* match top ul list item height */
 z-index: 20;

}



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;
  bottom: 40px;
  position: relative;
  left:  40px;
}



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

.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 {
  
 z-index:5;
  height: 24px;
  line-height: 24px;
  border-bottom: 1px solid black;
  background-image: url(/fileadmin/templates/images/item-bg-no-grad.png);
  background-color: #000;
}

/* second level of submenu gets another background image */

.top_menu li ul li ul li {
  background-image: url(/fileadmin/templates/images/item-bg.png);
}


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


a.topnav_1 {
}



a.topnav_1_act {
color: #76b900;
}

a.topnav_1_ifsub {
 background: url(/filedmin/templates/images/menu-arrow-right_top.png) no-repeat right center;
}

a.topnav_1_ifsub:hover {
 background: #333 url(/fileadmin/templates/images/menu-arrow-down_top.png) no-repeat right center !important;
}





/* selected topnavigation item */


a.topnav_1_actifsub {
color: #76b900;
 background: url(/fileadmin/templates/images/menu-arrow-down_top.png) no-repeat right center;
}

a.topnav_1_actifsub:hover {
color: #76b900;
 background: #333 url(/fileadmin/templates/images/menu-arrow-down_top.png) no-repeat right center !important;
}

/* 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 */
}




.top_menu ul  a.sf-with-ul {
  height: 24px;
        background: url(/fileadmin/templates/images/menu-arrow-right.png) no-repeat right center;
}


/* submenu with submenu hover arrow change*/

.top_menu ul  a.sf-with-ul:hover {
  background: url(/fileadmin/templates/images/menu-arrow-right-green.png) no-repeat right center;
}


/* submenues with submenues */

.sf-sub-indicator {
 position:absolute;
 display:block;
 right:.75em;
 width:13px;
 height:15px; /* tricking the background-positioning */
 text-indent:-999em;
 overflow:hidden;

}


* html li li .sf-sub-indicator { background: url('/fileadmin/templates/images/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 {
}

.sf-shadow ul.sf-shadow-off {
}

/*** special style for the link 'Render Services' under 'Partners' ***/

#top_menu li.F1280 {
  background-image: none !important;
  background-color: #424242;
  border-bottom: 1px solid #424242;
  border-top: 1px dashed #5C5C5C;
}