/*	CSS Stand 19.02.10
copyright 2008 cocompose.com 
Navigation horizontal und vertical */


/* IMPORTANT FOR ALL UL and LI elements used as navigation,
removes list-symbols and corrects position to zero
has to be completed if new navigations following
************************************************************************************* */
#main-navigation ul,
#main-navigation ul.nav1st li,
#sub-navigation ul,
#sub-navigation ul.nav2nd li,
#sub-navigation-XL ul,
#sub-navigation-XL ul.nav2nd li,
#sub-navigation-XXL ul,
#sub-navigation-XXL ul.nav2nd li,
#sub-navigation-3rd-Level ul,
#sub-navigation-3rd-Level ul.nav3rd li,
#specialButtons ul,
#specialButtons ul.spButt li {
	list-style-type:none;
	margin: 0px;
	}

/* BILDIMPORT für ALLE nachfolgenden ELEMENTE
************************************************************************************* */
#main-navigation ul.nav1st li,
#main-navigation ul.nav1st a.current,
#main-navigation ul.nav1st a.current:link,
#main-navigation ul.nav1st a:hover,
#sub-navigation ul.nav2nd li,
#sub-navigation ul.nav2nd a.current,
#sub-navigation ul.nav2nd a.current:link,
#sub-navigation ul.nav2nd a:hover,
#sub-navigation-XL ul.nav2nd li,
#sub-navigation-XL ul.nav2nd a.current,
#sub-navigation-XL ul.nav2nd a.current:link,
#sub-navigation-XL ul.nav2nd a:hover,
#sub-navigation-XXL ul.nav2nd li,
#sub-navigation-XXL ul.nav2nd a.current,
#sub-navigation-XXL ul.nav2nd a.current:link,
#sub-navigation-XXL ul.nav2nd a:hover,
#specialButtons ul.spButt li,
#specialButtons ul.spButt a.current,
#specialButtons ul.spButt a.current:link,
#specialButtons ul.spButt a:hover
	{
background: url(symbuttons/allButtons/AllButtons_grey.png) no-repeat transparent;
	}

/* 1.Ebene Hauptnavigation 1.Ebene Horizontal (yc) 
Unterscheidet sich von Navi IE bzgl. Padding
************************************************************************************* */

#main-navigation {
	position:absolute;
	width:1024px;
	top: 87px;
	height: 16px;
	z-index: 50;
	}

#main-navigation ul.nav1st li {
	font-family: Arial, Helvetica, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1.1em;
	background-position: -160px -60px;
	width: 86px;
	height: 16px;
	text-align: center;
	display:block;
	float:left;
	margin-right: 15px;
	}

#main-navigation ul.nav1st a,
#main-navigation ul.nav1st a:link {
	display:block;
	color:#fff;
	text-decoration: none;
	display:block;
	padding-top:1px !Important;
	}
	
#main-navigation ul.nav1st a.current,
#main-navigation ul.nav1st a.current:link,
#main-navigation ul.nav1st a:hover {
	color: #fff;
	background-position: -160px -80px;
	width: 86px;
	height: 16px;
	text-align: center;
	float: left;
	}


/*	2.Ebene Haupt(Sub-)navigation Horizontal (cms und yc)----------------
Identisch mit IE Navi ------------------------------------------------------------*/

#sub-navigation {
	position: absolute;
	top: 12px;
	left: 0px;
	width: 725px;
	height: 16px;
	}

#sub-navigation ul.nav2nd li {
	font-family: Arial, Helvetica, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1em;
	background-position: -160px -60px;
	width: 86px;
	height: 16px;
	text-align: center;
	display:block;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	}

#sub-navigation ul.nav2nd a,
#sub-navigation ul.nav2nd a:link {
	display:block;
	color:#fff;
	text-decoration: none;
	}

#sub-navigation ul.nav2nd a.current,
#sub-navigation ul.nav2nd a.current:link,
#sub-navigation ul.nav2nd a:hover {
	color:#fff;
	background-position: -160px -80px;
	width: 86px;
	height: 16px;
	text-align: center;
	float: left;
	}
	
	
	
	
/*	CMS XL BUTTON ALTERNATIVE 2.Ebene Haupt(Sub-)navigation Horizontal (cms und yc)
Identisch mit IE Navi
************************************************************************************* */

#sub-navigation-XL {
	position: absolute;
	top: 12px;
	left: 0px;
	width: 725px;
	height: 16px;
	}

#sub-navigation-XL ul.nav2nd li {
	font-family: Arial, Helvetica, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1em;
	background-position: -260px -60px;
	width: 116px;
	height: 16px;
	text-align: center;
	display:block;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	}

#sub-navigation-XL ul.nav2nd a,
#sub-navigation-cms ul.nav2nd a:link {
	display:block;
	color:#fff;
	text-decoration: none;
	}

#sub-navigation-XL ul.nav2nd a.current,
#sub-navigation-XL ul.nav2nd a.current:link,
#sub-navigation-XL ul.nav2nd a:hover {
	color:#fff;
	background-position: -260px -80px;
	width: 116px;
	height: 16px;
	text-align: center;
	float: left;
	}
	
	
/*	CMS XXL BUTTON ALTERNATIVE 2.Ebene Haupt(Sub-)navigation Horizontal (cms und yc)
Identisch mit IE Navi
************************************************************************************* */

#sub-navigation-XXL {
	position: absolute;
	top: 12px;
	left: 0px;
	width: 725px;
	height: 16px;
	}

#sub-navigation-XXL ul.nav2nd li {
	font-family: Arial, Helvetica, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1em;
	background-position: -380px -60px;
	width: 130px;
	height: 16px;
	text-align: center;
	display:block;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	}

#sub-navigation-XXL ul.nav2nd a,
#sub-navigation-XXL ul.nav2nd a:link {
	display:block;
	color:#fff;
	text-decoration: none;
	}

#sub-navigation-XXL ul.nav2nd a.current,
#sub-navigation-XXL ul.nav2nd a.current:link,
#sub-navigation-XXL ul.nav2nd a:hover {
	color:#fff;
	background-position: -380px -80px;
	width: 130px;
	height: 16px;
	text-align: center;
	float: left;
	}
	
	
/*3. Ebene vertikal (in cms verwendet )
Unterscheidet sich von navi IE  bzgl Schriftgröße und linehight  */

#sub-navigation-3rd-Level ul.nav3rd li {
	font-family: Arial, Helvetica, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1.2em;
	line-height: 1em;
	margin-top: 3px;
	margin-bottom: 2px;
	list-style: none;
	margin-left: -20px;
	}

#sub-navigation-3rd-Level ul.nav3rd a,
#sub-navigation-3rd-Level ul.nav3rd a:link {
	display:block;
	color:#494848;
	text-decoration: none;
	padding-left: 5px;
	}

#sub-navigation-3rd-Level ul.nav3rd a.current,
#sub-navigation-3rd-Level ul.nav3rd a.current:link,
#sub-navigation-3rd-Level ul.nav3rd a:hover {
	color:#494848;
	}

/*	Community-Navigation links B1 - Identisch mit navi_IE
------------------------------------------------------------------------------*/
#com-left-navi {
	margin-bottom: 2em;
}
#com-left-navi ul{
	padding-left: 0px;
}
#com-left-navi ul li ul {
	/*border-bottom: 1px dotted #4D7F7F;*/
}
#com-left-navi ul li, 
#com-left-navi ul li a { /* Alle Menupunkte */
	display: block;
	padding-bottom: 1px;
	padding-top: 1px;
}
#com-left-navi ul li a { /* Nur Hauptmenupunkte */
	border-bottom: 1px dotted #ffffff;
	padding-bottom: 2px;
}
/* Strich unter dem aktiven Menupunkt
#com-left-navi ul li a {
	padding: 5px 0;
	color: #4D7F7F;
	border-bottom-color: #ffffff;
} 
#com-left-navi ul li a.active, 
#com-left-navi ul li a.current {
	border-bottom-style: solid;
}*/
#com-left-navi ul li a span {
	padding: 0 2px;
}
#com-left-navi ul li a:hover span, 
#com-left-navi ul li a.active span, 
#com-left-navi ul li a.current span {
	/*background-color: #5B7E7E;*/
	color: #ffffff;
}
#com-left-navi ul li ul li {
	padding-left: 10px;
}
#com-left-navi ul li ul li a {
	border-bottom: 0;
}
#com-left-navi ul li ul li a, 
#com-left-navi ul li ul li a.active, 
#com-left-navi ul li ul li a:hover, 
#com-left-navi ul li ul li.li-lst a, 
#com-left-navi ul li ul li.li-lst a:hover { /* Untermenupunkte mit Einrückung*/
	padding-left: 10px;
	background-image: url(http://www.cocompose.com/community/files/2_css/pics_community/icon_arrw_rght.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
	border-bottom: 1px dotted #ffffff;
}


/*	Nebennavigation oben links - Identisch mit navi_IE
************************************************************************************* */

#headnavi {
	color: #494848;
	font-size: 1.1em;
	font-family: Arial, Helvetica, Tahoma, Geneva, Verdana, sans-serif;
	text-align: left;
	position: absolute;
	top: 41px;
	left: 1px;
	width: 650px;
	z-index: 100;
	}

#headnavi a,
#headnavi a:link {
	color: #fff;
	text-decoration: none;
	}

#headnavi a:hover {
	color: #a3c822;
}
#headnavi a.current,
#headnavi a.current:link,
#headnavi a.active {
	color: #a3c822;
	background-color: #ebeef2;
	}
	

/* Special: login / logout / settings Buttons as link
************************************************************************************* */

#specialButtons {
	position: absolute;
	top: 93px;
	left: -7px;
	width: 110%;
	height: 16px;
	}

#specialButtons ul.spButt li {
	font-family: Arial, Helvetica, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1em;
	background-position: -80px -60px;
	width: 66px;
	height: 16px;
	text-align: center;
	display:block;
	float: left;
	margin-right: 12px;
	}

#specialButtons ul.spButt a,
#specialButtons ul.spButt a:link {
	display:block;
	color:#fff;
	text-decoration: none;
	}

#specialButtons ul.spButt a.current,
#specialButtons ul.spButt a.current:link,
#specialButtons ul.spButt a:hover {
	color:#fff;
	background-position: -80px -80px;
	width: 66px;
	height: 16px;
	text-align: center;
	float: left;
	}