@charset "utf-8";
body {
	background: #8c9273;
	margin: 0; /* det är bra att nollställa marginalen och utfyllnaden av body-elementet för att ta hänsyn till olika webbläsarstandarder */
	padding: 0;
	text-align: center; /* centrerar containern i Internet Explorer 5*-webbläsare. Texten ställs sedan in efter den vänsterjusterade standarden i #container-väljaren */
	color: #333;
	font-size: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	overflow: hidden;
}


/* Tips för elastiska layouter
1. Eftersom de elastiska layouternas totala storlek är baserad på användarens standardteckensnittsstorlek är de mer oförutsägbara. Om de används på rätt sätt är de även enklare att komma åt för dem som behöver större teckensnittsstorlekar eftersom radens längd blir proportionerlig.
2. Storleken på divar i denna layout är baserad på en teckensnittsstorlek på 100 % i body-elementet. Om du minskar textstorleken helt genom att använda en teckensnittsstorlek: 80 % av body-elementet eller #container, ska du komma ihåg att hela layouten kommer att minska proportionerligt. Du kanske vill öka bredden för de olika divarna för att kompensera för detta.
3. Om teckensnittsstorleken ändras i olika belopp för varje div istället för på den totala designen (d.v.s. #sidebar1 får en teckensnittsstorlek på 70 % och #mainContent får en teckensnittsstorlek på 85 %), kommer detta att ändra den totala storleken på varje div proportionerligt. Du kan göra justeringar baserat på din slutgiltiga teckensnittsstorlek.
*/
 #container {
	width: 58em;  /* denna bredd kommer att skapa en container som passar i ett webbläsarfönster på 800 pixlar om texten står kvar i standardteckensnittsstorlekarna för webbläsaren */
	background: #FFFFFF url(../bilder/bakgrund.jpg);
	margin: 15px auto 0; /* automarginalerna (i samband med en bredd) centrerar sidan */
	border: 1px solid #000000;
	text-align: left;
	position: relative;
}
#header h1 {
	color: #DCDEC5;
	text-align: right;
	padding-right: 20px;
	font-size: 1.8em;
}
/* #header {
	background: #DCDEC5;  /* denna utfyllnad matchar vänsterjusteringen av elementen i de divar som visas under den. Om en bild används i #header istället för text kan du ta bort utfyllnaden. */
} */
 #header h1 {
	margin: 0; /* genom att nollställa marginalen i det sista elementet i #header-diven undviker du komprimering av marginaler, d.v.s. ett utrymme mellan divar som inte kan förklaras. Om diven har en kant runt sig behöver du inte göra detta eftersom den också förhindrar att marginaler komprimeras */
	padding: 10px 20px; /* om du använder utfyllnad istället för marginaler kan du hålla elementet borta från kanterna på diven */
	text-align: right;
}
#header #navigation {
	background: #8C9273;
	padding-left: 20px;
	height: 50px;
}

#header #navigation a:link {
	text-decoration: none;
	color: #000;
	line-height: 50px;
}
a {
	color: #8c9273;
	text-decoration: none;
}
a:hover {
	color: #8c9273;
	text-decoration: underline;
}



#header #navigation a:visited {
	text-decoration: none;
	color: #000;
	line-height: 50px;
}

#header #navigation a:hover {
	color: #DCDEC5;
	line-height: 50px;
	text-decoration: underline;
}

 #mainContent {
	padding: 0 20px 20px;
	background: #ffffff; 
	left: 17px;
	top: 183px;
	background: #FFF;
	background: #fff;
	background: #FFF;
 }
#mainContent2 {
	padding: 0 20px 20px;
	left: 17px;
	background: #FFF url(../bilder/namdar_nasser.jpg) no-repeat 290px -20px;
}
#mainContent3 {
	padding: 0 20px 20px;
	left: 17px;
	top: 183px;
	background: #FFF url(../bilder/namdar_forelasning.jpg) no-repeat 340px 0px;
}

#mainContent h1 {
	padding-top: 12px;
	font-size: 1.5em;
}
#mainContent2 h1 {
	padding-top: 12px;
	font-size: 1.5em;
}
#mainContent3 h1 {
	padding-top: 12px;
	font-size: 1.5em;
}

.kort {
	width: 400px;
}


 #footer {
	padding: 0 10px;
} 
 #footer p {
	margin: 0; /* genom att nollställa marginalerna i det första elementet i sidfoten undviker du att marginaler komprimeras, d.v.s. att det blir ett utrymme mellan divar */
	padding: 5px 0; /* utfyllnad på detta element skapar utrymme precis som marginalen skulle göra, utan problemet med att marginaler komprimeras */
}