/* 
	Bezeichnung:	ofl_mainnav.css (stylesheet für die Hauptnavigation) 
	Projekt: 			ostseeferienland.de
	Datum: 				01.08.08
	Autor: 				Jörg Harling
*/

.navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: auto; /* Width of Menu Items */
}
	
.navigation ul li {
	position: relative;
}
	
/*Sub level menu items */
.navigation ul li ul {
	position: absolute;
	width: auto; /*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 0px 9px 12px;
}



/************* Menü orte & regionen + Subs *****************/

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

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

/* 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 #ffb804;
	padding: 3px 0px 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 #faaa0a;
}

.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ü ihr urlaubserlebnis + Subs *****************/

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

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

/* 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 #a0363b;
	padding: 3px 0px 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 #8d0a25;
}

.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ü - gastgeber & angebote + Subs *****************/

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

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

/* 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 #004b80;
	padding: 3px 0px 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 #00386a;
}

.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ü - aktiv vor ort + Subs *****************/

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

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

/* Subnavigationen */

.navigation ul li.nav4 ul li a:link, .navigation ul li.nav4 ul li a:visited {
	width:180px;
	font-size:12px;
	text-transform:none;
	font-weight:normal;
	background: url(../bitmaps/mainnav_arrow_2.gif) left no-repeat #416aa5;
	padding: 3px 0px 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 #2b5790;
}

.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ü - interaktiv + Subs *****************/

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

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

/* 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 #0ea54a;
	padding: 3px 0px 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 #009138;
}

.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ü - kontakt & service + Subs *****************/

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

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

/* 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 #62bb47;
	padding: 3px 0px 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 #4da732;
}

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