body,p,ul,ol,li,table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
	background-color: #FFFFFF;
}

body
{ margin-left: 2em;
 margin-right: 1em;
color: #000000;
background-color: #FFFFFF;
/*background-image:  url(bilder/albert.gif);
background-repeat: no-repeat;*/}


kbd {
	font-family: Courier, monospaced;
	color: black;
	background-color: #FFFFFF;
	font-weight: bold;
	padding:0px 4px;
	border: medium inset #DDDDDD;
	title:"Detta kan skrivas in på datorn";
} /*standard för att visa saker man skall "skriva"*/

.key {    /*FÖR ATT VISA BESTÄMDA TANGENTRYCKNINGAR*/
	color:white;
	background-color:black;
	font-weight:bold;
	font-family:Arial, "sans serif";
	border: medium outset #CCCCCC;
	padding: 1px 3px;
	font-size: smaller;} 
.button {    /*FÖR ATT VISA BESTÄMDA program Knappar på skärmen*/
	color:black;
	background-color:#EEEEEE;
	font-weight:normal;
	font-family:Arial, "sans serif";
	border: thin outset #CCCCCC;
	padding: 1px 4px;
	font-size: smaller;} 


h1,h2,h3,h4,h5
{font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #EEEEEE; 
	FONT-WEIGHT: bold; 
	MARGIN: 0px; 
	LINE-HEIGHT: 130%; 
	COLOR: #333333; 
	TEXT-DECORATION: none;}
H1 { text-align: center; 
	FONT-SIZE: 1.42em; 
}

H2 {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 1.25em; 
}

H3 {
	FONT-SIZE: 1.17em; 
}

H4 {
	FONT-SIZE: 1.1em; 
}

.center {text-align: center} /*onödigt?*/
.number { word-spacing: -0.1em; white-space: nowrap; }/*makes numbers, equations not linebreak in spite of whitespace, spaces also somewhat shortened*/
.noWrap {white-space: nowrap; }/*makes section not line break in spite of whitespace; use .number for numbers and equations*/

.indent {
	margin: 0em 5em 0em 0em;
	position: relative;
	left: 5em;
} /*kan även användas för att skapa utrymme framför ordet*/

.extraInfo {font-size: 67%; color: #101010; background-color: #f0f0f0 } /* for de-emphasizing info that not all would NEED to read*/
 

.obligatory {
	fontWeight: bolder;
	background-color: #FFFFFF;
	border: thin solid red;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	font-weight: bolder;
	margin: 10px;
}/* Emphasize obliagtory items*/
 
.overline {text-decoration: overline;} /*ej NS 4, däremot NS7*/

/*följande block kan visa bråk med bråkstreck- om ej CSS visas (tälj)/(nämn) SUB,Super sabbar strecket!*/
.lin { display: none; }  /*anvs för att gömma ( ) o / */
.talj, .naemn { display: block;  width:100%; text-align:center }
.naemn { line-height: 0.65; } /*minska ej mer då NS grötar med steecket*/
.talj { text-decoration: underline; } 

sup,sub {font-family: Verdana, sans-serif; font-size: 67%;} /* so exponents & index are not just moved up or down*/
.printLink {display:none;} /* to not show an absolute writable link (, preferrably one that one doesn't need a log in to reach) that will be only shown in a printed version of the page.*/
/* from Ma1202*/
A {font-family : Verdana, sans-serif; font-weight: bolder; white-space: nowrap;}
A:link {text-decoration: underline; color : #000000;}
A:Visited {text-decoration: underline; color : #660066;}
A:Active {text-decoration: underline; color: Red;}
A:Hover {text-decoration: underline; font-family: Verdana; color: Red;} 
a.newWindow {
	background-color: #FFFFCC;
	background-image:  url(bilder/NewWindo.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
	border: thick none #FFFFFF;
}
a.external {
	background-color: #CCFFFF;
	border-right-width: thick;
	border-right-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #0033FF;
	border-bottom-color: #0033FF;
	border-left-color: #0033FF;
	background-image:  url(bilder/ExtLink.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;
	border-top-width: thick;
	border-bottom-width: thick;
	border-left-width: thick;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;}
a.epost {
	background-image:  url(bilder/epost.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;}
	
a.back {
	background-image:  url(bilder/Arrowlft.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;}
	
a.forward {
	background-image:  url(bilder/Arrowrgt.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;}

a.down {
	background-image:  url(bilder/Arrowdwn.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;}

a.top {
	background-image:  url(bilder/Arrowtop.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;}
	
#footer {  /* # ger id i st f class; bara 1 gång per doc*/
	text-align: center;
	background-color: #CCCCCC;
	Background-image:  url(bilder/ed.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	font-style: italic;
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 1em;

}
.NavInPage 
/* for marking links inside a page which should be shown even in a learning object surrounding like LLL*/

.navigation {display: none; } 
/*Ovanstående rad kan användas i Navet css för att undertrycka navigation (som också undertrycks i Print.css. Om man bara utelämnar classen så visas dessa delar som vanligt. ev. kan man under utveckling av en sida sätta en bakgrund färg på dessa områden för att se vad som inte visas i utskrift och Navet. Man borde ev. ha att externa länkar visas i Navet. 
.navigation {	background-color: #CC0000 }
ger mörkröd bakgrund */

.accesskey {text-decoration: overline;
} 
.translation {
	font-style: oblique;
	font-weight: lighter;
	background-color: #FFEFD5;
}
/* Explanations?
DFN marks where a term is defined in a text
<acronym  och Abbr phrase elements w possibility to set in title
*/