/*
	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:34px;}
	.TM_T1_Off			{ float:left; margin:0; padding:0px 0px 0px 0px; height:34px;  }

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

	/* 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	{ float:left; margin:0; padding:10px 20px 0px 20px; display:block; color:#666666; font-size: 12px; font-weight: bold; text-decoration:none; background-image:url(/public/grafik/topmenu_arrow.gif); background-repeat:no-repeat; background-position:bottom right; white-space:nowrap; }
	a.TM_L_On:hover		{ float:left; margin:0; padding:10px 20px 0px 20px; display:block; color:#666666; font-size: 12px; font-weight: bold; text-decoration:underline; background-image:url(/public/grafik/topmenu_arrow.gif); background-repeat:no-repeat; background-position:bottom right; white-space:nowrap; }


	a.TM_L_Off,
	a.TM_L_Off:link,
	a.TM_L_Off:active,
	a.TM_L_Off:visited	{ float:left; margin:0; padding:10px 20px 0px 20px; display:block; color:#3bbf13; font-size: 12px; font-weight: bold; text-decoration:none; white-space:nowrap; }
	a.TM_L_Off:hover	{ float:left; margin:0; padding:10px 20px 0px 20px; display:block; color:#3bbf13; font-size: 12px; font-weight: bold; text-decoration:underline; white-space:nowrap;  }

	.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. */
		
	}

	.TM_CONT li { margin-right:2px; }
	
	
	
	
	.TM2_T1_On			{ float:left; margin:0; padding:0px 0px 0px 14px; }
	.TM2_T1_Off			{ float:left; margin:0; padding:0px 0px 0px 14px; }
	
	a.TM2_L_On,
	a.TM2_L_On:link,
	a.TM2_L_On:active,
	a.TM2_L_On:visited	{ float:left; margin:0; padding:0px 5px 0px 5px; height:22px; display:block; color:#000000; font-size: 12px; font-weight: normal; font-family: Calibri, "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; text-decoration:none; white-space:nowrap; }


	a.TM2_L_Off,
	a.TM2_L_Off:link,
	a.TM2_L_Off:active,
	a.TM2_L_Off:visited	{ float:left; margin:0; padding:0px 5px 0px 5px; display:block; color:#000000; font-size: 12px; font-weight: normal; font-family: Calibri, "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; text-decoration:none; white-space:nowrap; }
	a.TM2_L_Off:hover	{ float:left; margin:0; padding:0px 5px 0px 5px; display:block; color:#000000; font-size: 12px; font-weight: normal; font-family: Calibri, "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; text-decoration:underline; white-space:nowrap;  }

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

	.TM2_CONT, .TM2_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. */
		
		
	}
	
	.TM2_CONT ul {float:right; text-align:right; margin-right:15px;}

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