@charset "utf-8";

body {
	font-family: "Berling Antiqua", Georgia, "Times New Roman", serif;
	font-size: 100%;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	}
		
/* Nedan id container för den div vilken omedelbart innanför body innesluter samtliga övriga block på sidan. Att vidden är fixerad innebär i kombination med värdet auto på vänstermarginalen och högermarginalen att layouten blir centrerad. Totalvidden 960px är fördelad så att vänsterkolumnen(div.sidoklumn1) upptar 180px, mittkolumnen (div.mittkolumn) 600px och högerkolumnen (div.sidoklumn2) 180px. */
#container {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* ///// SELEKTORER FÖR ELEMENT OCH TAGGAR */

p {
	padding-right: 15px;
	padding-left: 15px; 
}

.h1-centrerad {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	padding-right: 15px;
	padding-left: 15px;
	font-weight: normal;
	text-align: center;
	clear: both;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	padding-right: 15px;
	padding-left: 15px;
	font-weight: normal;
	clear: both;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-right: 15px;
	padding-left: 15px;
	font-weight: normal;
	clear: both;
}
.vanster {
	text-align: left;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style:italic;
	padding-right: 15px;
	padding-left: 15px;
	font-weight: normal;
	clear: both;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-right: 15px;
	padding-left: 15px;
	font-weight: normal;
	clear: both;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-right: 15px;
	padding-left: 15px;
	font-weight: normal;
}

blockquote {
	padding-right: 15px;
	padding-left: 30px;
	font-size: 0.8em;
}
ul, ol, dl { /* "Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector." */
	padding: 0;m
	margin: 0;
	list-style-type: none;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ///// LÄNKAR ///// */
/* Obs att länkdeklarationerna måste vara i ordningen nedan, dvs inledas med a:link osv.. Även gruppen selektorer för hovrandet ska vara i samma ordning som nedan, dvs a:hover, a:active, a:focus */
a:link {
	color: #42413C;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
	clear: both;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

/* ///// FONTSTORLEKAR  ///// */
/* Jag använder em i css för skärm och pt i css för utskrift. För omräkning mellan olika mått på storlekar se t.ex. http://pxtoem.com/. Exempel om man utgår från 16 px: 9px = 0.563em, 10px = 0.625em, 11px = 0.688em, 12px = 0,750em, 14px = 0.875em, 16px = 1.000em, 18px = 1.125em  */

.jattestor {
	font-size: 2.0em;
}
.stor {
	font-size: 1.5em;
	}
.litestorre {
	font-size: 1.2em;
	}
.mini {
	font-size: 0.7em;
}
.litemindre {
	font-size: 0.9em;
}
.mikro {
	font-size: 0.55em;
}
.sanserif {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}
.sanserif-mini {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

/* ///// FÄRGER  ///// */
/* Nedan deklarationer ang färger. UUs profilfärger är den röda #990000 = rgb(153, 0, 0), den ljusgrå #EAEAEA = rgb(234, 234, 234) och den mellangrå #CCCCCC = rgb(204, 204, 204) Därjämte använder jag ofta en mörkgrå färg #6E6C64 = rgb(105, 105, 105), samt förstås vitt #FFFFFF = rgb(255, 255, 255). Nedan är värdenaangivna i RGB decimaler, för mig mer begripligt än hexadecimaler.
*/
.??????????????????????????????????????????????????
d {
	color:rgb(153, 0, 0);
	}
.uuljusgra {
	color:rgb(234, 234, 234);
	}
.uumellangra {
	color:rgb(204, 204, 204);
	}
.morkgra {
	color: rgb(105, 105, 105);
}
/* Nedan div#sidhuvudsimpelt delklarerat så att fönstret inte ska kunna bli för smalt. På nyare sidor ersätter jag div#sidhuvudsimpelt med div#header vilket är en ny tagg i HTML5 */
#sidhuvudsimpelt {
min-width: 300px;
}
/* Nedan div#header (f.d. div#sidhuvudsimpelt) delklarerat så att fönstret inte ska kunna bli för smalt. */
#header {
min-width: 300px;
}

.vit {
	color:rgb(255, 255, 255);
}
.svart {
	color:rgb(0, 0, 0);
}
.gron {	
	color:rgb(68, 102, 0)
}
#mittvagn {
	font-style: normal;
	clear: both;
}

/*Nedan för mittvagn tunnast tänkbar linjer, bara 1 px. Vidden inte angiven, utan kan vid behov deklareras med widht; annasr sträcker sig strecket över hela kolumnens vidd minus förstås marginaler och padding. Värdena margin:0 auto; samt clear:both; är till för att förhindra flytande från endera hållet. Deklarationerna av background-color är avsedd för moderna webbläsare, medan deklarationerna av color är till för antika IE-browsers */
#mittvagn ul {
	font-size: 1em;
	padding-right: 15px;
	padding-left: 15px;
	list-style-type: square;
	margin-left: 20px;
}

/*Nedan tunnast tänkbar linjer, bara 1 px. Vidden inte angiven, utan kan vid behov deklareras med widht; annasr sträcker sig strecket över hela kolumnens vidd minus förstås marginaler och padding. Värdena margin:0 auto; samt clear:both; är till för att förhindra flytande från endera hållet. Deklarationerna av background-color är avsedd för moderna webbläsare, medan deklarationerna av color är till för antika IE-browsers */
.linjesvart {
	background-color: rgb(105, 105, 105);
	color: rgb(0, 0, 0);
	height: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0 auto;
	clear: both;
}
.linjerod {
	background-color: rgb(153, 0, 0);
	color: rgb(153, 0, 0);
	height: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0 auto;
	clear: both;
	}
.linjemorkgra {
	background-color: rgb(105, 105, 105);
	color: rgb(105, 105, 105);
	height: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0 auto;
	clear: both;
}

/* //// POSITIONERING ///// */
.hoger {
	text-align: right;
}
.hogerflyt {
    float: right;
	width:33.33333%;
	text-align:right;
}

vansterflyt {
    float: left;
	width:33.33333%;
	text-align:left;
}
.centrerad {
	text-align: center;
}

   #loggor {
    display: flex;
    justify-content: space-between;
}



/* ///// Historical-remnant, ruta med röd text överst på sidor i Skeptron Web Archive */
/* Nedan id #histremnant, röd text med dubbel svart´border som ska finnas överst i alla dokument i Skeptron Web Archive, för att klargöra att detta är en historisk lämning  */

#histremnant {
	font-family: Garamond, "Berling Antiqua", Georgia, "Times New Roman", serif;
	color: rgb(153, 0, 0);
	margin-top: 10px;
	margin-right: 30px;
    margin-bottom: 10px;
	margin-left: 30px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-width: thin;
	border-style: solid;
	border-color: rgb(153,0,0);
	clear: both;
}

/* ///// Nedan id #nederst-histremnant, inom ram en rad röd text nederst på sidor i Skeptron Web Archive, för att klargöra att detta är en historisk lämning  */

#nederst-histremnant {
	font-family: Garamond, "Berling Antiqua", Georgia, "Times New Roman", serif;
	color: rgb(153, 0, 0);
	margin-top: 10px;
	margin-right: 150px;
    margin-bottom: 10px;
	margin-left: 150px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-width: thin;
	border-style: solid;
	border-color: rgb(153,0,0);
	clear: both;
}


/* ///// SIDHUVUDET, fixerad vidd 960px, för layout med kolumner /////  */
/* Nedan id #sidhuvud960px, röd bård, UU-logga och vit text, som jag ger till den div (motsv nytillkomna elementet header i HTML5) som innehåller sidhuvudet i en layout med flera kolumner. Att jag deklararar samma width, dvs 960px, som redan finns ovan i deklarationen för klassen container, är redundant och oelegant men av någon anledning blir det fel annars. I DWs layout gör man på annat sätt: "the header is not given a width. It will extend the full width of your layout." */

#sidhuvud960px {
	background-repeat: no-repeat;
	background-position: right;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	height: 128px;
	width: 960px;
	background-image: url(../img/bakgrund-top-rod.png);
	color: rgb(255, 255, 255); /* Alltså vit text */
}

/* nedan id #sidhuvud960px-alt-gra som är alternativt sidhuvud, grå bakgrund, UU-sigill  */
#sidhuvud960px-alt-gra {
	background-color: rgb(234, 234, 234);
	background-repeat: no-repeat;
	background-position: right;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	height: 128px;
	width: 960px;
	background-image: url(../img/126977_sigill-croppad-518x125.png);
}

/* ///// MITTKOLUMN, , fixerad vidd 600px, för layout med kolumner ///// */
/* Följande klass mittkolumn motsvarar ungefär elementet article i HTML5 */
.mittkolumn {
	width: 600px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	float: left;
	}
/* Nedan toppmenyn, dvs den vertikala dymamiska menyn överst med knappar Start, About etc. Sköts med separat CSS, därför inga deklarationer nedan. Jag använder enbart CCS, inget java. Obs att jag på sidor med kolumner väljer att lägga denna meny överst i mittkolumnen för att vid behov använda samma meny på simpla sidor utan sidokolumner. Med Padding 15 px till vänster och höger erhåller jag samma bredd som i substansen nedanför.  */
#toppmeny {
	font-style: normal;
	padding-right: 15px;
	padding-left: 15px;
	
}

/* ///// bredvansterkolumn, fixerad vidd 780px, för layout med kolumner ///// */
/* Följande klass mittkolumn motsvarar ungefär elementet article i HTML5 */
.bredhogerkolumn {
	width: 780px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	float: left;
	}
/* Nedan toppmenyn, dvs den vertikala dymamiska menyn överst med knappar Start, About etc. Sköts med separat CSS, därför inga deklarationer nedan. Jag använder enbart CCS, inget java. Obs att jag på sidor med kolumner väljer att lägga denna meny överst i mittkolumnen för att vid behov använda samma meny på simpla sidor utan sidokolumner. Med Padding 15 px till vänster och höger erhåller jag samma bredd som i substansen nedanför.  */
#toppmeny {
	font-style: normal;
	padding-right: 15px;
	padding-left: 15px;
	
}

/* ///// SIDOKOLUMNER INKL VERTIKALA NAVIGERINGSMENYN /////  */
/* Nedan klasserna .sidokolumn1 och .sidokolumn2. Vardera kan ha högst vidden 180 px eftersom jag för hela sidan använder fast bredd 960 px (deklareras i div#container) och ger mittkolumnen bredden 600px - men det visar sig att kolumnerna kollapsar om sidokolumnernas bredd är 180 px så jag minskar den något. Toppmarginalerna på 10 px låter sidokolumnerna linjera med toppmenyn.  */
.sidokolumn1 {
	font-family: Verdana, Geneva, sans-serif;
	float: left;
	width: 175px;
	margin-top: 10px;
	padding-bottom: 10px;
	font-size: 0.7em;
	border: thin solid rgb(153, 0, 0);
}
.sidokolumn2 {
	font-family: Verdana, Geneva, sans-serif;
	float: left;
	width: 175px;
	margin-top: 10px;
	padding-bottom: 10px;
	font-size: 0.7em;
	border: thin solid rgb(153, 0, 0);
}
/* Nedan klassen .kolumnbox. Boxen avsedd att finnas inuti vänster- eller högerkolumnen. */
.kolumnbox {
	font-weight: normal;
}
	 
	 /* Nedan alternativ klass .kolumnbox-alt med rundade hörn. Värdet (nedan 20px) avser längden på radien i en tänkt cirkel. För vart och ett av dessa rundade hörn finns nedan separat deklareration, tjatigt men det sägs att Webkit (layoutmotorn i vissa webbläsare) vill ha det så. */
.kolumnbox-alt {
	font-weight: normal;
	margin-top: 50px;
	border: thin solid rgb(153, 0, 0);
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	 }
/* klassen indrag-stort, används för idrag för texten i sidhuvudet, dvs t.h om UU-loggan. F.n. 30 px */
.indrag-stort {
	margin-left: 60px;
}
	 
.kolumnrubrik {
	font-size: 1.1em;
	color: rgb(255, 255, 255);
	background-color: rgb(153, 0, 0);
}
/* Den enkla vertikala navigeringsmeny som jag normalt placerar som en div vertikalmeny inuti div sidokolumn1 */
.vertikalmeny {
	font-style: normal;
}
ul.nav {
	list-style: none; /* skapar top border för länkarna - i övrigt används deklarationen nedan av bottom border i li-elementet */
	margin-bottom: 15px; /* skapar avstånd mellan navigeringsmenyn och innehållet nedanför */
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
}
ul.nav li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;	
}
/*Eftersom i denna ul.nav hela li uppfylls av ett element a måste jag tydligen deklarera vidden för det sistnämnda för att det ska bli rätt vidd.För att inte kolumnerna ska kollapsa låter jag vidden vara något mindre än kolumnbredden (som kan vara max 180px). */
ul.nav li a {
	width: 155px;
}
	
/* ///// FRAMVAGNEN /////  */
/* Divven med id framvagn innehåller sådant (överst i mittkolumnen vid layout med flera kolumner) som jag i min print-css tar bort med display:none. Dvs bl.a. knappar för utskrift och för att dela. (Kolla: för att centrera innehållet i div#framvagn är vidden är fixerad till 600 px vilket i kombination med värdet auto på vänstermarginalen och högermarginalen innebär att layouten blir centrerad). */
#framvagn {
	width: 570px;
	margin: 0 auto;	
}
.knappar {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	color: rgb(105, 105, 105);
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	height: 30px;
	float: right;
	text-align: center;
	min-width: 450px;
	}
#bakvagn {
	font-style: normal;
}
.knappar ul {
	list-style-type: none;
	overflow: auto;
}
.knappar ul li {
	float: left;
	vertical-align: top;
	padding-top: 0px;
	padding-right: 16px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 30px;
}



/* Denna div#substans inrymmer det centrala innehållet, dvs exklusive sidhuvud, toppmeny, sidfot samt sidokolumner. Vid trekolumnslayout utgör div#substans det jag lyfter ut för att göra simpla sidor. På simpla sidor lägger jag till en klass ram. */
#substans {
	margin-top: 0;	 /* removing the top margin gets around an issue where margins can escape from their containing block. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the blocks, instead of the block elements themselves, gets rid of any box model math. A nested block with side padding can also be used as an alternate method. */
}

/*Följande klass ram använder jag på enkla sidor för att skapa en mörkgrå ram kring div#substans som redan har deklarationerna margin-top:0; margin-right: 10px; margin-left: 10px; Dvs jag lägger tillfogar bara marginaler och en border).*/
	
.ram {
	margin-right: 10px;
	margin-left: 10px;
	border: 1px solid rgb(153, 0, 0);
	}

#huvudrubrik {
	font-size: 1.7em;
	padding-top: 12px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	clear: both;
	text-align: center;
}

/* ID för divven med den lilla boxen innehållande info om den aktuella sidans URL när denna box placeras högt upp på sidan */
#urloverst {
	font-style: normal;
		}
	
/* Klassen .urlmikro är till för den lilla boxen innehållande info om den aktuella sidans URL. Boxenplaceras förslagsvis överst och på sidan om det är en kort sida, och som två instanser både överst och nederst om det är en lång sida. Färgen på teckensnittet är svart  	rgb(0,0,0). Bakgrundfärgen är  background-color: #F5F5F5  dvs (245,245,245) som kallas White Smoke */

.urlmikro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.55em;
	width: auto;
	float: left;
	clear: both;
	background-color: rgb(245,245,245);
	border: thin solid rgb(105, 105, 105);
	clear: both;
	}

/* Nedan grouped selectors för listor inom div substans */
.substans ul, .substans ol {
	padding: 0 15px 15px 40px; /* Denna padding ska återspegla right padding i deklarationer av p och h-element ovan. Padding i botten skapar avstånd till andra element i listan. Padding till vänster skapar indrag (indention). */
}

ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
	padding: 5px 5px 5px 15px;
	display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
	width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need to support IE6, it can be removed. Calculate the proper width by subtracting the padding on this link from the width of your classr container. */
	text-decoration: none;
	background-color: rgb(234, 234, 234);
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
	background-color:#666;
	color: rgb(255,255,255);
}



/* ///// SIDFOT ///// */
#sidfot {
	padding-right: 15px;
	padding-left: 15px;
clear: both;
}
/* Nedan klassen .miniqwertasdferad som jag använder för sidfot. Denna sidfot icke placerad under hela sidan om denna sida har flera kolumner utan i stället nederst i huvudkolumnen. Ingen fixed widht */ 
.minicentrerad {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: rgb(105, 105, 105);
	text-align: center;
	clear: both;
}

/* ///// Klasser för float och clear ///// */

/* Klassen flytvänster används för att låta ett element flyta vänsterut på sidan. Det flytande elementet måste föregå det element som det ska ha som sin granne på sidan. */
.flytvanster {
	float: left;
	margin-right: 1px;
}
/* Klassen flythöger används för att låta ett element flyta högerut på sidan. Det flytande elementet måste föregå det element som det ska ha som sin granne på sidan. */
.flythoger {
	float: right;
	margin-left: 1px;
}
/*Klassen .overflow-auto nedan kan jag använda för att förhindra att en browser är så dum att den stoppar in en scrollbar fastän mitt innehåll inte överskrider det tilgängliga utrymmet. Har jag råkat ut för i Explorer, */ 
.overflow-auto {
	overflow: auto;
}

/* Nedan klasser för att få flytandet att upphöra */
.clearleft {
	clear: left;
}
.clearright {
	clear: right;
}
.clearboth {
	clear: both;
}
/*Den följande klassen .clearfloat bör jag på flerkolumnssida använda efter sista kolumnen eftersom jag tagit bort elementet footer. Se nedan om elementet footer. Om en avslutande footer tas bort (vilket jag gjort, vill inte ha HTML5-element) eller flyttas ut ur div .container,  måste klassen .clearfloat appliceras på ett element <br /> eller ett empty block element som utgör det avslutande elementet efter det sista flytande blocket inom divven .container */
.clearfloat { /* */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* ///// TYPOGRAFERINGSFIXAR ///// */

/* HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, article, figure {
	display: block;
}

/* Nedan de två klasserna .enbartutskrift-block och .enbartutskrift-display som jag i min vanliga css deklarerar som display:none för att förhindra visning på skärmen, men i min print.css deklarerar som display:block resp display:inline. */
.enbartutskrift-block {
	display: none;
}
.enbartutskrift-inline {
	display: none;
}

/* Nedan de två klasserna .enbartskarm-block och .enbartskarm-inliney som jag i denna css för skärm deklarerar som display:block resp display:inline men i min print.css deklarerar som display:block respektive display:inline. */
.enbartskarm-block {
	display: block;
}
.enbartskarm-inline {
	display: inline;
}

/*Nedan klassen .adhoc-putta-ner som används för att putta ned ikonen Share by e-mail en gnutta så att den linjerar med övriga knappar.*/
.adhoc-putta-ner {
	margin-top: 3px;
}
/*Nedan klassen .adhoc-putta-upp som används för att putta upp sökfältet och knappen för Google Costum Search en bra bit.*/
.adhoc-putta-upp {
	margin-top: -9px;
}
.vidd450px {
	width: 450px;
}



/* ///// KOMPOST. Det sista i denna css är sådant jag f.n. inte använder men kanske kan behöva framöver ////// */

/* ///// INAKTUELLT FÖR SIMPLA SIDOR ///// */
/* Nedan deklarationer för simpla sidor, inaktuellt, ur cirkulation 13-09-22. . Behövs ingen särskild css för dessa allt finns ovan i denna min stora css. Möjligen kan jag behöva ändra broadyutskrift.css. Obs att simpla sidor inte behöver länkar till ajxmenu.css och andra Ajatix.filer ty inga dynamiska Ajatixmenyerna förekommer på mina simpla sidor. */

/* nedan inakt klassen .simpel-sidhuvud som används på det särskilda sidhuvudet på simpla sidor. margin:0 auto; tjänar till att säkra centreringen. 
#simpel-sidhuvud {
	width: 600px;
	text-align: center;
	margin: 0 auto;
	min-width: 450px;
} */

/* Nedan inakt klassen .simpel-substans som används på simpla sidor. Här deklareras tunn svart linje som inramar substans på simpla sidor. Denna ram ska inte finnas med vid utskrift. 
#simpel-substans {
	margin-top: 0; 
	margin-right: 10px;
	margin-left: 10px;
	padding-right: 15px;
	padding-left: 15px;
	border: 1px solid rgb(105, 105, 105); } */

/* INAKTUELLT: Nedan elementet aside som jag inte använder, det är ett nytt element med HTML5 */
aside {
	float: left;
	width: 180px;
	padding: 10px 0;
}
/* INAKTUELLT: Nedan elementet footer som jag inte använder, det är ett nytt element med HTML5 */
footer {
	padding: 10px 0;
	background-color: #CCC49F;
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
}
/*INAKTUELLT för sökning lokalt: */
#sokninglokalt {
	float: right;
	}
#sokninglokalt ul {
		}
#sokninglokalt ul li {
	height:33px;
}
/*INAKTUELLT: */
.vertical-align-image {
	vertical-align: text-bottom;
}
/*INAKTUELLT: */
.simpelbox {
	font-style: normal;
}
/* INAKTUELLT: Röd linje ovanför elementet, används primärt ovanför sidfoten på mina simpla sidor. Funkar inte om det finns sidokolumner som sträcker sig längre nedåt än mittkolumnen */
.rodlinjeovanfor {
border-top-color: rgb(153, 0, 0);
}

/* INAKTUELLT: Nedan klasserna .linjerod och .linjesvart som används på ett hr-element för att skapa en röd resp. svart tunnast möjliga linje som fungerar som avdelare och är lite kortare än kolumnbredden*/
.sud-linjerod {
	height: 1px;
	border: 0;
	color: rgb(153, 0, 0);
	background-color: rgb(153, 0, 0);
	width: 570px;
	margin: 0 auto;
	clear: both;
}
.sud-linjesvart {
	height: 1px;
	border: 0;
	color: rgb(0, 0, 0);
	background-color: rgb(0, 0, 0);
	width: 80%;
	clear: both;
}