/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_pullup.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== 
Angepasst von pinzgau.com
*/

/* style the outer div to give it width */
div#nav {
/*
	width:7100px;
	height:30px;
	font-size:0.85em;
*/
}
/* remove all the bullets, borders and padding from the default list styling */
div#nav ul {
	padding:0;
	margin:0;
	list-style-type:none;
}
div#nav ul ul {
	width:auto;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
div#nav li {
	float:left;
	width:auto;
	position:relative;
	text-align:center;
}
/* style the links for the top level */
div#nav a, div#nav a:visited {
	display:block;
	text-decoration:none; 
	color:#fff; 
	width:auto; 
	height: 30px; 
	border-left:1px dotted #fff; 
	background: url(../../images/layout/menu/normal.jpg) repeat-x top left;
	padding: 0 30px 0 30px;
	line-height:30px;
}

div#nav > ul > li:first-child a {
	border-left: 0;
}

div#nav ul > li.last a {
	padding: 0 35px 0 35px;
}

* html div#nav li.last a, 
* html div#nav li.last a:visited  {
	padding: 0 12px 0 12px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html div#nav a, * html div#nav a:visited {
	border: 0;
	padding: 0 7px 0 7px;
	width:auto;
	w\idth:110px;
}

/* style the second level background */
div#nav ul ul a.drop, 
div#nav ul ul a.drop:visited {
	background:#fff;

	opacity: 0.9;
	-moz-opacity: 0.9;
	filter: alpha(opacity=90);

}
/* style the second level hover */

div#nav ul ul a:hover {
	color:#008BD0; 
	background: #fff;	
}

div#nav ul ul > a:hover {
	color:#008BD0; 
	background: #fff;	
	
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=99);
}

div#nav ul ul :hover > a.drop {
	color:#008BD0; 
	background: #fff;

	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=99);
}
/* style the third level background */
div#nav ul ul ul a, div#nav ul ul ul a:visited {
	color:#000; 
	background: #fff;
}
/* style the third level hover */
div#nav ul ul ul a:hover{
	color:#008BD0; 
	background: #fff;

	opacity: 1;
	-moz-opacity: 1;
}

div#nav ul ul ul :hover > a {
	color:#008BD0; 
	background: #fff;
	
	opacity: 1;
	-moz-opacity: 1;	
}

/* style the table so that it takes no part in the layout - required for IE to work */
div#nav table {border-collapse:collapse; border:0; position:absolute; left:0; bottom:-1px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
div#nav ul ul {
	visibility:hidden;
	position:absolute;
	bottom:30px;
	left:0;
	width:auto;
}
* html div#nav ul ul {
	bottom:30px;
}

div#nav ul ul li {
	width: auto;
}

/* position the third level flyout menu */
div#nav ul ul ul{
	left:220px; 
	bottom:0;
	width:auto;
}

* html div#nav ul ul ul{
	left:239px; 	
}

/* position the third level flyout menu for a left flyout */
div#nav ul ul ul.left {
	left:-150px;
}


/* style the second level links */
div#nav ul ul a, 
div#nav ul ul a:visited {
	background:#fff; 
	color:#000; 
	height:auto; 
	line-height:1em; 
	padding:5px 10px; 
	text-align: left;

	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	
	width:200px;
	/* yet another hack for IE5.5 */
}

* html div#nav ul ul a,
* html div#nav ul ul a:visited {
	width:200px;
	w\idth:219px;
}

/* style the top level hover */
div#nav a:hover, div#nav a.active {
	color:#008BD0; 
	background: url(../../images/layout/menu/active.jpg) #fff repeat-x top left;
}

div#nav ul ul a:hover{
	color:#008BD0; 
	background: #fff;
}

div#nav :hover > a, div#nav ul ul :hover > a {
	color:#008BD0;
	background: url(../../images/layout/menu/active.jpg) #fff repeat-x top left;
	
	opacity: 1;
	-moz-opacity: 1;	
}
/* make the second level visible when hover on first level list OR link */

div#nav ul li:hover ul,
div#nav ul a:hover ul{
	visibility:visible;
	height:auto;	
}
/* keep the third level hidden when you hover on first level list OR link */
div#nav ul :hover ul ul{
	display:none;
}
/* keep the fourth level hidden when you hover on second level list OR link */
div#nav ul :hover ul :hover ul ul{
	display:none;
}
/* make the third level visible when you hover over second level list OR link */
div#nav ul :hover ul :hover ul{ 
	display:block;
	bottom:0;
}
/* make the fourth level visible when you hover over third level list OR link */
div#nav ul :hover ul :hover ul :hover ul { 
	display:block;
	bottom:0;
}