/*##########*/
/* NAVIGATION */
/*##########*/

#Navigation {
  float:left;
  width:156px;
  position: relative;
  z-index: 10;
}

#Navigation ul {
  list-style-type: none;
  margin-left: 29px;
  padding: 0px;
}

#Navigation ul li {
  height: 34px;
  width:143px;
  background-repeat: no-repeat;
  background-image: url(../images/background_nav.gif);
}

#Navigation ul li.first {
  background-image: none;
}

#Navigation ul li.last {
  background-image: url(../images/background_nav_last.gif);
}

#Navigation ul li a {
  text-decoration: none;
  display: block;
  color: #2A2F5E;
  padding: 9px 0 0 15px;
  min-height: 16px;
  font-family: Arial, Verdana, Helvetica, sans serif;
  font-weight: bold;
  font-size: 0.8em;
  height: 23px;
  width: 125px;
  background-color: transparent;
}




* html #Navigation ul li a {
  height: 27px;
  padding-bottom: 8px;
}

#Navigation ul li.aktiv a {
  position: relative;
  padding-left: 7px;
  margin-left: 4px;
  color: #FFFFFF;
  background-color: #4B5B85;
  height: 23px;
  width: 133px;
}


* html #Navigation ul li.aktiv a {
  width: 139px;
}

#Navigation_background {
  position: absolute;
  bottom: 0;
  left: 28px;
  z-index: 10;
  width: 150px;
  height: 396px;
  background-image: url(../images/background_navigation.gif);
  background-repeat: no-repeat;
  background-position: top left;

}


.medeco_backlink {
	margin-left: 40px;
}

.medeco_backlink a {
	font-size: 11px;
	font-family: Verdana, sans-serif;
	color: #666;
	text-decoration: none;
}


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

/*##########*/
/* Layernavigation */
/*##########*/

#Layer {
  margin: 20px 0px 0px 50px;  
  margin-top: 20px;
  float: left;
  width: 728px;
  display: inline;
  background-color: #fff;
}


* html #Layer {margin-left: 35px;}

/*##########*/
/* Ausklapplayermen? */
/*##########*/

/* style the outer div to give it width */
.menu  {
  float: left;
  width:728px;
  font-size:0.8em;
/*  border-bottom: 1px solid #2B305F;
  height: 23px;*/
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul  {
  padding:0;
  margin: 0 0 0 0;
  list-style-type:none; 
}

/* style the sub-level lists */
.menu ul ul  {
  margin-top: 4px;
  height: 205px;
  border: 1px solid #2A2F5E;
  background: #FFFFFF;
}

* + html .menu ul ul {margin-top: 4px; min-width: 132px;}
* html .menu ul ul {margin-top: 8px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li  {
  float:left;
  height:1.9em;
  line-height: 1.8em;
  
}

.menu ul li.last_menu {margin-left: 30px;}

/* style the sub level list items */
.menu ul ul li  {
  display: block;
  width: 100%;
  border-bottom: 1px solid #2A2F5E;
  height: auto;
  line-height: 1em;
}

* + html .menu ul ul li {
  min-width: 220px;
}

/* style the links for the top level */
.menu a {
  display:block;
  float:left;
  /*font-size:1em;*/
  font-size:11px;
  text-decoration:none;
  color:#FFFFFF;
  background-color: #2A2F5E;
  padding:0px 7px 0 7px; 
  margin-right: 1px;

}

.menu li a {
  /*border-bottom: 1px solid #2B305F;*/
}

.menu li li a {
  border-bottom: 0px;
  font-size: 10px;
}

/* style the sub level links */
.menu ul ul a {
  display:block;
  color:#2A2F5E;
  height: 100%;
  line-height:1.8em;
  background-color: #ffffff;

}

.menu ul ul a {min-width: 118px; display: block;} 
.menu ul ul a.last {border-bottom: 0px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table  {
  position: absolute; 
  left: 1px; 
  top: 0; 
  width: 0; 
  height: 0; 
  font-size: 1em; 
  z-index: -1;
}

/* style the level hovers */
/* first */
* html .menu a:hover {
  color:#FFFFFF;
  background:#2A2F5E;
  position:relative; 
  z-index:100;
}

.menu li:hover {position:relative;}

.menu :hover > a { color:#FFFFFF; background:#4B5B85;}

.menu ul li.act a {background:#4B5B85;}
.menu li.act ul a {background: transparent;}

/* second */
* html .menu ul ul a:hover {
  color:#667299;
  background:#FFFFFF;
  position:relative; 
  z-index:110;
}

.menu ul ul li:hover {
  position:relative;
}

.menu ul ul :hover > a {
  color:#667299;
  background:#FFFFFF;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
  visibility:hidden;
  position:absolute;
  height:0;
  top:19px;
  left:0;
}

* html .menu ul ul {top: 15px;}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul {
  visibility:visible; 
  height:auto; 
}



.menu ul li.act ul li.act a {font-weight: bold;}

/*##########*/
/* Navigation Ebene 3 */
/*##########*/

#Navigation3 {
  float: right;

  text-align: left;


  /*width: 149px;*/
  min-height: 317px;
  padding-top: 28px;
}

#Navigation3 b {
  padding-left: 11px;
  color: #2A2F5E;
  font-weight: bold;
  font-size: 1.0em;
}


#Navigation3 ul {
  list-style-type: none;
  margin: 0 0 0 40px;
  padding: 0;
}

#Navigation3 ul li {
  height: 34px;
  margin: 0 0 0 -40px;
  background-repeat: no-repeat;
  background-image: url(../images/background_nav.gif);
}

#Navigation3 ul li.first {
  background-image: none;
}

#Navigation3 ul li.last {
  background-image: url(../images/background_nav_last.gif);
}

#Navigation3 ul a {
  text-decoration: none;
  display: block;
  color: #000000;
  padding: 9px 0 0 11px;
  min-height: 16px;
  height: 23px;
  width: 145px;
  font-size: 0.8em;
}

#Navigation3 ul a:hover,
#Navigation3 ul a:focus {color: #667299;}

#Navigation3 ul li.aktiv a {
  font-weight: bold;
  color: #000000;
}



/*##########*/
/* Funktionsnavigation */
/*##########*/

#Funktionsnavigation {
  position: absolute;
  margin: 270px 0px 0px 0px;
}

#Funktionsnavigation ul {
  margin-left: 20px;
  padding: 0px 0px 0px 0px;
}

#Funktionsnavigation ul li {
  list-style-type: none;
  background-image:none;
}

#Funktionsnavigation ul a {
  font-style: normal;
  color: #2A2F5E;
  font-family: Arial, Verdana, Helvetica, sans serif;
  font-size: 0.8em;
  text-decoration: none;
  font-weight: bold;
}

#Funktionsnavigation ul a:hover,
#Funktionsnavigation ul a:focus {color: #667299;}

#Funktionsnavigation ul li.aktiv a {
  color: #FFFFFF;
  background-color: #4B5B85;
}