/*
	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:0px 0px 0px 0px; height:36px; text-align:center; background-image:url(/public/grafik/topmenu_spacer.gif); background-repeat:no-repeat; background-position:right; }
	.TM_T1_Off			{ float:left; margin:0; padding:0px 0px 0px 0px; height:36px; text-align:center; background-image:url(/public/grafik/topmenu_spacer.gif); background-repeat:no-repeat; background-position:right; }
*/
	.TM_T1_On			{ float:left; margin:0; padding:0px 0px 0px 0px; height:46px; text-align:center; background:url(/public/grafik/topmenu_on_bg.gif); background-repeat:repeat-x; }
	.TM_T1_Off			{ float:left; margin:0; padding:0px 0px 0px 0px; height:46px; text-align:center; }

	/* 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:0px 0px 0px 0px; height:46px; text-align:center; }
	.TM_T2_Off			{ float:left; margin:0; padding:0px 0px 0px 0px; height:46px; text-align:center; }

	/* 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
	a.TM_L_On:hover		{ float:left; margin:0px 0px 0px 0px; padding:8px 20px 0px 20px; height:38px; background:url(/public/grafik/topmenu_arrow_bg.gif); background-position:center; background-repeat:no-repeat; display:block; color:#ffffff; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:15px; letter-spacing:1px; font-weight:normal; text-decoration:none; }


	a.TM_L_Off,
	a.TM_L_Off:link,
	a.TM_L_Off:active,
	a.TM_L_Off:visited	{ float:left; margin:0px 0px 0px 0px; padding:8px 20px 0px 20px; height:38px; display:block; color:#666666; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:15px; letter-spacing:1px; font-weight:normal; text-decoration:none; }
	a.TM_L_Off:hover	{ float:left; margin:0px 0px 0px 0px; padding:8px 20px 0px 20px; height:38px; display:block; color:#666666; background:url(/public/grafik/topmenu_hover_bg.gif); background-repeat:repeat-x; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:15px; letter-spacing:1px; font-weight:normal; text-decoration:none; }

	.TM_SEP				{ float:left; display:block; height:46px; width:1px; background:url(/public/grafik/topmenu_divider.gif); bacground-repeat:no-repeat; }

	.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:0px; }