/* navigation */
#navigation {	
	background: #D9E1E5 url(img/nav1.gif) repeat-x;
	border: 1px solid #DFEEF7; border-color: #DFEEF7; height: 31px;
	width:100%;
	padding: 0; margin: 0;
}

#navigation a {
	background: #D9E1E5 url(img/nav1.gif);
	border-right: 1px solid #AFBEC7;
	color: #456;
	display: block;
	text-align:center;
	font: bold 0.8em sans-serif;
	line-height: 31px;
	text-decoration: none;
	width:133px;
}

#navigation a.xsm { width:48px; }
#navigation a.sm { width:75px; }
#navigation a.mi { width:85px; }
#navigation a.la { width:120px; }
#navigation a.xl { width:135px; }

/*#navigation img { padding-top: 8px; padding-bottom: 8px; } */
#navigation a:hover { background-position: left bottom; color: #234;}

#navigation ul.bom { list-style:none; display:block; }

#navigation ul.bom:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
 }

/* disable ie-mac \*/
#navigation li.bom {
  list-style:none;
  display:block;
  position:relative;
  border-right:2px groove white;
  height:auto;
  float:left;
 }

ul.bopd  {
  display:none;
  position:absolute;
  top:100%;
  left:-1px;
  list-style:none;
  background:#f0f5fb;
  border:1px solid #0d2f6c;
  speak:none;

  }
  
ul.bopd * { speak:none; }


#navigation .bopd a {
  font-weight:normal;
  display:block;
  border:none;
  color:black;
  background:#f0f5fb;
  line-height: 18px;
  border-bottom:1px solid #0d2f6c;
  text-align:left;
  padding-left:2px;
  }

#navigation .bopd a:hover { background:#99CC67; }
  
  
/*
   direkt per css fr richtige Browser
.bom .bopd li:hover > ul, #navigation .bom li:hover > ul {
*/

.bom .bopd li:hover > ul { display:block;}