body {background: #333; font-family: Verdana, Arial, sans-serif; font-size: 0.71em; line-height: 100%; text-align: center; margin: 0px; color: #535353;}
img { border:0; }
fieldset, legend { border:0; margin:0; padding:0;}

/* text */
a { color: #535353; font-weight: normal; text-decoration: underline; }
/* line */
div.hr {margin: 0px 25px 0px 25px; padding: 0px; height: 1px; width: 850px;	border: 0;background-color: #46494e;color: #46494e;}
 div.hr hr {
  display: none;
}

#container {background: #fff; margin-left:auto; margin-right:auto; margin-top:25px; margin-bottom:0px; width:900px;}


fieldset.hidden, legend.hidden {display: none;}

/* ----- start toppdelen ----- */
#header {height:128px; width:900px; margin:0px; padding:0px; overflow: hidden;}
#logo {float:left; width:252px; margin:0px; padding:25px 0px 0px 25px;}
#navigation {float:right; margin:0px; padding:97px 25px 0px 0px; overflow: hidden;} 
		#navigation H1, #navigation P {}
		#navigation UL { margin: 0; padding: 0; height: 1%; padding: 3px 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: #fff url(/images/if/if_nav_right.gif) top right no-repeat; text-decoration: none; }
		#navigation UL LI A SPAN { cursor: pointer; line-height: 2.5em; display: block; float: left; padding: 0 12px; color: #424448; background: url(/images/if/if_nav_left.gif) top left no-repeat; }
		#navigation UL LI A:hover { background-color: #4d4d4d; 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); color: #fff;  }
		#navigation UL LI A.active { background-color: #4d4d4d; 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); color: #fff;  }
/* ----- slut toppdelen ----- */


/* ----- start innehållsdelen  border: 1px solid #ffcd81----- */
#content {width: 100%; height:100%; margin: 0px; padding:0px; overflow: hidden; background: #fff;  }
#image {float: left; margin:0px; width: 478px; padding:25px 25px 25px 25px;}
#maincontent {float: right; margin:0px; width: 330px; padding:25px 35px 0px 0px; line-height: 160%; text-align: left;}
	#maincontent h1 {font-family: Georgia, Tahoma, Verdana, Arial, sans-serif; font-size: 2.3em; color: #666; line-height: 100%; font-weight: normal; margin: 25px 0px 20px 0px;}
	#maincontent h2 {font-family: Georgia, Arial, Tahoma,  sans-serif; font-size: 1.5em; color: #666; line-height: 100%; font-weight: normal; margin: 10px 0px 5px 0px;}
	#maincontent h3 {font-family: Georgia, Arial, Tahoma, Verdana, sans-serif; font-size: 1.4em; color: #666; line-height: 100%; font-weight: normal; margin: 0px 0px 0px 0px;}
	#maincontent .ingress {font-family: Verdana, Arial, sans-serif; font-size: 1.3em; color: #333; line-height: 140%; font-weight: normal; margin: 10px 0px 2px 0px;}
/* ----- slut innehållsdelen -----  */

 /* ----- puffar ----*/
#extra {background: #fff ; width: 850px; float: left; padding: 25px 25px 25px 25px}
	#extra1 { width: 263px; float: left; margin: 0 29px 0 0;}
	#extra2 { width: 263px; float: left; margin: 0 29px 0 0;}
	#extra3 {background: #333; float: left; width: 263px; height:132px; margin: 0 0 0 0;  }
		#extra3 .text {	float: right; color: #fff; text-decoration: normal; font-size: 1em; margin: 20px 20px 20px 20px; line-height: 140%; text-align: right;}
		#extra3 .text a {color: #fff; text-decoration: underline;}
		
 /* ----- digifactorytext ----*/
#digifactory {background: #333; width:100%; color: #535353; font-family: Verdana, Arial, Helvetica, sans-serif; }
	#digifactory a {float: left; color: #535353; text-decoration: underline; font-size: 0.90em; margin: 10px 0px 0px 20px; }