@charset "UTF-8";

/**
 * Styling suckerfish drop-down-navigationgation
 * more information about suckerfish:
 * http://www.htmldog.com/examples/
 **/  

#navigation {
	height: 50px;
	background: url('/tl_files/finca/imgs/bg_navi.jpg') repeat-x top left #0d5132;
	margin-top: 5px;
	margin-bottom: 12px;
	z-index: 50;
}
#navigation ul {
	list-style: none;
	padding-top: 25px;
	margin: 0px 0px 0px -20px;
	z-index: 100;
	}
*+html #navigation ul { margin-left: 15px; }
#navigation ul li {
	list-style: none;
	display: inline;
	margin-right: 20px;
	}
#navigation ul li.first {
	}
#navigation ul li a {
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
	font-weight: bold;
	}
#navigation ul li a:hover,
#navigation ul li li a:hover.
#navigation ul li li li a:hover {
	color: #e69d3d;
	}
#navigation ul li li.active a {
	background: none;
	}
#navigation ul li.active a {
	/*background: url('/tl_files/finca/imgs/bg_navi_active.jpg') repeat-x top left transparent;*/
	}
#navigation ul li .trail {
	/*background: url('/tl_files/finca/imgs/bg_navi_active.jpg') repeat-x top left transparent;*/
	}
#navigation ul li .trail a {
	color: #fff;
	}
#navigation {
	height: 50px;
	background: url('/tl_files/finca/imgs/bg_navi.jpg') repeat-x top left #0d5132;
	margin-top: 5px;
	margin-bottom: 12px;
	z-index: 50;
}
#navigation ul {
	list-style: none;
	padding-top: 25px;
	margin: 0px 0px 0px -20px;
	z-index: 100;
	}
*+html #navigation ul { margin-left: 20px; }
**+html #navigation ul ul { margin-left: 0px; }
#navigation ul li {
	list-style: none;
	display: inline;
	}
#navigation ul li.first {
	}
#navigation ul li a {
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
	font-weight: bold;
	}



#navigation { 
}

#navigation ul {
}

* html #navigation ul {
	margin-left: 15px;
	}
* html #navigation ul.level_2 {
	margin-left: 0px;
	}
* html #navigation ul li {
	margin-left: 0px;
	}

#navigation li {
	position: relative;
	z-index: 50;
}

#navigation ul li a { 
}

#navigation li ul {
	display: none;
	position: absolute;
	top: 15px;
	left: 20px;
	background: #0d5132;
	height: auto;
	width: 185px;
	padding: 15px;
	border: none;
	overflow: hidden;
	z-index: 800;
	text-align: left;
}
* html #navigation li ul {
	top: 48px;
	left: 0px;
}
*+html #navigation li ul {
	top: 43px;
	left: 0px;
	margin-left: 0px;
}

#navigation li li {
	float: none;
	display: block;
	padding: 0px 0px;
	text-align: left;
	width: 100%;
}

#navigation li:hover a, 
#navigation li.sfhover a { 
	color: #e69d3d; 
	}
 
#navigation li.active a { color: #fff; }
#navigation li.active a:hover { color: #fff; }

#navigation li:hover ul li a, 
#navigation li.sfhover ul li a 
{ color: #fff; padding: 0px 0px 0px 0px; border: none; font-size: 12px; }


#navigation li:hover ul li a:hover, 
#navigation li.sfhover ul li a:hover { 	
	color: #fff; 
	border: none;
	}

#navigation li.active ul li a { color: #fff; background: transparent; }
#navigation li.active ul li a:hover { color: #e69d3d; background: transparent; }

#navigation li:hover ul li ul, 
#navigation li.sfhover ul li ul { 
	position: static; 
	padding: 3px 20px 3px 10px; 
	border: 0px solid #fff; 
	width: 180px;
}

* html #navigation li:hover ul li ul, 
* html #navigation li.sfhover ul li ul { 
	position: static; 
	padding: 3px 20px 3px 2px; 
	border: 0px solid #fff; 
	width: 180px;
}

#navigation li ul li ul li {
	line-height: 1.0em;
	padding: 4px 0px 4px 0px;
	margin-left: 20px;
	}
* html #navigation li ul li ul li {
	line-height: 1.0em;
	padding: 4px 0px 4px 0px;
	margin-left: -5px;
	}
*+html #navigation li ul li ul li {
	line-height: 1.0em;
	padding: 4px 0px 4px 0px;
	margin-left: -5px;
	}
#navigation li:hover ul li ul li a, 
#navigation li.sfhover ul li ul li a,
#navigation ul li.trail li.trail li.trail a.trail { 
	font-weight: normal; 
	font-size: 12px;
	color: #e69d3d; 
	border: none; 
	background: url('/tl_files/finca/imgs/nav_main_ul_li_ul_arrow.gif') no-repeat top left transparent;
	padding-left: 10px;
	}

#navigation li:hover ul li ul li a:hover, 
#navigation li.sfhover ul li ul li a:hover 
{ color: #fff; border: none; }

#navigation li:hover ul li ul li ul li a, 
#navigation li.sfhover ul li ul li ul li a 
{ color: #fff; border: none; }

#navigation li:hover ul li ul li ul li a:hover, 
#navigation li.sfhover ul li ul li ul li a:hover 
{ color: #e69d3d; border: none; }

#navigation li:hover ul, #navigation li.sfhover ul {
	display: block;
}

#navigation ul li a:hover,
#navigation ul li.trail li.active a.active {
	color: #e69d3d;
	}
#navigation ul li a:hover,
#navigation ul li.trail li.trail li.trail li.active a {
	color: #e69d3d;
	}
#navigation ul li li.active a {
	background: none;
	}
#navigation ul li.active a, #navigation ul li.trail a.trail {
	/*background: url('/tl_files/finca/imgs/bg_navi_active.jpg') repeat-x top left transparent;*/
	color: #fff;
	}
#navigation ul li.active a:hover, #navigation ul li.trail a:hover {
	color: #e69d3d;
	}
#navigation ul li.trail ul li.trail, #navigation ul li.trail li.trail a.trail {
	background: none;
	}
#navigation ul li.trail a.trail,
#navigation ul li.trail a:hover {
	color: #fff;
	}
#wrapper #navigation ul li ul li a:hover {
	color: #e69d3d;
	}
	
#wrapper #navigation ul.level_3 li a:hover { color: #fff; }
#wrapper #navigation ul.level_4 li a:hover { color: #e69d3d; }
#wrapper #navigation ul.level_1 li.first a {
    padding-left: 0px;
    }

#wrapper #navigation ul.level_3 li.first a {
    padding-left: 10px;
    }
#wrapper #navigation ul.level_1 li.trail a.trail {
    color: #e69d3d;
    }
    
ul.level_3 li a {
    padding-left: 10px !important;
    }


/* Navi nebeneinander Mallorca/Ibiza  
#navigation ul.level_1 li.first ul.level_2 {
  width: 380px;
}

#navigation ul.level_1 li.first ul.level_2 li.last {
	position: absolute;
	top: 15px;
	left: 200px;
	}
#navigation ul.level_1 li.first ul.level_3 li.last,
#navigation ul.level_1 li.first ul.level_4 li.last {
	position: relative;
	top: 0px;
	left: 0px;
	}
	
#navigation ul.level_1 li.first ul.level_2 li.last ul.level_3 ul.level_4 li.last {
	margin-top: 20px;
	}

*/