/* ######################################################################################################
** # SAD Partnerprogram Stylesheets #####################################################################
** ######################################################################################################
**   
**  Datei       : topnav_01.css
**  Funktion    : Formatierung der Hauptnavigation: Button-Navigation "Shiny Buttons"
**
*/

@media all
{

/* ######################################################################################################
** ### Hauptnavigation: "Shiny Buttons" von Dirk Jesse ##################################################
** ######################################################################################################
*/

	#nav { clear: both; height: 30px; margin-bottom: 14px; }
	
	#nav_main {
		width: 100%;		/* Einfassen der Floats im IE */
		float:left;         /* Einfassen der Floats in allen anderen Browsern */
		background: #b8b8b8 url("gfx/topnav/bg_tab.gif") repeat-x top right;
		border-width: 1px 0 1px 0; border-style: solid; border-color: #B89AAC;
		line-height: 0px;
	}
	
	#nav_main ul {
		float:left;
		display:inline;		/* Fix für IE Doubled Float Margin Bug    */ 
		margin:0;			/* Standard-Listendefinition zurücksetzen */
		padding: 0;
		margin-left: 211px;  /* Abstand des ersten Buttons vom linken Rand (-2 Pixel für 3D-Schatten) über basemod.css anpassen */
		border-left: 1px #B89AAC solid; 
		border-right: 1px #c7d7ee solid;
	}
	
	#nav_main ul li {
		float: left;
		display:inline;     /* Fix für IE Doubled Float Margin Bug    */ 
		margin: 0;
		padding: 0;
		font-size: 1.0em;
		line-height: 1em;
		list-style-type: none;
		border-left: 1px #fff solid;
		border-right: 1px #B89AAC solid;
	}
	
	#nav_main ul li#cart {
		float: right;
		border-left-color: #b3c7e3;
		border-right: 0 none;
	}	
	
	#nav_main ul li a:link, #nav_main ul li a:visited {
		display:block;
		font-size: 1em;
		font-weight: bold;
		background: transparent;
		text-decoration: none;
		color: #520033;
		margin: 0;
		padding: 0.8em 1em 0.8em 1em;
		background: transparent url("gfx/topnav/left_tab.gif") repeat-x top left;	
	}

	* html #nav_main ul li a { /* Workaround für vollen Breiten-Hover im IE */
		display:block;
		width: 1%;
		white-space: nowrap;
	}
	
	#nav_main ul li#cart a:link, #nav_main ul li#cart a:visited {
		padding: 0.8em 1em 0.8em 2.2em;
		color: #0c3671;
		border-left: 1px solid white;		
		background: transparent url("gfx/topnav/left_tab_cart.gif") repeat-x top left;	
	}	
	
	#nav_main ul li#index a {
		padding: 0.8em 1em 0.8em 2.2em;
	}
	
	#nav_main ul li#index a:link, #nav_main ul li#index a:visited {
		padding: 0.8em 1em 0.8em 2.2em;
		background: transparent url("gfx/topnav/left_tab_home.gif") repeat-x top left;	
	}
	
	#nav_main ul li#ucp a {
		padding: 0.8em 1em 0.8em 2.2em;
		background: transparent url("gfx/topnav/left_tab_user.gif") repeat-x top left;	
	}

	#nav_main ul li#download a {
		padding: 0.8em 1em 0.8em 2.2em;
		background: transparent url("gfx/topnav/left_tab_download.gif") repeat-x top left;	
	}	
	
	#nav_main ul li#new a {
		padding: 0.8em 1em 0.8em 2.2em;
		background: transparent url("gfx/topnav/left_tab_new.gif") repeat-x top left;	
	}	
		
	
	#nav_main ul li a:hover {
		background: transparent url("gfx/topnav/left_tab_on.gif") repeat-x top left;	
		color: #333;
		text-decoration: none;
	}
	
	#nav_main ul li#cart a:hover {
		background: transparent url("gfx/topnav/left_tab_cart_on.gif") repeat-x top left;	
	}
	
	#nav_main ul li#index a:hover {
		background: transparent url("gfx/topnav/left_tab_home_on.gif") repeat-x top left;	
	}
	
	#nav_main ul li#ucp a:hover {
		background: transparent url("gfx/topnav/left_tab_user_on.gif") repeat-x top left;	
	}	
	
	#nav_main ul li#download a:hover {
		background: transparent url("gfx/topnav/left_tab_download_on.gif") repeat-x top left;	
	}		
	#nav_main ul li#new a:hover {
		background: transparent url("gfx/topnav/left_tab_new_on.gif") repeat-x top left;	
	}			
			
	
	#nav_main ul li.current { 
		border-left: 1px #fff solid;
		border-right: 1px #B2A778 solid;
		background: transparent url("gfx/topnav/left_tab_on.gif") repeat-x top left;	
	}
	
	#nav_main ul li.current a,
	#nav_main ul li.current a:hover {
		color: #000;
		background: transparent;
		text-decoration: none;
	}

}