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


#navigation a {  
  color: #456;
		/*
	display: block;
	*/
  text-align:center;
	font: 0.8em sans-serif;
	font-weight:bold;
	text-decoration: none;
  width:130px;   
}

#navigation .xsm { width:40px; border-right:1px solid white }
#navigation .ssm { width:66px; }
#navigation .sm { width:73px; }
#navigation .mi { width:84px; }
#navigation .la { width:100px; }
#navigation .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;
}

#navigation .navimg {
   margin-top:4px;
   margin-left:6px;
   border:0;
}

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

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

/* aufklappfelder */
#navigation .bopd a {
  font-weight:normal;
  display:block;
  border:none;
  color:black;
  background:#f0f5fb;
  width:132px;
  line-height: 18px;
  border-bottom:1px solid #0d2f6c;
  text-align:left;
  padding-left:2px;
  padding-right: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;}