/* CSS för www.crt-machine.se */

/* LÄNKAR
Länkar är som standard understrukna och blå.
De blir röda när man pekar på dem och
lila när man klickar och när de redan är besökta.*/

a:link
{
	color: blue;
	text-decoration: underline;
}
a:hover
{
	color: red;
	text-decoration: underline;
}
a:active, a:visited
{
	color: purple;
	text-decoration: underline;
}

/* BODY
De stilar som anges under body gäller överallt där inget annat angivits samt används som basvärden för andra definitioner.
Övre vänstra hörnet är satt till 0,0 vilket innebär att sidan har ingen marginal runt body.
I bodyn anges också typsnitt, stil och storlek för brödtext.*/

body
{ margin: 0; padding: 0; border: 0; height: 100%; background: white; 
font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 130%; }

/*HUVUDMENYN (lager till vänster)
Anges med <div id="meny">, avslutas med </div>.
Defintioner av huvudmenyn i lagret till vänster.
ID:n som anges med ett #, är blockelement med rabrytningar före och efter. */

#meny
{
	display: block;
	top: 10px;
	left: 5px;
	width: 143px;
	position: fixed;
	border: 0;
	margin: 0;
	padding: 0;
	background: white;
	font-family: Arial, Helvetica, Sans-Serif;
	color: navy;
	font-size: 13px;
	text-align: center;
	line-height: 16px;
}

* html #meny { position: absolute; }

#meny ul
{
	list-style-type: none;
	list-style-position: outside;
	margin: 5px 0 12px 0;
	border-width: 1px 0 0 0;
	padding: 0;
	border-color: black;
	border-style: solid;
}
#meny li
{
	border-bottom: black;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	padding: 5px 0 4px 0;
}

#meny a:visited, #meny a
{
	font-weight: bold;
	text-decoration: none;
	color: navy;
}

#meny a:hover, strong { color: red; }

#meny p { margin: 6px 0 6px 0; }


/* SIDA (lagret till höger)
Anges med <div id="sida">, avslutas med </div>.
Definitioner för sida (lager, objekt-id). Gäller endast aktuellt lager.
ID:n som anges med ett #, är blockelement med rabrytningar före och efter. */

#sida
/* Definitioner för sida anger att vänster marginal är 168 px, dvs till höger om menyn (lager till vänster) som är 143 px bred*/
{ margin: 0 0 10px 168px; display: block; width: 600px; border: 0; background: white; padding: 10px 0 0; }

#sida p { margin: 0 0 6px; }

#sida strong
/*Strong (stark) används för att göra brödtexten fet och blå, t ex för underrubriker. 
Välj meny Text-Stil-Fet (= Bold eller B). */
{ color: navy; font-weight: bold; }

#sida .p_utan_marg { margin: 0; }

#sida .tomrad_10px {height: 10px}


/* RUBRIKER (h1, h2 etc)*/

#sida h1
 /* Sidrubrik (längst upp). Blå Arial 19px på vit botten.
 h1 får detta utseende i blocket som definieras av #sida. */ 
{
	color: navy;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 19px;
	margin: 0 0 8px 0;
}

#sida h2
 /* Mellanrubrik vit Arial 16px på blå botten.
 h2 får detta utseende i blocket som definieras av #sida. */  
{
	color: white;
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 8px 0 8px 0;
	background: navy;
	text-align: center;
	font-size: 16px;
	height: 19px;
	padding: 4px 0 2px 0;
	border: 0;
	font-weight: bold;
	line-height: 16px;
}

#sida h3
 /* Rubrik produktfamilj blå Arial 36 px på gul botten.
 h3 får detta utseende i blocket som definieras av #sida. */  
 {
	color: navy;
	font-size: 36px;
	font-family: Arial Black, Helvetica, Sans-Serif;
	line-height: 36pt;
	text-align: center;
	letter-spacing: 5px;
	margin: 0 0 8px 0;
	background-color: #FFC;
	height: 51px;
}


 /* TYPSNITT (övriga)*/  
 
#sida .arial-11bild-080 { font-size: 11px; font-family: Arial, Helvetica, Sans-Serif; font-weight: 400; line-height: 80%; margin-top: 10px; }
#sida .arial-11bild-100 { font-size: 11px; font-family: Arial, Helvetica, Sans-Serif; font-weight: 400; line-height: 100%; margin-top: 10px; }
#sida .arial-11bild-120 { font-size: 11px; font-family: Arial, Helvetica, Sans-Serif; font-weight: 400; line-height: 120%; margin-top: 10px; }

#sida .arial-12bild-120 { font-size: 12px; font-family: Arial, Helvetica, Sans-Serif; font-weight: 400; line-height: 120%; margin-top: 10px; }

#sida .arial-14 { font-size: 14px; font-family: Arial, Helvetica, Sans-Serif; font-weight: 400; }
#sida .arial-14fet { font-size: 14px; font-family: Arial, Helvetica, Sans-Serif; font-weight: 700; }
#sida .arial-14fetnavy { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: navy; }
#sida .arial-14fetroed { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #FF0000; }
#sida .arial-14kursiv { font-size: 14px; font-family: Arial, Helvetica, Sans-Serif; font-weight: 400; font-style: italic; }

#sida .arial-16fetnavy { color: navy; font-size: 16px; font-family: Arial, Helvetica, Sans-Serif; font-weight: 700; line-height: 140%; }
#sida .arial-16fetroed { color: #FF0000; font-size: 16px; font-family: Arial, Helvetica, Sans-Serif; font-weight: 700; line-height: 140%; }

#sida .arial-18fet { font-size: 18px; font-family: Arial, Helvetica, Sans-Serif; font-weight: 700; }

#sida .georgia-14fetsvart { font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: 700; }

#sida .verdana-12fet { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 600; line-height: 120%; }
#sida .verdana-13kursiv { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; font-weight: 400; }
#sida .verdana-13navy { color: navy; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: 400; line-height: 120%; }


/* TABELLER */

/* GRUNDTABELL
Detta är grundtabell för #sida. Innehållet i tabeller är justerat uppåt om inget annat anges.*/

#sida table
{
	padding: 0;
	margin: 0;
	border-width: 0;
	width: 100%;
}

#sida tr
{
	padding: 0;
	margin: 0;
	border-width: 0;
	vertical-align: top;
}

#sida td
{ padding: 0; margin: 0; border-width: 0; vertical-align: top; }

#sida .bottenfaerg_gul
/* Gul botten för cell med brödtext */ 
{ background-color: #ffc; padding: 6px 10px 6px 10px; }

#sida .bottenfaerg_gul strong
/* Fet blå text i cell med gul botten. */
{ color: navy; font-weight: bold; }


/* SPECIFIKATIONSTABELL
Specifikationstabell med ramar*/

#sida .spectabell
{
     border-color: #CCC #999 #999 #CCC;
     border-width: 1px;
     border-style: solid;
}

#sida .spectabell th
 /* Rubrikceller i spectabell */ 
{
	border-color: #999 #ccc #ccc #999;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	background-color: #fc9;
	vertical-align: middle;
	text-align: left;
}

#sida .spectabell th.spectabell_td-ljusblaa { font-size: 13px; font-family: Arial; font-weight: bold; background-color: #ccffff; padding: 1px; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #999 #ccc #ccc #999; }

#sida .spectabell th.spectabell_th_vit { font-size: 13px; font-family: Arial; font-weight: bold; background-color: white; padding: 1px; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #999 #ccc #ccc #999; }

#sida .spectabell td
 /* Vit botten i dataceller i spectabell */ 
{ border-color: #999 #ccc #ccc #999; border-width: 1px; border-style: solid; padding: 1px; font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; background-color: white; vertical-align: middle; }

#sida .spectabell td.spectabell_td_gul
/* Gul botten för valda dataceller (annars vita) */ 
{ background-color: #FFC; }

#sida .spectabell td.spectabell_td-ljusblaa
/* Ljusblå botten för valda dataceller (annars vita) */ 
{ background-color: #ccffff; }


/* LISTOR
(ul 0 punktlistor; ol = numrerade listor)
Punktade listor är inte indragna*/

#sida ul
/* Punktlistor med rund svart punkt*/ 
{ line-height: 150%; list-style-type: disc; margin: 0; padding-left: 20px; }

#sida ol
/* Numrerade listor */ 
{ line-height: 150%; margin: 0; padding-left: 25px; }

#sida li
/* Ett item i en list */ 
{ line-height: 130%; margin-bottom: 6px; }


/*LINJER */

hr
/* Vanlig vågrät tunn linje hr får dessa egenskaper (bla att den blir grå). */
{ color: gray; background-color: gray; text-decoration: none; border: 1px; height: 1px; }

hr.linje_black
/* Vågrät tunn linje <hr class=black> får dessa egenskaper. */
{ color: black; background-color: black; text-decoration: none; border: 1px; height: 1px; }

hr.linje_red
/* Vågrät tunn linje <hr class=red> får dessa egenskaper. */
{ color: red; background-color: black; text-decoration: none; border: 1px; height: 1px; }

hr.linje_navy
/* Vågrät tunn linje <hr class=navy> får dessa egenskaper. */
{ color: navy; background-color: black; text-decoration: none; border: 1px; height: 1px; }

hr.linje_gray_heavy
/*Tjock horisontell linje grå, 1.35mm utan skugga*/
{ color: gray; background-color: gray; border: 0px; height: 1.35mm; }

hr.linje_black_heavy
/*Tjock horisontell linje svart, 1.35mm utan skugga*/
{ color: black; background-color: black; border: 0px; height: 1.35mm; }

hr.linje_red_heavy
/*Tjock horisontell linje röd, 1.35mm utan skugga*/
{ color: red; background-color: red; border: 0px; height: 1.35mm; }

hr.linje_navy_heavy
/*Tjock horisontell linje blå, 1.35mm utan skugga*/
{ color: navy; background-color: navy; border: 0px; height: 1.35mm; }



/*UTSKRIFT
För utskrift utan huvudmenyn till vänster samt med definierade marginaler.*/

@media print {
	#meny
{ display: block; top: 10px; left: 5px; width: 143px; position: fixed; border: 0; margin: 0; padding: 0; background: white; font-family: Arial, Helvetica, Sans-Serif; color: navy; font-size: 13px; text-align: center; line-height: 16px; visibility: hidden; }
	#sida
{ display: block; width: 600px; border: 0; background: white; margin: 0 0 10px; padding: 25px 0 0 60px; }
}