BODY { margin: 0; padding: 0; background: #303032; font: 72% Verdana, "Trebuchet MS",  Arial, sans-serif; color: #666; line-height: 1.6em; }

A { color: #95252f; }
A:hover { text-decoration: none; }

H1 { font: normal 2.2em Tahoma, Verdana, sans-serif; padding: 0px; margin: 0 0 10px 0; color: #555;}
H2 { font: normal 1.4em Tahoma, Verdana, sans-serif; padding: 0px; margin: 0 0 8px 0; color: #666;}

P { margin: 0; padding: 0 0 10px 0; }

IMG { border: 0; }

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


DIV.scene {width: 884px; margin:0 auto;}
.box-wide { width: 540px; margin: 0 50px 15px 0; overflow: auto;}
.box { width: 260px; margin: 0 0px 15px 0; overflow: auto;}

#logo {background: #3c3c3e; width: 100%; overflow: auto;}
	
	#sjomaglogo {width: 142px; float: left; height: 98px;overflow: auto;}
	#sjomaglogo IMG { display: block;}
	#newsletterform {width: 275px; float:right; text-align:right; overflow:auto; padding: 25px 5px 0px 0px;}

#navigation {text-align: left; background: #3c3c3e; height: 31px;}
	#navigation .scene {  }
	#navigation UL { margin: 0; padding: 10px 0; }
	#navigation LI { list-style: none; display: inline; }
	
#body { background: #fff;  padding: 0px; width: 100%; overflow: auto; }

#images { margin: 0; }
	#images IMG { display: block; }

#content { width: 590px; float: left; overflow: auto;}
	#content .box-wide a { background: url(/images/if/if_arrow_right.gif) 0 2px no-repeat; padding-left: 15px; }
	#content .box-wide a.cleanlink { background: none; }
	
	/* faktaruta */
	#content .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;}
	#content .innerinfosquare {padding: 15px 15px 10px 15px; margin: 0px; color: #000; background: #EBF0FA url(/images/if/if_bg_top_infosquare.gif) no-repeat top;}
	#content .innerinfosquare a {color: #000;}
	#content .innerinfosquare h2 {color: #000;font-size: 1.2em; font-weight: bold; line-height: 100%;}
	#content .innerinfosquare ul {margin:0px; padding:5px 0px 0px 15px;}
	#content .innerinfosquare ol {margin:0px; padding:5px 0px 0px 20px;}
	
		/* imagelibrary */
	#content .thumbnail {float: left; width: 100px; margin: 0 15px 15px 0; padding: 5px; border: 1px solid #f4f4f3;}
	#content .bigphoto {width: 550px; margin: 0 15px 15px 0; padding: 5px; border: 1px solid #f4f4f3; text-align: center;}
	#content .clearboth {clear: both;}
	#content .thumbnail a {background: none; padding: 0px;}

#extra { width: 285px; float: right; overflow: auto;}
	#extra .box A { background: url(/images/if/if_arrow_right.gif) 0 2px no-repeat; padding-left: 15px; }
	#extra H2 {font: normal 1.5em Tahoma, Verdana, sans-serif; padding: 0px; margin: 2px 0 6px 0; color: #555;}
	#extra #pagemenu {margin: 0px; padding: 0px;}
	#extra #pagemenu ul {margin:0px; padding:0px; list-style-type: none; width: 246px;}
	#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 25px; background: url(/images/if/if_arrow_right.gif) no-repeat 10px 9px;}
		#extra #pagemenu a {text-decoration: none; color: #95252f; }
		#extra #pagemenu a:hover {text-decoration: none; color: #95252f;}
		/* markerar länk */
		#extra #pagemenu .indicate {color: #95252f; font-weight:bold;}

#puff { width: 884px; float: left; margin: 0px ;padding: 0px 0px 15px 0px;}
	#puff1 { width: 281px; float: left; margin: 0 18px 0 0;}
	#puff2 { width: 281px; float: left; margin: 0 18px 0 0;}
	#puff3 { width: 281px; float: left; margin: 0 0 0 0;}
	
#bottom {background: #444446; height: 86px; margin:0px; padding:0px; width:100%; clear: both; overflow: hidden;}
	#bottom IMG {display: block; clear: both;}
	
#adress {background: #303032; height: 50px; margin:0px; padding:15px 0 0 0; width:100%; clear: both; overflow: hidden; font: normal 95% Verdana, Tahoma,  sans-serif; }
	#adress a {color: #666;}
	

	

	
	
	
	
	}
/* backnet bilder */
.imagepos1, .imagepos4, .imagepos7 {text-align: center; color: #555; font-style: italic; margin: 10px;}
.imagepos2, .imagepos5 {float: left; margin: 5px 15px 15px 0px; color: #555; font-style: italic; text-align: center;}
.imagepos3, .imagepos6 {float: right; margin: 5px 0px; padding: 0px 0px 15px 15px; color: #555; font-style: italic; text-align: center; vertical-align: top;}
.imagepos11 {margin: 0px;}
.imagepos12 {float: left; margin:10px 20px 10px 0px;}
.imagepos13 {float: right; margin: 0px 0px 20px 40px;}
.thumbnail {float: left; width: 80px; margin: 0 15px 15px 0; padding: 5px;border: 1px solid #f4f4f3;}
.bigphoto {float: left; width: 400px; margin: 0 15px 15px 0; padding: 5px; border: 1px solid #f4f4f3; text-align: center;}