/* Horizontal Navigation ======================================================================== */

/* Author: Craig Erskine Description: Dynamic Menu System - Horizontal/Vertical */

ul#navmenu-h { 
	list-style: none; 
	position: relative;
	float: right;
	padding-left: 2px;
	background: url(../img/navi-row-separator.gif) 0 0 repeat-y; 
	z-index: 9999;
	} 
ul#navmenu-h ul { 
	/*width: auto;  Sub Menu Width */ 
	margin: 0; 
	list-style: none; 
	display: none; 
	position: absolute; 
	top: 100%; 
	left: 0;
	min-width: 1px;
	}
ul#navmenu-h ul ul,
ul#navmenu-h ul ul ul {
	top: 0; 
	left: 100%;
	margin: 0;
	padding: 0;
	}
	
ul#navmenu-h li {
	float: left;
	display: inline; 
	position: relative;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	background: url(../img/navi-row-separator.gif) 100% 0 repeat-y;
	}
ul#navmenu-h ul li {
	width: 100%;
	display: block;
	background-image: none;
	}

/* Root Menu */
ul#navmenu-h li a {
	padding: 7px 26px 9px 24px;
	display: block;
	color: #00448a; 
	font-size: 15px;
	text-decoration: none;
	text-align: left;
	height: 1%; 
	}
ul#navmenu-h li a.active {
	color: #CC0000; 
	background: #FFF url(../img/navi-row-separator.gif) 100% 0 repeat-y;
	}
ul#navmenu-h li ul a {
	border: none;
	padding: 7px 25px 9px 25px;
	margin: 0; /* muss nach oben und unten 0 sein, sonst Fehler im IE! */
	float: left; 
	display: block; 
	background: #000; 
	color: #8C918A; 
	font-size: 15px;
	text-decoration: none; 
	height: 1%; 
	}
* html ul#navmenu-h li ul a {
	width: 300px;
	}	
/* Root Menu Hover Persistence */
ul#navmenu-h a:hover,
ul#navmenu-h li:hover a,
ul#navmenu-h li.iehover a { 
	background: #CC0000 url(../img/navi-row-link-hightlight-red.gif) 0 0 repeat-x; 
	color: #FFF; 
	}
ul#navmenu-h li:hover ul li a,
ul#navmenu-h li.iehover ul li a,
ul#navmenu-h li:hover ul li a:hover,
ul#navmenu-h li.iehover ul li a:hover { 
	color: #FFF; 
	}
/* 2nd Menu */
ul#navmenu-h li:hover li a,
ul#navmenu-h li.iehover li a {
	float: none;
	background: url(../img/black-transp80.png) 0 0 repeat;
	border-top: 1px solid #dedfe3;
	}

	
/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,
ul#navmenu-h li:hover li:hover a,
ul#navmenu-h li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover a { 
	background: url(../img/red-gradient-transp90.png) 0 0 repeat-x;
	color: #FFF;
	}
/* 3rd Menu */
ul#navmenu-h li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li a {
	margin-left: 1px;
	background: url(../img/black-transp80.png) 0 0 repeat;
	}
/* 3rd Menu Hover Persistence */
ul#navmenu-h li:hover li:hover li a:hover,
ul#navmenu-h li:hover li:hover li:hover a,
ul#navmenu-h li.iehover li.iehover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover a { 
	background: url(../img/red-gradient-transp90.png) 0 0 repeat-x;
	color: #FFF;
	}
/* 4th Menu */
ul#navmenu-h li:hover li:hover li:hover li a,
ul#navmenu-h li.iehover li.iehover li.iehover li a { 
	background: #666; 
	}
/* 4th Menu Hover */
ul#navmenu-h li:hover li:hover li:hover li a:hover,
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover { 
	background: #333; 
	}
/* Hover Function - Do Not Move */
ul#navmenu-h li:hover ul ul,
ul#navmenu-h li:hover ul ul ul,
ul#navmenu-h li.iehover ul ul,
ul#navmenu-h li.iehover ul ul ul { 
	display: none; 
	}
ul#navmenu-h li:hover ul,
ul#navmenu-h ul li:hover ul,
ul#navmenu-h ul ul li:hover ul,
ul#navmenu-h li.iehover ul,
ul#navmenu-h ul li.iehover ul,
ul#navmenu-h ul ul li.iehover ul { 
	display: block; 
	}

/* Icon Navigation ======================================================================== */

ul#navmenu-icon { 
	list-style: none; 
	position: relative;
	float: right;
	margin: 0 5px 0 13px;
	text-align: left;
	}
ul#navmenu-icon li {
	float: left;
	display: inline; 
	position: relative;
	margin: 0 10px 0 0;
	padding: 5px 0 0 0;
	white-space: nowrap;
	}
ul#navmenu-icon li a {
	width: 22px;
	height: 22px;
	background-position: 0 0;
	background-repeat: repeat-x;
	background-image: url(/img/buttongrafik_22xn.gif);
	display: block;
	}
ul#navmenu-icon li a:hover {
	background-position: 0 -25px;
	}