/*
	Type 1: li (.TM_T1_On & .TM_T1_Off)
	Type 2: div (.TM_T1_On & .TM_T1_Off)
	Type 3: yttre div (.TM_T1_On & .TM_T1_Off) samt inre div (.TM_T2_On & .TM_T2_Off)
	Type 4: väster div (.TM_T1_On & .TM_T1_Off), inre div (.TM_T2_On & .TM_T2_Off) samt höger div (.TM_T3_On & .TM_T3_Off)

	Exemplet nedan är type 3:
	*/
	
	/* Yttre diven, här med bakgrundsbild på vänstersidan när den är aktiv. Paddingen på vänstersidan ska vara samma som bakgrundsbildens bredd. */
	.TM_T1_On			{ float:left; margin:0; padding:0 0px 0 5px; height:102px; text-align:center; background-image:url(../grafik/top_btn_left.png); background-repeat:no-repeat; position:relative; z-index:1;  }
	.TM_T1_Off			{ float:left; margin:0; padding:0 0px 0 5px; height:102px; text-align:center; position:relative;z-index:1; }

	/* Inre diven, här med bakgrundsbild på högersidan när den är aktiv. Paddingen på högersidan ska vara samma som bakgrundsbildens bredd. */
	.TM_T2_On			{ float:left; margin:0; padding:0 5px 0 0; height:102px; text-align:center; background-image:url(../grafik/top_btn_right.png); background-position:right; background-repeat:no-repeat; position:relative; z-index:1;}
	.TM_T2_Off			{ float:left; margin:0; padding:0 5px 0 0; height:102px; text-align:center; position:relative; z-index:1;}

	/* Länken, här med repeterande bakgrundsbild när den är aktiv. Display block är till för att kunna sätta höjd på länken. */
	a.TM_L_On,
	a.TM_L_On:link,
	a.TM_L_On:active,
	a.TM_L_On:visited	{ outline: 0; float:left; margin:0; padding:79px 7px 0 7px; height:23px; display:block; color:#454549; font-size: 12px; font-weight: normal; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; text-decoration:none; background-image:url(../grafik/top_btn_bg.png); position:relative; z-index:1;}


	a.TM_L_Off,
	a.TM_L_Off:link,
	a.TM_L_Off:active,
	a.TM_L_Off:visited	{ outline: 0; float:left; margin:0; padding:79px 7px 0 7px; height:23px; display:block; color:#454549; font-size: 12px; font-weight: normal; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; text-decoration:none; position:relative; z-index:1;  }
	a.TM_L_Off:hover	{ outline: 0; float:left; margin:0; padding:79px 7px 0 7px; height:23px; display:block; color:#454549; font-size: 12px; font-weight: normal; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; text-decoration:none; position:relative; z-index:1;  }

	.TM_SEP				{ float:left; padding-top:9px!important; line-height:normal; }

	.TM_CONT, .TM_CONT li {
		list-style-type:none;	/* Plockar bort 'punkterna' i listorna. */
		overflow:hidden;		/* Ser till att långa namn inte spräcker designen. */
		margin:0;				/* Tar bort indentering på listorna som */
		padding:0;				/* Vi fixar indentering på i länkklasserna istället. */
		text-align:left;
	}

	.TM_CONT li { margin-right:2px; }