/* ============================================================ */
/* CSS Document: Genkinger Unternehmensseite | www.genkinger.de */
/* -> NAVIGATIONS                                               */
/* ============================================================ */

/* ---------------------  MAIN NAVIGATION  --------------------- */
	ul#mainmenu li {
		border: 0 none;
		margin: 0px 0px 0px -18px;
		padding: 0;
		float: left; /*For Gecko*/
		display: inline;
		list-style: none;
		height:28px;
		position: relative;
	}

	ul#mainmenu ul {
		display: none;
		border: 0 none;
		border-top:1px solid #d86b05;
		margin:0; padding:0;
		width: 200px;
		list-style: none;
		background-image:none;
		position: absolute; 
		z-index:500;
		top:28px;
		left:3px;
	}

	ul#mainmenu ul:after /*From IE 7 lack of compliance*/{
		clear: both;
		display: block;
		font: 1px/0px serif;
		content: ".";
		height: 0;
		visibility: hidden;
	}

	ul#mainmenu ul li {
		float: left; /*For IE 7 lack of compliance*/
		display: block;
		display: inline; /*For IE*/
		width:200px;
		margin:0; padding:0;
		border:0 none;
		height: auto !important;
		height: 1%; /*For IE*/ 
		position: relative;
	}

	/* Root Menu */
	ul#mainmenu li a {
		border: 0 none;
		float: none !important; /*For Opera*/
		float: left;/* For IE*/
		display: block;
		padding: 0px 30px 0px 28px;
		height: auto !important;
		height: 1%; /*For IE*/ 
		text-decoration: none;
		text-align:center;
		text-transform:uppercase;
		line-height:28px;
		font-size:13px;
		color:#fee6d9;
		background: url(/uploads/tf/navpanel_arrow.gif) right no-repeat;
	}
	
	/* Root Menu Hover Persistence */
	ul#mainmenu a:hover, 
	ul#mainmenu li:hover a, 
	ul#mainmenu li.iehover a {
		color:#fff;
	}


	/* 2nd Menu */	
	ul#mainmenu li:hover li a,
	ul#mainmenu li.iehover li a {
		float: none;
		margin:0;
		padding:4px 0px 4px 10px;
		line-height:16px; 
		height: auto !important;
		height: 1%; /*For IE*/
		font-size:11px;
		color:#fff; 
		text-decoration:none;
		text-transform:none;
		text-align:left;
		background-image: url(/uploads/tf/navpanel_child_dots.gif);
		background-repeat:repeat-x;
		background-position: bottom;
		background-color:#ff5800;
		filter:alpha(opacity=95);
		-moz-opacity: 0.95;
		opacity: 0.95;
	}

	/* 2nd Menu Hover Persistence */
	ul#mainmenu li:hover li a:hover,
	ul#mainmenu li:hover li:hover a,
	ul#mainmenu li.iehover li a:hover,
	ul#mainmenu li.iehover li.iehover a {
		background-image: url(/uploads/tf/navpanel_child_dots.gif);
		background-repeat:repeat-x;
		background-position: bottom;
		background-color:#ff8240;
		filter:alpha(opacity=100);
		-moz-opacity: 1.0;
		opacity: 1.0;
	}

	/* 3rd Menu */
	ul#mainmenu li:hover li:hover li a,
	ul#mainmenu li.iehover li.iehover li a {
		float: none;
		margin:0;
		padding:4px 0px 4px 10px;
		line-height:16px; 
		height: auto !important;
		height: 1%; /*For IE*/
		font-size:11px;
		color:#fff; 
		text-decoration:none;
		text-transform:none;
		text-align:left;
		background-image: url(/uploads/tf/navpanel_child2_dots.gif);
		background-repeat:repeat-x;
		background-position: bottom;
		background-color:#ff8240;
		filter:alpha(opacity=100);
		-moz-opacity: 1.0;
		opacity: 1.0;
	}

	/* 3rd Menu Hover Persistence */
	ul#mainmenu li:hover li:hover li a:hover,
	ul#mainmenu li:hover li:hover li:hover a,
	ul#mainmenu li.iehover li.iehover li a:hover,
	ul#mainmenu li.iehover li.iehover li.iehover a {
		background-color:#fe9158;
	}
	
	
	ul#mainmenu ul li {
		width:200px;
		height: auto !important;
		height: 1%; /*For IE*/
		background-image: url(/uploads/tf/navpanel_child_dots.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		margin:0; padding:0;
		display:block;
		}

	ul#mainmenu ul ul {
		display: none;
		position: absolute;
		z-index:600;
		top:0px;
		left:200px;
		border: 0 none;
	}


	/* Menu first node */
	ul#mainmenu li.first {
		margin: 0px 0px 0px 0px !important;  
	}
	ul#mainmenu li.first a {
		padding: 0px 30px 0px 14px !important;	
	}
	
	ul#mainmenu li.first ul li a {
		padding: 0px 0px 0px 0px !important;
		padding: 4px 0px 4px 10px !important;
	}
	ul#mainmenu li.first ul {
		margin:0px 0px 0px 0px !important;
		left:0px !important;
	}
	ul#mainmenu li.first li ul,
	ul#mainmenu li.first li:hover ul {
		left:200px !important;
	}
	
	
	/* Display handling */
	ul#mainmenu li:hover ul ul,
	ul#mainmenu li:hover ul ul ul,
	ul#mainmenu li.iehover ul ul,
	ul#mainmenu li.iehover ul ul ul {
		display: none;
	}
	
	ul#mainmenu li:hover ul,
	ul#mainmenu ul li:hover ul,
	ul#mainmenu ul ul li:hover ul,
	ul#mainmenu li.iehover ul,
	ul#mainmenu ul li.iehover ul,
	ul#mainmenu ul ul li.iehover ul {
		display: block;
	}
	
	


/* ---------------------  SUB NAVIGATION  --------------------- */
	#sub_nav ul, 
	#sub_nav ul li { margin:0; padding:0; }
	
	/* 1st level */
	#sub_nav ul li {
		width:200px;
		height: auto !important;
		height: 1%; /*For IE*/
		display:block;
		margin:0; padding:0px 0px 1px 0px;
		background-color:#ffd7c1;
		background-image:url(/uploads/tf/subnav_dots.gif);
		background-repeat:repeat-x;
		background-position: bottom;
		list-style:none;
	}
	
	#sub_nav ul li a {
		display:block;
		padding:6px 0px 6px 10px;
		line-height:16px;
		height: auto !important;
		height: 1%; /*For IE*/
		color:#555;
		text-decoration: none;
	}

	#sub_nav ul li a:hover {
		color:#333;
		background-image:url(/uploads/tf/subnav_arrow.gif);
		background-repeat:no-repeat;
		background-position:left center;
	}

	#sub_nav ul li.active a {
		display:block;
		padding:6px 0px 6px 10px;
		line-height:16px;
		font-size: 11px;
		color:#fff;
		text-decoration: none;
		background:none;
		background-image:url(/uploads/tf/subnav_activearrow.gif);
		background-repeat:no-repeat;
		background-position:left center;
	}

	#sub_nav ul li.active a:hover { 
		display:block;
		padding:6px 0px 6px 10px;
		line-height:16px;
		font-size: 11px;
		color:#fff;
		text-decoration: none;
		background:none;
		background-image:url(/uploads/tf/subnav_activearrow.gif);
		background-repeat:no-repeat;
		background-position:left center;
	}
	
	
		/* 2nd level */
		#sub_nav ul li.active ul { 
			padding:5px 0px 15px 0px; 
			background-image:url(/uploads/tf/subnav_child_bg.gif);
			background-repeat:repeat-y;
			background-position:left;
		}
		#sub_nav ul li.active ul li { 
			height: auto !important;
			height: 1%; /*For IE*/
			display:block;
			list-style:none;
			padding:0;
			background:none;
		}
	
		#sub_nav ul li.active ul li a {
			color:#606461;
			display:block;
			line-height:15px;
			padding:5px 0px 0px 10px;
			background:none;
		}
	
		#sub_nav ul li.active ul li.sub3_active a {
			color:#ff5800;
		}
		
		#sub_nav ul li.active ul li a:hover {
			color:#ff5800;
			padding:5px 0px 0px 10px;
			line-height:15px;
			text-decoration: none;
			background:none;
		}



/* LANGUAGE PANEL */
ul#language, ul#location {
	position: relative;
	z-index: 1000;
	float: left;
	width:200px;
	margin: 3px 5px 0px 0px;
	padding:0;
	
}

ul#language li, ul#location li {
	border: 0 none;
	list-style: none;
	width:200px;
	display: block;
	margin: 0;
	padding: 0;
}

ul#language ul, ul#location ul {
	display: none;
	position:relative;
	top:0;
	left:0;
	border:0 none;
	width:190px;
	margin:0;
	padding:0;
}

/* Menu */
ul#language a {
	display: block;
	margin: 0;
	padding: 2px 0px 2px 0px;
	text-indent:4px;
	font-size:10px;
	text-decoration: none;
	color: #ddd;
	text-align:left;
	background:#57585b url(/uploads/tf/listen_arrow.gif) right no-repeat;
 	border:1px solid #707171;
}
 ul#location a {
	display: block;
	margin: 0;
	padding: 2px 0px 2px 0px;
	text-indent:4px;
	font-size:10px;
	text-decoration: none;
	color: #ddd;
	text-align:left;
	/*background:#57585b url(/uploads/tf/listen_arrow.gif) right no-repeat;*/
	background:#57585b;
 	border:1px solid #707171;
}
/* Menu Hover Persistence */
ul#language a:hover, ul#language li:hover a, ul#language li.iehover a, 
ul#location a:hover, ul#location li:hover a, ul#location li.iehover a {
	color: #fff;
}


/* 2nd Language Menu */
ul#language li ul li,
ul#language li.iehover ul li, 
ul#location li ul li,
ul#location li.iehover ul li {
	display: block;
	width:190px;
	border:0 none;
	margin: 0;
	padding:0;
	float:left;
	background-image: url(/uploads/tf/dots_grey.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	} 

ul#language li:hover li a,
ul#language li.iehover li a,
ul#location li:hover li a,
ul#location li.iehover li a {
	display:block;
	border:0 none;
	padding:0;
	line-height:20px;
	color: #ddd;
	text-indent:10px;
	text-decoration: none;
	background-color:#57585b;
	background-image: url(/uploads/tf/dots_grey.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	filter:alpha(opacity=96);
	-moz-opacity: 0.96;
	opacity: 0.96;
}

/* 2nd Menu Hover Persistence */
ul#language li:hover li a:hover,
ul#language li:hover li:hover a,
ul#language li.iehover li a:hover,
ul#language li.iehover li.iehover a,
ul#location li:hover li a:hover,
ul#location li:hover li:hover a,
ul#location li.iehover li a:hover,
ul#location li.iehover li.iehover a {
	background-color:#5a5b5e;
	color:#fff;
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}


ul#language ul li, ul#location ul li { width:190px; }

ul#language li:hover ul,
ul#language li.iehover ul,
ul#location li:hover ul,
ul#location li.iehover ul {
  display: block;
}


/* META NAVIGATION */
#meta_navigation ul {
	float:right;
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 0px;
	}
*html #meta_navigation ul {
	float:right;
	margin:0px 0px 0px 0px;
	padding:5px 0px 0px 0px;
	}

#meta_navigation ul li	{
	display:block;
	margin:0px;
	padding:0px;
	}

#meta_navigation li {
	display:block;
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	}
#meta_navigation li a { 
	display:block;
	float:left;
	margin:0px;
	padding:0px 5px 0px 5px;
	text-decoration:none;
	color:#ddd;
	font-size:10px;
	}
#meta_navigation li a:hover { color:#fff; }


/* ---------------------  BREADCRUMB NAVIGATION  --------------------- */
	#breadcrumb ul {
		text-align: left;
		display: inline;	
		margin:0; padding:0;
		}		
		
	#breadcrumb li {
		display: inline;
		margin:0; padding:0;
		}
		
	#breadcrumb li a {
		color:#606461;
		text-decoration: none;
		}
	
	#breadcrumb li a:hover {
		text-decoration:underline;
		}
		
		
		



/* ---------------------  PRODUCTS OVERVIEW NAVIGATION  --------------------- */
#pr_overview_block ul {
	/*display:block;*/
	margin:0;
}

#pr_overview_block ul li {
	float:left;
	/*display:block;*/
	width:202px;
	height:265px;
	margin: 20px 26px 0px 0px; padding:0;
	color:#606461;
	/*position:relative;*/
}


#pr_overview_block ul li a {
	text-decoration:none;
}
#pr_overview_block ul li a:hover strong,
#pr_overview_block ul li a.iehover strong { color:#FF5900; }

/*#pr_overview_block ul li a:hover,
#pr_overview_block ul li a.iehover {
	color:#FF5900;
}*/

#pr_overview_block ul li img {
	width:200px;
	height:215px;
	/*display:block;*/
}

#pr_overview_block .pr_title {
	color:#606461;
	width:200px;
	height:50px;
	display:block; /*muss*/
	border:1px solid #CCCCCC;
	text-align:center;
	padding:3px 0px 0px 0px;
	margin:0;
}

#pr_overview_block ul ul {
	margin:0; padding:10px 0px 10px 0px;
	background-color:#fff;
	filter:alpha(opacity=90);
  	-moz-opacity: 0.9;
  	opacity: 0.9;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	position:absolute;
	/*top:268px;*/
	z-index:2000;
	display:none;
	width:200px;
}

#pr_overview_block ul ul li {
	/*display:block;*/
	background-image:url(/uploads/tf/listitem.gif);
	background-repeat:no-repeat;
	background-position:0px 3px;
	padding:0px 0px 0px 15px;
	margin:0px 0px 0px 10px;
	text-indent:0px;
	width:175px;
	height:auto;
	float:none;
}


#pr_overview_block ul ul li p {
	margin:0; padding:0;
}

#pr_overview_block ul ul li a { text-decoration:underline; color:#ff5900; }
#pr_overview_block ul ul li a:hover,
#pr_overview_block ul ul li a.iehover { text-decoration:none; color:#606461; }

#pr_overview_block ul li.iehover ul, 
#pr_overview_block ul li:hover ul { display:block; z-index:2000;}