/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.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.
=================================================================== */

.preload1 {background: url(three_1.gif);}
.preload2 {background: url(three_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:38px; position:relative; z-index:500; padding:0 27px;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:30px; color:#ccc; text-decoration:none;  font-size:1.5em; font-weight:bold; text-transform:uppercase; cursor:pointer; color:#000000;}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 12px 0 12px; height:35px; background: url(three_0a.gif) no-repeat right top;}

#nav li:hover a.top_link {color:#fff; background: url(three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top;}

/* Default list styling */


#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top: 35px; background:#FFFFFF; -moz-border-radius: 0.6em; -khtml-border-radius: 0.6em; text-align:left; border:1px solid #d5d5d5; padding:12px 10px; white-space:nowrap; height:auto; z-index:300;width: 166px;} 
#nav li:hover ul.sub li
{display:block; height:26px; position:relative;}

#nav li:hover ul.sub li ul.sub 
{left:1px; top: 35px; background:#FFFFFF; -moz-border-radius: 0.6em; -khtml-border-radius: 0.6em; text-align:left; border:1px solid #d5d5d5; padding:12px 10px; white-space:nowrap; height:auto; z-index:300;width: 166px;} 
#nav li:hover ul.sub li ul.sub li
{display:block; height:26px; position:relative;}


/*#nav li ul.sub li a{
	border-bottom:2px solid #FFFFFF;display:block;  height:24px; line-height:24px; text-indent:5px; color:#000; text-decoration:none;font-size:12px; font-weight:bold; background:#ecedee url(../images/arrow_1.gif) no-repeat 150px center; 
}
es folgt die überschreibung.. pfeile sollen nur bei subs dargestellt werden
*/
#nav li ul.sub li a{
	border-bottom:2px solid #FFFFFF;display:block;  height:24px; line-height:24px; text-indent:5px; color:#000; text-decoration:none;font-size:12px; font-weight:bold; background-color:#ecedee; 
}
#nav li ul.sub li.hassubs a{
	border-bottom:2px solid #FFFFFF;display:block;  height:24px; line-height:24px; text-indent:5px; color:#000; text-decoration:none;font-size:12px; font-weight:bold; background:#ecedee url(../images/arrow_1.gif) no-repeat 150px center; 
}
#nav li ul.sub li.hassubs_act a{
	border-bottom:2px solid #FFFFFF;display:block;  height:24px; line-height:24px; text-indent:5px; color:#aa1285; text-decoration:none;font-size:12px; font-weight:bold; background:#ecedee url(../images/arrow_1.gif) no-repeat 150px center; 
}
#nav li ul.sub li.hassubs ul li.hassubs a{
	border-bottom:2px solid #FFFFFF;display:block;  height:24px; line-height:24px; text-indent:5px; color:#000; text-decoration:none;font-size:12px; font-weight:bold; background-color:#ecedee; 
}
#nav li ul.sub li.hassubs ul li.hassubs_act a{
	border-bottom:2px solid #FFFFFF;display:block;  height:24px; line-height:24px; text-indent:5px; color:#aa1285; text-decoration:none;font-size:12px; font-weight:bold; background-color:#ecedee;  
}
#nav li ul.sub li.hassubs_act ul li.hassubs a{
	border-bottom:2px solid #FFFFFF;display:block;  height:24px; line-height:24px; text-indent:5px; color:#000; text-decoration:none;font-size:12px; font-weight:bold; background-color:#ecedee;  
}
#nav li ul.sub li.hassubs_act ul li.hassubs_act a{
	border-bottom:2px solid #FFFFFF;display:block;  height:24px; line-height:24px; text-indent:5px; color:#aa1285; text-decoration:none;font-size:12px; font-weight:bold; background-color:#ecedee;  
}
#nav li ul.sub li.hassubs_act ul li.hassubs_act ul li a {
	border-bottom:2px solid #FFFFFF;display:block;  height:24px; line-height:24px; text-indent:5px; color:#000; text-decoration:none;font-size:12px; font-weight:bold; background-color:#ecedee;  
}
#nav li ul.sub li.act a{
	border-bottom:2px solid #FFFFFF;display:block;  height:24px; line-height:24px; text-indent:5px; color:#aa1285; text-decoration:none;font-size:12px; font-weight:bold; background-color:#ecedee; 
}
/*
#nav li ul.sub li.hassubs_act ul li a{
	border-bottom:2px solid #FFFFFF;display:block;  height:24px; line-height:24px; text-indent:5px; color:#000; text-decoration:none;font-size:12px; font-weight:bold; background-color:#ecedee; 
}
#nav li ul.sub li.hassubs_act a{
	border-bottom:2px solid #FFFFFF;display:block;  height:24px; line-height:24px; text-indent:5px; color:#aa1285; text-decoration:none;font-size:12px; font-weight:bold; background-color:#ecedee; 
}
#nav li ul.sub li.hassubs_act ul li a{
	color:#000; 
}*/
#nav li ul.sub li.hassubs_act ul li a {color: #000;}
#nav li ul.sub li.hassubs_act ul li a:hover{
	color:#aa1285; 
}
#nav li ul.sub li.hassubs_act ul li.act a{
	color:#aa1285; 
}

#nav li ul.sub li.hassubs_act ul li.hassubs_act a{
	color:#aa1285; 
}
#nav li ul.sub li.hassubs_act ul li.act ul li a{
	color:#000; 
}
#nav li ul.sub li.hassubs_act ul li.act ul li.act a{
	color:#aa1285; 
}
#nav li ul.sub li a:hover{color:#aa1285;}

#nav li ul.sub li.hassubs_act ul li.hassubs_act ul li a:hover {color:#aa1285;}
#nav li ul.sub li.hassubs ul li.hassubs ul li a:hover {color:#aa1285;}
#nav li ul.sub li.hassubs_act ul li.hassubs_act ul li a.sub3act {color:#aa1285;}

#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:164px; top:-4px;  z-index:400; height:auto;  background:#FFFFFF; -moz-border-radius: 0.6em; -khtml-border-radius: 0.6em; text-align:left; border:1px solid #d5d5d5; padding:12px 10px; white-space:nowrap; height:auto; z-index:300;width: 166px;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{color:#aa1285;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{color:#000;} 


html>body #nav ul{	
	opacity: 0.95; ;
}
*html #nav ul{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=95);
}


/* Anweisungen philipp */
#nav li.active a.top_link {color:#fff; background: url(three_1.gif) no-repeat;}
#nav li ul.sub li ul.breiter {width: 230px;}
#nav li ul.sub li ul.breiter li a {background-image: none;}
a.sub3act, a.act {color:#aa1285; !important} 
