* {
	margin: 0;
	padding: 0;
}


/* @group Main Menu (top) */

/* Preparing Structure for Suckerfish dropdowns */

#portal *,#subsection * {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

#portal {
	padding: 10px 0 0 10px;
}

#portal ul {
	list-style-type: none;
}

#portal li {
	width: 170px;
	float: left;
}

#portal a,
#portal span {
	width: 170px;
	display: block;
	border: 0;
}

#portal ul ul {
	z-index: 99;
}

#portal li ul {
	position: absolute;
	width: 170px;
	top: 134px;
	left: -9990px;
	/** * change to 'auto' for testing */
}

#portal li:hover ul,
#portal li.sfhover ul {
	left: auto;
	top: 115px;
}

/* handling CSO in level2 */

#portal li li.active,
#portal li li.trail  {
	position: absolute;
	top: -19px;/**/
	margin: 0;
	border: 0;
	width: 170px;
}

#portal li.section1 li.active,
#portal li.section1 li.trail  {
	left: 10000px;
}

#portal li.section2 li.active,
#portal li.section2 li.trail  {
	left: 10173px;
}

#portal li.section3 li.active,
#portal li.section3 li.trail  {
	left: 10346px;
}

#portal li.section4 li.active,
#portal li.section4 li.trail,
#portal li.section5 li.active,
#portal li.section5 li.trail  {
	left: 10519px;
}

#portal li.section6 li.active,
#portal li.section6 li.trail  {
	left: 10692px;
}

#portal li:hover li.active,
#portal li.sfhover li.active,
#portal li:hover li.trail,
#portal li.sfhover li.trail {
	position: static;
}

/* some general rules */

#portal .trail, #portal .active {
	color: #fff;
}

#portal a:hover {
	text-decoration: none;
}

#portal img {
	display: block;
	width: 170px;
	height: 36px;
	background-position: 0 -180px;
	vertical-align: bottom;
	/* verhindern Durchschuss */
} 

#portal li.trail img,
#portal li:hover img,
#portal li.active span img {
	height: 108px;
	background-position: 0 -8px;
	/* helper class */
}

/* styling Details */
#portal li {
	margin-right: 3px;
	margin-top: 88px;
	background: url(/tl_files/fond/nav_fond.png) no-repeat 50% 0;
}
#portal li.active {
	margin-top: 17px;
}

#portal li:hover li {
	margin-top: 0;
}
#portal li.trail,
#portal li:hover {
	margin-top: 0;
}
/* Korrektur für Hover Zustand */
#portal li.trail_muted {
	margin-top: 71px;
}

#portal li ul {
	background: url(/tl_files/fond/nav_fond.png) no-repeat 50% 100%;
	padding: 0 0 8px 0;
}

#portal li li {
	width: 160px;
	height: 19px;
	float: none;
	display: list-item;
	padding: 0;
	margin: 0 4px;
	border: 1px solid #ccc;
	border-bottom-width:  0;
	border-top-width:  0;
	background-image: url(/tl_files/fond/nav_verlauf.png);
	background-repeat:  repeat-x;
	background-position: 0 0;
}

#portal li ul li.active,
#portal li ul li.trail {
	font-weight: bold;
	color: #fff;
	background-image: url(/tl_files/fond/nav_verlauf_activ.png);
}

#portal li ul a.trail,
#portal li ul span.active {
	color:  #fff;
	background-image: url(/tl_files/fond/listitem_hover.png);
}
#portal li:hover li.active,
#portal li.sfhover li.active,
#portal li:hover li.trail,
#portal li.sfhover li.trail,
#portal li:hover li:hover,
#portal li.sfhover li.sfhover {
	background-image: url(/tl_files/fond/nav_verlauf_activ.png);
	background-position:  0 -20px;
	
	margin: 0 4px;
	width: 160px;
}
#portal li:hover li.active,
#portal li.sfhover li.active {
	width: 162px;

}

#portal li ul a,
#portal li ul span {
	color:  #666;
	padding: 3px 0 3px 24px;
	width: 150px;
	outline: none;
	background-image: url(/tl_files/fond/listitem.png);
	background-repeat:  no-repeat;
	background-position: 14px 5px;
}

#portal li ul li.first {
	border-top-width:  1px;
}

#portal li ul li.last {
	border-bottom-width:  1px;
}

/* @end */

/* @group Sub Menu (top) */

#subsection {
	position: absolute;
	top:  134px;
	left: 0;
	width: 100%;
	z-index: 98;
	border: 1px solid #666;
	border-left-width:  0;
	border-right-width:  0;
	background-color: #fff;
	font-size: 12px;
	font-weight: bold;
}
#subsection ul {
	padding: 0 20px;
}

#subsection li {
	float: left;
	display: inline;
}

#subsection a,
#subsection span {
	display: block;
	float: left;
	padding: 5px 2px 4px 12px;
	background-repeat:  no-repeat;
	background-position: 2px 6px;
}
#subsection a
{
	color:  #666;
	background-image: url(/tl_files/fond/listitem.png);
}
#subsection a:hover
{
	background-color: #ccc;
	text-decoration: none;
}
#subsection span.active,
#subsection a.trail {
	color:  #fff;
	background-color: #6c3;
	background-image: url(/tl_files/fond/listitem_hover.png);
}
/* @end */

/* @group MetaNavigation */
#nav_meta {
	font-size: 11px;
	margin: 0 10px;
	border-top: 1px dotted #666;
}

#nav_meta ul {
	list-style: none;
	margin-top: 0;
}

#nav_meta li {
	float:  left;
	padding: 0.25em 0;
}

#nav_meta a,
#nav_meta span {
	color:  #666;
	border-right: 1px solid #666;
	padding: 0 3px;
}

#nav_meta a.last,
#nav_meta span.last {
	border-right-width: 0;
}



/* @end */