/* ------------------------------------------------
	reset css
-------------------------------------------------*/

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address, { font-style: normal; }
th,h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

/* ------------------------------------------------
	global
-------------------------------------------------*/



body 	{ color: #534c45;
		  font: 11px Verdana, Arial, sans-serif;
		  margin:0px;
		  padding:0px;
		  background: url(../images/bg.png) repeat-x;	}

p	{ font: 11px Verdana, Arial, sans-serif;
	  line-height:16px;	}

span	{ font: 11px Verdana, Arial, sans-serif;
	  line-height:18px;	}

div	{ font: 11px Verdana, Arial, sans-serif;
	  line-height:18px;	}

table, table p	{ font: 11px Verdana, Arial, sans-serif;
	  	 line-height:18px;	}

tr, tr p	{ font: 11px Verdana, Arial, sans-serif;
		  line-height:18px;	}

td, td p	{ font: 11px Verdana, Arial, sans-serif;
		  line-height:18px;	}




h1 	{ font: 21px Verdana, Arial, "sans-serif";
	  color: #4f4740;	
	  margin-bottom: 10px;	}

h2 	{ font: 15px Verdana, Arial, "sans-serif";
	  color: #fff;	
	  margin-bottom: 0px;	}

h3 	{ font-weight:bold;	}

a 	{ color: #534c45;
	  text-decoration:none;	}

img	{ border: 0px solid; 	}

.parent { display: block;
	  width: 100%;
	  position: absolute;
	  top: 0px;
	  background: url(../images/sol.gif) no-repeat center 0px;  }


div#container	{ display:block;
		  width:900px;
		  height:auto;
		  margin:0px auto 0px auto;	}
		  
/* ------------------------------------------------
	form
-------------------------------------------------*/	

	span.label { float:left;
				 display:block;
				 width:100px;
		 		 color: #534c45;
				 margin:0px 0px 2px 0px;
				 padding:0px 2px; }
			
	.formfield { float:left;
				 color:#534c45;
				 margin:0px 0px 2px 0px;
				 padding:2px;
				 border:1px solid #534c45;
				 background:#fff;		}	
			
	.formbox { float:left;
			   color:#534c45;
			   margin:0px 0px 2px 0px;
			   padding:2px;
			   border:1px solid #534c45;
			   background:#fff;		}	
					 

	.btn { color:#716e6e;
	       text-align:center;
	       margin:5px 0px 0px 0px; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:900px;
		  height:165px;
		  margin:0px;
		  padding:0px 0px 0px 0px;	}

	div#logo	{ float:left;
				  width:550px;
				  height:106px;
				  margin:0px;
				  padding:0px;
				  background:none; }

	div#adress	{ float:left;
				  width:350px;
				  margin:0px;
				  padding:20px 0px 0px 0px;
				  background:none; }

		div#adress h2	{ display:inline; 
						  padding:0px 3px 0px 0px;
						  color:#000;
						  font-weight:bold;
						  font-size:10px;
						  text-transform:uppercase; }
		div#adress h2.felanmalan	{ color:#aa1819; }
		div#adress h2.felanmalan a	{ color:#aa1819; }
						  

		div#adress h2 img	{ margin:0px 0px -4px 0px; }

		div#adress p	{ padding:4px 0px 2px 0px;
				  color:#676c6f;
				  font-size:9px; }
	
/* ------------------------------------------------
	menus
-------------------------------------------------*/



	div#menu	{ clear:both;
				  display:block;
				  width:900px;
				  height:44px;
				  margin:0px auto;
				  padding:15px 0px 0px 0px;
				  text-align:center;
				  background: url(../images/menubg.png) no-repeat 0px 0px; 	}

	div#menu ul {   margin:0px auto;
					list-style:none; }

	div#menu li {	display:inline;
	      			margin:0px 0px 0px 0px;
    	  			padding:0px; }
 
	div#menu a {	
					height:43px;s
    	  			margin:0px;
      				padding:0px 10px;
	      			color:#6c6660;
					text-transform:uppercase;
					text-decoration:none;
					font: 10px Arial, Verdana, sans-serif; }

	div#menu a:hover { color:#c1bfbd; }
	div#menu a.active { color:#c1bfbd; }



/* ------------------------------------------------
	main content
-------------------------------------------------*/

div#maincontainer	{ display:block;
			  width:900px;
		  	  margin:0px 0px 0px 0px;
		  	  padding:0px 0px 0px 0px;	}

	div#maincontent	{ width:840px;
			  display:block;
			  margin:10px 0px 0px 30px;
			  padding:0px 0px 0px 0px; }

	div.leftcontent	{ float:left;
			  display:block;
			  width:572px;
			  margin:0px 0px 0px 0px;
			  padding:0px 0px 0px 5px; }

	
			div.mellanblatop	{ display:block;
						  width:560px;
						  height:15px;
						  margin:0px;
						  padding:0px;
						  background: url(../images/mellanblatop.png) no-repeat 0px 0px; }

			div.mellanbla	{ display:block;
					  width:559px;
					  margin:0px 0px;
					  padding:10px 0px;
					  background: url(../images/mellanblabg.png); }

				div.mellanbla h1	{ margin:0px;
							  padding:0px 10px 0px 12px;
							  font: 24px Verdana, Arial, "sans-serif";
							  color: #fff;	 }
				div.mellanbla img	{ padding:0px 8px;	 }

				div.move	{ margin:-15px 0px;
						  position:relative;
						  z-index:1000; }
	
			div.mellanblabottom	{ display:block;
						  width:561px;
						  height:11px;
						  margin:0px 0px 20px 0px;
						  padding:0px;
						  background: url(../images/mellanblabottom.png) no-repeat 0px 0px; }

		div.leftcontent	p { margin:0px;
				  			 padding:0px 0px 0px 0px; }

			ul.news { margin:20px 0px 0px 10px; }
			ul.news a { font-size:9px; }
			ul.news a span.blue { font-size:9px;
					      color:#6bc7ef; }


	div.rightcontent	{ float:left;
				  display:block;
				  width:252px;
				  margin:0px -10px 0px 10px;
				  padding:0px; }

		div.rightnewstop { display:block;
						   width:232px;
						   height:11px;
						   margin:0px 0px 0px 0px;
						   padding:4px 10px;
						   font-size:10px;
						   text-transform:uppercase;
						   background: url(../images/h2rightnews.png) no-repeat 0px 0px; }
						   
		div.rightnews { display:block;
				width:250px;
				margin:0px 0px 0px 0px;
				padding:0px;
				background: url(../images/rightnewsbg.png); }


		div.rightnewstop h2 { display:block;
				   width:232px;
				   height:11px;
				   margin:0px 0px 0px 0px;
				   padding:0px;
				   font-size:10px;
				   text-transform:uppercase;
				   line-height:11px; 
				   /*background: url(../images/h2rightnews.png) no-repeat 0px 0px;*/ }

			div.rightnews h3 { font-size:11px;
					   padding:5px 10px 0px 10px; }
			div.rightnews p { line-height:14px !important;
					  font-size:10px;
					  padding:0px 10px 5px 10px; }
			div.rightnews a { font-size:9px; }
			div.rightnews a span.blue { font-size:9px;
						    color:#6bc7ef; }
	
			div.rightnewsbottom	{ display:block;
						  width:250px;
						  height:13px;
						  margin:0px 0px 20px 0px;
						  padding:0px;
						  background: url(../images/rightnewsbottom.png) no-repeat 0px 0px; }



		div.felanmalan { display:block;
						 width:250px;
						 margin:0px 0px 0px 0px;
						 padding:0px;
						 background: url(../images/felanmalanbg.png); } 
						 
			div.felanmalantop { clear:both;	
							    display:block;
								width:250px;
								height:15px;
								margin:0px 0px 0px 0px;
								padding:0px;
								background: url(../images/felanmalantop.png) no-repeat 0px 0px; } 
	
				div.felknapp { float:left;
						       display:block;
						       width:27px;
						       height:27px;
						       margin:0px 0px 0px 6px;
					    	   padding:3px 0px 0px 0px; }

			div.feltext { float:left;
					      display:block;
					      width:200px;
					      margin:0px 6px 0px 10px;
					      padding:0px; }

				div.feltext h2 { text-transform:uppercase;
								 color:#ffed32; 
								 font-size:11px; }
								 
				div.feltext p { color:#fff; }
				div.feltext a { color:#fff; }
				
			div.felanmalanbottom { clear:both;	
								   display:block;
								   width:250px;
								   height:15px;
								   margin:0px 0px 0px 0px;
								   padding:0px;
								   background: url(../images/felanmalanbottom.png) no-repeat 0px 0px; } 

		div.boikungsbackatop { display:block;
							width:252px;
							height:19px;
							margin:5px 0px 0px 0px;
							padding:0px 0px 0px 0px;
							background: url(../images/boikungsbackatop.png) no-repeat 0px 0px; }

			div.boikungsbackatop h2 { display:block;
									  width:232px;
									  height:19px;
									  margin:0px 0px 0px 0px;
									  padding:0px 10px;
									  font-size:10px;
									  line-height:19px !important;
									  text-transform:uppercase;
									  /*background: url(../images/boikungsbackatop.png) no-repeat 0px 0px;*/ }
							
		div.boikungsbackabg { display:block;
							  width:232px;
							  margin:0px 0px 0px 0px;
							  padding:5px 10px 0px 10px;
							  background: url(../images/boikungsbackabg.png) repeat-y; }
						   

			div.boikungsbacka h3 { padding:0px 10px; }
			div.boikungsbacka p { line-height:14px !important;
					      padding:0px 10px 0px 10px; }

			div.boikungsbackabottom { display:block;
					          width:252px;
						  height:15px;
					          margin:0px;
					          padding:0px;
					          background: url(../images/boikungsbackabottom.png) no-repeat 0px 0px; }
/* ------------------------------------------------
	pages
-------------------------------------------------*/


	div.left { float:left;
		   display:block;
		   width:165px;
	 	   margin:0px 0px 0px 0px;
		   padding:0px 0px 0px 0px; }



		div.submenutop { float:left;
						 display:block;
						 width:161px;
						 height:16px;
						 margin:0px 0px 0px 0px;
						 padding:0px 0px 0px 0px;
						 background: url(../images/pufftop3.png) no-repeat 0px 0px;  }
						 
		div.submenu { float:left;
					  display:block;
					  width:161px;
					  margin:0px 0px 0px 0px;
					  padding:0px 0px 0px 0px;
					  background: url(../images/puffbg3.png) repeat-y;  }

		div.submenubottom { float:left;
							display:block;
							width:161px;
							height:26px;
							margin:0px 0px 20px 0px;
							padding:0px 0px 0px 0px;
							background: url(../images/puffbottom3.png) no-repeat 0px 0px;  }

      			div.submenu h2 { padding:0px 0px 0px 14px;
								 color:#6c6660;
								 text-transform:uppercase;
								 text-decoration:none;
								 font: 11px Arial, Verdana, sans-serif;}


      			div.submenu ul { margin:0px;
								 padding:20px 20px 0px 14px; }

      			div.submenu li { margin:0px;
								 padding:1px 0px 1px 15px;
								 background: url(../images/pil.png) no-repeat 0px 4px; }

      			div.submenu a { padding:0px;
								color:#6c6660;
								text-decoration:none;
								font: 11px Arial, Verdana, sans-serif;
								letter-spacing:1px; 
								line-height:18px !important; }
	
      			div.submenu a:hover { text-decoration:underline; }

      			div.submenu a.active { font-weight:bold; }

	      			div.submenu ul ul { margin:0px;
						    padding:0px 0px 0px 0px; }

	      			div.submenu ul ul li { margin:0px;
						       padding:0px;
						       background:none; }

	      			div.submenu ul ul a { font-size:9px;
						      line-height:10px !important; }

	      			div.submenu ul ul a.active { font-weight:bold; }


			div.pufftop { float:left;
						  display:block;
						  width:161px;
						  height:16px;
						  margin:0px 0px 0px 0px;
						  padding:0px 0px 0px 0px;
						  background: url(../images/pufftop3.png) no-repeat 0px 0px;  }
	
			div.puff { float:left;
					   display:block;
					   width:161px;
					   margin:0px 0px 0px 0px;
					   padding:0px 0px 0px 0px;
					   background: url(../images/puffbg3.png) repeat-y;  }

			div.puffbottom { float:left;
							 display:block;
							 width:161px;
							 height:26px;
							 margin:0px 0px 20px 0px;
							 padding:0px 0px 0px 0px;
							 background: transparent url(../images/puffbottom3.png) no-repeat scroll 0 0;  }

      			div.puff h2 { padding:10px 20px 5px 15px;
							  color:#000;
							  font: bold 12px Arial, Verdana, sans-serif;
							  /*background: url(../images/puf_top.png) no-repeat 0px 0px; */  }

      			div.puff h2 span.smalltext { font: bold 11px Arial, Verdana, sans-serif; }

      			div.puff p { padding:0px 20px 0px 15px;
				     font: italic 10px Arial, Verdana, sans-serif; }
      			div.puff a { font: 9px Arial, Verdana, sans-serif; }
      			div.puff a span.smallertext { font: normal 9px Arial, Verdana, sans-serif; }
      			div.puff a span.blue { color:#6bc7ef;
					       font: normal 9px Arial, Verdana, sans-serif; }

	div.right { float:left;
		    display:block;
		    width:407px;
	 	    margin:0px 0px 0px 0px;
		    padding:0px 0px 0px 0px; }



	div.right2 { float:left;
		     display:block;
		     width:419px;
	 	     margin:0px 0px 0px 0px;
		     padding:0px 0px 0px 10px; } 

	div.leftcol { float:left;
		      display:block;
		      width:325px;
	 	      margin:0px 0px 0px 0px;
		      padding:0px 0px 20px 18px; }

	div.rightcol { float:left;
		       display:block;
		       width:465px;
	 	       margin:0px -10px 0px 30px;
		       padding:0px; }

		div.socialtjansten { display:block;
				     width:449px;
				     height:47px;
			 	     margin:0px;
				     padding:8px;
				     background: url(../images/socialtjanstenbg.png) no-repeat 0px 0px; }

			div.socialtjansten p  { font-size:10px;
						font-style:italic;
						line-height:12px !important; }

		div.boende { display:block;
			     width:450px;
			     margin:0px;
			     padding:8px; }

			div.boendetext { float:left;
					 display:block;
					 width:238px;
					 margin:0px;
					 padding:0px 10px 10px 0px; }

			div.boendeimg { float:left;
					display:block;
					width:201px;
					margin:0px;
					padding:0px 0px 10px 0px; }


	div.leftcontent2	{ float:left;
				  display:block;
				  width:622px;
				  margin:0px 0px 0px 5px;
				  padding:0px; }

	div.rightcontent2	{ float:left;
				  display:block;
				  width:202px;
				  margin:0px -10px 0px 10px;
				  padding:0px; }


		div.felanmalan2 { display:block;
				  width:190px;
				  height:36px;
				  margin:0px 0px 10px 0px;
				  padding:6px;
				  background: url(../images/felanmalan2.png); }

			div.felknapp2 { float:left;
				        display:block;
				        width:27px;
				        height:27px;
				        margin:0px 0px 0px 0px;
				        padding:3px 0px 0px 0px; }

			div.feltext2 { float:left;
				       display:block;
				       width:155px;
				       margin:0px 0px 0px 5px;
				       padding:0px; }

				div.feltext2 h2 { text-transform:uppercase;
						 color:#ffed32; }
				div.feltext2 p { color:#fff; }



		div.rightpuff { display:block;
				width:200px;
				margin:0px 0px 0px 0px;
				padding:0px;
				background: url(../images/rightnewsbg.png); }


		div.rightpuff h2 { display:block;
				   width:184px;
				   height:11px;
				   margin:0px 0px 0px 0px;
				   padding:4px 10px;
				   font-size:10px;
				   background: url(../images/h2rightpuff.png) no-repeat 0px 0px; }

			div.rightpuff h3 { font-size:11px;
					   padding:5px 10px 0px 10px; }
			div.rightpuff p { font-size:10px;
					  line-height:14px !important;
					  padding:0px 10px 5px 10px; }
			div.rightpuff a { font-size:9px; }
			div.rightpuff a span.blue { font-size:9px;
						    color:#6bc7ef; }
	
			div.rightpuffbottom { display:block;
					      width:200px;
					      height:13px;
					      margin:0px 0px 20px 0px;
					      padding:0px;
					      background: url(../images/rightpuffbottom.png) no-repeat 0px 0px; }

		div.intresserad { display:block;
						  width:202px;
						  margin:5px 0px 0px 0px;
						  padding:0px 0px 0px 0px;
						  background: url(../images/intresseradbg.png) repeat-y; }
	
			div.intresserad h2 { display:block;
							     width:182px;
							     height:19px;
							     margin:0px 0px 0px 0px;
							     padding:4px 10px;
						    	 font-size:10px;
							     background: url(../images/intresseradtop.png) no-repeat 0px 0px; }

			div.intresserad h3 { padding:0px 10px; }
			div.intresserad p { line-height:14px !important;
							    padding:0px 10px 0px 10px; }

			div.intresseradbottom { display:block;
					        width:202px;
						height:15px;
					        margin:0px;
					        padding:0px;
					        background: url(../images/intresseradbottom.png) no-repeat 0px 0px; }



			div.puffrighttop { display:block;
							   width:259px;
							   height:19px;
							   margin:0px 0px 0px 0px;
							   padding:0px 0px 0px 0px;
							   background: url(../images/rightpufftop2.png) no-repeat 0px 0px;  }

				div.puffrighttop h2 { display:block;
									  width:239px;
									  height:19px;
									  margin:0px 0px 0px 0px;
									  padding:0px 10px;
									  font-size:10px;
									  text-transform:uppercase;
									  line-height:19px;  }
	
			div.puffrightbg { display:block;
						      width:239px;
						      margin:0px 0px 0px 0px;
						      padding:10px;
						      background: url(../images/rightpufftbg2.png) repeat-y;  }
							 
				div.puffrightbg a { color: #00b1ef;  }
							  
				div.puffrightbg a span.blue { font-size:9px;
											  color:#00b1ef; }

			div.puffrightbottom { float:left;
								  display:block;
								  width:259px;
								  height:25px;
								  margin:0px 0px 10px 0px;
								  padding:0px 0px 0px 0px;
								  background: url(../images/rightpuffbottom2.png) no-repeat 0px 0px;  }
/* ------------------------------------------------
	produktsidor
-------------------------------------------------*/



/* ------------------------------------------------
	footer
-------------------------------------------------*/

#footer { clear:both;
		  display:block;
		  width:831px;
		  margin:0px auto;
		  padding:22px 0px 0px 0px;
		  background:url(../images/adressrad.png) no-repeat 0px 0px; }

	
/* ------------------------------------------------
	misc
-------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* for understanding browsers */
.hojd {
	min-height:625px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 625px;
}


/* for understanding browsers */
.contenthojd {
	min-height:301px; 
	height:auto;
}
/* for Internet Explorer */

* html .contenthojd {
	height: 301px;
}

/* for understanding browsers */
.submenuhojd {
	min-height:100px; 
	height:auto;
}
/* for Internet Explorer */

* html .submenuhojd {
	height: 100px;
}



form {
margin: 0px;
padding: 0px;

}