#nav {
	position: relative;
	width: 420px;
	margin: 0px;
	padding: 0px;
	border-right: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
}

#nav li ul, #nav li ul {
		margin: 0;
		padding: 0;}

#nav a {text-decoration: none;}

#nav li { /*float the main list items*/
		margin: 0px;
		float: left;
		display: block;
		padding-left: 10px;}

#nav li ul {
		display: none;
		padding: 0;
		margin: 0;}

#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
		position: absolute;
		top: 22px;
		left: 0;
		padding-top: 1px;
		background: #cccccc; /*BACKGROUND*/
		height: 20px;
		width:420px;
		padding-left: 15px;
		border: 1px dashed #cccccc;
}

#nav li.on ul {
		background: #cccccc;}

#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		/*background: #b0c6ca;*/
		background: #cccccc;}

#nav li a {
		color: #b0c6ca;
		font-weight: normal;
		display: block;
		width: 120px;
	    padding: 0;}

#nav li.on a {
		color: #cccccc;}

#nav li.on ul a, #nav li.off ul a {
		border: 0;
		float: left; /*ie doesn't inherit the float*/
		/*color: #334d55;*/
		color: #dddddd;
		width: auto;
		margin-right: 15px;
		}

#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
		/*background: #b0c6ca;*/
		background: #cccccc;}
#nav li.on ul {
		display: block;}
#nav li.off:hover ul, #nav li.over ul {
		display: block;
		z-index: 6000;
		}
#nav li.off a:hover, #nav li.on a:hover {
		/*color: #334d55;*/
		color: #556f77;}

/*in diesem span steht der text, der verschwindet ganz auf die hintere postition, 
vergiss mal span im html zu setzen, dann siehst du den text über den images*/
#nav li span {
		position: absolute;
		left: -9384px;}


#liClimber a, #liPhoto a, #liMG a {
		display: block;
		position: relative;
		height: 22px;
		background: url(../images/layout/bk-dropdownMap.gif) no-repeat; /*contains all hover states*/
	}

#liHome a, #liBlog a, #lileer a {
	display: block;
	position: relative;
	height: 22px;
	background: url(../images/layout/bk-dropdownMap2.gif) no-repeat; /*contains all hover states*/
	background-image: url(../images/layout/bk-dropdownMap2.gif);
	}

/*first, put the initial states in place*/
#liHome a {	background-position: 22px 0;}
#liBlog a {	background-position: -81px 0;}
#lileer a {	background-position: -184px 0;}
#liClimber a {	background-position: 22px 0;}
#liPhoto a {	background-position: -81px 0;}
#liMG a {	background-position: -184px 0;}


/*hover states*/
#liHome a:hover, #liHome.hover a, #liHome.over a {
	background-position: 22px -73px;}
#liBlog a:hover, #liBlog:hover a, #liBlog.over a {
		background-position: -81px -73px;}
#lileer a:hover, #lileer:hover a, #lieer.over a {
		background-position: -184px -73px;}
#liClimber a:hover, #liClimber.hover a, #liClimber.over a {
	background-position: 22px -73px;}
#liPhoto a:hover, #liPhoto:hover a, #liPhoto.over a {
		background-position: -81px -73px;}
#liMG a:hover, #liMG:hover a, #liMG.over a {
		background-position: -184px -73px;}





/*subnav formatting*/
#nav li.off ul a, #nav li.on ul a {
	display: block;
	/*background: #b0c6ca; */
	background: #cccccc;/*FARBE IN DER SUB NAVIGATION */
	color: #334d55;
	height: 19px;
	font-family:  Arial, Helvetica, sans-serif;;
	font-size: 12px;
text-decoration: underline;
margin-bottom: 0px;
border-bottom: 0px dashed #cccccc;

}
#nav li.on ul a {	background: #cccccc;}