@charset "UTF-8";

/**
sportsconnection.de / die reichmanns 2008
 */

@media all
{
	#nav_main {
		font-family:Arial,Tahoma,sans-serif;
		font-size:0.7em;
		position: relative; 
		z-index: 210;
		padding:0;margin:0;

	}

	/* 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 {
    display: block;
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    line-height: 1.2em;
    position: relative; z-index: 215;
    min-width: 20px;
    height: 13px;
    padding: 7px 18px 8px 18px;
    border:0;
    border-right: 1px solid #FFFFFF;
    /*border-left: 1px solid #0a826e;*/
    white-space:nowrap;
  }
* html #nav_main ul li a{width:10px;}

  /* hide the drop down menu */
  #nav_main ul li ul { display: none; }

	/* 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,#nav_main ul li a:hover {
		color: #333;
		background: url(../images/arrow.gif) no-repeat 3px 50% #fff;
		position: relative;
	}




  /* 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: 7px; left: -2px; z-index: 120;
		margin-top: 21px;
		padding:2px 5px 5px 0px;
		min-width:185px;
		border-top:1px solid #0a826e;
		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: -2px;*/
			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 {
    display: block;
    font-weight: normal;
    font-size: 11px;
    color: #333;
    vertical-align: bottom;
    text-align: left;
    text-transform: none ;
    position: relative; left: 0px; top: 0px;  z-index: 150;
    width: 172px; /*184px;*/
    height: auto;
    padding: 5px 0px 5px 10px;
    
    margin:0;
    margin-left:8px;
    border:0; /* ! Muß drin bleiben ! */
  }


	/* 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,#nav_main ul li ul li.cat a:hover{
		font-weight: normal;
		color:#333;
		display:block;
		background:none;
	}


  /* Unterer Rand des Pull Down Menues */
	#nav_main .shadowline {
		display: block;
		line-height: 5px;
		height: 5px;
		min-width:159px;
	}


  * html body #nav_main { z-index: 400; }
  * html body #nav_main ul li a,
  * html body #nav_main ul li a:visited,
  * html body #nav_main ul li a:link,
  * html body #nav_main ul li a:focus,
  * html body #nav_main ul li a:active {
     vertical-align: bottom;
     padding-bottom: 3px;
     height: 18px;
  }
  * html body #nav_main ul li:hover ul,
  * html body #nav_main ul li a:hover ul { top: 7px; }



	#nav_main ul li ul li.divider {
		background: transparent url(../images/x.gif) repeat-x left top;
		height:1px;
		line-height:1px;
		min-width:180px;
	}
* html #nav_main ul li ul li.divider {
		height:1px;
		line-height:1px;
		margin:0;
		padding:0;
		width:182px;
		overflow:hidden;
		background: transparent url(../images/x.gif) repeat-x left top;
	}

	
}