/* ------------------------------------------------
	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, 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
-------------------------------------------------*/

html, body, form { margin:0;
				   padding:0;
				   height:100%; }


body 	{ color: #606060;
		  font: 11px Verdana, Arial, sans-serif;
		  background:url(../images/bg2.png);
		  margin:0px;
		  padding:0px;	}

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

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;
	  color:#606060;	}

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

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




h1 	{ font: 18px trebuchet ms, Verdana, Arial, "sans-serif";
	  color: #000;	
	  margin-bottom: 10px;	}

h2 	{ font-size: 14px; 
	  color: #606060;	
	  margin-bottom: 15px;
	  font-weight: normal;	}

h3 	{ font-size: 14px; 
	  color: #006f4e;	
	  margin-bottom: 20px;
	  font-weight: normal;	}

#formular h3 	{ font-size: 16px; 
	  color: #333;	
	  margin-top: 20px;
	  font-weight: normal;	}

a 	{ color: #1e4a89;
	  text-decoration: none;
	  font-weight:bold;	}

a:hover { text-decoration:underline;	}

a.faqAnchor:hover { text-decoration:none;}

img	{ border: 0px solid; 	}

form	{ color: #333;
	  font: 11px  Verdana, Arial, sans-serif;
	  padding:10px 0px;	}



				
.btn { 			background:1px solid #d9d9d9;
				border:none;	}				

.textfieldantal { 	font: 11px  Verdana, Arial, sans-serif;
					background:#fff;
					border:1px solid #d9d9d9;
					padding:5px 1px;
					margin:-4px 8px 8px 15px;
					float:left;
					width:30px;
					text-align:right;	}

#container2 { min-height:100%;
			  position:relative;
		 	  background: url(../images/bg.png) repeat-x; }


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


			
	.textfield { 	 margin:0px 2px 0px 0px;
			 height:20px;
				     width:260px;
				     border:none;
				     color:#000;
				     padding:10px 0px 0px 10px;
				     font: 11px  Verdana, Arial, sans-serif;
				     background: url(../images/formfield.png) no-repeat 0px 5px;
				 	 position:relative;
					 z-index:2001;	}	
					 
	.textboxcontainer { float:left;
						margin:3px 0px 0px 1px;	}
					 	
	.textboxtop { 	 height:13px;
				     width:263px;
				     background: url(../images/textboxtop.png) no-repeat 0px 0px;
					 z-index:2001;
					 margin:0px;	}	
					 					 
					 
	.textboxbg { 	 margin:-1px 0px 0px 0px;
				     width:263px;
				     border:none;
				     color:#000;
				     padding:0px;
				     font: 11px  Verdana, Arial, sans-serif;
				     background: #eaeaea;
				 	 position:relative;
					 z-index:2001;	}	
					 
	.textbox { 		 margin:0px 0px -10px 0px;
					 padding:0px 8px;
					 height:60px;
				     width:243px;
				     border:none;
				     color:#000;
				     font: 11px  Verdana, Arial, sans-serif;
				     background: none;
				 	 position:relative;
					 z-index:2001;	}						 
	
	.textboxbottom { height:13px;
				     width:273px;
				     background: url(../images/textboxbottom.png) no-repeat 0px 0px;
					 z-index:2001;	}
					 					 		 
	.break { clear:both; }
	.submitbutton { color:#716e6e;
					text-align:center;
					margin:5px 0px 0px 0px; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

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

	div#logo	{ float:left;
			  width:622px;
			  height:75px;
			  padding:0px 0px 0px 0px; }

	div#searchlangs	{ float:right;
			  width:331px;
			  height:50px;
			  position:relative;
			  z-index:2000; }

		a.sitemap img { text-decoration:none;
						padding:0px 4px 0px 0px; }
		a:hover.sitemap img { text-decoration:none; }
		a:hover.sitemap { color:#dec261; }	
		
		div#search	{ width:325px;
				 	  padding:5px 10px 0px 0px;
				 	  height:20px; }
	
		div#search p	{ color:#6b509c;
						  float:left;	}

		div#search a	{ color:#006f4f;
			  	  font-size:11px;	}
				  
		div#search a:hover	{ color:#dec261;
			  	  			  font-size:11px;
							  text-decoration:none;	}				  
	
		div#search .search { margin:-8px 2px 0px 5px;
				     height:20px;
				     width:173px;
				     border:none;
				     float:left;
				     color:#a5a5a5;
				     padding:10px 0px 0px 10px;
				     font: 11px  Verdana, Arial, sans-serif;
				     background: url(../images/searchbar.png) no-repeat 0px 5px;
				 	 position:relative;
					 z-index:2001;	}
	
		div#search .searchbutton { float:left;
					   margin:-5px 0px 0px 0px;
					   padding:0px 0px 0px 0px;
				  	   position:relative;
				 	   z-index:2002;	}

		div#langs	{ width:135px;
				  padding:15px 0px 0px 175px;
				  height:20px;	}

		div#langs a	{ color:#606060;
				  font:11px "trebuchet ms", verdana, arial, sans-serif;	}

		div#langs a#current	{ color:#000;
					  font:11px "trebuchet ms", verdana, arial, sans-serif;	}


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



	div#menu	{ width:851px;
				  height:41px;
				  margin:0px;
				  background: url(../images/menubg.png) repeat-x; }

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

	div#menu li {	  float:left; 
			  padding:14px 8px 0px 8px; }

	div#menu a {	  float:left;
			  display:block;
			  text-decoration:none;
			  color:#fff;
			  white-space:nowrap;
			  font: bold 11px Verdana, Arial, sans-serif; }

	div#menu a:hover { text-decoration:underline;  }

	div#menu .active a { text-decoration:underline; }




	ul#submenu { margin:0px;
		     padding:0px 0px;
		     list-style:none; }
	
	ul#submenu a	{ color:#006f4e;
			  font:14px "trebuchet ms", verdana, arial, sans-serif;	}

	ul#submenu a:hover { text-decoration:none;
			     border-bottom:1px solid #dec261;	}

		ul#submenu li { margin:0px;
				padding:4px 25px;
				background: url(../images/linkarrow2.png) no-repeat left 4px; }
				
		ul#submenu li:hover, ul#submenu li.sfhover { margin:0px;
				background: url(../images/linkarrow2over.png) no-repeat left 4px; }								

		ul#submenu li.active { background: url(../images/linkarrow2over.png) no-repeat left 4px; }
		ul#submenu li.active a { color:#000; }		
						   
							  
							  
		ul#submenu li.active a:hover { 	color:#006f4e;
										text-decoration:underline;
					    				border:none; }
	
		ul#submenu li ul { padding:5px 0px; }

		ul#submenu li ul li { margin:0px;
				      padding:4px 20px;
				      background: none; }
					  
		ul#submenu li.active ul li a { color:#006f4e; }					  

					  
		ul#submenu li ul li:hover, ul#submenu li ul li.sfhover { background: none; }						  

		ul#submenu li ul li a { font:11px "trebuchet ms", verdana, arial, sans-serif; }

		ul#submenu li ul li.active { background:none; }
		ul#submenu li ul li.active a { color:#000; }									   


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


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

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

div#maincontent	{ float:left;
		  display:block;
		  width:851px;
		  margin:0px;
		  display:block; }


div#contentcontainer	{ width:850px;
			  display:block;
			  float:left;
			  margin:0px 0px 0px 0px; }


	div#knappar	{ width:842px;
			  height:54px;
			  margin:0px 0px;
			  padding:4px 0px 0px 9px;
			  background: url(../images/knapparbg.png) repeat-x; }

		div.knapp	{ float:left;
				  display:block;
				  height:45px;
				  padding:0px;
				  margin:4px 4px 0px 0px;
				  font:bold 14px verdana, arial, sans-serif;
				  color:#fff;
				  background: url(../images/knappbg.png) no-repeat right top; }

		.knapp1 {  width:183px; }
		.knapp2 {  width:171px; }
		.knapp3 {  width:194px; }

		div.knappimg	{ float:left;
				  display:block;
				  width:45px;
				  margin:-4px 0px 0px 0px; }

		div.knapptext	{ float:left;
				  display:block;
				  padding:0px 0px 0px 4px;
				  height:40px;
				  font:bold 14px verdana, arial, sans-serif;  }

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

			span.small { font-size:11px;
				     font-style:italic; }


		div.kundvagn	{ float:left;
				  display:block;
				  width:247px;
				  height:29px;
				  padding:12px 0px 0px 35px;
				  margin:4px 0px 0px 0px;
				  font:bold 14px verdana, arial, sans-serif;
				  color:#fff;
				  background: url(../images/kundvagn.png) no-repeat left top; }


	div#content	{ width:851px;
			  margin:0px;
			  padding:0px;
			  background: url(../images/mainbg.png) repeat-y; }
	

	div.leftcontent	{ float:left;	
			  display:block;
			  width:565px;
			  margin:0px 4px 0px 0px; }

		div#mainimg	{ width:565px;
					  height:312px;
					  display:block;
					  overflow: hidden;
					  position:relative;
					  z-index:20000; 
					  margin:-279px 0px 0px 0px; }
	
			div#mainimg img	{ width:565px;
							  height:312px; 
							  position: absolute; }
					  
		div#mainimgtext	{ display:block;
						  width:462px;
						  height:69px;
						  background:#444444;
						  overflow: hidden;
						  margin:200px 0px 0px 0px;
						  padding:9px 0px 0px 35px;
						  position:relative;
						  z-index:21000;
						   /* for IE */
						  filter:alpha(opacity=60);
						  /* CSS3 standard */
						  opacity:0.6;
						  /* for Mozilla */
					  	  -moz-opacity:0.6; }	
						  
			div#mainimgtext h1	{ color:#fff;
								  font:bold 22px "trebuchet ms", verdana, arial, sans-serif;
								  margin:0px 0px 7px 0px;
								  padding:0px; }	
			div#mainimgtext p	{ color:#fff;
								  font:bold 14px "trebuchet ms", verdana, arial, sans-serif;
								  padding:0px; 
								  margin:0px; }							  				  
	
	div.rightcontent { float:left;	
			   display:block;
			   width:282px;
			   margin:0px -10px 0px 0px;
			   background: url(../images/rightbg.png) no-repeat left top;}

	div.rightcontentpage { float:left;	
			       display:block;
			       width:282px;
			       padding:0px 0px 180px 0px;
			       margin:0px -10px 0px 0px;
			       background: url(../images/rightbg.png) no-repeat left top;}

	ul#kassa { margin:0px 10px;
		   color:#000; }

	ul#kassa li { margin:0px;
		      padding:10px; }

	ul#kassa li a { color:#000;
			font-weight:bold;
			padding:0px 0px 0px 20px; }

	ul#kassa li.broschyrer { background: url(../images/broschyr.png) no-repeat 8px 11px; }

		span.kostnadsfritt { color: #1FC430; }

	ul#kassa li.ovrigt { background: url(../images/ovrigt.png) no-repeat 8px 11px; }

	ul#kassa li.namnbrickor { background: url(../images/namnbricka.png) no-repeat 4px 11px;
				  border-bottom:1px solid #fff; }

	ul#kassa li.summa { border-top:1px solid #dcdcdc; }

	ul#kassa li li { font-style:italic;
			 padding: 0px 0px 0px 20px;
			 color:#898989; }
			 
	ul#kassa2 { margin:0px 10px;
		   		color:#000;
				background:#f7f7f7; }

	ul#kassa2 li { margin:0px;
			       padding:10px;
				   clear:both; }

	ul#kassa2 li a { color:#000;
					 font-weight:bold;
					 padding:0px 0px 0px 20px; }

	ul#kassa2 li.broschyrer { background: url(../images/broschyr.png) no-repeat 8px 11px; }

	ul#kassa2 li.ovrigt { background: url(../images/ovrigt.png) no-repeat 8px 11px; }

	ul#kassa2 li.namnbrickor { background: url(../images/namnbricka.png) no-repeat 8px 11px;
						  	   border-bottom:1px solid #fff; }

	ul#kassa2 li.summa { border-top:1px solid #dcdcdc; }

	ul#kassa2 li.summa li { font-style:italic;
							padding: 0px 20px;
						    color:#898989;  }
	ul#kassa2 li li { font-style:italic;
					  padding: 0px 20px;
					  color:#898989; }		
			 
	div.kassa2 { display:block;
				 color:#000;
				 padding:10px;
				 margin:10px;
		   		 background:#f7f7f7; }
							 	 
	span.kassaspan { float:left;
					 display:block;
					 width:282px; }
						
	span.kassaprodukt { float:left;
						display:block;
						width:240px; }						
						
	span.kassaantal { float:left;
					  display:block;
					  width:40px;
					  text-align:right; }	
					  
	span.kassaapris { float:left;
					  display:block;
					  width:50px;
					  text-align:right; }		
				  
	span.kassapris { float:left;
				  	 display:block;
					 width:50px;
					 text-align:right; }
					 
	span.kassaspan2 { float:left;
					 display:block;
					 width:328px; }		

	.label { float:left;
			 display:block;
			 width:150px;
			 line-height:26px; }
			 			 
								 
	.kassafield { float:left;
			      width:122px;
			      height:13px;
			      padding:5px 2px 4px 2px;
			      margin:0px 2px 0px 0px;
			      border:1px solid #dadada;
			      background:#ffffff; }					 		 						  				
						
	.slutfor { margin:0px 15px; }

	div.leftcontent2	{ float:left;	
				  display:block;
				  width:565px;
				  margin:9px 4px 0px 0px;
				  background: url(../images/leftcontentbg.png) repeat-x;}

		div.puff { float:left;	
			   display:block;
			   width:237px;
 			   height:185px;
			   padding:30px 23px 0px 30px;
			   background: url(../images/puffbg.png) no-repeat right top; }

			div.puff p { margin:0px 0px 10px 0px; }

		div.puff2 { float:left;	
			   display:block;
			   width:221px;
 			   height:185px;
			   padding:30px 23px 0px 30px; }

			div.puff2 p { margin:0px 0px 10px 0px; }
			div.puff2 a { font-weight:normal; }
			
		div.nlpuff {
			float:left;	
			   display:block;
			   width:221px;
 			   height:65px;
			   margin-top: -75px;
			   color:#f00;
			   /*padding:30px 23px 0px 30px*/			   
		}

	div.rightcontent2 { float:right;	
			    		display:block;
					    width:242px;
					    height:132px;
					    /*padding:68px 20px 0px 20px;
					    margin:-222px 0px 0px 0px;*/
						padding:0px 20px 0px 20px;
						margin:-185px 0px 0px 0px;
					    background: url(../images/rightarrow.png) no-repeat left bottom;
						}
		
		div.rightcontent2 p { padding:0px 0px 10px 0px;
		}

	div.nyhetsbrev { float:left;	
			 display:block;
			 width:242px;
			 height:62px;
			 padding:0px;
			 background: #f00;;}

		span.epost { color:#000; }

		.epostfield { float:left;
			      width:122px;
			      height:13px;
			      padding:5px 2px 4px 2px;
			      margin:0px 2px 0px 0px;
			      border:1px solid #dadada;
			      background:#ffffff; }

div.right	{ float:left;
		  display:block;
		  width:34px;
		  margin:0px 0px 0px 0px;	}
		  
div#divPersonRow
	{float:right;width:130px;}

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

div.leftcontentpage	{ float:left;	
			  display:block;
			  width:525px;
			  margin:0px 4px 0px 0px;
			  padding:40px 20px ;
			  height:630px;
			  overflow:auto;
			  background: url(../images/leftcontentbg.png) repeat-x; }

	div.leftcontentpage p	{ padding:0px 0px 15px 0px; }

	.leftcontprod	{ overflow:auto; }	

	div.lasmer	{ float:left;	
			  display:block;
			  width:456px;
			  padding:25px 20px;
			  margin:-5px 0px 0px 0px;
			  background: #f4f4f4 url(../images/lasmerbg.png) repeat-x; }
	
		ul#rellinks 	{  margin:0px;
				   padding:0px;
				   list-style:none;	}
	
		ul#rellinks li { margin:0px;
				 padding:0px 0px 0px 0px;
				 background: url(../images/kvadrat.png) no-repeat left 6px;	}				
	
		ul#rellinks a  { font: 12px  "trebuchet ms", georgia, Verdana, Arial, "sans-serif";	
				 padding:0px 0px 0px 15px;
				 text-decoration:underline;	}

		ul#rellinks a:hover  { text-decoration:none;	}
	

	div.sverigekarta { float:right;
			   display:block;
			   width:220px;
			   padding:0px; }

   div.product {	float:left;
					height: 90px;
					display:block;
					width:242px;
					/*width:484px;*/
					margin:0px 0px 8px 0px;
					border:1px solid #d6d6d6;
					background:#f4f4f4; 
					align:middle;}
					
	div.product a { font-size:14px;
					font-weight:bold;
					}	
			   
	div.broschyr {	float:left;
					display:block;
					/*width:242px;*/
					width:484px;
					margin:0px 0px 8px 0px;
					border:1px solid #d6d6d6;
					background:#f4f4f4; }

		div.broschyrimg {float:left;
				 display:block;
				 width:117px;
				 height:165px;
				 padding:5px; }

			div.broschyrimg img { width:117px;
					      height:165px; }
						  
	  #ajaxloader{margin-top:100px;margin-left:234px;width:48px;height:48px}

		div.padding { margin:0px 8px 8px 0px; }
		
		div.broschyrtext { display:block;
						   /*width:350px;*/
						   width:343px;
						   height:120px;
						   margin:0px 0px 5px 0px;
						   padding:10px 5px;
						   overflow:hidden; }
				
		div.broschyrtext p { color:#000;
							 line-height:18px; }
							 
		div.broschyrtext a { font-weight:normal;
							 color:#000; }
		
		div.broschyrtext a:hover { text-decoration:none; }							 

		
		
		span.gron { /*color:#176a25;*/
					color:#1FC430;
				    line-height:18px; }
		span.rod { color:#d20f27;
				   line-height:18px; }

		div.bestall  { float:right;
					   text-align:right;
					   width:120px;
					   padding:0px 5px 0px 0px; }
		
		div.bestall p { color:#606060; }

		.bestallfield { float:left;
						display:block;
						width:20px;
						height:18px;
						text-align:right;
						padding:4px 2px 0px 2px;
						border:1px solid #bcbcbc;
						background:#fff; }
						
		div.productprice {float:right;
						text-align:right;
						display:block;
						margin:3px 4px;
						padding-right:10px;
						color: #f00;
						font-weight:bold}
						
		.bestallspan { float:left;
					   display:block;
					   margin:3px 4px; }

		.bestallbtn { float:right;
			   		  display:block; }				

	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; }																  
								
								
			
/* ------------------------------------------------
	check out
-------------------------------------------------*/	
	
.leftitem {display:block;
			width:250px}
				

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

#footer { float:left;
	  width:919px;
	  height:95px;	
	  background: url(../images/footerbg.png) no-repeat top left;	}

#footer p { font:11px verdana, arial, sans-serif;
	    color:#fff; 
	    line-height:18px;
	    padding:20px 50px; }
#footer .kontakt {color:#cccccc; }

#footer a { color:#6088ae; 
		    font-weight:normal; }
#footer a:hover { text-decoration:underline;  }




/* ------------------------------------------------
	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:360px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 360px;
}

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

* html .hojd2 {
	height: 200px;
}


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

}