/*
  TODO: overflow:auto bewirkt bei Firefox
  irgendwie, dass der lower part content unten
  nicht ungewollt (1px) zu lang ist. Genauer wird
  bei Firefox ohne overflow:auto nach der bottomEdge div noch der Hintergrund der
  lowerPart div 1px hoch gezeichnet. 
*/
div.MenuBarDiv{
  width:150px;
  line-height:0; 
  overflow:auto 
}

/*
  line-height:0 ist vermutlich ueberfluessig
*/
div.MenuBarDiv div.upperPart{
  background-color: #333399;
  line-height:0;
}

div.MenuBarDiv div.upperPart div.lastModified{
  font-size: 8pt;
  line-height:9pt;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  color: #ffffff;
  font-weight: bold;
  padding-top: 5pt;
  padding-bottom:5pt;
  margin-left: 1em;
}

div.MenuBarDiv div.upperPart div.lastModified span.lastModified{

}

div.MenuBarDiv div.upperPart div.topEdge{

}

/*
  Firefox und IE brauchen hier border-top oder
  padding-top, damit die margin-top des ersten Kindes
  dieser div nicht zu einer auesseren margin-top diese div
  zusammengefasst wird. Ich glaube, das ist auch so in CSS2
  spezifiziert
  
  line-height:0 ist vermutlich ueberfluessig
  
*/
div.MenuBarDiv div.lowerPart {
  background-color: #ff0066;
  border-top: 5pt solid #333399;
  line-height:0
}

/*
  line-height:0 ist vermutlich ueberfluessig
*/ 
div.MenuBarDiv div.lowerPart div.bottomEdge{
  margin-top: 50pt;
  line-height:0
}

/*
  Shared by all rowLevels
*/
div.MenuBarDiv div.lowerPart div.rowLevel{
  font-family: Verdana, Tahoma,  Arial, Helvetica, sans-serif;
}

div.MenuBarDiv div.lowerPart div.rowLevel1{
  padding-left: 1em;
  line-height:10pt;
  font-size: 9pt;  
  margin-top: 5pt;
  margin-bottom: 5pt; 
  
  background-position: left center;  
}

div.MenuBarDiv div.lowerPart div.rowLevel2{
  padding-left: 2em;
  line-height:9pt; 
  font-size: 8pt;
  margin-top: 4pt;
  margin-bottom: 4pt;     
  background-position: 0.9em;
}

div.MenuBarDiv div.lowerPart div.rowLevel3{
  padding-left: 2.5em;
  line-height:8pt;  
  font-size: 7pt;  
  margin-top: 3pt;
  margin-bottom: 3pt;     
  background-position: 1.4em; 
}


div.MenuBarDiv div.lowerPart div.rowLevel span{
  font-weight: bold ;

}

/*
  Dezenter ist 
  color: #eeeeff;  
*/
div.MenuBarDiv div.lowerPart div.rowLevel a{
  text-decoration: none;
  font-weight: bold ; 
  color: #ffffff
}


div.MenuBarDiv div.lowerPart div.rowLevel a:hover{
  color: #333399;   
}

/*
  color: #00ffff;
*/
div.MenuBarDiv div.lowerPart div.selected a, div.MenuBarDiv div.lowerPart div.selected span{
  color: #ffff00;
}

/*
  TODO: ein streifen?
  background-color: #dd0066;
  background-image: url(../images/menuarrow.gif);  
*/
div.MenuBarDiv div.lowerPart div.selected{

  background-image: url(../images/pfeigelb.gif);
  background-repeat: no-repeat;

  
}


/* mini links */
.miniLink  {
  font-size: 8pt;
  font-family: Arial,Helvetica, sans-serif;
  color: #0000ff
}
.miniLinkDelimiter  {
  font-size: 8pt;
  font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
  color: #FF0066
}

.miniLink:hover {
  color:#ff0066
} 


/*
a.menuItem:link,a.menuItem.active, a.menuItem:visited, a.menuItem:hover
*/


/* positionierte div tags  */
.posabs      { position: absolute; width:1px;height:1px; overflow:hide; visibility:hidden}


/* tooltip Fenster */

div.toolTipDiv{
  background-color: #ffffff;
  border: 1px solid #ff0066;
  font-family:  Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-weight: bold;   
  font-size:9pt; 
  line-height:10pt;
}
div.toolTipDiv div.toolTipHeader{
  background-color: #ff0066;
  color: #ffff00; 
  padding:5px;
}
div.toolTipDiv div.toolTipBody{
  color: #333399;
  padding:5px; 
}


/*
========================================================================
  12.07.2006, Menu2
*/

div.MenuBarDiv2{
  width:160px;  
  line-height:0; 
  overflow:auto;
  margin-left: auto;
  margin-right: auto;
}

/* #dd0066 */
div.MenuBarDiv2 div.menuItemsBody{
  border-bottom:10px solid #dd0000
}

/*
  Shared by all rowLevels
  
  
*/

/*
  bei pfeigelb.gif background-image
  background-position: left center;  
  padding-left: 1em;  


  background-image: url(../images/itembg.jpg);
  background-image: url(../images/itembg.jpg); 
  background-image: url(../images/windowtitle.png);

*/
div.MenuBarDiv2 div.rowLevel{
  font-family: Verdana, Tahoma,  Arial, Helvetica, sans-serif;
  line-height: 1.2;
  font-size: 9pt;   
  vertical-align: middle;

  border-bottom: 1px solid #ffcccc;
}

div.MenuBarDiv2 div.rowLevel:hover{
  border-color: #000099
}

div.MenuBarDiv2 div.rowLevel1{

}

div.MenuBarDiv2 div.rowLevel2{
  /*
  font-size: 8pt;*/
}

div.MenuBarDiv2 div.rowLevel3{
  /*
  font-size: 7pt; */
}


div.MenuBarDiv2 div.rowLevel span{
  font-weight: bold;
}

div.MenuBarDiv2 div.rowLevel span.itemPrefix{

}

/*
  Dezenter ist 
  color: #eeeeff;  
*/
div.MenuBarDiv2 div.rowLevel a{
  text-decoration: none;
  font-weight: bold; 
  display: block;
  
  
  /*
  background-position: 99% 50%;   
  background-repeat: no-repeat; 
  background-image:url(../images/menuicon2.gif);    
  */

  padding:5px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background-color: #ff0066;
  color: #ffffff;
  /* #dd0066 */
  border-left: 10px solid #dd0000;
  border-right: 10px solid #dd0000;
}

div.MenuBarDiv2 div.rowLevel2 a{
  padding-left: 1em;
}

div.MenuBarDiv2 div.rowLevel3 a{
  padding-left: 2em;
}

div.MenuBarDiv2 div.rowLevel a:hover{
  color: #000099; 
  border-left-color: #ff9900;
  border-right-color: #ff9900;
  background-color: #ffcc00
  /* 
  background-image:url(../images/menuicon1.gif);   */
}
/*  color: #ffff00;   */
div.MenuBarDiv2 div.selected a:hover{
  
}

/*
  color: #00ffff;
*/
div.MenuBarDiv2 div.selected a,
div.MenuBarDiv2 div.selected span.itemPrefix{
  color: #ffff00
}

/*

  background-color:#ff0066;
  Eventuell zusaetzlich
  background-image:url(../images/abstractlogo.gif); 
  
*/
div.MenuBarDiv2 div.selected{


}