/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
** 
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06  
**  Datei       : nav_slidingdoorII.css
**  Funktion    : Formatierung der Hauptnavigation: Reiternavigation "Sliding Doors of CSS II"
**
*/

@media all
{
/* ######################################################################################################
** ### Hauptnavigation: "Sliding Doors of CSS II" von A List Apart ######################################
** ######################################################################################################
*/
#nav_main {
	width: 521px;
	padding: 0px;
	margin: 0px;
	margin-top: 233px;
	margin-left: 17px;
	float: left;
	font-size: 0.9em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	height: 28px;
	max-height: 29px;
}


#nav_main ul {
  float: left;
  white-space: nowrap;
  /*line-height: 1em;*/
  margin:0;
  padding:0;
  list-style:none;
}

#nav_main li {
  float: left;
  margin: 0px;
  margin-right: 2px;  
  padding: 0 3px 0 3px;
  border: 0px;
}

#nav_main a {
  float:left;
  display:block;
  color:#666;
  /* background: url("gfx/momedia_nav/right.png") no-repeat top right; */
  padding:0px 8px 6px 8px;
  text-transform: none;
  text-decoration: none;
  width: auto; /* nur IE 5.x */
  width/**/:/**/ .1em; /* für IE 6.0 */
}

#nav_main > ul a {width:auto;}  /* für alle anderen Browser */

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav_main a {float:none;}
/* End IE5-Mac hack */

#nav_main li:hover, #nav_main li:hover a { }
#nav_main li:hover a {  }

#nav_main #current { }
#nav_main #current a {  }

#nav_main a:hover { 
	background: #687AFF;
	/*height: 21px;*/
    color: #000;


   /* background: url("gfx/momedia_nav/right.png") no-repeat right; */
}


#nav_main #current {
  background: #FFF;
  border: 0px;
  height: 30px;
}

#nav_main #current a {
  background: #FFF;
  color:#334;
  /*background: url("gfx/momedia_nav/right_on.png") right no-repeat;*/
  font-weight:bold;
  border: 0px;
}

#navigation_left {
		font-size: 95%;
		font-family: Helvetica, Arial, sans-serif;
		font-weight: normal;
		/*width: 100%; */
		overflow: hidden;
		margin: 0 1px 1.5em 1px; 
		padding: 0.2em 0;
		margin-bottom: 50px;
		border-top: 1px #ccc dotted; 
		border-bottom: 1px #ccc dotted; 
		list-style-type: none; 
		line-height: 1.5em;
		}

#navigation_left ul{

	}
		

#navigation_left li { float:left; width: 100%; margin:0; padding: 0.1em 0 0.2em 0;  vertical-align: middle;}

	#navigation_left li a { 
		padding: 0.5em 0.8em;
		display: block;  
		color: #687AFF; 
		text-decoration: none;
	}
		
#navigation_left li a:hover {  background-color:#DCDCDC; color: #00F; text-decoration: none;}
#navigation_left li#current a { background-color:#DCDCDC; text-decoration: none; }
}

#navigation_left li#current ul li a { background-color: transparent; }
#navigation_left li#current ul li a:hover { background-color: #DCDCDC; color: #00F; text-decoration: none; }

#navigation_left li#current ul li { background-color: transparent; }
#navigation_left li#current ul { list-style: none; padding-left: 10px; margin-left: 0px; }
#navigation_left li#current { border-bottom: 1px solid #eee; }