
/* ------------------------------------------------
	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: #666666;
	  font: 11px Verdana, Arial, sans-serif;
	  margin:0px;
	  padding:0px;
	  background: #fff url(../images/bg.png) repeat-x; 	}

p	{ font: 11px Verdana, Arial, sans-serif;
	  line-height:13px;	}

span	{ font: 11px Verdana, Arial, sans-serif;
	  line-height:13px;	}

div	{ font: 11px Verdana, Arial, sans-serif;
	  line-height:13px;	}

table, table p	{ font: 11px Verdana, Arial, sans-serif;
	  	  line-height:13px;	}

tr, tr p	{ font: 11px Verdana, Arial, sans-serif;
		  line-height:13px;	}

td, td p	{ font: 11px Verdana, Arial, sans-serif;
		  line-height:13px;	}




h1 	{ color:#959595;
	  font: italic 20px Verdana,  Arial, sans-serif;
	  margin-bottom: 10px;	}

h2 	{ color:#959595;
	  font: 18px Verdana, Arial, sans-serif;
	  margin-bottom: 0px;	}

h3 	{ color:#959595;
	  font: 14px Verdana, Arial, sans-serif;	}

a 	{ color: #990000;
	  text-decoration:none;
	  font-style:italic;	}

img	{ border: 0px solid; 	}

div#container	{ display:block;
		  width:990px;
		  height:auto;
		  margin:0px auto 0px auto;	
		  position:relative;
		  z-index:2;	}
		  
/* ------------------------------------------------
	form
-------------------------------------------------*/	

	div.form { margin:20px 0px; }

		div.form p { dispaly:block;
			     padding:0px 0px 10px 0px !important;
			     color:#000; }

		span.label { float:left;
			     display:block;
			     width:100px;
			     margin:0px 0px 5px 0px;
			     padding:4px 0px;
			     color:#000; }

		input.formfield { float:left;
			  	  margin:0px 6px 5px 0px !important;
				  padding:2px;
				  color:#000;
				  border:1px solid #dadcdd;
				  background:#f1f1f2; }

		.formbox { width:400px;
			   height:100px;
			   margin:0px 6px 5px 0px !important;
			   padding:2px;
			   color:#000;
			   border:1px solid #dadcdd;
			   background:#f1f1f2; }

		p.obligatorisk { float:left;
				 display:block;
				 width: 330px;
				 font-size:9px; }

		.formbtn { float:right;
			   margin:0px 45px 5px 0px !important;
			   padding:2px;
			   text-transform:uppercase;
			   color:#c32733;
			   border:1px solid #c32733;
			   background:#f1f1f2; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:990px;
		  height:122px;
		  margin:0px;
		  padding:0px;
		  background: url(../images/headerbg.png) no-repeat 0px 0px;	}

	div#logo	{ float:left;
			  display:block;
			  width:246px;
			  height:83px;
			  margin:0px;
			  padding:39px 0px 0px 0px;
			  background:none; }

			div#logo img	{ width:246px;
					  height:83px; }
	
	div#search	{ float:left;
			  display:block;
			  width:249px;
			  margin:0px;
			  padding:77px 0px 0px 495px; }

		.search { width:229px;
			  height:18px;
			  margin:0px;
			  color:#626262;
			  font:italic 11px verdana, arial, sans-serif;
			  border:none;
			  background: url(../images/search.png) no-repeat 0px 0px; }

			.search input { width:209px;
					height:14px;
					margin:2px 10px;
					background: #fff; }
	



/* ------------------------------------------------
	menus
-------------------------------------------------*/



	
	div.prevnext	{ float:left;
					  display:block;
					  width:70px;
					  height:18px;
					  margin:0px;
					  padding:0px 0px 0px 40px;
					  background:#a00500;	}
					  
		div.prevnext a	{ float:left;
						  display:block;
						  margin:0px;
						  padding:1px 15px 0px 0px;	}
						  
	div#menu	{ float:left;
				  display:block;
				  width:880px;
				  height:18px;
				  margin:0px  -10px 0px 0px;
				  padding:0px 0px 0px 0px;
				  background:#a00500;	}	

	div#menu ul { margin:0px;
				  list-style:none; }

	div#menu li { float:left;
	      		  margin:0px 0px 0px 0px;
    	  		  padding:0px; }
	
	div#menu a { float:left;
      			 display:block;
      			 margin:0px;
      			 padding:2px 55px 3px 0px;
				 text-decoration:none;
      			 color:#fff;
				 font: 11px verdana, Arial, sans-serif; }

	div#menu a:hover { text-decoration:underline; }
	div#menu a.active { text-decoration:underline; }



	div#submenu	{ clear:both;
			  display:block;
			  margin:0px;
			  padding:10px 0px 0px 0px;	}

	div#submenu ul { margin:0px;
			 list-style:none; }

	div#submenu li { margin:0px 0px 0px 0px;
      			 padding:0px;}
	
	div#submenu a {	display:block;
			width:227px;
      			height:49px;
			margin:0px;
      			padding:2px 0px 6px 17px;
			text-decoration:none;
      			color:#b40000;
			font: 34px Arial, verdana, sans-serif;
			background: url(../images/submenubg.png) no-repeat 0px 0px;  }

	div#submenu a:hover { text-decoration:none; }
	div#submenu a.active { text-decoration:none; }


/* ------------------------------------------------
	main content
-------------------------------------------------*/

div#maincontent	{ clear:both;
				  width:990px;
				  display:block;
				  margin:0px 0px 0px 0px;
				  padding:14px 0px 0px 0px;
				  background:#fff; }


	div.leftcontent	{ float:left;
					  display:block;
					  width:244px;
					  margin:0px 0px 0px 0px;
					  padding:0px 8px; }

		div.leftcontent	h2 {  font: italic 20px Verdana, Arial, sans-serif;
				      padding:0px 20px 10px 0px;	}




	div.middlecontent	{ float:left;
				  display:block;
				  width:450px;
				  margin:0px 0px 0px 0px;
				  padding:0px 8px;}

		div#maintext h1	{ padding:10px 0px 0px 0px;}
		div#maintext p	{ padding:0px 0px 10px 0px;
				  line-height:13px !important;}

	div.middlecontent2	{ float:left;
				  display:block;
				  width:450px;
				  margin:70px 0px 0px 0px;
				  padding:0px 8px;}


	div.rightcontent	{ float:left;
				  display:block;
				  width:244px;
				  margin:0px 0px 0px 0px;
				  padding:0px 8px; }

		div.rightcontent h2 { font: italic 20px Verdana, Arial, sans-serif;
			 	      padding:0px 20px 10px 0px;	}

		div.banner	{ display:block;
				  width:244px;
				  margin:10px 0px;
				  padding:0px 0px;
				  background:#dcdcdc; }

			div.banner img	{ margin:0px;
					  padding:0px; }

			div.banner h2	{ padding:8px 12px;
					  color:#333333;
					  font:20px verdana, arial, sans-serif; }

			div.banner p	{ padding:8px 12px; }

			div.newsimg { float:right; }



	div.siteheading	{ float:left;
			  display:block;
			  width:974px;
			  margin:0px 0px 10px 0px;
			  padding:0px 8px; }


	div.cols	{ float:left;
			  display:block;
			  width:710px;
			  margin:0px 0px 0px 0px;
			  padding:0px 8px; }

		div.col	{ float:left;
			  display:block;
			  width:220px;
			  margin:0px 0px 0px 0px;
			  padding:0px 8px; }
	
			div.col	h2 {  padding:10px 20px 0px 0px;
				      color:#333333;
				      font: 16px Verdana, Arial, sans-serif;	}


		div.col2	{ float:left;
				  display:block;
				  width:244px;
				  margin:0px 0px 0px 0px;
				  padding:0px 0px 20px 0px;
				  background:#dcdcdc; }
	
			div.col2 h2 {  padding:5px 8px 15px 8px;
				       color:#333333;
				       font: italic 18px Verdana, Arial, sans-serif;	}
	
			div.col2 p {  color:#333;
				      padding:0px 8px 10px 8px;	}
	
/* ------------------------------------------------
	pages
-------------------------------------------------*/


	div.heading {	display:block;
			width:232px;
      			height:49px;
			margin:0px 0px 10px 0px;
      			padding:2px 0px 0px 12px;
			text-decoration:none;
			background: url(../images/heading.png) no-repeat 0px 0px;  }

		div.heading h2 { margin:0px;
				 padding:0px;
				 color:#b40000;
				 font: 34px Arial, verdana, sans-serif;  }


		div#submenu2 { padding:10px 30px 20px 30px; }

		div#submenu2 h3.varm { color:#990000; 
							   padding:0px 0px 0px 15px;
							   background: url(../images/pil.jpg) no-repeat 0px 2px; }
		div#submenu2 h3.varmactive { color:#990000; 
								     padding:0px 0px 0px 15px;
								     background: url(../images/pilner.jpg) no-repeat 0px 2px; }
	
		div#submenu2 ul.varm { padding:0px 0px 10px 0px;  }

			div#submenu2 ul.varm li { margin:2px 0px;
									  padding:0px 0px 2px 30px;
							          background: url(../images/pil.jpg) no-repeat 10px 2px;  }
									  
			div#submenu2 ul.varm li.active { padding:0px 0px 2px 30px;
									          background: url(../images/pilner.jpg) no-repeat 10px 2px;  }
											  
			div#submenu2 ul.varm li ul li { margin:2px 0px;
											padding:0px 0px 2px 15px;
							    		    background:none;  }
									  
			div#submenu2 ul.varm li.active ul  { padding:3px 0px 0px 0px;  }
			
			div#submenu2 ul.varm li.active ul li.active { padding:0px 0px 2px 15px;
		 									        	  background: none;  }
														  
				div#submenu2 ul.varm li.active ul li.active a { color:#b40000;  }
			
			div#submenu2 ul.varm a { font-style:normal;
						 font:10px verdana, arial, sans-serif;
						 color:#333;  }
						 
						 
						 
						 

		div#submenu2 h3.kall { color:#0066cc;
							   padding:0px 0px 0px 15px;
							   background: url(../images/pil.jpg) no-repeat 0px 2px;  }
		div#submenu2 h3.kallactive { color:#990000; 
								     padding:0px 0px 0px 15px;
								     background: url(../images/pilner.jpg) no-repeat 0px 2px; }
		div#submenu2 h3.kall a { color:#0066cc; }
		div#submenu2 h3.kallactive a { color:#0066cc; }
							   
		div#submenu2 ul.kall { padding:0px 0px 10px 0px;  }

			div#submenu2 ul.kall li { margin:2px 0px;
									  padding:0px 0px 2px 30px;
							          background: url(../images/pil.jpg) no-repeat 10px 2px;  } 
									  
			div#submenu2 ul.kall li.active { padding:0px 0px 2px 30px;
									         background: url(../images/pilner.jpg) no-repeat 10px 2px;  }
											  
			div#submenu2 ul.kall li ul li { margin:2px 0px;
											padding:0px 0px 2px 15px;
							    		    background:none;  }
									  
			div#submenu2 ul.kall li.active ul  { padding:3px 0px 0px 0px;  }
			
			div#submenu2 ul.kall li.active ul li.active { padding:0px 0px 2px 15px;
		 									        	  background: none;  }
														  
				div#submenu2 ul.kall li.active ul li.active a { color:#0066cc;  }
			
			div#submenu2 ul.kall a { font-style:normal;
									 font:10px verdana, arial, sans-serif;
									 color:#333;  }
									 
									 
		div#submenu2 h3.other { color:#059f3f;
							   padding:0px 0px 0px 15px;
							   background: url(../images/pil.jpg) no-repeat 0px 2px;  }
		div#submenu2 h3.otheractive { color:#059f3f;
									  padding:0px 0px 0px 15px;
									  background: url(../images/pilner.jpg) no-repeat 0px 2px;  }
		div#submenu2 h3.other a { color:#059f3f; }
		div#submenu2 h3.otheractive a { color:#059f3f; }
							   
		div#submenu2 ul.other { padding:0px 0px 10px 0px;  }

			div#submenu2 ul.other li { margin:2px 0px;
									  padding:0px 0px 2px 30px;
							          background: url(../images/pil.jpg) no-repeat 10px 2px;  } 
									  
			div#submenu2 ul.other li.active { padding:0px 0px 2px 30px;
									         background: url(../images/pilner.jpg) no-repeat 10px 2px;  }
											  
			div#submenu2 ul.other li ul li { margin:2px 0px;
											padding:0px 0px 2px 15px;
							    		    background:none;  }
									  
			div#submenu2 ul.other li.active ul  { padding:3px 0px 0px 0px;  }
			
			div#submenu2 ul.other li.active ul li.active { padding:0px 0px 2px 15px;
		 									        	  background: none;  }
														  
				div#submenu2 ul.other li.active ul li.active a { color:#059f3f;  }
			
			div#submenu2 ul.other a { font-style:normal;
									 font:10px verdana, arial, sans-serif;
									 color:#333;  }									 

		div#maintext2 h1	{ font-style:normal;
							  padding:10px 0px 0px 0px;}
		div#maintext2 p	{ padding:0px 0px 10px 0px;
						  line-height:13px !important;}

/* ------------------------------------------------
	produktsidor
-------------------------------------------------*/

	div.prod { float:left;
		   display:block;
		   width:140px;
      		   height:200px;
		   margin:0px 0px 0px 0px;
      		   padding:0px;
		   cursor:pointer; }

		div.prodimg { display:block;
			      width:140px;
	      		      height:100px;
			      margin:0px;
      			      padding:0px;}

			div.prodimg img { width:140px;
	      			      	  height:100px;}

		div.prodmargin { margin:0px 15px 0px 0px; }

		div.prod h4 { color:#990000;
			      font:14px verdana, arial, sans-serif; }

		div.prod a { font-style:normal; }




	div.prodimg2 { display:block;
		       width:450px;
		       margin:0px 0px 0px 0px;
      		       padding:0px;
		       text-align:center; }

	div.prodblad { float:right;
		       display:block;
		       width:25px;
      		       height:32px;
		       margin:-40px 20px 0px 0px;
      		       padding:0px; }

	div.prodtext2 {margin:10px 0px 0px 0px; }

		div.prodtext2 h2 { color:#990000;
			     	   font:16px verdana, arial, sans-serif; }

		div.prodtext2 p { padding:2px 0px; }

		div.prodtext2 input { margin:2px 0px -2px 0px; }

/* ------------------------------------------------
	footer
-------------------------------------------------*/

#footer { float:right;
	  width:999px;
	  height:188px;	
	  padding:115px 0px 0px 0px;
	  margin:-100px 0px 0px 0px;
	  position:relative;
	  z-index:280; 
	  background: url(../images/footerbg.png) no-repeat 0px 0px;	}

	#footerright { float:right;
		       width:423px;
		       height:94px;	
		       padding:0px 0px 0px 0px;
		       margin:0px 30px 0px 0px;	}

		.footerlinks { float:left;
			       width:253px;
			       height:26px;
			       margin:16px 18px 0px 0px;	
			       padding:4px 0px 0px 20px;
			       background: url(../images/footerlinksbg.png) repeat-x;}

			.footerlinks a { text-transform:uppercase;
					 text-decoration:none;
					 color:#324770;
					 font:bold 11px arial, verdana, sans-serif; }
	
			.footerlinks a:hover { text-decoration: underline; }
	
			.footerpadding { padding:0px 23px 0px 0px;}
	
		.sorablogo { float:left;
			     width:132px;
			     height:47px;	
			     padding:0px 0px 0px 0px;
			     margin: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 */
.contenthojd2 {
	min-height:341px; 
	height:auto;
}
/* for Internet Explorer */

* html .contenthojd2 {
	height: 341px;
}



form {
margin: 0px;
padding: 0px;

}