BODY { margin: 0px; padding: 0px; font-family: Verdana, Arial, sans-serif; font-size: 0.71em; color: #333; background: url(/images/if/if_bg.jpg);}
IMG { border:0; }
P { margin: 5px 0 8px 0;}
.clear { clear: both;}

#container {margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; width:950px;}
fieldset.hidden, legend.hidden {display: none;}


/* ----- start topp ----- */
#header {background: url(/images/if/if_bg_top.jpg) no-repeat left top; width:100%; height: 97px; margin:0px; padding: 0px; overflow: hidden;}
#logo {float:left; margin:0px; padding:22px 0px 0px 80px;}
#navigation {float:right; margin:0px; padding:58px 52px 0px 0px; overflow: hidden;} 
		#navigation H1, #navigation P {}
		#navigation UL { margin: 0; padding: 0; height: 1%; padding: 5px 0; }
		#navigation UL:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* clearfix */
		#navigation UL LI { display: block; float: left; list-style: none; margin-right: 1px;}
		#navigation UL LI A { display: block; float: left; background: #abacaf url(/images/if/if_nav_right.gif) top right no-repeat; text-decoration: none; }
		#navigation UL LI A SPAN { cursor: pointer; line-height: 3em; display: block; float: left; padding: 0 12px; color: #fff; background: url(/images/if/if_nav_left.gif) top left no-repeat; font-family: Tahoma, Arial, sans-serif; font-size: 0.95em;}
		#navigation UL LI A:hover { background-color: #f88e05; background-image: url(/images/if/if_nav_right_active.gif); }
		#navigation UL LI A:hover SPAN { background-image: url(/images/if/if_nav_left_active.gif); }
		#navigation UL LI A.active { background-color: #f88e05; background-image: url(/images/if/if_nav_right_active.gif); }
		#navigation UL LI A.active SPAN { background-image: url(/images/if/if_nav_left_active.gif); }
/* ----- slut topp ----- */

/* ----- start image ----- */
#imagefield {background: url(/images/if/if_bg_image.jpg) no-repeat left top; width:100%; margin:0px; padding:0px; overflow: hidden; height: 192px;  }
/* ----- slut image -----  */


/* ----- start innehållsdelen  border: 1px solid #ffcd81----- */
#content {width: 950px; margin: 0px; padding:0px; overflow: hidden; background: #fff url(/images/if/if_bg_content.jpg) no-repeat left top;}

/*innehåll*/	
#maincontent {float: left; margin:25px 0px 20px 85px; width: 510px; padding:0px; line-height: 150%; text-align: left;}
	#maincontent H1 {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 2.4em; color: #666; line-height: 100%; font-weight: normal; margin: 0px 0px 15px 0px;}
	#maincontent H2 {font-family: Tahoma, Arial, sans-serif; font-size: 2.0em; color: #666; line-height: 120%; font-weight: normal; margin: 0px 0px 10px 0px;}
	#maincontent H3 {font-family: Verdana, Arial, sans-serif; font-size: 1.2em; color: #666; line-height: 120%; font-weight: bold; margin: 3px 0px 5px 0px;}
	#maincontent H4 {font-family: Tahoma, Arial, sans-serif; font-size: 1.4em; color: #666; margin: 3px 0px 10px 0px; line-height: 150%;}
	#maincontent A {text-decoration: underline; color: #0066cc;}
	#maincontent .imagepos1 {float:left; padding: 0px 0px 10px 0px; text-align: center;}
	#maincontent .imagepos2, #maincontent .imagepos5 {float:left; padding: 0px 10px 10px 0px; text-align: center;}
	#maincontent .imagepos3, #maincontent .imagepos6 {float:right; padding: 0px 0px 10px 10px; text-align: center;}
	#maincontent .imagepos4 {float:left; padding: 10px 0px 10px 0px; text-align: center;}
	#maincontent .imagepos7 {float:left; padding: 10px 0px 10px 0px; text-align: center;}
	#maincontent .imagepos11 {float:left; padding: 0px 10px 10px 0px;}
	/* faktaruta */
	#maincontent .outerinfosquare {float: right; width: 247px; margin: 0px; padding: 5px 0px 5px 10px; background: url(/images/if/if_bg_bottom_lblue.gif) no-repeat bottom right;}
	#maincontent .innerinfosquare {padding: 15px 15px 10px 15px; margin: 0px; color: #000; background: #EBF0FA url(/images/if/if_bg_top_lblue.gif) no-repeat top;}
	#maincontent .innerinfosquare a {color: #000;}
	#maincontent .innerinfosquare h2 {color: #000;font-size: 1.2em; font-weight: bold; line-height: 100%;}
	#maincontent .innerinfosquare ul {margin:0px; padding:5px 0px 0px 15px;}
	#maincontent .innerinfosquare ol {margin:0px; padding:5px 0px 0px 20px;}

/*vänstersidan*/
#extra {float: right; margin:25px 80px 20px 0px; width: 242px; padding:0px; line-height: 150%; text-align: left;}
	#extra H1 {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 2.2em; color: #666; line-height: 100%; font-weight: normal; margin: 0px 0px 10px 0px;}
	#extra H2 {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.5em; color: #666; line-height: 100%; font-weight: normal; margin: 0px 0px 10px 0px;}
	#extra H3 {font-family: Verdana, Arial, sans-serif; font-size: 1.2em; color: #666; line-height: 100%; font-weight: bold; margin: 3px 0px 3px 0px;}
	
	
	/* pagemenyn */
	#extra #pagemenu {margin: 0px; padding: 0px;}
	#extra #pagemenu ul {margin:0px; padding:0px; list-style-type: none; width: 242px;}
	#extra #pagemenu ul ul {margin:0px 0px 0px -10px; padding:0px; list-style-type: none; width: auto;} 
	#extra #pagemenu li {margin:0px; padding:5px 0px 5px 24px; background: url(/images/if/if_arrow_right.gif) no-repeat 12px 10px; border-bottom: 1px solid #E9E7E7;}
	#extra #pagemenu ul ul li {padding:5px 0px 0px 24px; border: 0px;} 
		#extra #pagemenu a {text-decoration: none; color: #666; font-size: 1.0em; padding:5px;}
		#extra #pagemenu a:hover {text-decoration: underline; color: #d45305;}
		/* markerar länk */
		#extra #pagemenu .indicate {text-decoration: underline; color: #d45305;}


/* ----- start sidfot ----- */
#footer {width:100%; height:32px; background: url(/images/if/if_bg_bottom.jpg) no-repeat top;}
	.footertext {float:right; color: #525252; text-align: center; font-family: Verdana, "Trebuchet MS", Arial, sans-serif; font-weight: normal; padding: 12px 55px 0px 0px; text-decoration: none; }
	.footertext a {color: #525252; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline;}
/* ----- slut sidfot ----- */