/*
////////////////////////////////////////////////////////////////
//
// nav.css  Stylesheet fuer die Navigation
//
// WeblicationŽ CMS Strukturdesign Version 4.0.9
// erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de
// erstellt mit WeblicationŽ Content Management Server, www.weblication.de
//
////////////////////////////////////////////////////////////////
*/

/*
################################################################
Navigation links
################################################################
*/
#nav li
{ 
	behavior: url('wLayout/design/style/IEFixes.htc');
}


#nav, #nav ul { /* all lists */
	padding: 0px;
	margin: 0px;
	font-family:Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	list-style: none;
	font-weight:normal;
	font-size:15px;
	line-height:23px;
}

#nav a.main {
	background: url('../../../../media/navigation/navSeparator.gif') center right no-repeat;
	display: block;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	color: #FFFFFF;
	font-size:12px;
	line-height:23px;
	width:80px;
}
#nav a.main:hover {
	background: url('../../../../media/navigation/navSeparator.gif') center right no-repeat;
	display: block;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	color: #FFFFFF;
	font-size:12px;
	line-height:23px;
	background-color:#9E5C50;
	width:80px;
}
/*
#####################
NAVIGATION SUB
#####################
*/
#nav a.Sub {
	background: url('../../../../media/navigation/arrow.gif') center right no-repeat;
	display: block;
	text-decoration:none;
	font-weight:bold;
	color: #480002;
	background-color: #E6E3C7;
	font-size:11px;
	line-height:15px;
	width:110px;
	
	border: 1px solid #FFFFFF;
	padding-top: 1px;
	margin-top: -1px;
	
	filter:Alpha(opacity=85, finishopacity=0, style=0);
	-moz-opacity: 0.85;
	KhtmlOpacity: 0.85;
	opacity: 0.85; 
}
#nav a.Sub:hover {
	background: url('../../../../media/navigation/arrowSel.gif') center right no-repeat;
	display: block;
	text-decoration:none;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #9E5C50;
	font-size:11px;
	line-height:15px;
	width:110px;

	border: 1px solid #FFFFFF;
	padding-top: 1px;
	margin-top: -1px;
	
	filter:Alpha(opacity=100, finishopacity=0, style=0);
	-moz-opacity: 1.0;
	KhtmlOpacity: 1.0;
	opacity: 1.0;  
}

#nav a.SubTop {
	background: url('../../../../media/navigation/arrow.gif') center right no-repeat;
	display: block;
	text-decoration:none;
	font-weight:bold;
	color: #480002;
	background-color: #E6E3C7;
	font-size:11px;
	line-height:15px;
	width:110px;
	
	border: 1px solid #FFFFFF;
	padding-top: 1px;
	margin-top: 0px;
	
	filter:Alpha(opacity=85, finishopacity=0, style=0);
	-moz-opacity: 0.85;
	KhtmlOpacity: 0.85;
	opacity: 0.85; 
}

#nav a.SubTop:hover {
	background: url('../../../../media/navigation/arrowSel.gif') center right no-repeat;
	display: block;
	text-decoration:none;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #9E5C50;
	font-size:11px;
	line-height:15px;
	width:110px;

	border: 1px solid #FFFFFF;
	padding-top: 1px;
	margin-top: 0px;
	
	filter:Alpha(opacity=100, finishopacity=0, style=0);
	-moz-opacity: 1.0;
	KhtmlOpacity: 1.0;
	opacity: 1.0;  
}

#nav a.SubNoArrow {
	display: block;
	text-decoration:none;
	font-weight:bold;
	color: #480002;
	background-color: #E6E3C7;
	font-size:11px;
	line-height:15px;
	width:110px;
	
	border: 1px solid #FFFFFF;
	padding-top: 1px;
	margin-top: -1px;
	
	filter:Alpha(opacity=85, finishopacity=0, style=0);
	-moz-opacity: 0.85;
	KhtmlOpacity: 0.85;
	opacity: 0.85; 
}
#nav a.SubNoArrow:hover {
	display: block;
	text-decoration:none;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #9E5C50;
	width:110px;
	font-size:11px;
	line-height:15px;

	border: 1px solid #FFFFFF;
	padding-top: 1px;
	margin-top: -1px;
	
	filter:Alpha(opacity=100, finishopacity=0, style=0);
	-moz-opacity: 1.0;
	KhtmlOpacity: 1.0;
	opacity: 1.0;
}

#nav a.SubNoArrowTop {
	display: block;
	text-decoration:none;
	font-weight:bold;
	color: #480002;
	background-color: #E6E3C7;
	font-size:11px;
	line-height:15px;
	width:110px;
	
	border: 1px solid #FFFFFF;
	padding-top: 1px;
	margin-top: 0px;
	
	filter:Alpha(opacity=85, finishopacity=0, style=0);
	-moz-opacity: 0.85;
	KhtmlOpacity: 0.85;
	opacity: 0.85; 
}
#nav a.SubNoArrowTop:hover {
	display: block;
	text-decoration:none;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #9E5C50;
	width:110px;
	font-size:11px;
	line-height:15px;

	border: 1px solid #FFFFFF;
	padding-top: 1px;
	margin-top: 0px;
	
	filter:Alpha(opacity=100, finishopacity=0, style=0);
	-moz-opacity: 1.0;
	KhtmlOpacity: 1.0;
	opacity: 1.0;
}

#nav li { /* all list items */
	float: left;
	width:80px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	width:80px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -18px 0px 0px 110px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/*
################################################################
Navigation links language selection
################################################################
*/
a.navLanguage:link
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	line-height:15px;
	text-decoration:none;
	color:#FF6600;
}
a.navLanguage:active
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	line-height:15px;
	text-decoration:none;
	color:#FF6600;
}
a.navLanguage:visited
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	line-height:15px;
	text-decoration:none;
	color:#FF6600;
}
/* hover should be last defined -> so that visited links will behave correctly in hover state! */
a.navLanguage:hover
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	line-height:15px;
	text-decoration:none;
	color:#FF9900;
}
