/* ------------------------------------------------
	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, i, cite, var, address, em { 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: #606060;
		  font: 11px  Verdana, Arial, sans-serif;
		  background: #fff url(../images/bg.jpg) repeat-x;
		  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 Arial, sans-serif;
	  line-height:18px;
	  color:#606060;	}

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




h1 	{ font: bold 16px  Verdana, Arial, "sans-serif";
	  color: #fff;	
	  margin-bottom: 20px;
	  font-weight: normal;	}

h2 	{ font: 14px  Verdana, Arial, "sans-serif";
	  color: #606060;	
	  margin-bottom: 10px;	}

h3 	{ font:bold 11px  Verdana, Arial, "sans-serif";
	  color: #191919;	
	  margin-bottom: 15px;
	  text-transform:uppercase;	}

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

a 	{ color: #4978a9;
	  text-decoration: none;	}

a:hover { text-decoration:underline;	}

img	{ border: 0px solid; 	}

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


.label {	color: #333;
		padding:2px 2px; }

.textfield { 	font: 11px  Verdana, Arial, sans-serif;
	  	background:#fff;
	     border:1px solid #d9d9d9;
		padding:2px 1px;
		margin:1px 2px;
		float:left;
		width:135px;	}

.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;	}

.parent {
display: block;
width: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 0;
}

div#container	{ margin:0px auto 0px auto;
		  		  height:auto;
		  		  width:958px;	}

/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:958px;
		  display:block;
		  background: url(../images/headerbg.png) no-repeat top left;
		  margin:0px;
		  padding:0px; }

	div#search	{ float:right;
			  width:958px;
			  height:50px;
		  	  background: url(../images/searchbg.png) no-repeat top left; }

		a.sitemap img { text-decoration:none;
						padding:0px 4px 0px 0px; }
		a:hover.sitemap img { text-decoration:none; }
		a:hover.sitemap { color:#dec261; }	
		
		div#search2	{ float:right;
				  width:256px;
				  margin:0px;
				  padding:0px;
				  display:block; }
	
		div#search2 p	{ margin:-3px 0px 0px 0px;
				  padding:0px;
				  color:#fff;				  
				  float:left;
				  font:bold 11px  Verdana, Arial, sans-serif;	}

		div#search2 a	{ color:#006f4f;
			  	  		  font-size:11px;
						  position:relative;	}
				  
		div#search2 a:hover	{ color:#dec261;
			  	  	  font-size:11px;
					  text-decoration:none;	}				  
	
		div#search2 .search { margin:-3px 0px 0px 12px;
				      width:167px;
				      border:none;
				      float:left;
				      color:#adbcd0;
				      font: 10px  Verdana, Arial, sans-serif;
				      background: none;
					  position:relative;	}
	
		div#search2 .searchbutton { float:left;
					    background:none;
					    margin:-8px 0px 0px 0px;
					    border:none;
					    color:#fff;	}

	div.logo	{ float:left;
			  	  width:301px;
			  	  height:85px;
			 	  margin:0px 300px 0px 23px;
			 	  background: url(../images/logo.png) no-repeat top left;
				  position:relative; }	

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

	div#kundvagn	{ float:left;
			  width:322px;
			  height:59px;
			  margin:18px 0px 0px 0px;
			  background: url(../images/kundvagn.png) no-repeat top left; }

		div#kundvagn h2 { font:bold 12px  Verdana, Arial, "sans-serif";
	  			  /*color:#fff;*/
	  			  color:#475670;	  			  
				  padding:3px 14px; }

		div#kundvagn a { color:#000;
						 text-decoration:underline;
						 position:relative;
						 display:block;
						 line-height:22px;float:left; }
						 
		div#kundvagn a img { margin:0px 0px 0px 2px; }						 

		div#kundvagn a:hover { text-decoration:none; }

		div#kundvagn p.artiklar { float:left;
					  padding:0px 14px;
					  display:block;
				  	  width:180px; }

		div#kundvagn p { float:left; }

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



	div#menu	{ width:958px;
			  height:30px;
			  background: url(../images/menubg.png) no-repeat left top;	}

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

	div#menu li {	  float:left;  }

	div#menu a {	  float:left;
			  display:block;
			  text-decoration:none;
			  color:#fff;
			  font: 10px Verdana, Arial, sans-serif;
			  padding:9px 14px 9px 14px;
			  position:relative; }

	div#menu a:hover { color:#fff;
			   text-decoration:none;
			   background:url(../images/menupil4.gif) no-repeat center bottom;   }

	/* Commented Backslash Hack
	   hides rule from IE5-Mac \*/
	
	div#menu a {float:none;}

	/* End IE5-Mac hack */
	
	div#menu .active { color:#fff;
			   font-weight:bold;}

	div#menu .active a { color:#fff;
			     font-weight:bold;
			     background:url(../images/menupil.gif) no-repeat center bottom;   }

	div#menu .active a:hover { text-decoration:none;
				  			   border:none;
			  				   background:url(../images/menupil4.gif) no-repeat center bottom; }



	div.submenu { display:block;
		     	  width:604px;
	 		      height:40px;
			      background: #fff url(../images/submenubg.png) no-repeat left top;
			      overflow:hidden; }

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

	div.submenu li { float:left;
			 margin:0;
			 padding:0 8px 0 10px;
			 background:url(../images/menupil2.gif) no-repeat 0px 24px;  }

	div.submenu a {	display:block;
			padding:20px 4px 7px 0px;
			text-decoration:none;
			color:#606060;
			font: 10px  Verdana, Arial, sans-serif;
			cursor:default; }


	/* Commented Backslash Hack
  		hides rule from IE5-Mac \*/
		div.submenu a {float:none;}
	/* End IE5-Mac hack */

	div.submenu a:hover { text-decoration:underline; }

	div.submenu #current {  background:url(../images/leftmenu.png) no-repeat left top;
				padding:0 0 0 48px;   }

	div.submenu #current a { background:url(../images/rightmenu.png) no-repeat right top;
				 color:#8fb2d7;
				 font-weight:bold;
				 padding:19px 48px 0px 0px;
				 font:bold 18px Arial, Verdana, sans-serif; }

	div.submenu #current a:hover { text-decoration:none; }


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

div#maincontainer	{ width:957px;
		  	  margin:0px 0px 0px 0px;
			  background: url(../images/bottombg2.png) no-repeat left bottom;	}

	div#langs	{ width:958px;
			  height:50px;
			  background: url(../images/top.png) no-repeat left top;	}

		div#langs ul {	  float:right;
				  margin:0px 0px 0px 0px;
				  padding:19px 40px 0px 0px;
				  list-style:none;  }

		div#langs li {	  float:left;  }

		div#langs a {	  float:left;
				  display:block;
				  text-decoration:none;
				  color:#fff;
				  font: 14px Verdana, Arial, sans-serif;
				  padding:11px 5px 3px 5px;
				  position:relative; }
				  
		*div#langs a {padding:11px 5px 3px 5px; }	
		
		div#langs a:hover { color:#fff;
				   font-weight:bold;
				   background:url(../images/menupil5.gif) no-repeat center top; }

		div#langs .active { color:#fff;
				   font-weight:bold;
				   background:url(../images/menupil5.gif) no-repeat center top; }
		

div#left	{ float:left;
		  	  display:block;
		  	  width:26px;
		  	  height:525px;
		  	  background: url(../images/left.png) no-repeat top left; }
			  
div#leftstart	{ float:left;
		  	  display:block;
		  	  width:26px;
		  	  height:525px;
		  	  background: url(../images/leftstart.png) no-repeat top left; }			  

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

div#main	{ float:left;
		  width:905px;
		  margin:0px;
		  display:block;
		  padding:0px 0px 0px 0px; 
		  position:relative;
		  z-index:5;
		  background:#fff; }
			 
	div#mainimg { width:905px;
		      /*height:239px;*/
		      height:237px;
		      margin:0px;
		      padding:0px; }

		div#mainimg img { width:905px;
			      /*height:239px;*/
		      height:237px;
			      margin:0px;
			      padding:0px; }

	div#puffar {  width:900px;
		      height:107px;
		      margin:0px;
		      padding:0px 0px 0px 5px;
		      background: url(../images/puffarbg.png) repeat-x;
		      display:block; }

	div#puffar a:hover { text-decoration:none; }			  
	
		div.puff1 {  float:left;
			    width:247px;
			    height:97px;
			    margin:3px 0px 0px 0px;
			    padding:0px 0px 0px 5px;
			    background: url(../images/puffbg2.png) repeat-x; }

		div.puff1over {  float:left;
			    width:247px;
			    height:97px;
			    margin:3px 0px 0px 0px;
			    padding:0px 0px 0px 5px;
			    background: url(../images/puffbg2over.png) repeat-x; }				

		div.puff2 {  float:left;
			    width:245px;
			    height:97px;
			    margin:3px 0px 0px 0px;
			    padding:0px 10px 0px 0px;
			    background: url(../images/puffbg.png) repeat-x; }
				
		div.puff2over {  float:left;
			    width:245px;
			    height:97px;
			    margin:3px 0px 0px 0px;
			    padding:0px 10px 0px 0px;
			    background: url(../images/puffbgover.png) repeat-x; }				

			div.puffimg{  float:left;
			  	      width:82px;
			  	      height:82px;
			  	      margin:0px;
				      padding:8px 0px 0px 3px;  }

				div.puffimg img {float:left;
				  	      	 width:82px;}
			div.pufftext {  float:left;
							width:110px;
			  	      		margin:0px;
				        	padding:18px 10px 0px 20px;
							height:60px;
							overflow:hidden;  }

				div.pufftext h2{ color:#000;
								 margin-bottom:8px; }
				div.pufftext p { line-height:18px; }

			div.puffarrow { float:right;
					width:38px;
					height:33px;
			  	    margin:-23px 0px 0px 0px;
				    padding:0px 0px 0px 0px;
					position:relative;
					z-index:10; 
			 	    background: url(../images/puffarrow.png) no-repeat right bottom; }

		div.puff3 {  float:left;
			    width:373px;
			    height:77px;
			    margin:21px 0px 0px 15px;
			    padding:0px 0px 0px 0px; }

			div.puff3 h2 {  float:left;
			    			display:block;
							color:#000;
							margin:0px 10px 9px 0px; }

			div.puff3 p, div.puff3 li, div.puff3 span {  color:#b3b3b3; }

			div.puff3 span.morenews a { color:#b3b3b3; }
			div#puffar div.puff3 span.morenews a:hover { text-decoration:underline; }
			div.puff3 ul { clear:both; }

			div#puffar div.puff3 ul li a:hover { text-decoration:underline; }			
		
		div.puff4 {  float:left;
			    width:373px;
			    height:77px;
			    margin:21px 0px 0px 0px;
			    padding:0px 0px 0px 0px; }

			div.puff4 h2 {  float:left;
			    			display:block;
							color:#000;
							margin:0px 10px 9px 0px; }

			div.puff4 p, div.puff4 li, div.puff4 span {  color:#b3b3b3; }

			div.puff4 span.morenews a { color:#b3b3b3; }

			div.puff4 ul { clear:both; }

			div.puff4 ul li a:hover { text-decoration:underline; }						


	div#produkter {  width:905px;
		       		 margin:0px;
		       		 padding:0px 0px 0px 0px;
					 display:block; }

	div#produkter2 {  width:905px;
		       		 margin:0px 0px 0px 26px;
		       		 padding:0px 0px 0px 0px;
					 display:block; }					 
	
		div.produkt {  	float:left;
		    	 		display:block;
						width:150px;
						height:195px;
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						background: url(../images/produktbg.png) repeat-x;
						border-bottom:1px solid #fff;
						border-right:1px solid #fff;
						position:relative; }
				
		div.produktover {margin:0px 0px 0px -150px; }				

		div.produktright { border-right:0px solid #fff; }

		div.produkt2 {  background: url(../images/produktbg2.png) repeat-x; }

			div.produktimg img { width:150px;	
								 height:95px; }

			div.produkttext { display:block;
							  width:130px;	
							  height:74px;
							  padding:21px 0px 0px 12px;
							  /*background: url(../images/produktpil.png) no-repeat right bottom */ }					  
							  
			/* Hides from IE5-mac \*/
				* html .produkt {height: 1%;}
			/* End hide from IE5-mac */ 					  
			
			div.produkttext p { color:#b3b3b3;
								height:32px;
								margin:3px 0px 0px 0px;
								line-height:16px;
								overflow:hidden; } 

				div.produkttext h3 { margin-bottom:0px; }

				div.produkttext p.pris { margin:0px 0px 0px 0px;
							 			 font-size:14px;
										 /*color: #4978a9;*/ }

	div#bottom { width:958px;
		     height:93px;
		     margin:0px 0px 0px 0px;
		     padding:0px 0px 0px 0px;
		     display:block;
		     position:relative;
		     z-index:3;
		     background: url(../images/bottombg.png) no-repeat left top;}

	div#shop {  width:224px;
		    height:24px;
		    margin:0px 27px 0px 0px;
		    padding:6px 0px 0px 0px;
		    text-align:center;
			float:right; }

	div#breadcrumbs { clear:both;
					  width:918px;
		    	  	  height:45px;
		    	  	  margin:0px;
		   	  		  padding:0px 0px 0px 60px; }

		div#breadcrumbs p { float:left;
				    display:block;
				    width:85px; }

		div#breadcrumbs ul { float:left;
				     display:block;
				     width:800px; }

			div#breadcrumbs li {	float:left;
					   	padding:1px 0px 0px 20px;
		    				background: url(../images/breadcrumb.png) no-repeat 0px 0px; }

div#right	{ float:left;
		  width:26px;
		  margin:0px;
		  height:525px;
		  background: url(../images/right.png) no-repeat top left;  }


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

div#maincontainerpage	{ width:957px;
		  	  margin:0px 0px 0px 0px;
			  background: url(../images/bottombg2page.png) no-repeat left bottom;	}

div#mainpage	{ float:left;
		  width:905px;
		  margin:0px;
		  display:block;
		  padding:0px 0px 0px 0px; 
		  position:relative;
		  z-index:5;
		  background: url(../images/mainpagebg.png) repeat-y; }

div#leftcontent	{ float:left;
		  width:604px;
		  margin:0px;
		  display:block;
		  padding:0px 0px 0px 0px;
		  background:#fff; }

	div#maintext {	float:left;
			width:520px;
			margin:0px;
	 		display:block;
	 		padding:40px 10px 40px 48px; }
			
		div#maintext form {	line-height:18px; }			
			
	div#maintext h1 { color:#8fb2d7; }
	

	div#rel {	float:right;
			width:245px;
			margin:-20px 0px 0px 10px;
	 		display:block;
	 		padding:0px;}
	
	div.boxheader { display:block;
					height:40px;
				    overflow:hidden;
					margin:0px 0px -20px 0px;
					position:relative;
					z-index:5000; }

	div#maintext div.boxheader ul { margin:0;
 		      padding:0px;
		      list-style:none; }

	div#maintext div.boxheader li { float:left;
			 margin:0;
			 padding:0 8px 0 10px;
			 background:url(../images/menupil2.gif) no-repeat 0px 24px;  }
			 
	div#maintext div.boxheader a {	display:block;
			text-decoration:none;
			color:#606060;
			font: 10px  Verdana, Arial, sans-serif; 
			cursor:default;			}


	/* Commented Backslash Hack
  		hides rule from IE5-Mac \*/
		div#maintext div.boxheader a {float:none;}
	/* End IE5-Mac hack */


	div#maintext div.boxheader #current {  background:url(../images/leftbox.png) no-repeat left top;
				padding:0 0 0 38px;   }

	div#maintext div.boxheader #current a { background:url(../images/rightbox.png) no-repeat right top;
				 color:#8fb2d7;
				 font-weight:bold;
				 padding:19px 38px 0px 0px;
				 font:bold 18px Arial, Verdana, sans-serif; }

	div#maintext div.boxheader #current a:hover { text-decoration:none; }	
		
		div.boxtop { width:246px;
					 height:25px;
				 	 padding:0px 0px 0px 0px;
				  	 margin:0px 0px -6px 0px;
					 background:url(../images/boxtop.png) no-repeat left top;	}
					 
		div.boxbottom { width:246px;
					 height:25px;
				 	 padding:0px 0px 0px 0px;
				  	 margin:0px 0px 0px 6px;
					 background:url(../images/boxbottom.png) no-repeat left top;	}					 
					 
		div.box { color:#606060;
				  font: 11px Verdana, Arial, sans-serif;
				  width:226px;
				  padding:0px 0px 0px 13px;
				  margin:0px 0px 0px 6px;
				  background:url(../images/boxbg.png) repeat-y;	}	

	  		div.boxtext { width:214px;	}				  

			div.box h1	{ background:#faf9f8;
					  color:#fff;
				 	  font: bold 16px Verdana, Arial, "sans-serif";
					  margin:0px 0px 0px 0px;
					  padding:10px 0px 0px 30px;
					  height:25px;
					  display:block;
					  background: #cfcfcf url(../images/boxtop.png) no-repeat top left;	}

				div.box p	{ font: 11px Verdana, Arial, "sans-serif";
					  		  padding:20px;
							  line-height:18px;}

				div#maintext div.box ul	{ margin:0px;
					 	  padding:20px 15px;}

				div#maintext div.box li	{ font: 12px Verdana, Arial, "sans-serif";
					 	  margin:0px;
					 	  padding:5px 0px 4px 15px;
						  background: url(../images/menupil2.gif) no-repeat 0px 9px;	}

				div#maintext div.box li a	{ font: 12px Verdana, Arial, "sans-serif";
					 	  color:#4479ab;	}

				div#maintext div.box a	{ font: 11px Verdana, Arial, "sans-serif";
					 	  color:#4479ab;	}	

				div#maintext div.box li.active{ font: 11px Verdana, Arial, "sans-serif";
					 	   margin:0px;
					 	   padding:5px 0px 4px 15px;					 	   
						   background: url(../images/menupil3.gif) no-repeat 0px 9px;
						   }

				div#mainttext div.box li.active a	{ color:#606060;	}	

div#newstext {	width:454px; }

div#rightcontent { float:left;
		   width:301px;
		   margin:0px;
 		   display:block;
 		   padding:0px 0px 0px 0px;
		   background:#fff; }
		
	div.relimg { float:left;
		     width:301px;
		     margin:0px 0px 1px 0px;
	 	     padding:0px;
		     background:#fff; }

		div.relimg img { width:301px;}	

	div#pageprodukter { float:left;
		    	        width:301px;
		   	    		height:392px;
		     	    	margin:0px 0px 1px 0px;
	 	    	    	padding:0px;}

	div#pageshop { float:left;
		       width:301px;
		       height:55px;
	    	   margin:0px 0px 0px 0px;
		       background: url(../images/rightbottombg.png) no-repeat left top;
		       text-align:right;
		       display:block; }

	div#pageshop2 { float:left;
		       width:301px;
		       height:35px;
	    	   margin:0px 0px 0px 0px;
		       background: url(../images/rightbottombg2.png) no-repeat left top;
		       text-align:right;
		       display:block; }

		div#pageshop p { display:block;
				 padding:5px 20px 0px 0px;}

		div#pageshop a { text-decoration:none;}
		div#pageshop a:hover {	text-decoration:underline;
					border:none;  }

div#pagebottom { clear:both;
		 width:585px;
		 margin:20px 0px 20px 10px ;
		 display:block;
		 padding:0px 0px 0px 0px; }

	div#pagebottom h2 {  	float:left;
	    			display:block;
				color:#000;
				margin:0px 10px 10px 0px; }

		div#pagebottom p, div#pageaktuellt li, div#pageaktuellt span {  color:#b3b3b3; }

		div#pagebottom span.morenews a { color:#b3b3b3; }

		div#pagebottom ul { clear:both; }

 .relprods { margin:0px 0px 0px -20px;
	     display:block; }

 .relprod { float:left;
	    width:162px;
	    height:118px;
	    margin:0px;
	    display:block;
	    padding:19px 0px 0px 23px;
	    background: url(../images/relprodbg.png) no-repeat left top; }

 	.relprod img {  width:150px;
			height:95px; }
	
	 .relprod a { 	width:150px;
			height:95px;
			display:block;
			padding:2px;
		 	border:1px solid #fff; }

	 .relprod a:hover { border:1px solid #4787c5; }



	div#maintext ul { margin:0;
 		      padding:10px 0px 0px 0px;
		      list-style:none; }

	div#maintext  li { margin:0;
			 padding:0 8px 0 10px;
			 background:url(../images/menupil2.gif) no-repeat 0px 6px;  }
	
	div#maintext .puff4 li  { padding:0px;
							  background:none; }			 
			
div#bottompage { width:958px;
	     height:93px;
	     margin:0px 0px 0px 0px;
	     padding:0px 0px 0px 0px;
	     display:block;
	     position:relative;
	     z-index:3;
	     background: url(../images/bottombgpage.png) no-repeat left top;}

div#bottompage2 { width:958px;
	     	  height:93px;
	     	  margin:0px 0px 0px 0px;
	     	  padding:0px 0px 0px 0px;
	     	  display:block;
	     	  position:relative;
	     	  z-index:3;
	     	  background: url(../images/bottombgpage2.png) no-repeat left top;}

	div#breadcrumbspage { width:918px;
		    	      height:45px;
		    	      margin:0px;
		   	      padding:43px 0px 0px 60px; }

		div#breadcrumbspage p { float:left;
				    display:block;
				    width:85px; }

		div#breadcrumbspage ul { float:left;
				     display:block;
				     width:800px; }

			div#breadcrumbspage li {float:left;
					   	padding:1px 0px 0px 20px;
		    				background: url(../images/breadcrumb.png) no-repeat 0px 0px; }

/* ------------------------------------------------
	produktöversikt
-------------------------------------------------*/

	div#filtrera { display:block;
		      width:289px;
		      height:41px;
		      padding:20px 0px 0px 12px; 
		      background:#365f87;
		      overflow:hidden; }

		div#filtrera p { color:#fff;
				 		 font-weight:bold; }
						 
		div#filtrera select { margin:0px 0px 0px 20px;
		                      font-weight: normal;
		                      width:160px; }						 


/* ------------------------------------------------
	produkt
-------------------------------------------------*/


	span.shopleft { display:block;
		      		/*width:90px;
					float:left;*/
					padding:0px 0px 3px 0px;
					font-weight:bold;
					color:#a9a9a9; }
										

	span.shopright {display:block;
		      		width:80px;
					float:left;
					padding:0px 0px 3px 0px; }

	.shoptextfield{ background:#fff;
					border:1px solid #8dafd4;
					width:15px;
					height:15px;
					padding:0px 0px 0px 3px;
					margin:0px 0px 0px 0px; }

	.laggkundvagn { margin:10px 0px 0px 0px; }
					
	a.kundvagnen { 	font: 11px Verdana, Arial, "sans-serif";
					color:#000;
					text-decoration:none;
					padding:0px 0px 0px 15px;
					display:block;
					margin:-10px 0px 0px 0px;
					background: url(../images/menupil2.gif) no-repeat 0px 4px; }					

	a:hover.kundvagnen { text-decoration:underline; }

				
/* ------------------------------------------------
	kundvagn
-------------------------------------------------*/

div#kundvagnstor { display:block;
		  		   width:544px;
			       margin:20px 23px;}

	div#kundvagnrubrik { display:block;
		     	     width:554px;
		     	     height:35px;
		     	     background: #fff url(../images/kundvagnrubrik.png) no-repeat left top; }

	div#kundvagnrubrik h1 { padding:10px 18px; }

	div#kundvagnmain { display:block;
		     	   	   width:544px; }

		div#kundvagnmain table { font: 11px Verdana, Arial, "sans-serif"; }

		div#kundvagnmain a { color:#000;
				     font-weight:bold;
				     text-decoration:underline;
					 font-size:12px; }

		div#kundvagnmain strong { color:#000; }

		div#kundvagnmain a:hover { text-decoration:none; }

		div#kundvagnmain tr { height:22px; }

		div#kundvagnmain td { padding:10px 0px 0px 10px;
							  font: 11px Verdana, Arial, "sans-serif"; }
							  
		div#kundvagnmain td.editdelete { padding:7px 0px 0px 10px;
							  font: 11px Verdana, Arial, "sans-serif"; }							  			  

		div#kundvagnmain td span.moms { font: 11px Verdana, Arial, "sans-serif";
										color:#a9a9a9; }
		div#kundvagnmain td a.kopvillkor { 	font: 11px Verdana, Arial, "sans-serif";
											color:#a9a9a9; }										

	div#kundvagnmain a.tomkundvagnen { font: 11px Verdana, Arial, "sans-serif";
			 		   color:#8fb2d7;
			  	 	   text-decoration:none;
			 		   padding:0px 0px 0px 15px;
			 		   background: url(../images/menupil2.gif) no-repeat 0px 4px; }
					   
	span.artnr { color:#a9a9a9; }


	div#kundvagnmain a.pris { text-decoration:none; }
	div#kundvagnmain a:hover.pris { text-decoration:underline; }

	div#form { display:block;
			   padding:40px 0px; }

	span.break { display:block;
		     clear:both;
		     padding:6px 0px; }
			 
	.skickabestallning { background: url(../images/skickabestallning.png) no-repeat left 0px;
					width:186px;
					height:44px;
					text-align:center;
					border:none;
					float:right;
					padding:8px 0px 0px 0px;
					font: bold 11px verdana, arial, "sans-serif";
					color:#8fb2d7; }
					
	a.edit { display:block;padding:5px 2px;float:left;}	
	a.delete { display:block;padding:5px 2px;float:left; }									 


			.fade-box {
				margin-left: 0px;
				position: absolute;
				top: 168;
			}
			
/* ------------------------------------------------
	tell a friend
-------------------------------------------------*/				
			
		div.tellafriend{  width:306px;
		     	 	  height:340px;
					  background:#fff;
		    	 	  margin:0px 4px;
		    	 	  display:block;
		    	 	  margin:30px auto;
					  font-size:11px;
					  }	
	
		div.tellafriend p {  font-size:11px; }	
		
		.textfieldtellfriend {	background:#fff;
			   					border:1px solid #8fb2d7;
								padding:1px; }
								
		.btnfieldtellfriend {	background:#8fb2d7;
								border:none;
								color:#fff;
								padding:2px 5px;
								margin:0px 0px 0px 20px; }
/* ------------------------------------------------
	form
-------------------------------------------------*/	

	/*.label { display:block; width:70px;float:left; }
	.label2 { display:block; width:90px;float:left; }*/
	
	.label { display:block; width:85px;float:left; font-size:10px;margin-left:8px }
	.label2 { display:block; width:70px;float:left; }
	.textfield { width:150px;
			     background:#fff;
			     border:1px solid #8fb2d7;
			     padding: 2px 0px;
			     color: #333;
			     font: 12px Verdana, arial, sans-serif;
				 margin:0px 10px 0px 0px; }
				 
	.sendbtn {  background: url(../images/send.png) no-repeat left 0px;
				width:93px;
				height:28px;
				text-align:center;
				border:none;
				margin:0px;
				padding:8px 0px;
				font: bold 11px verdana, arial, "sans-serif";
				color:#8fb2d7; }
							  				 
	.break { clear:both; }
	.submitbutton { background: url(../images/skicka.gif) no-repeat left 0px;
					width:70px;
					height:19px;
					text-align:center;
					border:none;
					float:right;
					margin:10px 70px 0px 0px; }
/* ------------------------------------------------
	footer
-------------------------------------------------*/

/*#footer { background: #5fa3da url(../images/footerbg.png) repeat-x top;
	  left: 0px;
	  bottom: 0px;
	  width: 100%;
	  display: block;
	  height: 113px;
	  padding: 0px;
	  margin: 20px 0px 0px 0px; }

	#footer p { text-align:left;
		    color:#fff;
		    font-size:10px; }

	#footer a { color:#3b5d80; }

	#footer p.footer2 a { color:#fff;
			      font-size:9px; }

	#footer p.footer2 a:hover { color:#497299;
			      	    text-decoration:none; }

#footerinfo { width: 908px;
	      display: block;
	      padding: 20px 0px 0px 0px;
	      margin: 0px auto; }
*/

#footer { clear:both;
	  padding: 0px;
	  display:block;
	  margin: 0px 0px 20px 38px;
	  padding:10px 0px 0px 0px; }
	  
	#footer p { text-align:left;
		    font-size:10px;
			color:#838383; }
			
	#footer a { color:#838383;
	            padding: 0px 5px 0px 0px;
				/*padding:0px 20px 0px 0px;*/ }
						
	#footer a:hover { color:#3b5d80;
					  text-decoration:none; }
	
	#footer img {  }
						

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

* html .hojd {
	height: 580px;
}