/* ================================================================
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_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */

.menu {
	width:611px;
	padding-left:10px;
	height:25px;
	position:relative;
	font-family: Arial, sans-serif;
	background-color:#d3d3d3;
}

/* ### begin 1 ebene , das was sichtbar ist */

.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width: auto;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	position:relative;
	background-color:#ffff00;
	height:20px;
	width:auto;
	display:block;
	padding:0;
	margin:0;
}
* html .menu li {
	width: 90px;
}
/* first-level align */
.menu ul li a, .menu ul li a:link, .menu ul li a:visited {
	text-align: center;
	color:#ffffff;
	background-image:url(../images/menu_linie.gif);
	background-repeat:no-repeat;
	background-position:100% 50%;
}
.menu ul li a.active {
	color:#ffffff;
	background-color:#445F70;
	background-image: none;
	font-style:normal;
}


/* style the links for the top level */
.menu a, .menu a:visited {
	display:block;
	color:#ffffff;
	width:auto; /* 143px; ;;; der ie soll die ie6.css nehmen, alle anderen kriegen auto */
	height:20px;
	background-color:#D6D6D6;
	line-height:20px;
	font-weight:bold;
	font-family: Arial, sans-serif;
	font-size:13px;
	text-decoration:none;
	/* fuer den IE werden die Werte in ie6.css wieder auf 0 gesetzt */
	padding:2px 14px 3px 15px;

}
* html .menu a, * html .menu a:visited {
	/* fuer den IE werden die Werte in ie6.css wieder auf 0 gesetzt */
	padding:2px 5px 3px 5px;

}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {
	color:#ffffff;
	background-color:#445F70;
	font-style:normal;
}
.menu :hover > a, .menu ul ul :hover > a {

	background-color:#AEAEAE;
	font-style:normal;
}
.menu li:hover, .menu li.hover, .menu li.active {
    position: static;
}
.menu li:hover ul ul, .menu li:hover ul ul ul, .menu li.sfhover ul ul, .menu li.sfhover ul ul ul {
	left: -999em;
}
.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li.sfhover ul, .menu li li.sfhover ul, .menu li li li.sfhover ul {
	left: auto;
}
.menu li:hover, .menu li.sfhover {

}
.menu li:hover a {

}
.menu li:hover a.active {

}

/* ### ende 1 Ebene */


/* ### begin 2 Ebene  */
.menu ul ul, .menu ul ul li, .menu ul li ul {
	width:154px;
	background-color:#ff00ff;
	z-index: 199;
}
.menu ul li ul li {
	height:25px;
	line-height:20px;
	padding:0px 0px 0px 0px;
}
.menu ul li ul li a, .menu ul li ul li a:link, .menu ul li ul li a:visited {
	background-image: none;
}
.menu ul li ul li a:hover {
	background-color:#445F70;
	background-image: url(../images/trennlinie1.gif);
	background-repeat:repeat-x;
	background-position:0px 100%;
}
.menu ul li ul li a.active {
	color:#ffffff;
	background-color:#445F70;
	background-image: none;
	font-style:normal;
}
.menu ul li ul li a.daddy_active, .menu ul li ul li a.daddy_active:hover {
	color:#ffffff;
	background-color:#445F70;
	background-image: none;
	font-style:normal;
	background-image: url(../images/arrowleft_weiss.gif);
	background-position: right;
	background-repeat: no-repeat;
}
.menu ul li ul li a.daddy {
	background-image: url(../images/arrowleft_weiss.gif);
	background-position: right;
	background-repeat: no-repeat;
}
/* second-level align */
.menu ul li ul li a, .menu ul li ul li a:link, .menu ul li ul li a:visited, .menu ul li ul li a:active {
	height:20px;
	text-align: left;
	color:#ffffff;
	white-space:nowrap;
	display:block;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background-color:#AEAEAE;
	color:#ffffff;
	height:25px;
	/* border-width:0 0px 0px 0px;  */
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
	background-color:#9a211a;
	
}
/* style the second level hover */
.menu ul ul a.drop:hover {
	background-color:#FFCC00;
	font-style:normal;
}
.menu ul ul :hover > a.drop {
	background-color:#FFCC00;
	font-style:normal;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:24px;
	left:0;
	width:144px;
	z-index: 99999;
	/* border-top:0px solid #ffffff; */
}



/* ### ende 2 Ebene  */

/* 3. Level Hintergrundfarbe beim Hover gleichsetzen */
/* ### begin 3 Ebene  */
.menu ul ul ul, .menu ul ul ul li, .menu ul li ul li ul {
	width:154px;
	/*background-color:#123456; */
	
}
.menu ul li ul li ul li {
	height:25px;
	line-height:20px;
	padding:0px 0px 0px 0px;
	background: #3399CC;
}
.menu ul li ul li ul li a, .menu ul li ul li ul li a:link, .menu ul li ul li ul li a:visited {
	background-image: none;

}
.menu ul li ul li ul li a:hover {
	background-color:#445F70;
	background-image: url(../images/trennlinie1.gif);
	background-repeat:repeat-x;
	background-position:0px 100%;

	
}
.menu ul li ul li ul li a.active {
	color:#ffffff;
	background-color:#445F70;
	background-image: none;
	font-style:normal;
}


/* position the third level flyout menu */
.menu ul ul ul {
	left:154px; /* Itembreite */
	top:-1px;
	width:154px; /* Itembreite */
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-154px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}



/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility:visible;
}


/* edit line */

.topBorder {
	border-color:#ffffff;
	border-style:solid;

	border-top-width:1px;
}

.rblBorder {
	border-color:#ffffff;
	border-style:solid;

	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:1px;
}

.leftSide {
	text-align:left;
}

.hasChildren_white {
	background-image:url(/images/layout2/doppelpfeil_weiss.gif);
	background-repeat:no-repeat;
	background-position:95% 50%;
}

.hasChildren_darkgreen {
	background-image:url(/images/layout2/doppelpfeil_dunkelgruen.gif);
	background-repeat:no-repeat;
	background-position:95% 50%;
}

.TopLevelLink  {
	/* text-transform:uppercase; */
}
.notTopLevelLink  {
	text-transform:none;
}

.solidRed {
	border:1px solid red;
}

a.TopLevelGrau:link, a.TopLevelGrau:visited, a.TopLevelGrau:focus, a.TopLevelGrau:hover, a.TopLevelGrau:active  {
	color:#48130D;
	background-color:#ffffff;
}

.ie6_width {
	width:24%;
}

.TopLevelHG {
	background-image:url(/images/layout2/strich_senkrecht_weiss.gif);
	background-position:0% 50%;
	background-repeat:no-repeat;
	/* */
}


a.chalet:link, a.chalet:visited, a.chalet:focus, a.chalet:hover, a.chalet:active  {
	/* margin-left:100px; */
	background-color:#48130D;
	font-weight:bold;
}

a.chalet:hover  {
	background-color:#ffffff;
	color:#48130D;
}

a.TopLevelWhiteHG:link, a.TopLevelWhiteHG:visited, a.TopLevelWhiteHG:focus, a.TopLevelWhiteHG:hover, a.TopLevelWhiteHG:active  {
	background-color:#ffffff;
	color:#48130D;
}