BODY { margin: 0; padding: 0; font-family: Verdana, Arial, sans-serif; font-size: 0.71em; line-height: 1.6em; background: #3A3A44; color: #333; }

A { color: #cc0033; }
A:hover { text-decoration: none; }

P { margin: 0 0 10px 0; padding: 0; color: #000; }

IMG { border: 0; }

#header {background: url(/images/if/if_bg_top.gif) repeat-x; overflow: hidden; height: 130px; }
#top {width: 885px; overflow: hidden;}
	#logo {float: left; width: 256px; height: 90px; margin: 8px 0px 0px 0px; padding:0px;} 
	#navigation {float: right; width: 620px; margin: 8px 0px 0px 0px; padding:0px; text-transform: uppercase; font-size: 0.93em; font-weight: bold; color: #84858b; font-family: Arial, Verdana, sans-serif;     }
	#navigation A { text-decoration: none; color: #333; padding: 10px 10px; display: block; float: left; margin: 0;}
	#navigation A:hover {  padding-bottom: 5px; color: #de1948;}
	#navigation A.active {  padding-bottom: 5px; color: #de1948;}
	#navigation UL { margin: 0; padding: 0 2px 0 0; display: block; float: right; background: url(/images/if/if_line.gif) right repeat-y;}
	#navigation LI { margin: 0; padding: 0 0 0 2px; list-style: none; display: block; float: left; background: url(/images/if/if_line.gif) repeat-y;}

#scene {width: 100%; overflow: auto; background: #fff; padding: 0px; overflow: hidden; margin:0px;}
#main {width: 885px; overflow: auto; padding: 0px 0px 20px 30px; overflow: hidden; margin:0px;}
	#main h1 {font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 2.4em; color: #666; line-height: 1.0em; font-weight: normal; margin: 0px 0px 15px 0px;}
	#main h2 {font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 1.5em; color: #516fb2; line-height: 1.0em; font-weight: normal; margin: 0px 0px 3px 0px;}
	#main h3 {font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 1.2em; color: #666; line-height: 1.2em; font-weight: bold; margin: 0px 0px 0px 0px;}

	#maincontent {width: 885px; clear: both; float: left; margin:0px; padding:0px;}
	  	#imageindex {float: left; width: 504px; margin: 0px 55px 0px 0px; padding:0px; }
		#textindex {float: right; width: 300px; margin: 0px; padding:0px;}
		#textfield {float: left; width: 540px; margin: 0px; padding:0px;}
		#nav {float: right; width: 260px; margin: 0px 20px 0px 0px; padding:0px;}
		#imagefield {float: left; width: 100%; margin: 0px 0px 22px 0px; padding:0px;}
		 #left {float: left; width: 300px; margin: 0px 20px 0px 0px; padding:0px;}
		 #right {float: right; width: 220px; margin: 0px 0px 0px 0px; padding:0px;}
		
	/* list */
		#maincontent #list {margin: 0px; padding: 0px 0px 20px 0px;}
		#maincontent #list ul {margin:0px; padding:0px; list-style-type: none; width: 520px;}
		#maincontent #list ul ul {margin:0px 0px 0px 0px; padding:0px; list-style-type: none; width: auto;} 
		#maincontent #list li {margin:0px; padding:6px 6px 6px 25px; background: url(/images/if/if_bock.gif) no-repeat 1px 10px; }
		
	/* extra */
		#extra {float:right; width:260px; margin:0px; padding:0px; line-height: 150%; background-color: #e6f0ff;}
		#extra .heading {background: url(/images/if/if_bg_heading.gif) no-repeat left top; height: 34px; margin: 0px; padding: 0px;}
		#extra .heading H3 {font-size: 0.93em; font-weight: bold; font-family: Arial, Verdana, sans-serif; line-height:100%; margin: 0px; padding: 15px 0px 0px 15px; color: #333; text-transform: uppercase;}
		#extra A {text-decoration: none;  color: #ad2948;}
	
		/* pagemenyn */
		#extra #pagemenu {margin: 0px; padding: 0px 0px 20px 15px;}
		#extra #pagemenu ul {margin:0px; padding:0px; list-style-type: none; width: 230px;}
		#extra #pagemenu ul ul {margin:0px 0px 0px -10px; padding:0px; list-style-type: none; width: auto;} 
		#extra #pagemenu li {margin:0px; padding:10px 0px 10px 15px; background: url(/images/if/if_menu_arrow_right.gif) no-repeat 2px 15px; border-bottom: 1px dotted #305578;}
		#extra #pagemenu ul ul li {padding:10px 0px 0px 14px; border: 0px;} 
		#extra #pagemenu a {text-decoration: none; color: #305578; font-size: 1.0em; padding:0px;}
		#extra #pagemenu a:hover {text-decoration: underline; color: #305578;}
		/* markerar länk */
		#extra #pagemenu .indicate {text-decoration: underline; color: #3387d7;}
		
	#field {clear: both; float: left; width: 885px; margin: 0px; padding:0px;}
		#field1 {float: left; width: 275px; margin: 0px 18px 15px 0px; padding:0px; }
		#field2 {float: left; width: 275px; margin: 0px 18px 15px 0px; padding:0px;}
		#field3 {float: left; width: 275px; margin: 0px 0px 15px 0px; padding:0px;}

	#puff {clear: both; float: left; width: 885px; margin: 0px; padding:0px;}
		#puff1 {float: left; width: 275px; margin: 25px 18px 15px 0px; padding:0px; }
		#puff2 {float: left; width: 275px; margin: 25px 18px 15px 0px; padding:0px;}
		#puff3 {float: left; width: 275px; margin: 25px 0px 15px 0px; padding:0px;}
			
#info {clear: both; float: left; color: #fff; padding: 10px 10px 0px 0px; margin: 0px; height: 25px; width: 885px;}
	#infotext {text-decoration: none; margin: 0px; padding: 0px; float: right;}
	#infotext a {color: #fff; text-decoration: none; margin: 0px; padding: 0px; text-decoration: underline;}



