BODY { margin: 0; padding: 0; font: 70% Verdana, Tahoma, Ariel, sans-serif; line-height: 1.6em; background: #3A3A44; color: #333; }

A { color: #0E85D1; }
A:hover { text-decoration: none; }

P { margin: 0 0 10px 0; padding: 0; color: #000; }

IMG { border: 0; }

fieldset, legend { border:0; margin:0; padding:0;}

.content { padding: 0 0 0 20px; width:878px; }

.product { padding-bottom: 20px; height: 1%; }
	.product:after { content: "."; display: block; clear: both; height: 0; position: relative; visibility: hidden; }
	.product img { float: right; margin: 0 0 1em 0;}
	#main .product h3 {font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 1.5em; color: #666; line-height: 1.0em; font-weight: normal; margin: 0px 0px 3px 0px;}
	.product .text { width: 350px; float: left; }
	.product .components { width: 182px; float: right; }
	.product .components a { display: block; background: url(/images/if/if_arrow_right.gif) no-repeat 0px 5px; padding-left: 17px;}

/*#post-it { position: absolute; top: 115px; left: 610px; width: 300px; height: 400px;  background: url(/images/if/bg_postit.png) no-repeat; font: 1em Georgia, serif;}*/
#post-it { position: absolute; top: 115px; left: 610px; padding: 75px 50px 0 35px; width: 200px; height: 250px;  background: url(/images/if/bg_postit.png) no-repeat; font: 1em Georgia, serif;}
	#post-it .date { color: #706e6e; font-weight: bold; font-size: 1.1em; font-style: italic; padding: 0 0 0 10px;}
	#post-it h3 { font-size: 1.5em; font-style: italic; color: #333; padding: 35px 0 10px 0; margin: 0;}
	#post-it a { color: #333; text-decoration: none; font-size: 1.1em; line-height: 1.6em; }
	#post-it a:hover { color: #999; }

#navigation { background: #484A53 url(/images/if/bg_navigation.gif) repeat-x; overflow: hidden; }
	#navigation .content { background: url(/images/if/bg_logotype_top.gif) 20px 0 no-repeat; text-align: right; overflow: visible; min-height: 10px; height: 36px;}
	#navigation A { text-decoration: none; color: #fff; padding: 8px 15px; display: block; float: left; margin: 0;}
	#navigation A:hover { border-bottom: 5px solid #1f90d8; padding-bottom: 5px; }
	#navigation A.active { border-bottom: 5px solid #1f90d8; padding-bottom: 5px;}
	#navigation UL { margin: 0; padding: 0 2px 0 0; display: block; float: right; background: url(/images/if/bg_navigation_li.gif) right repeat-y;}
	#navigation LI { margin: 0; padding: 0 0 0 2px; list-style: none; display: block; float: left; background: url(/images/if/bg_navigation_li.gif) repeat-y;}	

#top { background: url(/images/if/bg_logotype.gif) repeat-x; overflow: hidden;  }
	#logo {float: left; width: 172px; height: 71px; margin: 0px; padding:0px;} 
	#newsletter {float: right; width: 420px; margin:0px; padding: 20px 0px 0px 0px;} 
	.header {font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 2.2em; color: #666; font-weight: normal; margin: 0px; padding:0px 20px 0px 0px;}

#imagefield {clear: both; width:898px; height:342px; margin:0px; padding:0px;}
	
#main { width: 100%; overflow: auto; background: #fff url(/images/if/bg_main.gif) repeat-x; padding: 0px; overflow: hidden; }
	#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 6px 0px;}
	#main h2 {font-family: Verdana, Arial, Tahoma, sans-serif; font-size: 1.5em; color: #666; 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 3px 0px;}
	#main hr {margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; height: 7px; width: 100%; border: 0;}
	#main .blue { background-color: #1f90d8; color: #1f90d8; }
	#main .brown { background-color: #603203; color: #603203; }
	#main .yellow { background-color: #eed52a; color: #eed52a; }
	#main .green { background-color: #9fcb67; color: #9fcb67; }	
	#main .red { background-color: #dc000a; color: #dc000a; }	
	#main .pink { background-color: #a65495; color: #a65495; }	
	#main .lightgreen { background-color: #dbe35f; color: #dbe35f; }
	#main .black { background-color: #000000; color: #000000; }
	#main .olive { background-color: #8e7b50; color: #8e7b50; }
	#main .olivedark { background-color: #65583d; color: #65583d; }
	#main .purple { background-color: #524964; color: #524964; }
	#main .orange { background-color: #924b30; color: #924b30; }
	#main .beige { background-color: #ca974b; color: #ca974b; }
	#main .darkbeige { background-color: #a98c57; color: #a98c57; }
	
	#main h3 a {text-decoration: none; color: #666}

	
	#maincontent {float: left; width: 561px; margin: 25px 47px 0px 0px; padding:0px 0px 0px 0px;}	
		#maincontent #products {float: left; margin:0px; width: 257px; padding:0px 47px 0px 0px; text-align: left;}
		#maincontent #productguide {float: left; margin:0px; width: 257px; padding:0px 0px 0px 0px; text-align: left;}
			#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;}
			#maincontent #productextra {float: right; width: 200px; margin:0px; padding: 0px 0px 10px 20px;}
				#maincontent #productextra .prodthumb {float:left; width: 60px; margin: 5px 8px 0px 0px;}
			/*#maincontent .box {float: left; width: 170px; margin: 0 0px 0 10px; text-align: center; } */
			#maincontent .box { padding-bottom: 20px; height: 1%; }
			#maincontent .box:after { content: "."; display: block; clear: both; height: 0; position: relative; visibility: hidden; }
			#maincontent .box img { float: left; margin: 0 2em 0 0;}
			
			#maincontent .filecat {margin:0px; padding:0px; list-style-type: none;}
			#maincontent .filecat li {margin:0px; padding:5px 0px 0px 24px; background: url(/images/if/if_arrow_right.gif) no-repeat 12px 10px;}
			#maincontent ul {margin:0px; padding:5px 0px 0px 25px;}
			#maincontent li {margin:0px; padding:5px 0px 0px 10px;}
			
			
		
	#extra {float: left; width: 257px; margin: 25px 0px 0px 0px; padding:0px ;}
		#extra #news {margin:0px; padding:0px; text-align: left;}
		/* pagemenyn */
		#extra #pagemenu {margin: 0px; padding: 0px;}
		#extra #pagemenu ul {margin:0px; padding:0px; list-style-type: none; width: 257px;}
		#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 24px; background: url(/images/if/if_arrow_right.gif) no-repeat 12px 10px;}
		#extra #pagemenu ul ul li {padding:5px 0px 0px 24px; border: 0px;} 
			#extra #pagemenu a {text-decoration: none; color: #000; font-size: 1.0em; padding:5px;}
			#extra #pagemenu a:hover {text-decoration: underline; color: #000;}
			/* markerar länk */
			#extra #pagemenu .indicate {text-decoration: underline; color: #000; font-weight: bold;}
			#extra #pagemenu li.plus ul { display: none; }
			#extra #pagemenu li.plus span { cursor: pointer; }
			#extra #pagemenu li.minus span { cursor: pointer; }
			
#info {clear: both; float: left; color: #fff; padding: 10px 10px 0px 10px; margin: 0px; height: 25px; width: 878px; }
	#infotext {text-decoration: none; margin: 0px; padding: 0px; float: right;}
	#infotext a {color: #fff; text-decoration: none; margin: 0px; padding: 0px; text-decoration: underline;}