/* ------------------------------------------------
	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: #3d3d3d;
		  font: 13px Arial,  Verdana, sans-serif;
		  background: url(../images/bg2.png);
		  margin:0px;
		  padding:0px;	}

p	{ font: 13px Arial,  Verdana, sans-serif;
	  line-height:20px;	}

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

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

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

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

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




h1 	{ font: bold 22px Trebuchet ms, Arial, Verdana, sans-serif;
	  color: #373737;
	  text-transform:uppercase;
	  margin:0px 0px 20px 0px;
	  line-height:30px; }

h2 	{ font: bold 18px Trebuchet ms, Arial, Verdana, sans-serif;
	  color: #373737;
	  text-transform:uppercase; 
	  margin:0px 0px 15px 0px;	}

h3 	{ font: bold 13px Trebuchet ms, Arial, Verdana, sans-serif;
	  color: #373737;
	  text-transform:uppercase;
	  margin:0px 0px 10px 0px;	}

h4 	{ font-weight: bold;
	  margin:0px;	}

a 	{ color: #696969;
	  text-decoration: none;	}
a:hover { text-decoration:underline;	}

img	{ border: 0px solid; 	}


.parent { display: block;
	  width: 100%;
	  height: 650px;
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  background: url(../images/bg.png) repeat-x;  }


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

	.label { width:60px;
		 display:block;
		 color: #333;
		 padding:0px 2px; }
			
	.textfield { 		}	
					 

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

div#header	{ display:block;
			  width:1002px;
			  height:107px;
			  margin:0px;
			  padding:0px;
			  background: #fff url(../images/headerbg.png) no-repeat bottom left;	}

	div#logo	{ float:left;
				  width:181px;
				  height:25px;
				  padding:26px 0px 0px 14px; }

	div#searchmenu	{ float:left;
					  width:800px;
					  padding:0px 0px 0px 0px; }
		
		div#searchlangs	{ float:right;
				  width:335px;
				  height:71px;
				  padding:0px 0px 0px 0px; }
	
		div#searchlangs .search { float:left;
					  width:101px;
				   	  height:18px;
					  border:none;
					  margin:3px 0px 0px 0px;
					  padding:3px 0px 0px 2px;
					  font: 11px  Verdana, Arial, sans-serif;
					  color:#a5a5a5;
					  border:none;
					  background: #e0e0e0;	}
	
		div#searchlangs .searchbutton { float:left;
					  	width:37px;
						height:21px;
						margin:3px 3px 0px 3px;
						padding:3px 0px 3px 0px;
						font: 11px  Verdana, Arial, sans-serif;
						color:#fff;
						text-align:center;
						border:none;
						background:#909090;	}

		div.langs ul {  float:right;
				margin:0px 0px 0px 0px;
				list-style:none; }

		div.langs li {	float:left;
      				margin:0px 0px 0px 0px;
      				padding:0px; }
		
		div.langs a {	float:left;
	      				display:block;
						margin:0px;
		      			padding:8px 10px 13px 10px;
	    	  			text-decoration:none;
	      				color:#fff;
						font: 11px Helvetica, Arial, Verdana, sans-serif;
						background: url(../images/langsbg.png) no-repeat right top; }

		div.langs a:hover { padding:8px 10px 9px 10px;
	      				    text-decoration:none;
						    border-bottom:4px solid #f8381a; }

		div.langs a.active { padding:8px 10px 9px 10px;
	    	  			     text-decoration:none;
						     border-bottom:4px solid #f8381a; }
					  

/* ------------------------------------------------
	menus
-------------------------------------------------*/



	div#menu	{ clear:both;
			  width:800px;
			  margin:0px;	}

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

	div#menu li {	float:left;
      			margin:0px;
      			padding:0px; }
	
	div#menu a { float:left;
      			 display:block;
      			 padding:0px 13px 14px 13px;
      			 text-decoration:none;
				 text-transform:uppercase;
      			 color:#a5a5a5;
				 line-height:18px !important;
				 font: 14px trebuchet ms, Arial, Verdana, sans-serif; }
	
	div#menu a:hover { color:#363636;
					   background: url(../images/menubg2.png) no-repeat center bottom;  }
	
	div#menu a.active { color:#363636;
					    background: url(../images/menubg.png) no-repeat center bottom;  }

	div#submenu	{ clear:both;
			  width:310px;
			  margin:0px;	}

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

	div#submenu li { margin:0px;
      			 padding:0px; }
	
	div#submenu a {	display:block;
      				width:262px;
					margin:0px 0px 2px 0px;
	      			padding:5px 24px;
	      			color:#fff;
					font: 14px trebuchet ms, Arial, Verdana, sans-serif;
					line-height:18px !important;
    	  			text-decoration:none;
					text-transform:uppercase;
					background:#ee2c0f url(../images/submenupil.gif) no-repeat 6px 7px; }
		
	div#submenu a:hover {   }
	
	div#submenu a.active { color:#fff;
					       background:#ee2c0f url(../images/submenupil2.gif) no-repeat 5px 7px;  }
	
		div#submenu li ul {	margin:0px 0px 10px 0px; }

		div#submenu li li a {	display:block;
	      						width:262px;
								height:auto;
								margin:0px 0px 2px 0px;
					      		padding:5px 24px 0px 24px;
				      			color:#b9b9b9;
								font: 14px trebuchet ms, Arial, Verdana, sans-serif;
								line-height:18px !important;
			      				text-decoration:none;
								text-transform:uppercase;
								background: url(../images/pil2.gif) no-repeat 8px 8px; }								
	
		div#submenu li li a.active { color:#373737;
								 	 background: url(../images/pil2.gif) no-repeat 8px 8px; }
		div#submenu li li a:hover { color:#373737; }
	
/* ------------------------------------------------
	main content
-------------------------------------------------*/

div#maincontainer	{ width:1002px;
				  	  margin:0px 0px 0px 0px;
				 	  background: #fff url(../images/mainbg.png) repeat-y;	}

div#maincontent	{ width:1002px;
				  display:block;
				  margin:0px;
				  padding:0px 0px 0px 0px; }

div#left	{ float:left;
			  display:block;
			  width:11px; }

div#contentcontainer	{ width:980px;
						  display:block;
						  float:left;
						  margin:0px 0px 0px 0px;
						  background:#fff; }

	div#content	{ width:962px;
			  margin:27px 9px 0px 9px;
			  padding:0px; }
	
		div#mainimg	{ float:left;
				  display:block;
				  width:636px;
				  height:361px;
				  position:relative;
				  z-index:1000; }

			div#mainimg img	{ width:636px;
					  height:361px; }

	
		div.leftpuff	{ float:left;
						  display:block;
						  width:318px;
						  height:361px;
						  margin:0px 0px 0px 8px;
						  padding:0px;
						  background: url(../images/orangebg.png) no-repeat 0px 0px; }	

			div.leftpufftop	{ display:block;
					  width:250px;
					  height:136px;
					  margin:0px 0px 0px 0px;
					  padding:40px 34px; }	

			div.leftpuffbottom	{ display:block;
						  width:212px;
						  height:135px;
						  margin:0px 0px 0px 0px;
						  padding:10px 0px 0px 106px; }	

			div.leftpuff h2	{ color:#fff;
							  line-height:26px !important;
							  text-transform:none;
							  font:20px trebuchet ms, arial, verdana, sans-serif; }

			div.leftpuff p	{ color:#801707;
					  line-height:22px !important;
					  font:16px arial, verdana, sans-serif; }

			div.leftpuff a	{ display:block;
					  width:180px;
					  height:24px;
					  color:#eb371c;
					  font:22px arial, verdana, sans-serif;
					  margin:0px 0px 7px 0px;
					  padding:5px 0px 8px 12px;
				 	  background: #f00 url(../images/orangebtn.png) no-repeat 0px 0px; }

			div.leftpuff a:hover	{ text-decoration:none;
					 	  background: url(../images/orangebtnover.png) no-repeat 0px 0px; }
	
		div.puffar	{ float:left;
					  display:block;
					  width:954px;
					  height:132px;
					  margin:8px -10px 0px 0px;
					  padding:8px 0px 0px 10px;
					  background: url(../images/puffarbg.png) no-repeat left top; }	

		div.puff	{ float:left;
				  display:block;
				  width:249px;
				  height:115px;
				  margin:0px 8px 0px 0px;
				  padding:0px 26px 0px 34px;
				  cursor:pointer;
				  position:relative;
				  background:#fff; }

			div.puff p	{ margin:0px;
					  padding:5px 0px 0px 0px;
					  line-height:18px !important;
					  font:13px arial, verdana, sans-serif;  }

		div.puffover	{ background: url(../images/puffbggraover.png) no-repeat left top;  }

			div.puffover p	{ margin:0px;
					  padding:5px 0px 0px 0px;
					  line-height:18px !important;
					  font:13px arial, verdana, sans-serif;  }

			div.puffpil	{ position:absolute;
					  top:99px;
					  left:293px;
					  width:19px;
					  height:19px; }

		div.puffor	{ background: url(../images/puffbgor.png) no-repeat left top; }
			div.puffor p	{ margin:0px;
					  padding:5px 0px 0px 0px;
					  color:#891c0b; 
					  line-height:18px !important;
					  font:13px arial, verdana, sans-serif;  }

		div.pufforover	{ background: url(../images/puffbgorover.png) no-repeat left top; }
			div.pufforover p	{ margin:0px;
						  padding:5px 0px 0px 0px;
						  color:#891c0b; 
						  line-height:18px !important;
						  font:13px arial, verdana, sans-serif;  }

		div.puffbla	{ background: url(../images/puffbgbla.png) no-repeat left top; }
			div.puffbla p	{ margin:0px;
					  padding:5px 0px 0px 0px;
					  color:#1b465a; 
					  line-height:18px !important;
					  font:13px arial, verdana, sans-serif;  }
		div.puffblaover	{ margin:0px 8px 0px 0px;	
				  background: url(../images/puffbgblaover.png) no-repeat left top; }
			div.puffblaover p	{ margin:0px;
						  padding:5px 0px 0px 0px;
						  color:#1b465a; 
						  line-height:18px !important;
						  font:13px arial, verdana, sans-serif;  }


		div.puffgra	{ background: url(../images/puffbggra.png) no-repeat left top; }
			div.puffgra p	{ margin:0px;
					  padding:5px 0px 0px 0px;
					  color:#707070; 
					  line-height:18px !important;
					  font:13px arial, verdana, sans-serif;  }
		div.puffgraover	{ background: url(../images/puffbggraover.png) no-repeat left top; }
			div.puffgraover p	{ margin:0px;
						  padding:5px 0px 0px 0px;
						  color:#707070; 
						  line-height:18px !important;
						  font:13px arial, verdana, sans-serif;  }	


		div.puffimg	{ float:right;
				  display:block;
				  margin:0px -26px 0px 0px; }

		div.puff blockquote { display: table;
				      height: 115px;
				      border:none;
				      font-weight:normal;
				      line-height:22px !important;
				     *display: block;
				     *position: relative; }			 
						
	 		div.puff blockquote span { display: table-cell;
						   vertical-align: middle;
						  *display: block;
						  *position: absolute;
						  *left: 0px;
						  *width: 100%;
						  *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
									   
			div.puff blockquote span span { display: inline;
							vertical-align: baseline;
							position: relative;
							left: auto;
							width: auto;
							top:auto; }	

		div.puff h2	{ margin:0px;
					  padding:0px;
					  color:#fff;
					  text-transform:none;
					  font:20px trebuchet ms, arial, verdana, sans-serif; }

		div.puffar2	{ float:left;
					  display:block;
					  width:954px;
					  height:132px;
					  margin:8px -10px 0px 0px;
					  padding:8px 0px 0px 8px; }	

			div.puff2	{ float:left;
						  display:block;
						  width:310px;
						  height:115px;
						  margin:0px 8px 0px 0px;
						  padding:0px 0px 0px 0px;
						  cursor:pointer;
						  position:relative; }

			div.puff2over	{ background: url(../images/puffbggraover.png) no-repeat left top;}

				div.puff2img	{ float:left;
								  display:block;
								  width:115px;
								  height:115px;
								  margin:0px 16px 0px 0px;
								  padding:0px 0px 0px 0px; }

				div.puff2text	{ float:left;
								  display:block;
								  width:179px;
								  height:115px;
								  margin:0px 0px 0px 0px;
								  padding:0px 0px 0px 0px; }	

					div.puff2text h2	{ margin:0px;
										  padding:0px 0px 8px 0px;
										  color:#ee3415;
										  text-transform:none;
										  font:bold 16px helvetica, arial, verdana, sans-serif; }

					div.puff2text h3	{ color:#3d3d3d;
										  text-transform:none;
										  font:bold 13px helvetica, arial, verdana, sans-serif; }

					div.puff2text p	{ color:#3d3d3d;
									  font: 13px helvetica, arial, verdana, sans-serif; }

					div.puff2text li { padding:0px 0px 0px 15px;
									   background: url(../images/pil2.gif) no-repeat 2px 4px;  }

					div.puff2text li a	{ text-decoration:underline;
										  color:#3d3d3d;
										  font:12px arial, verdana, sans-serif; }

					div.puff2text li a:hover	{ color:#ee3415;	
												  text-decoration:underline;  }

					div.puff2text blockquote { display: table;
											   height: 115px;
											   border:none;
											   font-weight:normal;
											   line-height:22px !important;
											  *display: block;
											  *position: relative; }			 
						
	 				div.puff2text blockquote span { display: table-cell;
													vertical-align: middle;
											       *display: block;
											       *position: absolute;
											       *left: 0px;
											       *width: 100%;
											       *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }
											   
					div.puff2text blockquote span span { display: inline;
													     vertical-align: baseline;
													     position: relative;
													     left: auto;
													     width: auto;
													     top:auto; }				


		div.bottom	{ clear:both;
				  display:block;
				  width:961px;
				  height:27px;
				  margin:0px -10px 7px 0px;
				  padding:0px;
				  background: url(../images/bottombg.png) no-repeat 0px 0px; }

			div.breadcrumbs	{ float:left;
					  display:block;
					  width:595px;
					  margin:2px 0px 0px 0px;
					  padding:0px 0px 0px 8px; }
	
				div.breadcrumbs	 p { float:left;
						     margin:0px;
						     padding:5px 0px 0px 0px;
						     color:#979797;
						     font:11px arial, verdana, sans-serif; }
	
				div.breadcrumbs	 ul { float:left;
						      margin:0px;
						      padding:2px 0px 0px 0px; }

				div.breadcrumbs	 li { float:left;
						      margin:0px;
						      padding:0px 8px 0px 4px;
						      line-height:18px !important;
						      background:  url(../images/breaddivider.png) no-repeat right 5px;}

				div.breadcrumbs	 li.last { background: none;}

				div.breadcrumbs	 a { margin:0px;
						     padding:0px;
						     color:#fff;
						     font:11px arial, verdana, sans-serif;  }

			div.links	{ float:left;
					  display:block;
					  width:350px;
					  margin:0px 5px 0px 0px;
					  padding:2px 0px 0px 0px; }
	
				div.links	 ul { float:right;
						      margin:0px;
						      padding:2px 0px 0px 0px; }

				div.links	 li { float:left;
						      margin:0px;
						      padding:0px 20px 0px 8px;
						      line-height:18px !important; }

				div.links li.tipsa	 { background:  url(../images/tipsa.png) no-repeat right 4px;}
				div.links li.print	 { background:  url(../images/print.png) no-repeat right 4px;}
				div.links li.sitemap	 { background:  url(../images/sitemap.png) no-repeat right 4px;}

				div.links	 li.last { background: none;}

				div.links	 a { margin:0px;
						     padding:0px;
						     color:#979797;
						     font:11px arial, verdana, sans-serif;  }

					  
div#right	{ float:left;
			  width:11px;
			  margin:0px 0px 0px 0px;  }

/* ------------------------------------------------
	pages
-------------------------------------------------*/


	div#leftcontent  { float:left;
			   display:block;
			   width:628px;
			   margin:0px 0px 0px 8px;
			   padding:0px; }

		div#relimg  { display:block;
				      width:628px;
			    	  height:184px;
				      margin:0px;
				      padding:0px; }
					  
			div#relimg img { width:628px;
					    	 height:184px; }

		div#maintext { float:left;
			    	   display:block;
				       width:594px;
				       margin:0px;
				       padding:34px 17px; }
					   
			div#maintext ul { margin:10px 0px 0px 3px;
					       	  padding:0px; }
			div#maintext li { margin:0px;
					       	  padding:0px 0px 0px 10px;
					  		  background: url(../images/pil3.gif) no-repeat 0px 5px;	 }

			div.rel { float:right;
			 	 	  display:block;
				 	  width:188px;
					  margin:20px 0px 20px 20px;
					  padding:0px;
					  border-top:4px solid #898989;
					  border-bottom:4px solid #898989;
					  background:#f4f4f4; }

				div#maintext  div.rel ul { margin:0px;
									       padding:10px 20px; }

				div#maintext  div.rel li { margin:0px;
									       padding:2px 0px 2px 15px;
										   background: url(../images/pil2.gif) no-repeat 0px 5px;	 }

				div#maintext  div.rel li a { text-decoration:underline;	 }
				div#maintext  div.rel li a:hover { color:#ee3415;	
												   text-decoration:underline;	 }
				
				div.form { display:block;
						   margin:10px 0px 0px 0px;
						   width:370px; }
						   
				span.label { float:left;
							 display:block;
							 width:140px;
							 margin:0px 0px 2px 0px; }
							 
				.textfield { float:left;
							 width:215px;
							 margin:0px 0px 5px 0px;
							 padding:4px;
							 font: 11px  Verdana, Arial, sans-serif;
							 color:#5a5a5a;
							 border:none;
							 background: #e0e0e0;	 }
							 
				.textarea { float:left;
							width:215px;
							height:100px;
							margin:0px 0px 2px 0px;
							padding:4px;
							font: 11px  Verdana, Arial, sans-serif;
							color:#5a5a5a;
							border:none;
							background: #e0e0e0;	}
							 
				.btn { float:right;
					   margin:5px 4px 2px 0px;
					   padding:2px 5px;
					   color:#898989;
					   border:none;
					   font: 11px  Verdana, Arial, sans-serif;
					   color:#fff;
					   text-align:center;
					   border:none;
					   background:#909090;	
					   /*background: url(../images/btn.png) no-repeat right top;*/ }


		div.searchresult { margin:15px 0px; }
			div.searchresult a { color:#f8381a;
								 text-decoration:underline; }
		
	div#rightcontent  { float:left;
			    display:block;
			    width:310px;
			    margin:0px 0px 0px 8px;
			    padding:0px; }


	div.tellafriend{  width:306px;
		     	  height:262px;
			  background:#f5f5f5;
		    	  margin:0px 4px;
		    	  display:block;
		    	  margin:30px auto;
			  font-size:11px; }
	
		div.tellafriend p {  font-size:11px; }	
		
		.textfieldtellfriend {	background:#fff;
					border:1px solid #606060; }
								
		.btnfieldtellfriend {	background:#606060;
					border:none;
					color:#fff;
					padding:2px 5px;
					margin:0px 0px 0px 20px; }																  


/* ------------------------------------------------
	produktsidor
-------------------------------------------------*/


	div.prods	{ margin:0px 0px 20px 19px;
			  padding:0px 0px 20px 0px; }


		div.prod	{ float:left;
				  display:block;
				  width:178px;
				  height:174px;
				  margin:0px 0px 12px 0px;
				  padding:7px 6px;
				  cursor:pointer;
				  position:relative;
				  overflow:hidden;
				  border:1px solid #e5e5e5; }

			div.prodmargin	{ margin:0px 12px 12px 0px; }

			div.prodover	{ border:1px solid #f8381a; }

			div.prod h2	{ margin:0px;
						  padding:10px 7px;
						  text-transform:none;
						  font:bold 11px trebuchet ms, arial, verdana, sans-serif;  }

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

			div.prodimg img	{ width:178px;
							  height:143px; }

		div.prodpil	{ position:absolute;
				  top:162px;
				  left:156px;
				  width:19px;
				  height:19px; }

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

#footer { clear:both;
		  width:982px;
		  height:94px;	
		  padding:0px 0px 0px 20px;
		  margin:0px 0px 0px 0px;
		  background: url(../images/footerbg.png) no-repeat top left;	}

#footer p { display:block;
	    margin:0px 0px 0px 0px;
	    padding:0px 0px 0px 0px;
	    font:12px trebuchet ms, arial, verdana, sans-serif;
	    color:#4f4f4f; 
	    line-height:18px; }

span.sphinx { font:12px trebuchet ms, arial, verdana, sans-serif;
		      color:#919191; }

span.sphinx a { font:12px trebuchet ms, arial, verdana, sans-serif;
			color:#919191; }

#footer a { color:#919191;  }
#footer a:hover { color:#919191;
		  text-decoration:underline;  }
		  
	div.footerleft { float:left;
					 width:910px;
					 padding:30px 0px 0px 0px;
				     margin:0px;	}
	div.footerright { float:left;
					  width:72px;	
					  padding:30px 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:400px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 400px;
}

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

* html .hojd2 {
	height: 384px;
}


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

}