/*NEDANSTÅENDE NOLLSTÄLLER MARGINALER, LUFT OCH KANTLINJER*/
* {margin:0; padding:0; border:0px none;}
html, body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size:76%;
	color:#fff;
	background: #000080 url('../images/pearlsb.gif');
}
/*# betyder att det handlar om ett ID. Ett ID kan bara upprepas
en gång på en och samma sida. En klass kan du ju upprepa flera 
gånger.*/
#outerwrapper {
	width:750px;
	background-color:#fff;
 
	margin:0 auto;
	text-align:left;
}
#logotype {
	width:750px;
	height:135px;	
	background:#fff url('../images/logotype.gif') no-repeat;
	position:relative
}
/*text-indent-värdet gör att h1-texten enbart visas om
webbläsaren inte kan klara av stylesheets. Texten måste 
defineras på test.html-sidan. Kan ej definieras i css-filen.*/

#logotype h1 {
	text-indent:-9000px;
	text-align:left;
	color:#000080;				
}
/*Ev. kan man göra en 750px bred bild i Photoshop där 200px för
menyn har en färg och resterande pixlar för innehållet har en annan
färg. Beskär bilden sedan så den blir ca 750x3px stor och spara.
Repetera bilden sedan i innerwrapper i y-led. Sätt sedan background
till transparent i content och leftnav så skiner denna bakgrund
igenom istället.*/
#innerwrapper {
	width:750px;
	background-color:#F2F2F7;  /*bakrundsfärg på sidorna F1F1F1*/
/* background: url('../images/backround.gif');repeat-y:*/
}
#leftnav {
	padding:10px;
	width:180px;
	color:#000080;		/*textfärg på öppningsbara huvudtexten av menyn 000080*/
    background: transparent;
	float:left;
	font-size:1.4em;

}
/* ev kan du skapa följande kod: #leftnav #menu
där du skapar kod som innehåller själva menyn. Eller
byter du helt enkelt ut menus egenskaper så att det 
stämmer med din egen leftnav.*/

/*CONTENT SKA I DETTA FALL INTE UPPTA HELA BREDDEN PÅ CONTAINERN EFTERSOM
DET KAN GÖRA ATT DEN HAMNAR UNDER MENYN ISTÄLLET. LÄMNA CA 10-20px ÖVER.*/
#content {
	width:550px;
	float:right;
	padding-top:10px;
 backround: transparent;
}
#content h2 {
	font-size:1.8em;
	color:#000080;				/*textfärg irubrik h2*/
	padding-bottom:10px;
}
/*BESTÄMMER TEXTENS EGENSKAPER: storlek, luft, radavstånd och färg.*/
#content p {
	padding-bottom:10px;
	padding-right:5px;
	line-height:150%;
	font-size:1.4em;
	color:#000080;         /*textfärg löptext*/              
}
#footer {
	width:750px;
	height:50px;
	color:#000;
	background-color:#000080;		/*bakrundsfärg till fotnot*/
	font-size:1.2em;
}
#footer p {
	font-size:1.3em;
	color:#F2F2F7;     /*textfärg i senast uppdat fotnot*/
	text-align:center;
	padding-top:10px;	
}
/*CLEARA FLOATS*/
.clearfloats:after {
	content: ".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}


/*RUNDA HÖRN 
Rubrikcontainern är #headercontainer medan r1-r4 är själva hörnen.
klassen headercontent innehåller rubriken Meny.*/
#headercontainer {background: #000080; width:160px; border-bottom:1px solid #FFFFD9;}   /*bakrundsfärg till menyns huvuddel 000080*/
.roundtop {background: #F2F2F7;}  
.r1{margin: 0 5px; height: 1px; overflow: hidden; background: #000080;}
.r2{margin: 0 3px; height: 1px; overflow: hidden; background: #000080;}
.r3{margin: 0 2px; height: 1px; overflow: hidden; background: #000080;}
.r4{margin: 0 1px; height: 2px; overflow: hidden; background: #000080;}
.headercontent {padding: 3px; margin-left:5px; font-size:1.4em; font-weight:bold; color:#F2F2F7;} /*textfärg menyns huvud*/






/*HÄR FINNS KOD FÖR DEN UTKOMMENTERADE MENYN SOM HAR SUBMENYVAL+LÄNK TILL
HEMSIDAN DÄR KODEN FINNS BESKRIVEN*/
/*http://roshanbh.com.np/2008/06/accordion-menu-using-jquery.html*/
.menu_list {
	width: 150px;
}
.menu_head {
	padding: 5px;
	cursor: pointer;
	position: relative;
	font-weight:bold;
  background: #A6A6A6 url('left.png') no-repeat center right;     /*bakrundsfärg till hela undermenyn FFFF80*/
   /*background: #BCC0CF url(left.png) center right no-repeat;*/; 
   margin-left:1px; margin-right:0; margin-top:1px; margin-bottom:1px
 
  
}
.menu_head a {
	padding: 0;
	text-decoration:none;
	color:#000080;			/*textfärg undermeny delen som inte öppningsbar 000080*/
	cursor: pointer;
	position: relative;
	margin:1px 0 1px 1px;
  font-weight:bold;
  background-color: #A6A6A6;   /* bakrund till länkad meny fyrkanten runt texten BCC0CF*/
}
.menu_body {
	display:none;
}
.menu_body a {
  display:block;	
  color:#000080;			/* text öppningsbara delen av menyn 000080*/
  background-color:#FFFFFF;  /* bakrund till öppningsbar menydel EAE199 */
  padding-left:10px;
  padding-top:2px;
  padding-bottom:2px;
  font-weight:bold;
  text-decoration:none;
}
.menu_body a:hover {
  color: #000000;
  text-decoration:underline;
}
/*NEDANSTÅENDE KOD CLEARAR FLOATS SÅ ATT BL A SIDFOTEN
HAMNAR I RÄTT LÄGE. SKA APPLICERAS PÅ DET ELEMENT SOM
SKA CLEARAS*/
.clearfloats {
	display:inline-block;
}
/*HOLLY HACK ENBART IE*/
*html .clearfloats {height: 1%;}
.clearfloats {display:block;}