/* ######################################################################################################
** # SAD Partnerprogram Stylesheets #####################################################################
** ######################################################################################################
**   
**  Datei       : tabs.css
**  Funktion    : Formatierung der Box-Tabulatoren Navigation 
**
*/

@media all
{

/* ######################################################################################################
** ### Tabulatoren Navigation						   ##################################################
** ######################################################################################################
*/

#tab_main {
	width: 580px;
	float: left;
	display: inline;
	color: #fff;
	margin: 0 0 -1px 0;
    background: #fff url("gfx/tabs/bg.gif") repeat-x bottom;	
}

* html #tab_main {
	margin-bottom: -3px;
}

#tab_main ul {
  white-space: nowrap;
  line-height: 1em;
  margin: 0 0 0 5px;
  padding: 0 0 0 ;
  list-style: none;
}
  
#tab_main li {
  float: left;
  background: #fef3f9 url("gfx/tabs/left.gif") no-repeat top left;
/*  margin-right: 2px;  nur einfügen bei ECKIGEN Ecken */
  padding: 0 0 0 3px;
  margin: 0 2px 0 0;
  border-bottom: 1px solid #bb6f9c;
}

#tab_main a {
  float: left;
  display: block;
  color: #334;

  background: transparent;
  background: url("gfx/tabs/right.gif") no-repeat top right;
  padding: 10px 11px 8px 8px;
  text-transform: none;
  text-decoration: none;
  font-weight: normal;
    
  width: auto; /* nur IE 5.x */
  width/**/:/**/ .1em; /* für IE 6.0 */
}

#tab_main > ul a {width:auto;}  /* für alle anderen Browser */

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tab_main a {float:none;}
/* End IE5-Mac hack */


#tab_main .current { background-position:top left }
#tab_main .current a { background-position:top right }

#tab_main a:hover { 
    color: #fff;
    background-color: transparent;
}

#tab_main .current {
  background-image:    url("gfx/tabs/left_on.gif");
  border-width:0
}

#tab_main .current a {
  color: #4e2d41;
  background-image:     url("gfx/tabs/right_on.gif");
  font-weight: bold;
  padding-bottom: 9px;
  padding-top: 10px;
}

#tab_main .current a:hover { 
    color: #4e2d41;
    background-color: transparent;
}

/*********** INACTIVE CLASS ******************/
#tab_main .inactive { background-position:top left }
#tab_main .inactive a { background-position:top right }

#tab_main .inactive {
  background-image:    url("gfx/tabs/left.gif");
  border-width:0
}

#tab_main .inactive a {
  color: #334;
  background-image:     url("gfx/tabs/right.gif");
  font-weight: bold;
  padding-bottom: 8px;
  padding-top: 10px;
}

#tab_main .inactive a:hover {
	color: #7f4a69;
}

}