/*
	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 pa vänstersidan när den är aktiv. Paddingen pa vänstersidan ska vara samma som bakgrundsbildens bredd. */
	.TM_T1_On			{ float:left; margin:0; padding:0 0 0 0; height:39px; text-align:center; background-image:url(/public/grafik/topmenu_bg_on.gif); background-repeat:repeat-y; }
	.TM_T1_Off			{ float:left; margin:0; padding:0 0 0 0; height:39px; text-align:center; }

	/* Inre diven, här med bakgrundsbild pa högersidan när den är aktiv. Paddingen pa högersidan ska vara samma som bakgrundsbildens bredd. */
	.TM_T2_On			{ float:left; margin:0; padding:0 0 0 0; height:39px; text-align:center; background-image:url(/public/grafik/topmenu_bg_on.gif); background-repeat:repeat-y; }
	.TM_T2_Off			{ float:left; margin:0; padding:0 0 0 0; height:39px; text-align:center; }


	/* Yttre diven, här med bakgrundsbild pa högersidan när den är aktiv. Paddingen pa vänstersidan ska vara samma som bakgrundsbildens bredd. */
	.TM_T3_On			{ float:left; margin:0; padding:0 0 0 0; width:2px; height:39px; background-image:url(/public/grafik/separator.gif); background-repeat:no-repeat; }
	.TM_T3_Off			{ float:left; margin:0; padding:0 0 0 0; width:2px; height:39px; background-image:url(/public/grafik/separator.gif); background-repeat:no-repeat; }


	/* Länken, här med repeterande bakgrundsbild när den är aktiv. Display block är till för att kunna sätta höjd pa 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 17px 0 17px; height:29px; display:block; color:#ffffff; font-family:Arial, Helvetica, Geneva, sans-serif; font-size:14px; letter-spacing:1px; font-weight:bold; text-decoration:none; background-color:transparent; line-height:normal; }


	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 17px 0 17px; height:29px; display:block; color:#FFFFFF; font-family:Arial, Helvetica, Geneva, sans-serif; font-size:14px; letter-spacing:1px; font-weight:bold; text-decoration:none; background-color:transparent; line-height:normal; }
	a.TM_L_Off:hover	{ float:left; margin:0; padding:10px 17px 0 17px; height:29px; display:block; color:#616161; font-family:Arial, Helvetica, Geneva, sans-serif; font-size:14px; letter-spacing:1px; font-weight:bold; text-decoration:none; background-color:transparent; line-height:normal; }

	.TM_SEP				{ float:left; margin:0; padding:0 0 0 0; width:2px; height:39px; background-image:url(/public/grafik/separator.gif); background-repeat:no-repeat; }

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

	/* SIDFOTEN.... */
	
	/* Yttre diven, här med bakgrundsbild pa vänstersidan när den är aktiv. Paddingen pa vänstersidan ska vara samma som bakgrundsbildens bredd. */
	.TM_footer_T1_On			{ float:left; margin:0; padding:0 0 0 0; text-align:center; }
	.TM_footer_T1_Off			{ float:left; margin:0; padding:0 0 0 0; text-align:center; }

	/* Inre diven, här med bakgrundsbild pa högersidan när den är aktiv. Paddingen pa högersidan ska vara samma som bakgrundsbildens bredd. */
	.TM_footer_T2_On			{ float:left; margin:0; padding:0 0 0 0; text-align:center; }
	.TM_footer_T2_Off			{ float:left; margin:0; padding:0 0 0 0; text-align:center; }


	/* Yttre diven, här med bakgrundsbild pa högersidan när den är aktiv. Paddingen pa vänstersidan ska vara samma som bakgrundsbildens bredd. */
	.TM_footer_T3_On			{ float:left; margin:0; padding:0 0 0 0; width:2px; }
	.TM_footer_T3_Off			{ float:left; margin:0; padding:0 0 0 0; width:2px; }


	/* Länken, här med repeterande bakgrundsbild när den är aktiv. Display block är till för att kunna sätta höjd pa länken. */
	a.TM_footer_L_On,
	a.TM_footer_L_On:link,
	a.TM_footer_L_On:active,
	a.TM_footer_L_On:visited	{ float:left; margin:0; padding:0px 20px 0 0px; display:block; color:#999999; font-family:Arial, Helvetica, Geneva, sans-serif; font-size:10px; letter-spacing:1px; font-weight:normal; text-decoration:underline; background-color:transparent; line-height:normal; }


	a.TM_footer_L_Off,
	a.TM_footer_L_Off:link,
	a.TM_footer_L_Off:active,
	a.TM_footer_L_Off:visited	{ float:left; margin:0; padding:0px 20px 0 0px; display:block; color:#999999; font-family:Arial, Helvetica, Geneva, sans-serif; font-size:10px; letter-spacing:1px; font-weight:normal; text-decoration:underline; background-color:transparent; line-height:normal; }
	a.TM_footer_L_Off:hover		{ float:left; margin:0; padding:0px 20px 0 0px; display:block; color:#999999; font-family:Arial, Helvetica, Geneva, sans-serif; font-size:10px; letter-spacing:1px; font-weight:normal; text-decoration:underline; background-color:transparent; line-height:normal; }


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