BODY { margin: 0px; padding: 0px; font-family: Verdana, Arial, sans-serif; font-size: 0.71em; background: #92A063;}
IMG { border:0; }
P { margin: 5px 0 8px 0;}
.clear { clear: both;}

#container {margin-left:auto; margin-right:auto; margin-top:0px; width:920px;}

/* ----- start toppnav ----- */
#topnavigation {width: 100%; background: #313708 url(/images/if/bg_green313708.gif); overflow: hidden;}
	#topnavigation UL {float: right; margin: 0; padding: 0; height: 1%; }
	#topnavigation UL:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* clearfix */
	#topnavigation UL LI { display: block; float: left; list-style: none; margin-left: 1px;}
	#topnavigation UL LI A {display: block; float: left; background: #687A28 url(/images/if/if_topnav_right.gif) bottom right no-repeat; text-decoration: none;}
	#topnavigation UL LI A SPAN {cursor: pointer; line-height: 2.6em; display: block; float: left; padding: 0 20px; color: #fff; background: url(/images/if/if_topnav_left.gif) bottom left no-repeat; }
	/* aktiv flik */
	#topnavigation UL LI A:hover { background-color: #94a064; background-image: url(/images/if/if_topnav_right2.gif); }
	#topnavigation UL LI A:hover SPAN { background-image: url(/images/if/if_topnav_left2.gif);}
	
	#topnavigation UL LI A.active { background-color: #94a064; background-image: url(/images/if/if_topnav_right2.gif); }
	#topnavigation UL LI A.active SPAN { background-image: url(/images/if/if_topnav_left2.gif);}
	
	/* höger flik */
	#topnavigation UL LI A.righttopnav { background-color: #687A28; background-image: url(/images/if/if_topnav_right_end.gif); }
	#topnavigation UL LI A.righttopnav SPAN { background-image: url(/images/if/if_topnav_left.gif); }
	/* aktiv höger flik */
	#topnavigation UL LI A.righttopnav:hover { background-color: #94a064; background-image: url(/images/if/if_topnav_right_end.gif); }
	#topnavigation UL LI A.righttopnav:hover SPAN { background-image: url(/images/if/if_topnav_left2.gif); }
	
	#topnavigation UL LI A.activerighttopnav { background-color: #94a064; background-image: url(/images/if/if_topnav_right_end.gif); }
	#topnavigation UL LI A.activerighttopnav SPAN { background-image: url(/images/if/if_topnav_left2.gif); }
/* ----- slut toppnav ----- */

#images {margin: 0px; padding:0px; width:920px; height:306px; background: #fff; overflow: hidden;}

/* ----- start huvudnav ----- */
#navigation {width: 100%; background: #fff; overflow: hidden;}
	#navigation UL {float: right; margin: 0; padding: 0; height: 1%; }
	#navigation UL:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* clearfix */
	#navigation UL LI { display: block; float: left; list-style: none; margin-left: 1px;}
	#navigation UL LI A {display: block; float: left; background: #687A28 url(/images/if/if_mainnav_right.gif) bottom right no-repeat; text-decoration: none; font-weight: bold;}
	#navigation UL LI A SPAN {cursor: pointer; line-height: 3em; display: block; float: left; padding: 0 20px; text-transform: uppercase; color: #fff; background: url(/images/if/if_mainnav_left.gif) bottom left no-repeat; }
	/* aktiv flik */
	#navigation UL LI A.active { background-color: #94a064; background-image: url(/images/if/if_mainnav_right2.gif); }
	#navigation UL LI A.active SPAN { background-image: url(/images/if/if_mainnav_left2.gif);}
	
	#navigation UL LI A:hover { background-color: #94a064; background-image: url(/images/if/if_mainnav_right2.gif); }
	#navigation UL LI A:hover SPAN { background-image: url(/images/if/if_mainnav_left2.gif);}
	/* röd flik */
	#navigation UL LI A.rednav { background-color: #b3101c; background-image: url(/images/if/if_mainnav_right_red.gif); }
	#navigation UL LI A.rednav SPAN { background-image: url(/images/if/if_mainnav_left_red.gif); }
/* ----- slut huvudnav ----- */


/* ----- start innehållsdelen  border: 1px solid #ffcd81----- */
#content {width: 100%; margin: 0px; padding:0px; background: #fff; overflow: hidden;}

/*vänstersidan*/
#extra {width: 217px; float:left; padding: 0px; margin: 20px 0px 10px 25px;}
	/* rutor */
	#extra .square {width: 206px; margin:0px 0px 20px 0px; padding: 0px;}
	#extra .square H2 {display: block; float: left; margin: 0px; font-size: 1.4em; padding: 0px; background: #313708 url(/images/if/if_puff_top_right.gif) top right no-repeat; }
	#extra .square H2 SPAN {display: block; float: left; margin: 0px; padding: 5px 20px; width: 166px; color: #fff; font-family: Verdana, Tahoma, sans-serif; font-weight: normal; background: url(/images/if/if_puff_top_left.gif) top left no-repeat;}
	
	/* pagemenyn */
	#extra #pagemenu {margin: 0px; padding: 35px 0px 20px 5px; width: 201px; background: #414d1b url(/images/if/if_puff_bottom.gif) bottom left no-repeat; }
	#extra #pagemenu ul {margin:0px; padding:0px; list-style-type: none; width: 201px;}
	#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_redarrow.gif) no-repeat 10px 8px;}
		#extra #pagemenu a {text-decoration: none; color: #fff; font-size: 1.0em; padding:5px;}
		#extra #pagemenu a:hover {text-decoration: underline; color: #fff;}
		/* markerar länk */
		#extra #pagemenu .indicate {text-decoration: underline; color: #fff;}

/*innehåll*/	
#maincontent {width: 400px; float:left; padding: 0px; margin: 20px 0px 10px 23px; line-height: 150%;}
	#maincontent H1 {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 2.4em; color: #000; line-height: 100%; font-weight: normal; margin: 0px 0px 10px 0px;}
	#maincontent H2 {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.6em; color: #000; line-height: 100%; font-weight: normal; margin: 0px 0px 10px 0px;}
	#maincontent H3 {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; color: #000; line-height: 100%; font-weight: bold; margin: 0px 0px 5px 0px;; }
	#maincontent H3 A {text-decoration: none; color: #000;}
	#maincontent A {text-decoration: underline; color: #b4101b;}
	#maincontent .red {color: #ca0000;}
	#maincontent .imagepos1 {float:left; padding: 0px 0px 10px 0px; text-align: center;color: #555;	font-size: 11px; font-style: italic}
	#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 {float:left; padding: 10px 0px 10px 0px; text-align: center;}
	#maincontent .imagepos7 {float:left; padding: 10px 0px 10px 0px; text-align: center;}
	#maincontent .imagepos11 {float:left; padding: 0px 10px 10px 0px;}
	#maincontent .prodthumb {float:left; width: 72px; margin: 0px 8px 0px 0px;}

/*högersidan*/
#puff {width: 200px; float:right; padding: 0px; margin: 20px 25px 10px 20px;}
	/* rutor */
	#puff .square {width: 200px; margin:0px 0px 20px 0px; padding: 0px;}
	#puff .square H2 {display: block; float: left; margin: 0px; font-size: 1.4em; padding: 0px; background: #313708 url(/images/if/if_puff_top_right.gif) top right no-repeat; }
	#puff .square H2 SPAN {display: block; float: left; margin: 0px; padding: 5px 20px; width: 160px; color: #fff; font-family: Verdana, Tahoma, sans-serif; font-weight: normal; background: url(/images/if/if_puff_top_left.gif) top left no-repeat;}


/* ----- start sidfot ----- */
#bottom { clear: both; width: 100%; background: #828D51 url(/images/if/if_bottom_img.jpg) no-repeat top;}
	#bottom #footer {padding: 55px 10px 10px 10px; color: #D5D8C6; text-align:center;}
	#bottom #footer A {color: #D5D8C6; text-decoration: none;}

/* ----- slut sidfot ----- */