@charset "utf-8";
body {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	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: #000000;
}
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; /* om du använder utfyllnad istället för marginaler kan du hålla elementet borta från kanterna på diven */
	
}
h2{
	margin:0;
	padding: 10px 30px 0;
	color: #505598;
	font-size: 2em;
	width: auto;
}
h3{
	margin:0;
	padding: 10px 30px 0;
	color: #92A547;
	font-size: 1.5em;
	width:auto;
}
a{
	color: #333333;
	text-decoration: none;
}
a:hover{
	color: #505598;
	text-decoration: underline;
}
.body #container {
	width: 962px;  /* detta skapar en container på 80 % av webbläsarbredden */
	background: #666 url(images/bkg_02.gif) no-repeat top left; 
	margin: 0 auto; /* automarginalerna (i samband med en bredd) centrerar sidan */
	margin-top: 5px;
	padding-top: 50px;
	/*border: 1px solid #000000; kontrollram för layout*/
	text-align: left; /* detta åsidosätter textjusteringen: mitten på body-elementet. */
}
.body #header {
	width: 920px;
	background: #666 url(images/bkg_04.gif) repeat-y top left;
	margin: 30px 10 px 0px 10px;
	padding: 0 20px;  /* 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. */
}
.body #header h1.logo_ef {
	display: none;
}
.body #menu_container{
	width: 962px;	
	background: #666 url(images/bkg_04.gif) repeat-y top left;
	height: 31px;
	margin: 0;
}
#menu{
	background: #fff url(images/menubkg-1.gif) repeat-x top left;
	border-top: #336699 solid 3px;
	padding:5px;
	margin: 0 17px 0 13px;
	list-style-type: none;
	font: 110% Verdana, Arial, Helvetica, sans-serif bold;
}
#menu li{
	padding: 0 20px;
	display:inline;
}
#menu li a{
	text-transform: uppercase;
}
.body #mainContent {
	width: 962px;
	background: #666 url(images/bkg_04.gif) repeat-y top left;
	padding: 0; /* kom ihåg att utfyllnaden är utrymmet inuti div-rutan och marginalen är utrymmet utanför div-rutan */
}
.body #mainContent p{
	margin: 0 30px;
	width: auto;
	padding: 5px;
}
.body #kontaktruta{
	margin: 60px auto;
	width: 250px;
	padding: 20px;
	border: #bbb 1px dashed;
}
.body #footer {
	width: 962px;
	background: #666 url(images/bkg_05.gif) no-repeat top left;
	padding: 0 0 20px; /* denna utfyllnad matchar vänsterjusteringen av elementen i de divar som visas ovanför den. */
} 
.body #footer p {
	margin: 0 30px; /* 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 5px 20px; /* utfyllnad på detta element skapar utrymme precis som marginalen skulle göra, utan problemet med att marginaler komprimeras */
	width: auto;
	border-top:#A2C249 1px solid;
	text-align: center;
}