@charset "UTF-8";

/**
herzenslust / die reichmanns 2008
 */

@media all
{
	#nav_main {
		font-family:Tahoma,sans-serif;
		position: relative; 
		z-index: 110;
	}

	/* get rid of the default padding - margin and bullets */
	#nav_main ul { 
		list-style-type: none;
		position: relative;
		padding:0;margin:0; 
	}

	/* make menu horizontal */
	#nav_main ul li { 
		float: left;
		position: relative;
		padding:0;
		margin:0;
	}

	/* set up the default top level links */
	#nav_main ul li a,
	#nav_main ul li a:visited,
	#nav_main ul li a:link,
	#nav_main ul li a:focus,
	#nav_main ul li a:active {
		font-family:'Franklin Gothic Bold',Arial,Sans serif;
		font-size:16px;
		font-weight:bold;
		display: block;
		color: #555555;
		text-decoration: none;
		padding:0;
		position: relative; 
		z-index: 115;
		min-width:10px;
		white-space:nowrap; 	
	}
	* html #nav_main ul li a {width:10px;line-height:160%;}



	#nav_main .main,#nav_main .main_active{
		position:relative;
		padding:0 10px;
		height:36px;
		line-height:38px;
		background: transparent url(../images/trenner_navi.gif) no-repeat right 50%;
		
	}
	* html #nav_main .main .mainnav {	
		height:28px;
		line-height:28px;
		margin-top:3px;
	}
	* html #nav_main .main_active .mainnav {	
		height:28px;
		line-height:28px;
		margin-top:3px;
	}

	/* Aktiver Zustand Hauptnavigation */	
	#nav_main ul li.main_active a,
	#nav_main ul li.main_active a:visited,
	#nav_main ul li.main_active a:link,
	#nav_main ul li.main_active a:focus,
	#nav_main ul li.main_active a:active {
		color: #d01384;	
	}
	
	/* hide the drop down menu */
	#nav_main ul li ul {display: none;}


	/* style the top level hover */
	#nav_main ul li a:hover{
		color: #d01384;
		border:0;
		background-color:transparent;
	}

	/* make the drop down menu show and correctly position it */
	#nav_main ul li:hover ul,
	#nav_main ul li a:hover ul {
		display: block;
		text-decoration: none;
		position: absolute; top: 14px; left: 0; z-index: 120;
		margin-top: 21px;
		padding:0 5px 5px 0px;
		min-width:185px;
		background:url('../images/shadow.png') left bottom no-repeat transparent;
	}
  	/* Kein PNG Style fuer IE 6 aber GIF */
	* html   #nav_main ul li:hover ul,
		#nav_main ul li a:hover ul {
			margin-left: -10px;
			width:185px;
			background:url('../images/shadow.gif') left bottom no-repeat transparent;
			top: 11px;
		}
	
	/* style the drop down links with no hover */
	#nav_main ul li:hover ul li a,
	#nav_main ul li a:hover ul li a {
		font-weight: normal;
		font-size: 100%;
		color: #333;
		text-align: left;
		position: relative; left: 0px; top: 0px;  z-index: 150; 
		padding:0 0 0 14px;
		margin:0;	
		border:0; /* ! Mufl drin bleiben ! */
		display:block;
	}
	* html #nav_main ul li:hover ul li a, #nav_main ul li a:hover ul li a {
		width:165px;
		font-size: 71%;
		height:100%; 
	}

	#nav_main ul li ul li {
		text-align: left;
		height:1.5em;
		line-height:1.5em;
		overflow:hidden;
		min-width:159px; 
	}


	* html #nav_main ul li ul li {
		height:1em;
		line-height:1em;
	}	

  /* style the drop down menu links when hovered */
	#nav_main ul li:hover ul li a:hover,
	#nav_main ul li a:hover ul li a:hover {
		color: #d01384;
		position: relative;
		z-index: 2000;
		padding:0 0 0 14px;
		margin:0;
		display:block;
	}

	#nav_main ul li a,
	#nav_main ul li strong { color: #000000; font-weight:bold;}

	#nav_main ul li a:focus,
	#nav_main ul li a:hover { text-decoration: none; color: #d01384; background:none;position:relative}


	/* Menue Titel mit Unterstrich */
	#nav_main li.cat {
		text-align: left;
		position: relative; 
		left: 0px; top: 0px;   
		min-width: 159px;
		padding: 5px 0 3px 0;	
	}

	/* Farbe Subnavi */
	#nav_main .cat a:link, #nav_main .cat a:active, #nav_main .cat a:visited,#nav_main ul li.main_active ul li.cat a{
		font-weight: bold;
		color:#555;
		display:block;
	}
	#nav_main .cat a:hover,#nav_main ul li.main_active ul li.cat a:hover{color:#d01384;}
	* html #nav_main ul li a:hover ul li.cat a {
		font-weight: bold;
		color:#555;	
	}
	* html #nav_main li.cat {width:165px;position:relative;background:none;}

	#nav_main ul li ul li.divider {
		background: transparent url(../images/bg_navi_ul.gif) repeat-x left top;
		height:2px;
		line-height:2px;
		margin-left:10px;
		margin-right:10px;
		width:140px;
	}

	* html #nav_main ul li ul li.divider {
		height:1px;
		line-height:1px;
		border-bottom:1px solid #bdbcbb;
		margin:0;
		margin-left:5px;
		width:160px;
		background:none;
	}
	
	/* Unterer Rand des Pull Down Menues */
	#nav_main .shadowline {
		display: block;
		line-height: 5px;
		height: 5px;
		min-width:159px;
	}
	* html #nav_main .shadowline{width:170px;}
	
	
}