@charset "utf-8";

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

/* 2nd Menu */
	#navigation ul.rex-navi2 li:hover li a,
	#navigation ul.rex-navi2 li.iehover li a {
 	float: none;
 	background: #93bb3d;
 	background:url(_bg.jpg) repeat-x;
 	color: #fff;
 	line-height: 25px;
 	padding: 0px 0px 0px 0px;
 	height: 30px;
 	list-style:url(pfeil.jpg);
 	list-style-position:inherit;
	font-weight:normal;
	}

/* 2nd Menu Hover Persistence */
	#navigation ul.rex-navi2 li:hover li a:hover,
	#navigation ul.rex-navi2 li:hover li:hover a,
	#navigation ul.rex-navi2 li.iehover li a:hover,
	#navigation ul.rex-navi2 li.iehover li.iehover a {
 	color:#58710b;
 	background:url(_bg_hover.jpg) repeat-x;
	}

/* 3rd Menu */
	#navigation ul.rex-navi3 li:hover li:hover li a,
	#navigation ul.rex-navi3 li.iehover li.iehover li a {
	 float: none;
	 background: #93bb3d;
	 background:url(_bg3.jpg) repeat-x;
	 color: #fff;
	 line-height: 25px;
	 padding: 0px 0px 0px 0px;
	 height: 30px;
	 width:350px;
	}

/* 3rd Menu Hover Persistence */
	#navigation ul.rex-navi3 li:hover li:hover li a:hover,
	#navigation ul.rex-navi3 li:hover li:hover li:hover a,
	#navigation ul.rex-navi3 li.iehover li.iehover li a:hover,
	#navigation ul.rex-navi3 li.iehover li.iehover li.iehover a {
	color:#58710b;
 	background:url(_bg_hover3.jpg) repeat-x;
	}

/* 4th Menu */
	#navigation ul.rex-navi4 li:hover li:hover li:hover li a,
	#navigation ul.rex-navi4 li.iehover li.iehover li.iehover li a {
 	background: #666;
	}

/* 4th Menu Hover */
	#navigation ul.rex-navi4 li:hover li:hover li:hover li a:hover,
	#navigation ul.rex-navi4 li.iehover li.iehover li.iehover li a:hover {
	background: #333;
	}
/* -------------- Haupt -------------- */
#hauptnavi { 
	float: left;
 	color: #fff;
	font-weight:bold;
	color: #666;
	font-size: 100%;
	list-style:none;
	height:41px;
}

#hauptnavi ul.rex-navi1 li {
	float: left;
 	color: #fff;
	list-style:none;
	font-weight:bold;
	height:41px;
	
}

#hauptnavi ul.rex-navi1 {
    list-style:none;
	height:41px;
}
#hauptnavi ul.rex-navi1 a, 
#hauptnavi ul.rex-navi1 a:link,
#hauptnavi ul.rex-navi1 a:visited {
 	color: #4a6201;
    text-decoration:none;
	font-weight:bold;
	height:41px;
	display:block;
	padding: 3px 30px 0px 30px;
	line-height: 35px;

}
#hauptnavi ul.rex-navi1 a:hover {
 	color: #000;
	background-position:center;
	background-repeat:no-repeat;
     text-decoration:none;
	font-weight:bold;
	border-right:0px solid #fff;
	height:41px;
}
#hauptnavi ul.rex-navi1 a.current,
#hauptnavi ul.rex-navi1 a.rex-active,
#hauptnavi ul.rex-navi1 a.rex-current {
 	color: #000;
	background-position:center;
	background-repeat:no-repeat;
     text-decoration:none;
	font-weight:bold;
	border-right:0px solid #fff;
	height:41px;
}

}
/* -------------- sub1---------------- */
#unternavi { 
	float: left;
 	color: #fff;
 	line-height: 40px;
 	padding: 0px 0px 0px 13px;
	margin: 0px 0px 0px 0px;;
	font-weight:bold;
	color: #666;
	font-size: 100%;
	height: 50px;
	list-style:none;
}

#unternavi ul.rex-navi1 li {
	float: left;
 	color: #fff;
 	line-height: 40px;
 	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
 	height: 50px;
	list-style:none;
	font-weight:bold;
}

#unternavi ul.rex-navi1 {
    list-style:none;
	padding:0px 0px 0px 0px;
    line-height:100%;	
	height: 50px;
}
#unternavi ul.rex-navi1 a, 
#unternavi ul.rex-navi1 a:link,
#unternavi ul.rex-navi1 a:visited {
 	color: #666;
    text-decoration:none;
	padding:0px 6px 0px 6px;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
	border-right:1px solid #ccc;
	height: 36px;

}
#unternavi ul.rex-navi1 a:hover {
 	color: #fff;
    text-decoration:none;
	padding:0px 6px 0px 6px;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
	border-right:1px solid #fff;
	height: 36px;
}
#unternavi ul.rex-navi1 a.current,
	#unternavi ul.rex-navi1 a.rex-active,
	#unternavi ul.rex-navi1 a.rex-current {
 	color: #fff;
    text-decoration:none;
	padding:0px 6px 0px 6px;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
	border-right:1px solid #fff;
	height: 36px;

}


#rex-article-204 a:hover {
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(arbeitskleidung_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
	}
	
	#rex-article-204 a.current,
	#rex-article-204 a.rex-active,
	#rex-article-204 a.rex-current {
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(arbeitskleidung_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
	}
	
	#rex-article-932 a:hover {
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(arbeitsschuhe_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
	}
	
	
	#rex-article-932 a.current,
	#rex-article-932 a.rex-active,
	#rex-article-932 a.rex-current{
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(arbeitsschuhe_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
	}
	#rex-article-198 a:hover {
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(arbeitsschutz_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
	}
	#rex-article-198 a.current,
	#rex-article-198 a.rex-active,
	#rex-article-198 a.rex-current {
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(arbeitsschutz_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
	}
	#rex-article-199 a:hover {
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(baustellensicherung_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
	}
	#rex-article-199 a.current,
	#rex-article-199 a.rex-active,
	#rex-article-199 a.rex-current {
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(baustellensicherung_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
	}
	#rex-article-200 a:hover {
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(befestigungsmaterial_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
	}
	#rex-article-200 a.current,
	#rex-article-200 a.rex-active,
	#rex-article-200 a.rex-current {
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(befestigungsmaterial_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
	}
	#rex-article-201 a:hover {
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(heben-zurren_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
	}
	#rex-article-201 a.current,
	#rex-article-201 a.rex-active,
	#rex-article-201 a.rex-current {
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(heben-zurren_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
	}
	#rex-article-206 a:hover {
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(netze_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
	}
	#rex-article-206 a.current,
	#rex-article-206 a.rex-active,
	#rex-article-206 a.rex-current {
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(netze_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
	}
	#rex-article-203 a:hover {
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(planen_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
	}
	#rex-article-203 a.current,
	#rex-article-203 a.rex-active,
	#rex-article-203 a.rex-current {
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(planen_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
}
	#rex-article-205 a:hover {
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(werkzeug_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
	}
	#rex-article-205 a.current,
	#rex-article-205 a.rex-active,
	#rex-article-205 a.rex-current {
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(werkzeug_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
	}
	#rex-article-534 a:hover {
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(montage_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
	}
	#rex-article-534 a.current,
	#rex-article-534 a.rex-active,
	#rex-article-534 a.rex-current {
	float: left;
 	height: 36px;
	list-style:none;
	font-weight:bold;
	color:#666;
	background-image:url(montage_hintergrund.jpg);
	padding:0px 30px 0px 30px;
	margin:0px 30px 0px 30px;
	border: 0px;
	}
/*-------------- sub2----------------*/
#unternavi2 {
 	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:bold;
	color: #fff;
	width: 188px;
	background-image: url(hebengruen.jpg);
}
#unternavi2 ul.rex-navi1 li {
 	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 35px;
	background-image: url(liniegrau1.gif);
	background-color:#e5e5e5;
}
#unternavi2 ul.rex-navi1 {
    list-style:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    line-height:100%;
}
#unternavi2 ul.rex-navi1 a, 
#unternavi2 ul.rex-navi1 a:link,
#unternavi2 ul.rex-navi1 a:visited {
 	color: #666;
    text-decoration:none;
	padding:0px 7px 0px 21px;
	margin: 0px 0px 0px 0px;
	font-weight:normal;
	display:block;
	left: 188px;
}
#unternavi2 ul.rex-navi1 a:hover {
 	color: #666;
    text-decoration:none;
	padding:0px 7px 0px 21px;
	margin: 0px 0px 0px 0px;
	font-weight:normal;
	background-image: url(linieweiß1gruen.gif);
	background-repeat:no-repeat;
}
	#unternavi2 ul.rex-navi1 a.current,
	#unternavi2 ul.rex-navi1 a.rex-active,
	#unternavi2 ul.rex-navi1 a.rex-current{
 	color: #fff;
	padding: 0px 7px 0px 21px;
	margin: 0px 0px 0px 0px;
    text-decoration:none;
	font-weight:normal;
	background-image: url(linieblau1gruen.gif);
	background-color:#cddaa7;
}
#unternavi2 ul.rex-navi2 li {
 	color: #fff;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-weight:normal;
	background-image: url(liniegrau2.gif);
	background-color:#e5e5e5;
}

#unternavi2 ul.rex-navi2 {
    list-style:none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    line-height:140%;	
	background-image: url(hintergrundnavigrau.jpg);
}
#unternavi2 ul.rex-navi2 a, 
#unternavi2 ul.rex-navi2 a:link,
#unternavi2 ul.rex-navi2 a:visited {
 	color: #666;
    text-decoration:none;
	padding:0px 7px 0px 41px;
	margin: 0px 0px 0px 0px;
	font-weight:normal;
	display:block;
}
#unternavi2 ul.rex-navi2 a:hover {
 	color: #666;
    text-decoration:none;
	padding:0px 7px 0px 41px;
	margin: 0px 0px 0px 0px;
	font-weight:normal;
	background-image: url(linieweiß1gruen.gif);
	background-repeat:no-repeat;
}
	#unternavi2 ul.rex-navi2 a.current,
	#unternavi2 ul.rex-navi2 a.rex-active,
	#unternavi2 ul.rex-navi2 a.rex-current{
 	color: #fff;
    text-decoration:none;
	padding:0px 7px 0px 41px;
	margin: 0px 0px 0px 0px;
	font-weight:normal;
	background-image: url(linieweiß2gruen.gif);
	background-color:#cddaa7;
}

/** BREADCRUMB
**/
#breadcrumb
{
	display:inline;
	padding:0px 20px 0px 0px;
	list-style:none;
	text-decoration:none;
}

#breadcrumb ul
{
	display:inline;
	padding:0px 20px 0px 0px;
	list-style:none;
}

#breadcrumb ul li
{
	background-image:url(breadcrumb-arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	margin:0 0.32em 0 0;
	padding:0 0 0 0.625em;
	display:inline;
}

#breadcrumb ul li.first-item
{
	display:inline;
	background:none;
	padding:0;
}

#breadcrumb ul li a
{
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#666;
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:normal;
}

#breadcrumb ul li a:hover
{
	color:#7eb62d;
}

#breadcrumb ul li span
{
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#666;
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:normal;
	padding:0;
}
/** End Breadcrum**/
/* Hover Function - Do Not Move */
	#navigation ul.rex-navi2 li:hover ul ul,
	#navigation ul.rex-navi2 li:hover ul ul ul,
	#navigation ul.rex-navi2 li.iehover ul ul,
	#navigation ul.rex-navi2 li.iehover ul ul ul { display: none; }
	
	#navigation ul.rex-navi2 li:hover ul,
	#navigation ul.rex-navi2 ul li:hover ul,
	#navigation ul.rex-navi2 ul ul li:hover ul,
	#navigation ul.rex-navi2 li.iehover ul,
	#navigation ul.rex-navi2 ul li.iehover ul,
	#navigation ul.rex-navi2 ul ul li.iehover ul { display: block; }</code>
     </li>
     <li>
     <p>View the JavaScript (for IE)</p>
     <code>$(document).ready(function(){
  	$("navigation ul.rex-navi2 li,#navmenu-v li").hover(
    function() { $(this).addClass("iehover"); },
    function() { $(this).removeClass("iehover"); }
  );
});