/*	Copyrights by protokk software - Dimitri Kirillov
*	Hamburg 2012
*	Main menu style, only main template
*	Pulver Nord Template
*	Ver. 1.00
*	Date: 12.10.2012
*
*
*/

/* MAIN MENU HORIZONTAL.BEGIN */

#menu_main
{	
	position: absolute;
	left: 418px;
	bottom: 1px;
	display: block;
	text-align: center;
	height: 55px;
}

#menu_main ul
{
	position: relative;
	z-index: 333; /* <-- Wir brauchen das für IE, sonst springt der Cursor auf die darunterliegenden Links über */
	text-align: center;
	list-style: none outside none;
	display: block;
	margin: 0;
}

#menu_main li
{
	padding: 0; 
	margin: 0;
	float: left;
	position: relative;
	list-style: none outside none;
	text-align: center;	
	width: 366px;
	height: 55px;
}

#menu_main li ul
{
    margin: 0; 
	padding: 0;
    position: absolute;
    top: 20px;
	left: 0;
	padding: 4px 0px 4px 0px;
	display: none;
	border-left: 1px solid #5c5141;
	border-right: 1px solid #5c5141;
	border-bottom: 1px solid #5c5141;
}

#menu_main li.menu_first:hover ul.menu_second
{
    display: block;
}

#menu_main li.menu_second:hover ul.menu_third
{
    display: block;
}

#menu_main li ul li
{
    float: none;
    display: block;
	text-align: left;	
	white-space: nowrap;
	margin-top: 4px;
}

#menu_main li a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 26px;
	letter-spacing: 1px;
	text-decoration: none;
	display: block;
	padding: 12px 0px 0px 0px;
	width: 100%;
	height: 43px;
	text-transform: uppercase;
	background: url('../pulver-nord-menu-bg.jpg') no-repeat left top;
}

#menu_main ul li ul li a
{
	border: none;
	padding: 0px 12px 0px 4px;
}

#menu_main li a:hover {
	background: url('../pulver-nord-menu-bg-hover.jpg') no-repeat left top;
}

#menu_main li a.menu_active {
	background: url('../pulver-nord-menu-bg-active.jpg') no-repeat left top;
	}

/* MAIN MENU HORIZONTAL.END */

/* FOOTER MENU HORIZONTAL.BEGIN */
#footer_div #menu_footer {
	display: block;
	height: 20px;
	margin: 18px 0px 24px 0px;
	text-align: center;
}

#footer_div #menu_footer  ul
{
	padding-top: 1px;
	list-style: none outside none;
	display: inline-block;
	overflow: hidden;
	margin: auto;
}

#menu_footer li
{
	padding: 0; 
	padding: 0px 4px 0px 4px;
	float: left;
	list-style: none outside none;
	text-align: left;
	position: relative;
	display: block;
}

#menu_footer li + li
{
	border-left: 1px solid #FFFFFF;
}

#menu_footer li ul
{
    margin: 0; 
	padding: 0;
    position: absolute;
    top: 14px;
	left: 0;
	padding-top: 5px;
	display: none;
}

#menu_footer li ul li ul
{
    margin: 0; 
	padding: 0;
    position: absolute;
    top: 0px;
	left: 100px;
	display: none;
}

#menu_footer li.menu_first:hover ul.menu_second, #menu_footer li.menu_first ul.menu_second:hover
{
    display: block;
}

#menu_footer li.menu_second:hover ul.menu_third
{
    display: block;
}

#menu_footer li ul li
{
    float: none;
    display: block;
	white-space: nowrap;
	height: 14px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 4px 12px 2px 8px;
}

#menu_footer li a {
	color: #FFFFFF;
	font-size: 16px;
	letter-spacing: 1px;
	text-decoration: none;
	display: block;
	float: left;
}

#menu_footer li a:hover, #menu_footer li a.menu_active {
	color: #FF8F02;
	text-decoration: underline;
}

#menu_footer li ul li a, #menu_footer li ul li a.menu_active {
	color: #FFFFFF;
	font-weight: normal;
	font-size: 0.69em;
	text-decoration: none;
	display: block;
	float: left;
}

#menu_footer li ul li a:hover, #menu_footer li ul li a.menu_active {
	color: #a46b10;
	font-weight: normal;
	font-size: 0.69em;
	text-decoration: none;
	display: block;
	float: left;
}
/* FOOTER MENU HORIZONTAL.END */