/* @override http://koitsche.de/css/navigation.css */

/* NAVIGATION
----------------------------------------------------------------------------- */


/* Horizontal menu for the CMS CSS Menu Module */

#menuwrapper { 
    overflow: hidden; 
    width: 873px;  /* 875 minus borders*/
    border-left: 1px solid #C11C11;
    border-right: 1px solid #C11C11;
    border-top: 1px solid #C11C11;
}

#koitsche #menuwrapper {
	background: #C11C11 url(../images/koitsche/nav-bg.gif) repeat-x top; 
}

#klingstein #menuwrapper { 
	background: #333 url(../images/klingstein/nav-bg.gif) repeat-x top; 
    border-color: #333;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */

#primary-nav li li { 
        width: 200px; 
       }


#primary-nav, #primary-nav ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	}
	
#primary-nav ul { 
	position: absolute; 
	top: auto; 
	display: none; 
	}
	
#primary-nav ul ul { 
	margin-top: 1px;
 	margin-left: -1px;
	left: 100%; 
	top: 0px; 
	}
	
#primary-nav li { 
	margin-left: -1px;
	float: left;
	}
	
#primary-nav li li { 
	margin-left: 0px;
	margin-top: -1px;
	float: none; 
	position: relative; 
	}

/* Styling the basic apperance of the menu elements */

#primary-nav a,
#primary-nav a:visited { 
	display: block; 
	margin: 0px; 
	padding: 10px 20px; 
	text-decoration: none; 
    font-size: 14px; 
    font-weight: bold;
    color: #FFF;
	}

#primary-nav li a { 
	border-left: 1px solid #E3B1AF;
	border-right: 1px solid #E3B1AF;
}

#klingstein #primary-nav li a { 
	border-left: 1px solid #888;
	border-right: 1px solid #888;
}

#primary-nav li li a,
#primary-nav li li a:visited { 
	border: 1px solid #E3B1AF;
	padding: 6px 10px 6px 20px; 
	text-decoration: none; 
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    color: #FFF;
	}	

#klingstein #primary-nav li li a {
	border-color: #888;
}
	
#primary-nav li, #primary-nav li.menuparent { 
    background: #C11C11 url(../images/koitsche/nav-bg.gif) repeat-x top;  
	}

#klingstein #primary-nav li, #klingstein #primary-nav li.menuparent { 
    background: #C11C11 url(../images/klingstein/nav-bg.gif) repeat-x top;  
	}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive { background: #770704 url(../images/koitsche/nav-bg-active.gif) repeat-x top; } 
#primary-nav li.menuactive a,
#primary-nav li.menuactive a:visited { color: #FFF; }
#primary-nav li.menuactive a:hover {background: #770704 url(../images/koitsche/nav-bg-active.gif) repeat-x top; }

#klingstein #primary-nav li.menuactive { background: #000 url(../images/klingstein/nav-bg-active.gif) repeat-x top; } 
#klingstein #primary-nav li.menuactive a,
#klingstein #primary-nav li.menuactive a:visited { color: #FFF; }
#klingstein #primary-nav li.menuactive a:hover { background: #000 url(../images/klingstein/nav-bg-active.gif) repeat-x top; text-decoration: none;}



/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

/* #primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth { 
	background-image: url(modules/MenuManager/images/arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; 
	}
*/

/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh { 
	background: #770704 url(../images/koitsche/nav-bg-active.gif) repeat-x top;
    color: #FFF;
}

#klingstein #primary-nav li:hover, #klingstein #primary-nav li.menuh, #klingstein #primary-nav li.menuparenth, #klingstein #primary-nav li.menuactiveh { 
	background: #000 url(../images/klingstein/nav-bg-active.gif) repeat-x top;
    color: #FFF;
}


#primary-nav li.menuparent:hover a {
        color: #FFF;
}

#primary-nav li.menuparent li {
	background: rgba(119, 7, 4, 0.85); /* semitransparent #770704 */
	_background: #770704; /* IE */
}

#klingstein #primary-nav li.menuparent li {
	background: rgba(0, 0, 0, 0.85);
	_background: #333; /* IE */
}

#primary-nav li.menuparent li a:hover {
    background: #F8EAD1;
    color: #333;
}

#klingstein #primary-nav li.menuparent li a:hover {
    background: #DDD;
    color: #333;
}

#primary-nav li a:hover {
        color: #FFF;
        text-decoration: none;
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul { 
	display: none; 
	}
	
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul { 
	display: block; 
	}


/* IE Hacks */

#primary-nav li li { 
	float: left; 
	clear: both; 
	}
	
#primary-nav li li a { 
	height: 1%; 
	}



/* ----------------------------------------------------------------------------- */