/* TRANSPARENCY-FIX FOR IE6 */

/* img, body, #wrap, .h, .v, .tom, .mitten_innehall_hoger, .spegelbakgrund, .spegel, .kurva_vanster, .kurva_hoger, .kurva_vanster_spegel, .kurva_hoger_spegel, td.sidokolumnbg, .vita_linjen_under_lankraden { behavior: url(iepngfix.htc); } */


img, body, #wrap, .innehallsdiven_for_dessutom, .innehallsdiven_for_for_dig_som_vill_studera_hos_oss, #aktivitetsdiven, #texten_under_aktivitetsdiven, .faktaruta, .ansokningsknapp, td.avskiljare, table.lankbakgrund, .pluttarna_mellan_ljudteknikkolumnerna, .h, .v, .tom, .mitten_innehall_hoger, .kurva_vanster, .kurva_hoger, .vita_linjen_under_lankraden { behavior: url(iepngfix.htc); }

	/* This can be used to make transparent PNGs work on CSS backgrounds as well.
	Say you have this code:
		#header { background:url(header.png); }
	All you have to do is apply the background behavior to the #header element:
		img, #header { behavior: url(iepngfix.htc); }
	You can do this with every element you’e using PNG-transparency on:
		img, #header, .class, blockquote { behavior: url(iepngfix.htc); }
	The asterisk also works, but I don’t know what it does to rendering time:
	* { behavior: url(iepngfix.htc); } */


html	{ height: 100%;	}
body	{ margin: 0px; text-align: center; width: 100%; height: 100%; min-height: 100%;
		  background-color: #e1d2ac; background-image: url(bilder/standard/sidbakgrund.png); background-repeat: repeat-x; background-position: left top; background-attachment: fixed; }
		
/* NORMALA LÄNKAR */
a:link		 					{ color: #600; text-decoration:none; }
a:visited						{ color: #600; text-decoration:none; }
a:active						{ color: #600; text-decoration:none; }
a:hover							{
	color: #c66602;
	text-decoration:none;
	text-align: left;
}

/* LÄNKARNA I- OCH UNDER AKTIVITETSRUTAN */
a.under_aktivitetsrutan:link	{ color: #7c6c5d; text-decoration:none; }
a.under_aktivitetsrutan:visited	{ color: #7c6c5d; text-decoration:none; }
a.under_aktivitetsrutan:active	{ color: #7c6c5d; text-decoration:none; }
a.under_aktivitetsrutan:hover	{ color: #c66602; text-decoration:none; }

/* LÄNKAR I DE TEXTDELAR SOM FÅTT UTSEENDET "BLEK" */
a.blek:link						{ color: #5f707a; text-decoration:none; }
a.blek:visited					{ color: #5f707a; text-decoration:none; }
a.blek:active					{ color: #5f707a; text-decoration:none; }
a.blek:hover					{ color: #76b7de; text-decoration:none; }
			
/* FÖR ATT ÄNDRA HÖJD PÅ SIDAN ÄNDRAR DU VÄRDET FÖR height NEDAN. EN height PÅ 100% GÖR ATT DIVEN BETER SIG ANNORLUNDA I EXPLORER ÄN I FIREFOX. */
	#wrap	{
	text-align: left; margin: 0px auto 0px auto; position: relative; width: 940px; border: 1px; border-color: #ffffff; border-style: solid;
	background-color: #e4e4e4; background-image: url(bilder/standard/toningen_under_menyraden.png); background-repeat: repeat-x; background-position: left top;
	font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #600;
	}

/* FÄRGER */

	/* ALL text färgas ursprungligen av den textfärg som finns i body-taggen ovan. Om man vill att en textbit ska ha någon
	annan färg så lägger man bara till någon av dessa klasser. Exempel: class="normaltext blek" ger ett textstycke dels klassen
	normaltext men ÄVEN klassen blek. Om normaltext saknar färginfo så får texten den färg som framgår i klassen "blek". */

	/* Blek textfärg (exempelvis "Dessutom..." på framsidan) */
	.blek { color: #5f707a; }


/* FRAMSIDAN */

/* Rutan med text om Svefi på framsidan. */
.text_om_svefi 		{ position: relative; width: 865px; height: 222px; left: 35px; }
.textruta  			{ position: relative; width: 865px; min-height: 50px; left: 35px; } 
.textruta_utb  		{ position: relative; width: 865px; left: 35px; } 
/* .textruta  			{ position: relative; width: 865px; left: 35px; }  */
.mellanrum_litet	{ position: relative; width: 865px; height: 15px; left: 35px; }
.mellanrum 			{
	position: relative;
	width: 865px;
	height: 15px;
	left: 35px;
}
.mellanrum_stort 	{ position: relative; width: 865px; height: 65px; left: 35px; }

/* Rutan med bilden på Svefi på framsidan. Notera att diven är större än bilden och inställd på "relative", samt "float: right;" så att bilden dels trycker undan text och dels är tryckt mot högerkanten. */
.svefibild { position: relative; width: 50px; height: 50px; float: right; height: 200px; width: 400px; }

/* INNEHÅLLSDIVEN FÖR AKTIVITETER OCH NYHETER */
.innehallsdiven_for_aktiviteter_och_nyheter { position: relative; left: 35px; width: 865px; height: 220px; display: block; }
.innehallsdiven_for_dessutom { position: relative; left: 35px; width: 865px; height: 265px; background: url('bilder/standard/toning_for_bleka.png'); background-position: top left; background-repeat: repeat-x; border: 1px; border-style: solid; border-color: #ffffff; }
.innehallsdiven_for_for_dig_som_vill_studera_hos_oss { position: relative; left: 35px; width: 865px; height: 308px; background: url('bilder/standard/toning_for_bleka.png'); background-position: top left; background-repeat: repeat-x; border: 1px; border-style: solid; border-color: #ffffff; }
.innehallsdiv_under_ovriga_saker { position: absolute; width: 865px; height: 260px; }

/* Diven med ID:t aktivitetsdiven omsluter hela textrullaren samt texten under den. Diven med ID:t texten_under_aktivitetsdiven omsluter själva texten under aktivitetsdiven. */
#aktivitetsdiven { position: absolute; background-image: url(bilder/standard/aktivitetsrutan_bakgrund.png); background-repeat: repeat-x; height: 160px; width: 450px; left: 0px; top: 0px; border: 1px solid #fff; }
#texten_under_aktivitetsdiven { position: relative; background-image: url(bilder/standard/bakgrund_bakom_texten_under_aktivitetsrutan.png); background-repeat: repeat-x; background-position: left top; font-size: 10px; color: #7c6c5d; height: 35px; width: 450px; }

/* Minervakvällsrutan */
.minervakvallsrutan { position: absolute; height: 160px; width: 375; left: 490px; }
img.vitkant { border: 1px #fff solid; }

.rubriklinje_stor { position: absolute; width: 865px; height: 1px; overflow: hidden; background-color: #beabab; }
.rubriklinje_stor_blek { position: absolute; width: 859px; height: 1px; overflow: hidden; background-color: #b9c2c8; }

.liten_text_i_aktivitets_och_nyhetsrutorna { font-size: 10px; }

/* Den här faktarutan används på sidorna där de olika speciallinjerna, allmänna kurserna, och andra utbildningar beskrivs. */
.faktaruta { position: relative; width: 200px; padding: 5px; float: right; border: 1px; border-color: #ffffff; border-style: solid; background: url('bilder/standard/toning_for_bleka.png'); background-position: top left; background-repeat: repeat-x;}
.faktarubrik { position: relative; width: 190px; min-height: 20px; font-size: 12px; font-weight: bold; letter-spacing: -1px; }
.faktainnehall { position: static; width: 190px; min-height: 20px; top: 15px; font-size: 12px; letter-spacing: -1px; }


.ansokningsruta { position: relative; height: 100px; width: 865px; left: 35px; text-align: center; }
.ansokningsknapp {
	padding: 2px;
	position: relative;
	height: 50px;
	width: 200px;
	background-image: url(bilder/toning_for_ansokningsknapparna.png);

repeat-x;
	border: 1px;
	border-color: #ffffff;
	border-style: solid;
	margin: 0 auto;
}
.ansokningsknapp_text {
	position: absolute;
	height: 25px;
	top: 12px;
	right: 2px;
	width: 200px;
}
.ansokningsblankett_infotext { position: relative; width: 100%; height: 20px; top: 10px; z-index: 2; font-size: 9px; }

.boka_rum_knapptext { position: absolute; height: 25px; top: 12px; right: 12px; }

.huvudrubrik {
	font-size: 24px;
	letter-spacing: -1px;
}

#beta
{
	width: 400px; float: left; font-size: 8pt; color: #a95d21;
}


.flagga_sv
{
position: absolute;
top: 3px;
right: 89px;
width: 26px;
height: 18px;
}

.flagga_fi
{
position: absolute;
top: 3px;
right: 60px;
width: 26px;
height: 18px;
}

.flagga_en
{
position: absolute;
top: 3px;
right: 33px;
width: 25px;
height: 18px;
}

.underrubrik {
	font-size: 12px;
	font-weight: bold;	
	letter-spacing: -1px;
}
.litentext {
	font-size: 9px;
}

a.lankrad:link		{ color: #a95d21; text-decoration:none; }

.bild_pa_svefi {
	background-image: url(bilder/skolan.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 230px;
	width: 400px;
	float: right;
	position: relative;
}

.vita_linjen_under_lankraden {
	background-position: left top;
	height: 2px;
	width: auto;
	left: 0px;
	top: 0px;
	background-color: f4e3c8;
	overflow: hidden;
}

.printlogo
{
display: none;
}

		a.lankrad:visited	{ color: #a95d21; text-decoration:none; }
		a.lankrad:active	{ color: #a95d21; text-decoration:none; }
		a.lankrad:hover		{ color: #a95d21; text-decoration:none; }
		
/*		a.kontakt:link 		{ color: #ebb780; text-decoration:none; } */
		a.kontakt:link 		{ color: #ffcf81; text-decoration:none; } 
		a.kontakt:visited	{ color: #ffcf81; text-decoration:none; }
		a.kontakt:active	{ color: #ffcf81; text-decoration:none; }
		a.kontakt:hover		{ color: #f8f1d3; text-decoration:none; }


/* Den här koden styr storleken på menylådorna i t ex sidan "utbildningar.html". */
.menyladan { height:22px; width: 280px; font-size: 11px; font-family: Verdana, Geneva, sans-serif; color: #600; background-color: #ffffff; top: 5px; position: absolute; }

.menyladan_blek {
	height:22px;
	width: 280px;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	color: #5f707a;
	background-color: #ffffff;
	top: 5px;
	position: absolute;
	left: 2px;
}


/*------------------------------------------------------------------------------------------------------------*/
/*                                                                                                            */
/*   KLASSERNA SOM STYR UTSEENDENA FÖR SVEFI-LOGGAN, DEN VITA RANDEN, SAMT LÄNKRADEN UNDER DEN VITA RANDEN.   */ 
/*                                                                                                            */
/*   table.background_uppe, table.logotext, td.avskiljare, td.vitaraden_uppe, table.lankbakgrund,			  */
/*	 table.lanktabell, a.huvudlank, td.tom, td.t, td.v, td.h, td.lanktom                                      */
/*                                                                                                            */
/*                                                                                                            */
/*------------------------------------------------------------------------------------------------------------*/


	/* Det här utseendet är för tabellen som innehåller Svefi-loggan. Själva tabellen är alltså osynlig, den innehåller bara de tabeller som i sin tur innehåller Svefi-loggan, den vita randen 
	ovanför länkraden, samt länkraden. */
		table.bakgrund_uppe
		{
		width: 100%;
		background-color: white;
		text-align: center;
		}



	/* Inuti logotabellen, vid dess nedre kant, finns en tabell som innehåller kontaktinformation (adressuppgifter och så vidare). Den här klassen styr den tabellens utseende. 
	Länkarna "info@svefi.net" och "karta" (som leder till en vägbeskrivning på www.hitta.se) får sitt utseende från de fyra "kontakt" raderna under "body", högst upp i
	den här formatmallen. Så om du vill ändra länkarnas utseende är det där det görs. */
		table.logotext
		{
		width: 100%; height: 22px;
		font-family: verdana, tahoma; font-size: 8pt; color: #ffcf81;
		text-align: center;	letter-spacing: -1px;
		}



	/* Och inuti tabellen som innehåller kontaktinformationen finns det celler som bara innehåller en avskiljare -- det är det smala strecket. Strecket är egentligen en bakgrundsbild
	som sätts ut av den här klassen. */
		td.avskiljare
		{
		width: 25px; height: 22px; background-image: url(bilder/standard/avskiljare_kontaktraden.gif); background-position: center bottom; background-repeat: no-repeat;
		}



	/* Den vita raden mellan kontaktinfot och länkraden är egentligen en enda tabell, och det enda den innehåller är en cell. Cellen får sitt utseende från den här klassen. */
		td.vitaraden_uppe
		{
		background-color: white; height: 5px;
		}



	/* Utseendet för tabellen som innehåller länkraden. Den har en bakgrundsfärg samt en tonad png-bild. */
		table.lankbakgrund
		{
		width: 940px;
		height: 38px;
		background: url('bilder/standard/bakgrund_lankraden.png'); background-repeat: repeat-x; background-color: #ecd0a3;
		}



	/* Och den här tabellen innehåller själva länkarna... */
		table.lanktabell
		{
		height: 33px;
		font-size: 80%;
		font-family: verdana;
		font-weight: bold;
		color: #c66602;
		}



	/* Utseendet för själva länkarna som finns i länkraden. 
		a.huvudlank
		{
		display: block;
		height: 33px; width: 100%;

		text-align: center;
		font-size: 65%;
		font-weight: bold;
		text-decoration: none;
		}

		*/

		a.huvudlank
		{
		height: 33px;
		width: 100%;
		text-align: center;
		text-decoration: none;
		}



	/* När man för bort pekaren från en länk i länkraden försvinner ju dess vita bakgrund. De två smala sidocellerna töms med hjälp av den här klassen,
	som anropas i sidokoden. */
		td.tom
		{
		background: url('none');
		background-color: none;
		}



	/* De här tre klasserna anopas i sidokoden när någon för pekaren över en länk i länkraden. Då får cellen till vänster om den länken klassen td.v, mittencellen får klassen td.t
	och högercellen får klassen td.h. Dem fjärde klassen, td.lanktom, sköter bredden på de tomma cellerna mellan länkarna. */

		td.t
		{
		background-color: white;	
		}
		
/*		td.v
		{
		background: url('bilder/standard/v_vit.png') center bottom no-repeat;
		}

		td.h
		{
		background: url('bilder/standard/h_vit.png') center bottom no-repeat;
		} */

		td.v
		{
		background: url('bilder/standard/v_vit.png') bottom no-repeat;
		}

		td.h
		{
		background: url('bilder/standard/h_vit.png') bottom no-repeat;
		}
		
		td.lanktom
		{
		width: 3px;
		}









	table.logotabell
		{
		width: 940px;
		height: 166px;
		background: url(bilder/logo.jpg);
		background-color: #d06200;
		background-repeat: repeat;
		background-position: center top;
		}
	

.copyright { width: 100%; text-align: center; height: 10px; position: absolute; bottom: 5px; left: 0px; font-size: 9px; color: #5f707a; }

/* .copyright a:link, a:visited, a:active {color: #5f707a;}
.copyright a:hover {color: #5f707a; text-decoration: underline; } */

.mellanrubrik {
	font-size: 18px;
}
.normaltext {
	font-size: 12px;
	color: #600;
	font-weight: normal;
}
.pluttarna_mellan_ljudteknikkolumnerna {
	background-image: url(bilder/pluttlinje_mellan_kolumnerna_i_ljudtekniklistan.png);
	background-repeat: repeat-y;
}
.felkod404 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 36px;
}
.rodtext {
	color: #900;
}