/* 
  Bezeichnung:  kellenhusen_mainnav.css (stylesheet für die Hauptnavigation) 
  Projekt:       lensahn.de
  Datum:         14.07.2009
  Autor:         Jörg Harling
*/

.navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 166px; /* Width of Menu Items */
}
  
.navigation ul li {
  position: relative;
}
  
/*Sub level menu items */
.navigation ul li ul {
  position: absolute;
  width: 166px; /*sub menu width*/
  top: 0;
  visibility: hidden;
}

.navigation ul li a {
  display: block;
  overflow: auto; /*force hasLayout in IE7 */
  color: #139238;
  font-size:13px;
  text-transform:lowercase;
  font-weight:bold;
  text-decoration: none;
  background: url(../bitmaps/mainnav_arrow.gif) left no-repeat #ffcc5b;
  padding: 9px 12px 9px 12px;
}



/************* Menü dahme + Subs *****************/

.navigation ul li.nav1 a:link, .navigation ul li.nav1 a:visited {
  background: url(../bitmaps/mainnav_arrow.gif) left no-repeat #ffcc5b;
  padding: 9px 0px 9px 12px;
  margin-bottom:5px;
}

.navigation ul li.nav1 a:hover {
  background: url(../bitmaps/mainnav_arrow.gif) left no-repeat #ffbc29;
}

/* Subnavigationen */

.navigation ul li.nav1 ul li a:link, .navigation ul li.nav1 ul li a:visited {
  width:140px;
  font-size:12px;
  font-weight:normal;
  text-transform:none;
  background: #ffcc5b;
  padding: 3px 10px 3px 10px;
  margin: 0px 0px 0px 2px;
  border-bottom: 1px solid #ffffff;
}

.navigation ul li.nav1 ul li a:hover {
  background: #ffbc29;
}

.navigation ul li.nav1 ul li ul li {
  margin-left: 2px;
}

/******* Explorer-Anpassung für IE6/IE7 ******/
*html .navigation ul li.nav1 ul li ul li  {
  margin-left: 0px;
}
*:first-child+html .navigation ul li.nav1 ul li ul li  {
  margin-left: 0px;
}

/*****************************************************************/


/************* Menü angebote + Subs *****************/

.navigation ul li.nav2 a:link, .navigation ul li.nav2 a:visited {
  background: url(../bitmaps/mainnav_arrow.gif) left no-repeat #ffd16d;
  padding: 9px 0px 9px 12px;
  margin-bottom:5px;
}

.navigation ul li.nav2 a:hover {
  background: url(../bitmaps/mainnav_arrow.gif) left no-repeat #ffbc29;
}

/* Subnavigationen */

.navigation ul li.nav2 ul li a:link, .navigation ul li.nav2 ul li a:visited {
  width:164px;
  font-size:12px;
  font-weight:normal;
  text-transform:none;
  background: #ffd16d;
  padding: 3px 10px 3px 10px;
  margin: 0px 0px 0px 2px;
  border-bottom: 1px solid #ffffff;
}

.navigation ul li.nav2 ul li a:hover {
  background: #ffbc29;
}

.navigation ul li.nav2 ul li ul li {
  margin-left: 2px;
}

/******* Explorer-Anpassung für IE6/IE7 ******/
*html .navigation ul li.nav2 ul li ul li  {
  margin-left: 0px;
}
*:first-child+html .navigation ul li.nav2 ul li ul li  {
  margin-left: 0px;
}

/*****************************************************************/


/************* Menü - freizeit und events + Subs *****************/

.navigation ul li.nav3 a:link, .navigation ul li.nav3 a:visited {
  background: url(../bitmaps/mainnav_arrow.gif) left no-repeat #ffd77f;
  padding: 9px 0px 9px 12px;
  margin-bottom:5px;
}

.navigation ul li.nav3 a:hover {
  background: url(../bitmaps/mainnav_arrow.gif) left no-repeat #ffbc29;
}

/* Subnavigationen */

.navigation ul li.nav3 ul li a:link, .navigation ul li.nav3 ul li a:visited {
  width:176px;
  font-size:12px;
  text-transform:none;
  font-weight:normal;
  background: #ffd77f;
  padding: 3px 10px 3px 10px;
  margin: 0px 0px 0px 2px;
  border-bottom: 1px solid #ffffff;
}

.navigation ul li.nav3 ul li a:hover {
  background: #ffbc29;
}

.navigation ul li.nav3 ul li ul li {
  margin-left: 2px;
}

/******* Explorer-Anpassung für IE6/IE7 ******/
*html .navigation ul li.nav3 ul li ul li  {
  margin-left: 0px;
}
*:first-child+html .navigation ul li.nav3 ul li ul li  {
  margin-left: 0px;
}
/*****************************************************************/



/************* Menü - sport und gesundheit + Subs *****************/

.navigation ul li.nav4 a:link, .navigation ul li.nav4 a:visited {
  background: url(../bitmaps/mainnav_arrow.gif) left no-repeat #ffdd91;
  padding: 9px 0px 9px 12px;
  margin-bottom:5px;
}

.navigation ul li.nav4 a:hover {
  background: url(../bitmaps/mainnav_arrow.gif) left no-repeat #ffbc29;
}

/* Subnavigationen */

.navigation ul li.nav4 ul li a:link, .navigation ul li.nav4 ul li a:visited {
  width:150px;
  font-size:12px;
  text-transform:none;
  font-weight:normal;
  background: #ffdd91;
  padding: 3px 10px 3px 10px;
  margin: 0px 0px 0px 2px;
  border-bottom: 1px solid #ffffff;
}

.navigation ul li.nav4 ul li a:hover {
  background: #ffbc29;
}

.navigation ul li.nav4 ul li ul li {
  margin-left: 2px;
}

/******* Explorer-Anpassung für IE6/IE7 ******/
*html .navigation ul li.nav4 ul li ul li  {
  margin-left: 0px;
}
*:first-child+html .navigation ul li.nav4 ul li ul li  {
  margin-left: 0px;
}
/*****************************************************************/



/************* Menü - kinderhafen + Subs *****************/

.navigation ul li.nav5 a:link, .navigation ul li.nav5 a:visited {
  background: url(../bitmaps/mainnav_arrow.gif) left no-repeat #ffe2a3;
  padding: 9px 0px 9px 12px;
  margin-bottom:5px;
}

.navigation ul li.nav5 a:hover {
  background: url(../bitmaps/mainnav_arrow.gif) left no-repeat #ffbc29;
}

/* Subnavigationen */

.navigation ul li.nav5 ul li a:link, .navigation ul li.nav5 ul li a:visited {
  width:150px;
  font-size:12px;
  text-transform:none;
  font-weight:normal;
  background: #ffe2a3;
  padding: 3px 10px 3px 10px;
  margin: 0px 0px 0px 2px;
  border-bottom: 1px solid #ffffff;
}

.navigation ul li.nav5 ul li a:hover {
  background: #ffbc29;
}

.navigation ul li.nav5 ul li ul li {
  margin-left: 2px;
}

/******* Explorer-Anpassung für IE6/IE7 ******/
*html .navigation ul li.nav5 ul li ul li  {
  margin-left: 0px;
}
*:first-child+html .navigation ul li.nav5 ul li ul li  {
  margin-left: 0px;
}

/*****************************************************************/



/************* Menü - service + Subs *****************/

.navigation ul li.nav6 a:link, .navigation ul li.nav6 a:visited {
  background: url(../bitmaps/mainnav_arrow.gif) left no-repeat #ffe8b6;
  padding: 9px 0px 9px 12px;
  margin-bottom:5px;
}

.navigation ul li.nav6 a:hover {
  background: url(../bitmaps/mainnav_arrow.gif) left no-repeat #ffbc29;
}

/* Subnavigationen */

.navigation ul li.nav6 ul li a:link, .navigation ul li.nav6 ul li a:visited {
  width:150px;
  font-size:12px;
  text-transform:none;
  font-weight:normal;
  background: #ffe8b6;
  padding: 3px 10px 3px 10px;
  margin: 0px 0px 0px 2px;
  border-bottom: 1px solid #ffffff;
}

.navigation ul li.nav6 ul li a:hover {
  background: #ffbc29;
}


.navigation ul li ul li a.sub:link, .navigation ul li ul li a.sub:visited {
	width:150px;
  	font-size:12px;
  	text-transform:none;
  	font-weight:normal;
  	background: url(../bitmaps/arrow_sub2.gif) right center no-repeat #ffe8b6;
  	padding: 3px 10px 3px 10px;
  	margin: 0px 0px 0px 2px;
  	border-bottom: 1px solid #ffffff;
}

.navigation ul li ul li a.sub:hover {
	background: url(../bitmaps/arrow_sub2.gif) right center no-repeat #ffbc29;
}



.navigation ul li.nav6 ul li ul li {
  margin-left: 0px;
}

/******* Explorer-Anpassung für IE6/IE7 ******/
*html .navigation ul li.nav6 ul li ul li  {
  margin-left: 0px;
}
*:first-child+html .navigation ul li.nav6 ul li ul li  {
  margin-left: 0px;
}

/*****************************************************************/




/*
.navigation .subfolderstyle{
  background: url(media/arrow-list.gif) no-repeat center right;
}
*/
  
/* Holly Hack for IE \*/
* html .navigation ul li { float: left; height: 1%; }
* html .navigation ul li a { height: 1%; }
/* End */