BODY { background: #36322c url(/images/if/if_bg.gif); margin: 0px; padding: 0px; font-family: Verdana, Arial, sans-serif; font-size: 0.69em; color: #525252;}
IMG { border:0; }
P { margin: 5px 0 8px 0;}
.clear { clear: both;}

#container {margin-left:auto; margin-right:auto; margin-top:25px; margin-bottom:25px; width:925px;}
fieldset.hidden, legend.hidden {display: none;}

/* ----- start topp ----- */
#header {background: url(/images/if/if_bg_top.gif) no-repeat left top; width:100%; height: 127px; margin:0px; padding: 0px; overflow: hidden;}
#logo {float:left; margin:0px; padding:4px 0px 0px 20px;}
#boka {float:right; margin:0px; padding:37px 13px 0px 0px; }
#navigation {float:right; margin:0px; padding:13px 10px 0px 0px; overflow: hidden; clear:right;} 
		#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: #c4d4d0 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: #525252; background: url(/images/if/if_nav_left.gif) top left no-repeat; }
		#navigation UL LI A:hover { background-color: #b0c6c0; 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: #b0c6c0; 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_image_01.gif) no-repeat left top; width:100%; margin:0px; padding:0px; overflow: hidden; height: 187px;  }
	#imagefield #payoff {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 2.4em; color: #525252; line-height: 130%; font-weight: normal; float: right; margin:0px; padding:40px; width: 420px;}
/* ----- slut image -----  */


/* ----- start innehållsdelen  border: 1px solid #ffcd81----- */
#content {width: 100%; height:100%; margin: 0px; padding:0px; overflow: hidden; background: #fff url(/images/if/if_bg_content.gif) left top;}

/*innehåll*/	
#maincontent {float: left; margin:0px; width: 600px; padding:25px 0px 25px 40px; line-height: 150%; text-align: left;}
	#maincontent H1 {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 2.4em; color: #525252; line-height: 100%; font-weight: normal; margin: 0px 0px 10px 0px;}
	#maincontent H2 {font-family: Verdana, Arial, sans-serif; font-size:1.4em; font-weight:bold; color:#666; margin:0px; padding:3px 0px 3px 0px;}
	#maincontent H3 {font-family: Verdana, Arial, sans-serif; font-size:1.2em; font-weight:normal; color:#666; margin:0px; padding:8px 0px 1px 0px;}
	#maincontent .ingress {font-family: Verdana, Arial, sans-serif; font-size: 1.1em; color: #666; line-height: 150%; font-weight:normal; margin: 0px 0px 0px 0px;}
	#maincontent A {text-decoration: underline; color: #000;}
	#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 {text-align: center; color: #555; font-style: italic; margin: 10px;}
	#maincontent .imagepos7 {text-align: center; color: #555; font-style: italic; margin: 10px;}
	#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_infosquare.gif) no-repeat bottom right;}
	#maincontent .innerinfosquare {padding: 15px 15px 10px 15px; margin: 0px; color: #000; background: #EBF0FA url(/images/if/if_bg_top_infosquare.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;}

/*högersidansidan*/
#extra {float: right; margin:0px; width: 220px; padding:25px 40px 25px 0px; line-height: 150%; text-align: left;}
	/* pagemenyn */
	#extra H1 {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 2.4em; color: #525252; line-height: 100%; font-weight: normal; margin: 0px 0px 10px 0px;}
	#extra H2 {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 2.0em; color: #525252; line-height: 100%; font-weight: normal; margin: 0px 0px 10px 0px;}
	#extra #pagemenu {margin: 0px; padding: 0px ; background: #fff}
	#extra #pagemenu ul {margin:0px; padding:0px; list-style-type: none; width: 200px;}
	#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 0px 20px; background: url(/images/if/if_arrow_right.gif) no-repeat 10px 8px;}
		#extra #pagemenu a {text-decoration: none; color: #525252;; font-size: 1.0em; padding:5px;}
		#extra #pagemenu a:hover {text-decoration: underline; color: #525252;}
		/* markerar länk */
		#extra #pagemenu .indicate {text-decoration: underline; color: color: #525252;}

	
#indexcontent {float: left; margin:0px; width: 330px; padding:25px 0px 25px 40px; line-height: 150%; text-align: left; clear: both; }
	#indexcontent H1 {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 2.4em; color: #525252; line-height: 100%; font-weight: normal; margin: 0px 0px 10px 0px;}
	#indexcontent H2 {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.6em; color: #525252; line-height: 100%; font-weight: normal; margin: 0px 0px 10px 0px;}
	#indexcontent A {text-decoration: underline; color: #000;}
	
/*högersidan*/
#puff { width: 520px; float: right; margin: 30px 20px 30px 0;}
	#puff1 { width: 156px; float: left; margin: 0 18px 0 0;}
	#puff2 { width: 156px; float: left; margin: 0 18px 0 0;}
	#puff3 { width: 156px; float: left; margin: 0 0 0 0;}

/* ----- start sidfot ----- */
#footer {width:100%; height:47px; background: url(/images/if/if_bg_bottom.gif) no-repeat top;}
	.footertext {color: #525252; text-align: center; font-family: Verdana, "Trebuchet MS", Arial, sans-serif; font-weight: normal; padding: 12px 0px 0px 0px; text-decoration: none;}
	.footertext a {color: #525252; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: underline;}
/* ----- slut sidfot ----- */

/* ----- digifactorytext ----*/
#digifactory {width:100%; color: #818181; font-family: Verdana, Arial, Helvetica, sans-serif; padding-left: 25px;}
	#digifactory a {color: #818181; text-decoration: underline;}

