/* 
	Bezeichnung:	kellenhusen_mainnav.css (stylesheet für die Hauptnavigation) 
	Projekt: 			kellenhusen.de
	Datum: 				27.02.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: #ffffff;
	font-size:13px;
	text-transform:lowercase;
	font-weight:bold;
	text-decoration: none;
	background: url(../bitmaps/mainnav_arrow.gif) left no-repeat #ffbd05;
	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 #1a5c91;
	padding: 9px 0px 9px 12px;
	margin-bottom:5px;
}

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

/* 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: url(../bitmaps/mainnav_arrow_2.gif) left no-repeat #1a5c91;
	padding: 3px 10px 3px 10px;
	margin: 0px 0px 0px 2px;
	border-bottom: 1px solid #ffffff;
}

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

.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 #336d9d;
	padding: 9px 0px 9px 12px;
	margin-bottom:5px;
}

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

/* 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: url(../bitmaps/mainnav_arrow_2.gif) left no-repeat #336d9d;
	padding: 3px 10px 3px 10px;
	margin: 0px 0px 0px 2px;
	border-bottom: 1px solid #ffffff;
}

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

.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 #4d80aa;
	padding: 9px 0px 9px 12px;
	margin-bottom:5px;
}

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

/* 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: url(../bitmaps/mainnav_arrow_2.gif) left no-repeat #4d80aa;
	padding: 3px 10px 3px 10px;
	margin: 0px 0px 0px 2px;
	border-bottom: 1px solid #ffffff;
}

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

.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 #6692b6;
	padding: 9px 0px 9px 12px;
	margin-bottom:5px;
}

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

/* 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: url(../bitmaps/mainnav_arrow_2.gif) left no-repeat #6692b6;
	padding: 3px 10px 3px 10px;
	margin: 0px 0px 0px 2px;
	border-bottom: 1px solid #ffffff;
}

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

.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 #7fa4c2;
	padding: 9px 0px 9px 12px;
	margin-bottom:5px;
}

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

/* 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: url(../bitmaps/mainnav_arrow_2.gif) left no-repeat #7fa4c2;
	padding: 3px 10px 3px 10px;
	margin: 0px 0px 0px 2px;
	border-bottom: 1px solid #ffffff;
}

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

.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 #99b6ce;
	padding: 9px 0px 9px 12px;
	margin-bottom:5px;
}

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

/* Subnavigationen */

.navigation ul li.nav6 ul li a:link, .navigation ul li.nav6 ul li a:visited {
	width:184px;
	font-size:12px;
	text-transform:none;
	font-weight:normal;
	background: url(../bitmaps/mainnav_arrow_2.gif) left no-repeat #99b6ce;
	padding: 3px 10px 3px 10px;
	margin: 0px 0px 0px 2px;
	border-bottom: 1px solid #ffffff;
}

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

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

/******* 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 */