/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */
/* ---                        CSS Mall för Safir kurser                          --- */
/* ---              Skriven och kommenterad av Kent Nordlinder                   --- */
/* ---                               2008 - 02 - 28                              --- */
/* ---                         2008(c) Nationellt centrum                        --- */
/* ---                             för flexibelt lärande                         --- */
/* --------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------- */

/* --- övergripande CSS kod som gäller för hela sidan --- */

body{
	color:#000; /* färg för all text på sidan som inte är definierad på annat sätt */
	font-family: Verdana, Arial, Helvetica, sans-serif; /*font familj för all text på sidan */
	text-align:center; /* För att IE 5.* ska centrera #centering */
}
#centering{
	text-align:left; /* Återställer IE 5.*-bugfixen. */	
	width:760px; /*sidbredden, leder till att man inte behöver sätta bredd på de olika styckena*/
	margin-left:auto; /* om det är automatisk justering av marginalerna så kommer stycket att ligga mitt på sidan*/
	margin-right:auto;	/* se ovan*/ 
}
/* --- fin --- */

/* --- CSS kod för översta delen på sidan som jag kallar headline --- */
#headline {
	background-image:url(../images/top1.gif); /* bekgrundsbilden för huvuddelen på sidan */
	padding-left:55px;
	padding-top:5px;
	height:2.5em;
	
}
.mainPageLink{
	background-image:url(../images/bt_startsida.gif); /* Detta är loggan som ligger längst upp till vänster på sidan */
	height:34px;
	width:106px;
	display:block;
	float:left;
	clear:none;
	vertical-align:text-top;
	margin:3px 0 0 0 ;	
}

.mainPageLink:hover{
	background-image:url(../images/bt_startsida_roll.gif); /* Detta är loggan när man drar muspekaren över den  */
}
h1{
	font-size:1em;
	margin:13px 0 0 10px;
	float:left; 
	clear:none; 
	color:#FFCC00; /* Färg på huvudrubriken */
}
/* --- fin --- */

/* --- För navigeringen eller avsnitten --- */

#navigation {
	background-image:url(../images/top2.gif); /*bekgrundsbilden bakom avsnitten */
	padding-left:35px;
	font-size:0.8em;
	color:#FFFFFF; /* generell färg för detta fält */
	padding-top:5px;
}

h2{ 
	color:#335079; /* färg för rubriken avsnitt */
	font-weight:bold;
	font-size:1em;
	margin:0 0 0 0;
	float:left;
}
#navigation a.nuvarandeSida{ /* den class som man sätter det kapitlet man är inne på */
	color:#335079;; !important
	font-weight:bold;
	background-color:#FFCC00;
	margin:0;
}
#navigation ul{ /* För att formatera övningsrubrikerna korrekt */ 
	margin:0;
	padding:0;
}
#navigation li{ /* För att formatera övningsrubrikerna korrekt */ 
	margin:0 0 0 10px;
	list-style:none;
	float:left; /* låter listan ligga horisontell istället för på höjden */ 
	width:20%;
}

#navigation a{ /*länkarna på avnitts delen */
	text-decoration:none;
	color:#335079; /* färg för länkarna på avnitt */
	
}
#navigation a:hover{ /* om man drar muspekaren över länkarna på avsnittsdelen */
	text-decoration:underline; /* när man drar muspekaren över länkarna på avsnitt ska de markeras med en linje under */
	color:#335079; /* färg på länkarna på avsnitt */
}

#navigation a:active{ /* den aktuella sida man är inne på (detta fungerar ej på alla webbläsare) */
	color:#335079;
	font-weight:bold;
}




/* --- fin --- */

/* --- för undernavigeringen eller övningarna --- */
#subnavigation {
	background-image:url(../images/top3.gif); /* bakgrunsbild bakom övningarna */ 
	padding-left:35px;
	font-size:0.8em;
	color:#FFFFFF; /* generellfärg för text på övningar delen */
	padding-top:5px;
	padding-bottom:5px;
}
h3{ /* rubriken övning */
	color:#335079; /* färg för rubriken övning */ 
	font-weight:bold;
	font-size:1em;
	margin:0 0 0 0;
	float:left;
}

#subnavigation ul{ /* För att formatera övningsrubrikerna korrekt */ 
	margin:0;
	padding:0;
}

#subnavigation li{ /* För att formatera övningsrubrikerna korrekt */ 
	margin:0 0 0 10px;
	list-style:none;
	float:left; /* låter listan ligga horisontell istället för på höjden */ 
	font-weight:bold;
	font-style:italic; /*kursiv stil på siffrorna, det är detta som gör att siffrorna inte är 100% centrerade i iE */ 
	color:#000066; /* generell färg på siffrorna */ 
	width:17px; /* storlek på cirkeln bakom siffrorna */ 
	height:17px;/* storlek på cirkeln bakom siffrorna */ 
	padding:0;
}

#subnavigation a{
	background-image:url(../images/circle.gif); /* cirkeln som liggaer bakom siffrorna */
	background-repeat:no-repeat;
	text-decoration:none; /* inga linjer under siffrorna */
	color:#000066;
	padding-left:0;
	margin:0;
	width:17px;/* storlek på cirkeln bakom siffrorna */ 
	height:17px;/* storlek på cirkeln bakom siffrorna */ 
	display:block; /* för att hela bilden av cirkeln ska visas även om texten inte fyller ut fältet helt och hållet */
	padding-left:0;
	padding-top:0.1em; /*för att siffran ska ligga centrerad vertikalt */
	margin:0;
	text-align:center; /* för att centrera siffran horisontellt */
	font-size:0.89em; /* storlek på siffrorna */
	

}

#subnavigation a:hover{ /*när man drar muspekaren över siffrorna i övning */
	background-image:url(../images/circle_roll.gif); /* den gula cirkeln som visas när man drar muspekaren över siffran */
	background-repeat:no-repeat;
	text-decoration:none; /* inga linjer under siffrorna */
	color:#000066;
}

#subnavigation a:active{ /* den sida man är inne på (fungerar ej på alla webbläsare */
	background-image:url(../images/circle_roll.gif); /* den gula cirkeln som visas när man drar muspekaren över siffran */
	background-repeat:no-repeat;
	text-decoration:none; /* inga linjer under siffrorna */
	color:#000066;
	
}

#subnavigation a.current{
	background-image:url(../images/circle_roll.gif); !important /* sätter den nuvarande sidans aktiva siffra till gul bakgrund */
}

/* --- fin --- */

/* --- För innehållet på sidan --- */
#maindata {
	padding-left:20px;
	padding-right:15px;
	padding-top:20px;
	background-image:url(../images/middlerow.gif); /*bilden som ligger bakom huvud informationen */
	font-size:0.8em; /* text storlek generellt på sidan */
}
.flash{
text-align:center;
margin-bottom:0;
}
h4{
font-size:1em;
margin-bottom:0;
}
/* --- fin --- */

/* --- För den nedersta delen på sidan fotnoten --- */
#fotnote { 
	background-image:url(../images/bottom.gif); /* den rundade ramen som ligger i botten på sidan */
	height:28px; /* för att bilden av den rundade ramen inte ska klippas av */
	font-size:0.6em;
	color:#CCCCCC; /* färg på fotnoten */
	text-align:center;
}




/* --- fin --- */

/* --- generellt övrigt --- */
.noMargin{
	margin:0;
}
a{ /* generella inställningar för alla ospecificerade länkar */
	color:#000066; 
	text-decoration:none;
}
a:hover{ /* generella inställningar för alla mouse over länkar */
	color:#000099;
	text-decoration:underline;
}
a:visited{ /* generella inställningar för alla besökta länkar */
	color:#990099;
	text-decoration:none;
}
a:active{ /* generella inställningar för aktiva länkar */
	color:#000099;
	text-decoration:none;
}


/* --- fin --- */