﻿/* CSS FÜR TOPNAVI */
/* Root = Horizontal, Secondary = Vertical */

/* Navgiation */

/*TOP MENU START*/

#topMenu{position:relative; top:80px; color:#fff; font-size:11px;width:850px;text-align:right;}
#topMenu a{text-decoration:none; color:#fff;}
#topMenu a:hover{text-decoration:underline;}

#topMainMenu{z-index:5;position:absolute; left:370px; top:-40px; text-transform:uppercase; }
#topMainMenu a{color:#333; font-size:11px; text-decoration:none; font-weight:bold;}
#topMainMenu a:hover{text-decoration:underline;}
#topMainMenu ul{position:relative; float:left; list-style:none;}
#topMainMenu li{float:left; background:url(images/spacer_menu.png) left no-repeat;   margin:0; padding:0;}
#topMainMenu li:first-child {background-image:none;}
/*TOP MENU END*/


/* ----- Hack only for IE 7 ----- */
*+html #topMainMenu {} 
*html #topMainMenu {}
*+html #topMainMenu ul {left:0px; } 
*html #topMainMenu ul {left:0px; }
	
	
#topMainMenu ul li{ 
	display:inline-block; 
	margin:0;
    float :left; 
    width :auto; 
    position : relative;
	}	
#topMainMenu ul li a { 
	display:block; 
	z-index:10;
	}
#topMainMenu ul li a:hover{ }


/* END NAVIGATION */


#topMainMenu ul li ul {
  margin: 20px 0 0 0;
  border: 0;
  padding: 12px 0  6px 0;
  list-style: none;
  display: none;
  position: absolute;
  top: 19px;
  left: 0;
  z-index:3000;
  width:150px;
  height:auto;
  background: #fff;
  border-bottom:1px solid #ccc;
}


#topMainMenu ul li ul:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
  z-index:10;
  border: 0;
  background: none;
}

#topMainMenu ul li ul li 
{
  margin: 0;
  border: 0;
  padding: 0;
  float: left; /*For IE 7 lack of compliance*/
  display: block !important;
  display: inline; /*For IE*/
  height:auto;
  z-index:10;
  background: none;
}

/* Root Menu */
#topMainMenu ul a 
{
  text-decoration:none;
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  z-index:10;
  padding:10px 15px 11px 14px; 
  border: 0;
}

#topMainMenu ul a.act
{
  }

/* Root Menu Hover Persistence */
#topMainMenu ul a:hover,
#topMainMenu ul li:hover a,
#topMainMenu ul li.iehover a 
{

}

/* 2nd Menu */
#topMainMenu ul li:hover li a,
#topMainMenu ul li.iehover li a 
{
  font-weight:normal;
  float: none;
  text-transform:none;
  border:0;
  text-align:left;
  line-height:normal;
  padding: 0 0 12px 14px;
  margin:0;
  width: 131px;
  height:auto;
  background: none;
}
*html #topMainMenu ul li:hover li a { }
*html #topMainMenu ul li.iehover li a { }


/* 2nd Menu Hover Persistence */
#topMainMenu ul li:hover li a:hover,
#topMainMenu ul li:hover li:hover a,
#topMainMenu ul li.iehover li a:hover,
#topMainMenu ul li.iehover li.iehover a {
  /* background: #a39455; */
  color:#0776b6;
  text-decoration:none;
}

/* Do Not Move - Must Come Before display:block for Gecko */
#topMainMenu ul li:hover ul ul,
#topMainMenu ul li:hover ul ul ul,
#topMainMenu ul li.iehover ul ul,
#topMainMenu ul li.iehover ul ul ul {
  display: none;
}

#topMainMenu ul li:hover ul,
#topMainMenu ul ul li:hover ul,
#topMainMenu ul ul ul li:hover ul,
#topMainMenu ul li.iehover ul,
#topMainMenu ul ul li.iehover ul,
#topMainMenu ul ul ul li.iehover ul {
  display: block;
}
/* CSS FÜR TOPNAVI */