@charset "iso-8859-15";

#mainmenu {
	width			: 890px;
	height			: 44px;
	margin			: 0 auto;
	background		: url(images/menu.png) no-repeat;
}

#mainmenu ul {
	list-style		: none;
	margin-left		: 25px;
	padding			: 0px;	
}

#mainmenu a {
	display			: block;
	font-size		: 17px;
	padding			: 5px;
}

#mainmenu .menu {
	display			: block;
	font-size		: 17px;
	font-weight		: normal;
	margin			: 0 17px 0 17px;
	color			: #eeeeee;
}
#mainmenu .menu:hover, #mainmenu .menu_on:hover, #mainmenu .menu_on , #mainmenu li:hover a.menu {
	display			: block;
	font-size		: 17px;
	font-weight		: normal;
	margin			: 0 17px 0 17px;
	color			: #4d90c8;
	background		: url(images/menu_hover.png) top center no-repeat;
}


#mainmenu li {
	float			: left;
}

	#mainmenu ul li ul {
		position	: absolute;
		z-index		: 10;
		display		: none;
		margin		: 0 0 0 -8px;
		padding-top	: 5px;
	}
	#mainmenu ul li ul li {
		background	: url(images/submenu_bg_middle.png) repeat-y;
	}

	#mainmenu ul li:hover ul, #mainmenu li.sfhover ul{
		display			: block;
		left			: auto;
		width			: 222px;
	}

	#mainmenu ul li ul a.submenu{
		display			: block;
		width			: 210px;
		color			: #ffffff;
		font-weight		: normal;
		padding			: 0px 5px 2px 24px;
		margin			: 0 0 0 8px;
		background		: #cbcbcb;
	}

	#mainmenu ul li ul a.submenu:hover, #mainmenu ul li ul a.submenu_on:hover, #mainmenu ul li ul a.submenu_on {
		display			: block;
		width			: 210px;
		color			: #4D90C8;
		font-weight		: normal;
		padding			: 0px 5px 2px 24px;
		margin			: 0 0 0 8px;
		text-decoration	: none;
		background		: #cbcbcb;
	}

#menuel {
	width			: 180px;
	height			: 100%;
}

#menuel ul {
	list-style		: none;
	margin			: 5px 0 0 0px;
	padding			: 10px;	
}

#menuel a {
	display			: block;
	font-size		: 17px;
	font-weight		: normal;
	color			: #4d90c8;
}

#menuel .menul {
	display			: block;
	font-size		: 13px;
	font-weight		: normal;
	text-align		: left;
	color			: #6d6d6d;
}
#menuel .menul:hover, #menuel .menul_on:hover, #menuel .menul_on , #menuel li:hover a.menul {
	display			: block;
	font-size		: 13px;
	font-weight		: normal;
	color			: #4d90c8;
}

#menuel li {
	float			: left;
	font-size		: 1.3em;
}

	#menuel ul li ul {
		position	: absolute;
		display		: none;
}

.hauptpunkte {
	width			: 100%;
	margin-bottom	: 15px;
	cursor			: pointer;
}

.hauptpunkte:hover {
	width			: 100%;
	margin-bottom	: 15px;
	cursor			: pointer;
}
	
.unterpunkte {
	display			: none;
}
.unterpunkte2 {
	display			: block;
}
.unterpunkte li, .unterpunkte2 li {
	width			: 100%;
	margin			: 2px 0 5px 7px;
}