/* 	######  TOPMENY  ###### */


	/*
	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 2px; height:29px; text-align:center; background-image: url(/public/grafik/btn_on_left.gif); background-repeat:no-repeat; background-position:top left; }
	.TM_T1_Off			{ float:left; margin:0; padding:0 0 0 2px; height:29px; 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 2px 0 0; height:29px; text-align:center; background-image:url(/public/grafik/btn_on_right.gif);background-repeat:no-repeat; background-position:top right; }
	.TM_T2_Off			{ float:left; margin:0; padding:0 2px 0 0; height:29px; 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 pa länken. */
	/*
	a.TM_L_On			{ margin:0; padding:0px 14px 0 14px; height:29px; color:#6c311c; font-family:"Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif; font-size:13px; letter-spacing:1px; font-weight:normal; text-decoration:none; background-color:transparent; line-height:34px; background-image: url(/public/grafik/btn_on_bg.gif); }
	a.TM_L_On:link		{ margin:0; padding:0px 14px 0 14px; color:#6c311c; font-family:"Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif; font-size:13px; letter-spacing:1px; font-weight:normal; text-decoration:none; background-color:transparent; line-height:34px;  }
	a.TM_L_On:visited	{ margin:0; padding:0px 14px 0 14px; color:#6c311c; font-family:"Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif; font-size:13px; letter-spacing:1px; font-weight:normal; text-decoration:none; background-color:transparent; line-height:34px;  }
	a.TM_L_On:active	{ margin:0; padding:0px 14px 0 14px; color:#6c311c; font-family:"Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif; font-size:13px; letter-spacing:1px; font-weight:normal; text-decoration:underline; background-color:transparent; line-height:34px; background-image: url(/public/grafik/btn_on_bg.gif); }
	a.TM_L_On:hover		{ margin:0; padding:0px 14px 0 14px; color:#6c311c; font-family:"Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif; font-size:13px; letter-spacing:1px; font-weight:normal; text-decoration:underline; background-color:transparent; line-height:34px; background-image: url(/public/grafik/btn_on_bg.gif); }
	
	a.TM_L_Off			{ margin:0; padding:0px 14px 0 14px; height:29px; color:#FFFFFF; font-family:"Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif; font-size:13px; letter-spacing:1px; font-weight:normal; text-decoration:none; background-color:transparent; line-height:normal; }
	a.TM_L_Off:link 	{ margin:0; padding:0px 14px 0 14px; color:#FFFFFF; font-family:"Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif; font-size:13px; letter-spacing:1px; font-weight:normal; text-decoration:none;  line-height:normal; }
	a.TM_L_Off:visited	{ margin:0; padding:0px 14px 0 14px; color:#FFFFFF; font-family:"Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif; font-size:13px; letter-spacing:1px; font-weight:normal; text-decoration:none;  line-height:normal; }
	a.TM_L_Off:active	{ margin:0; padding:0px 14px 0 14px; color:#FFFFFF; font-family:"Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif; font-size:13px; letter-spacing:1px; font-weight:normal; text-decoration:underline; background-color:#6C311C; line-height:normal; }
	a.TM_L_Off:hover	{ margin:0; padding:0px 14px 0 14px; color:#FFFFFF; font-family:"Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif; font-size:13px; letter-spacing:1px; font-weight:normal; text-decoration:underline; background-color:#6C311C; line-height:normal; }
	*/
	
	/*
	.TM_SEP				{ float:left; margin:0; padding:0; width:0; }
	
	*/
	
		/*
	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; width:1px; height:32px; background-image:url(/public/grafik/btn_on_right.gif); background-repeat:no-repeat; }
	.TM_T1_Off			{ float:left; margin:0; padding:0 0 0 0; width:1px; height:32px; }

	/* 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:32px; text-align:center; background-image:url(/public/grafik/btn_on_bg.gif); background-repeat:repeat-y; }
	.TM_T2_Off			{ float:left; margin:0; padding:0 0 0 0; height:32px; 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 1px 0 0; height:32px; background-image:url(/public/grafik/btn_on_right.gif); background-repeat:no-repeat; }
	.TM_T3_Off			{ float:left; margin:0; padding:0 1px 0 0; height:32px; }


	/* 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 15px 0 15px; height:22px; display:block; color:#ffffff; font-family:"Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif; font-size:13px; letter-spacing:1px; font-weight:normal; text-decoration:none; background-color:transparent; line-height:normal; background-image:url(/public/grafik/btn_on_bg.gif); }


	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 15px 0 15px; height:22px; display:block; color:#FFFFFF; font-family:"Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif; font-size:13px; letter-spacing:1px; font-weight:normal; text-decoration:none; background-color:transparent; line-height:normal; }
	a.TM_L_Off:hover	{ float:left; margin:0; padding:10px 15px 0 15px; height:22px; display:block; color:#ffffff; font-family:"Trebuchet MS",  Arial, Verdana, Helvetica, sans-serif; font-size:13px; letter-spacing:1px; font-weight:normal; text-decoration:none; background-color:transparent; line-height:normal; }

	.TM_SEP				{ float:left; padding-top:5px!important; line-height:normal; }

	.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;
	}



