body							{ font-family: verdana, arial, sans-serif; font-size: 100%; background: #000; color: white; }

*								{ margin: 0; padding: 0; }	/* rensar bort alla standard-marginaler för olika webbläsare */

/* TAGGAR (ELEMENT-NAMN) */
/* ......................................................... */
p								{ font-size: 10px; } /*tidigare 0.7em*/
br								{ font-size: 10px; }
a								{ font-size: 10px; } 


h1, h2, h3, h4					{ font-size: 10px; font-weight: bold; margin-top: 0px; } /*tidigare 0.7em*/

h2								{ padding: 5px 5px 5px 5px; color: #111111; background-color: white; }
h3								{ padding: 5px 5px 5px 5px; color: #4C89D7; background-color: white; }
h4								{ padding: 5px 5px 5px 5px; color: #000000; background: url('images/bakgrund_mork.gif'); }
h5								{ font-size: 14px; color: #000; }  /*tidigare 1.1em*/

/* listor */
ol								{ display: block; font-size: 10px; color: #000; margin-left: 40px; margin-bottom: 10px; list-style-type: decimal; list-style-position: outside; text-indent: 0px; }	  	/* Numrerad lista, 10 px */
ul								{ display: block; font-size: 10px; color: #000; margin-left: 40px; margin-bottom: 10px; list-style-type: disc; list-style-position: outside; text-indent: 0px; } 	/* Punktlista, svart */

img								{ margin: 5px 5px 5px 5px; border: 0px none #000000; }

button, select,
textarea, input					{ margin: 2px 0px 2px 0px; color: #000000; font-family: verdana, arial, sans-serif; font-size: 10px; }

button							{ font-weight: bold; background-color: #000000; color: #ffffff; border: 1px solid #ffffff; }

/* GAMLA TAGGAR FÖR TABELLER (ELEMENT-NAMN) */
td  							{ font-family: Verdana, Arial, sans-serif; color: #000000; }
td p							{ margin: 10px 5px; }
table tr td table tr td			{ padding: 5px; height: 25px; }


/* ID, unika element */
/* storlek header: 5 600 5 - 5 165 5, 610 + 175 = 785 pixlar */
/* ......................................................... */
#totalwrapper				{ position: absolute; left:0px; top:0px; border: 0; min-width: 790px; padding: 0px; background-image: none; overflow: visible;  /*HÄR LÅG ANCHOR-BUGGEN, när overflow satt till "hidden" buggade det, med visible FUNKAR DET!! 20090731 */
							/* GAMLA före 20090731: position: static; border: 0; min-width: 790px; padding: 0px; background-image: none; overflow: hidden; */}

#header						{ position: static; width: 785px; height: 130px; background-image:url('images/bakgrund_loggo_2008.jpg'); }
	#listmenyn				{ float: left; margin-left: 5px; width: 590px; }	/* SÄTTER PLACERINGEN PÅ MENYN, OCH BREDDEN */
	#datumrutan				{ position: absolute; left: 85px; top: 8px; width: 205px; z-index: 6; text-align: left; height: 25px; margin: 0px; color: #888; font-size: 10px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}
	#sokrutan				{ position: absolute; left: 610px; top: 90px; width: 200px; z-index: 2; }
	#varldens_hemsida		{ position: absolute; width: 160px; height: 20px; z-index: 3; left: 624px; top: 46px; font-size: 14px; font-weight: bold; font-style: normal; font-family: verdana; color: #FFFFFF;}


#contentarea				{ position: static; float: left; border: none; padding: 0px; margin-top: 0px; background: url('images/bakgrund_css_cont.gif') repeat-y;}

	#margin_huvud			{ position: static; float: left; margin: 5px; padding: 0px; }
	 #huvud					{ position: static; float: left; width: 600px; background: none; overflow: hidden; }
	  #reklam_toppen		{ float: left; clear: left; width: 600px; text-align: center; margin: 0 0 20px 0; }
	 
	 #margin_hogerspalt		{ position: static; float: left; margin: 0 5px 0px 10px; padding: 0px; }
	  #hogerspalten			{ position: static; float: left; width: 165px; background: none; overflow: hidden; }
		#nedrakning			{ padding: 5px; margin: 5px 5px 5px 0; position: static; border: 1px dotted white; background-image: url('images/bakgrund_nedrakning.gif'); text-align: left; color: white; }
		#login				{ margin: 0 5px 10px 0; padding: 5px 0; color: black; }
		#reklamspalt		{ position: static; float: left; clear: left; text-align: left; }
		 #spaltreklam_tradedoubler 
		 					{ float: left; margin: 0 0 10px 10px; }
		 .spaltreklam_egna	{ float: left; width: 160px; margin: 0 0 8px 5px; }	/* klass */
	
	#bottenbehallare		{ float: left; clear: left; width: 600px; }	
		#reklam_botten		{ text-align: center; }
		#meny_botten		{ margin-bottom: 5px; text-align: center; }
	
#footer						{ position: static; float: left; clear: both; width: 774px; background: #111; text-align: center; border-top: 2px solid white; border-bottom: 2px solid white; }
#info_textreklam			{ text-align: center; padding: 5px; position: absolute; z-index: 10; width: 150px; height: 800px; top: 5px; left: 790px; visibility: visible; display: block; }
#printrutan					{ display: none; visibility: hidden; }


/* UNIKA STYR-UPP ID-n */
/* ......................................................... */
#login hr					{ border: 1px groove grey; }
#header img					{ margin-top: 10px; }
#nedrakning span *			{ margin: 5px; }
#nedrakning span p			{ margin: 5px; font-style: italic; font-weight: bold; }
#varldens_hemsida p			{ font-size: 14px; font-weight: bold; text-align: left; }


/* ......................................................... */
/* MINA NYA KLASSER */
/* ......................................................... */
.knapp							{ padding: 1px 5px; font-weight: bold; background-color: #000000; color: #ffffff; border: 1px solid #ffffff; }
.radio							{ background-image: none; }	/* RUNDA KNAPPVAL */
.rullmeny						{ font-size: 10px; font-family: Verdana, Arial, sans-serif; font-style: normal; font-weight: bold; font-variant: normal;}
.checkruta						{ background: none; }

.bildknapp						{ border-style: none; }
.botten_meny					{ font-weight: bold; margin-top: 0px; color: #A0ADD1; background: url('images/bakgrund_css_knappalt.gif') repeat-x; padding: 5px 0px 5px 0px; }

.textruta						{ border: 1px solid #000000; height: 14px; vertical-align: middle; }
.sokruta						{ border: 2px solid #666; width: 120; font-size: 12px; left:0; top:0; padding: 2px 0 2px 2px; }

/* spalter, block: */
.yttre_div						{ margin: 0px 30px 5px 0px; border: 2px solid #666; width: 577px; height: auto; visibility: visible; display: block; float: left; clear: left; overflow: hidden; }
.inre_div_rubrik				{ padding: 5px 0px 5px 5px; border-style: none; position: relative; width: 572px; visibility: visible; display: block; float: left; clear: left; overflow: hidden; background-image: url('images/bakgrund_mork.gif'); height: auto; }
.inre_div_text					{ padding: 5px 0px 5px 5px; border-style: none; position: relative; width: 572px; visibility: visible; display: block; float: left; clear: left; overflow: hidden; background-image: url('images/bakgrund_ljus1.gif'); height: auto; }
.div_utan_bakgrund				{ padding: 5px 0px 5px 0px; position: relative; width: 577px; height: auto; visibility: visible; display: block; float: left; clear: left; overflow: hidden; border-style: none; }
/* för dubbla spalter: */
.inre_div_SPALT1				{ position: relative; width: 278px; height: inherit; top: 0px; left: 0px; visibility: visible; display: block; float: left; clear: left; }
.inre_div_SPALT2				{ position: relative; width: 278px; height: inherit; top: 0px; left: 0px; visibility: visible; display: block; float: left; clear: none; }

/* SPAN-KLASSER för text-format */
span.tabell_text 				{ font-size: 10px; font-family: verdana, arial, sans-serif; color: #000; font-weight: normal; font-variant: normal; }
span.tabell_text_fet 			{ font-size: 10px; font-family: verdana, arial, sans-serif; color: #333; font-weight: bold; margin: 10px 0px; }
span.tabell_rubrik_8 			{ font-size: 10px; font-family: verdana, arial, sans-serif; color: #000000; font-weight: bold; } 	/* !!måste ha egen font-size!!! annars ärver den strlk från höjden på ...td 25px */

span.vanlig_8 					{ font-size: 10px; font-family: verdana, arial, sans-serif; color: #fff; font-weight: normal; font-variant: normal; }
span.vanlig_fet_8 				{ font-size: 10px; font-family: verdana, arial, sans-serif; color: #fff; font-weight: bold; }
span.vanlig_rubrik_10   		{ font-size: 14px; font-family: verdana, arial, sans-serif; color: #ffffff; font-weight: bold; } 	/* !!måste ha egen font-size med px, ej em!!! */


/* MINA GAMLA KLASSER, som styr utseendet på rutor m.m. */
.td_padding						{ padding: 5px 5px; }	/* ANVÄNDS fortfarande i elkontakter.asp, KLASS FÖR ATT SKAPA FYLLNING FÖR DE TABELLER/TD SOM INTE HAR EN YTTRE TABELL RUNT SIG, då får de padding i tagg-styrning högre upp */


/* KLASS för utsmyckning länkar framsidan i första hand */
.utsm_link a:link				{ color: white; }
.utsm_link a:link p				{ font-weight: normal; }
.utsm_link a:link h1			{ font-weight: bold; }
.utsm_link a:visited			{ color: white; }
.utsm_link a:hover				{ color: #fc0; }
.utsm_link a:active				{ color: yellow; }


/* ......................................................... */
/* PSEUDOKLASSER, länkar (MÅSTE vara i ordningen link, visited, hover, active !! */
/* ......................................................... */
a:link 							{ text-decoration: none; color: blue; font-weight: bold; }
a:visited 						{ text-decoration: none; color: blue; font-weight: bold; }
a:hover 						{ text-decoration: none; color: #3366ff; }
a:active 						{ text-decoration: none; color: #ff0000; font-weight: bold; }


/* ......................................................... */
/* FASTA KLASSER */
/* runda hörn */
/* ......................................................... */
.container 						{ background: #77B2DE; padding: 0px; }
.roundtop 						{ background: #666; padding: 0px; }
.roundbottom 					{ background: #666; padding: 0px; }
.r1								{ margin: 0 5px; padding: 0px; height: 1px; overflow: hidden; background: #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; }
.r2								{ margin: 0 3px; padding: 0px; height: 1px; overflow: hidden; background: #77B2DE; border-left: 1px solid #000000; border-right: 1px solid #000000; border-width: 0 2px; }
.r3								{ margin: 0 2px; padding: 0px; height: 1px; overflow: hidden; background: #77B2DE; border-left: 1px solid #000000; border-right: 1px solid #000000; }
.r4								{ margin: 0 1px; padding: 0px; height: 2px; overflow: hidden; background: #77B2DE; border-left: 1px solid #000000; border-right: 1px solid #000000; }
.content 						{ padding: 10px; border-left: 1px solid #000000; border-right: 1px solid #000000; }

.clearfix:after					{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix						{ display: inline-table; }
/* hack med döljande streck för IE Mac \*/
* html .clearfix				{ height: 1%; }
.clearfix						{ display: block; }
/* slut på hack */