/* ------------------------------------------------
	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; }
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 */
em {font-style:italic;}
/* ------------------------------------------------
	global
-------------------------------------------------*/



body 	{ color: #535353;
	  font: 11px  Verdana, Arial, sans-serif;
	  background: #f2f2f2 url(../images/bg.png) 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	{ font: 11px  Verdana, Arial, sans-serif;
	  line-height:18px;	}
tr	{ font: 11px  Verdana, Arial, sans-serif;
	  line-height:18px;	}
td	{ font: 11px  Verdana, Arial, sans-serif;
	  line-height:18px;	}


h1 	{ font: 22px Helvetica, Verdana, Arial, "sans-serif";
	  color: #000;	
	  margin-bottom: 20px;
	  font-weight: normal;	}

h2 	{ font: 14px Helvetica, Verdana, Arial, "sans-serif";
	  color: #000;	
	  margin-bottom: 20px;
	  font-weight: bold;
	  text-transform:uppercase;	}

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

img	{ border: 0px solid; 	}

.linkarrows {	background-image: url(../images/linkarrows.png);
		background-position: right 55%; /* X-pos Y-pos (from top-left) */
		background-repeat: no-repeat;
		font: normal 11px Verdana, Arial, Helvetica, sans-serif;
		padding:2px 15px 2px 0px; }
		
.label { float:left;
		 width:100px;
		 padding:0px 0px 0px 0px; }
		 
.textfield { float:left;
		 	 width:160px;
			 background:#fff;
			 border:1px solid #a6a6a6; }	
			 
.btn{ 		 background:#a6a6a6;
			 border:none;
			 color:#fff;
			 padding:2px;
			 margin:5px 0px 0px 0px; }		 
			 
div#container	{ margin:0 auto;
		 		  height:auto;
		 		  width:990px;	}

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

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

	div#logo	{ float:left;
			  width:148px;
			  height:52px;
			  padding:20px 0px 20px 20px;	}

	div#search	{ float:right;
			  width:240px;
			  margin:26px 20px 20px 0px; 
			  height:41px;
		 	  background: #34b5dc;
			  text-align:center; }

		.search { float:left;
			  background:#ffffff;
			  padding:3px;
			  border:1px solid #ecf0f3;
			  margin:12px 5px 0px 31px;
			  color:#999; }

		.searchbutton { float:left;
				display:block;
				margin:12px 0px 0px 0px;
			  	background:#fff;
			 	padding:2px;
				border:1px solid #ecf0f3; 
				color:#999;}


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

div#menu	{ clear:both;
		  	  width:940px;
			  position:relative;
			  z-index:6000;
			  background:#fff url(../images/menubg.jpg) repeat-x;
			  height:18px;	}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	text-align:center;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	padding:3px 13px 4px 13px;
}
#nav a:hover { text-decoration:none; }

#nav li { /* all list items */
	float: left;
	margin:0px;
	border-right:1px solid #fff;
	padding:0px; 
}
#nav li.language { /* all list items */
	float: right;
	background:#fff url(../images/menubg.jpg) repeat-x;
	width:102px;
	margin:0px 0px 0px 0px;
	padding:0px; 
	border-right:0px solid #fff;	
	text-align:center;
}
#nav li.language a{ 
	padding:3px 0px;
	width:102px;
}

		 	 	  
#nav li:hover, #nav li.sfhover { background: url(../images/menubgover.jpg) repeat-x; }

#nav li ul { /* second-level lists */
	position: absolute;
	width:169px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	top:-999em;
	border-top:1px solid #fcfdff; }

#nav li ul li { 
			width:167px;
			display:block;
			padding:3px 0px 3px 0px;
			background:#e8e8e8;
			border-left:1px solid #fcfdff;
			border-right:1px solid #fcfdff;
			border-bottom:1px solid #fcfdff;
			text-align:left;
			position:relative; }
			
#nav li ul li:hover, #nav li ul li.sfhover { background:#fcfdff; }
			
#nav li ul li a { color:#0f73bf;
				  font-weight:normal;
				  text-align:left;
				  line-height:16px; 
				  padding:3px 7px 3px 7px; }
				  

				  			  
#nav li ul ul { /* third-and-above-level lists */
	margin: -26px 0px 0px 167px;
}

#nav li ul ul.leftnav { /* third-and-above-level lists */
	margin: -26px 0px 0px -169px;
}

#nav li ul ul.up { /* third-and-above-level lists */
	margin: 0px 0px 0px 167px;
	bottom:0px;
	}

#nav li ul ul ul { /* third-and-above-level lists */
	margin: -26px 0px 0px 167px;
}
#nav li ul ul ul.leftnav { /* third-and-above-level lists */
	margin: -26px 0px 0px -169px;
}
#nav li ul ul ul.up { /* third-and-above-level lists */
	margin: 0px 0px 0px 167px;
	bottom:0px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
	top:-999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	top:auto;
}

ul#productsitemap {
    width:300px;
    float:left;
}

ul#productsitemap li{
    background: none!important;
}

#productsitemap .sitemapparent {
}

#productsitemap .sitemapitem {
    text-indent: 10px;
}

ul#productsitemapright {
    width:300px;
    float:left;
}

ul#productsitemapright li {
    background: none !important;
}

#productsitemapright .sitemapitem {
    text-indent:10px;
}


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

div#maincontainer	{ display:block;
			  float:left;
			  margin:0px;
			  padding:0px 0px 10px 0px;
		          background: url(../images/bg2.png) repeat-y;	}

div#left	{ float:left;
		  display:block;
		  width:23px;} 
		  
div#right	{ float:left;
		  display:block;
		  width:23px; } 		  
	
div#maincontent	{ float:left;
		  margin:0px;
		  width:940px; }

	div#leftcontent	{ float:left;
					  width:664px;
					  padding:0px 0px 0px 15px;
					  border-right:1px solid #a6a6a6; }
					  
	div#content	{ padding:0px 50px 0px 0px; }					  

	div#leftcontent	ul, div#leftcontentprod ul { margin:0px;
						     padding:0px; }


	div#leftcontent	ul li, div#leftcontentprod ul li{ margin:0px;
						      	  padding:0px 0px 0px 15px;
		 					  background: url(../images/rellinkimg.png) no-repeat 0px 6px;  }

	.mainimg { width:650px;
		   height:281px;
		   padding:10px 0px 0px 14px; }

	div#leftcontent	h1 { padding:0px 20px 0px 00px; }
	div#leftcontent	p { padding:0px 20px 10px 0px; }

	div#relimg	{ float:left;
			  width:260px;
			  max-width:260px;
		  	  padding:11px 0px 0px 15px;  }

	div#maintext	{ float:left;
			  width:365px;
		  	  padding:30px 10px;}

	
	div.left	{ float:left;
			  width:180px;}

	div.right	{ float:left;
			  width:180px;}


	div#rightcontent{ float:left;
			  width:244px;
			  padding:30px 0px 30px 15px; }	

		
		div#news { display:block;
			   padding:0px 0px 53px 0px;
			   border-bottom:1px solid #a6a6a6; }
	
		div#news ul li a { color:#000;
				   font-weight:bold;
				   font-size:10px; }

		div#news ul li img { margin:0px 0px -2px 0px; }

		div#news .newsdate { display:block;
				     color:#b4b4b4;
				     font-style:italic;
				     font-weight:bold;
				     font-size:10px;
				     margin:-5px 0px 0px 0px; }
	
		div#news ul li.arkiv { margin:6px 0px 0px 0px; }

	div#rightcontent{ float:left;
			  width:244px;
			  padding:30px 0px 30px 15px; }	

	div#banners	{ padding:20px 0px 0px 0px; } 

		div#banners img { padding:5px 0px 0px 0px; } 



	div#breadcrumbs 	{ float:left;
			 	  width:649px;
				  padding:10px 0px 20px 0px;
			  	  display:block;	}

	div#leftcontentprod  div#breadcrumbs 	{ margin:0px 0px 0px -2px;	}

	div#leftcontent div#breadcrumbs ul { position:relative;
		    	 	  margin:0px 0px 0px 15px;
	 			  padding:6px 0px;
	 		  	  font-size:11px;	}

	div#leftcontentprod div#breadcrumbs ul	{ position:relative;
		    	 	  margin:0px 0px 0px 0px;
	 			  padding:6px 0px;
	 		  	  font-size:11px;	}

	div#leftcontent div#breadcrumbs li, div#leftcontentprod div#breadcrumbs li	{ float: left;
				  display: block;
			  	  height:20px;
				  padding: 0px 8px 0px 20px;
				  background: url(../images/blapilar.jpg) no-repeat left 6px; }

/* ------------------------------------------------
	produkter
-------------------------------------------------*/

div#leftcontentprod	{ float:left;
					  width:647px;	
					  padding:0px 0px 0px 32px;
					  border-right:1px solid #a6a6a6; }
	
div.sokresultat	{ display:block;
				  float:left;
				  height:138px;
				  width:310px;
				  margin:10px 8px 0px 0px;
				  border:1px solid #e9eaee;
				  background:#fff;	}

	div.sokresultatover	{ border:1px solid #1f9fec;	}

		div.sokresultatbild	{ float:left;
					  		  margin:7px 7px;
					  		  width:128px;
							  height:128px;	}

		/*div.sokresultatbild img { width:115px; height:105px;	}*/

		div.sokresultattext	{ position:relative;
							  float:left;	
					  		  width:150px;
					 		  height:78px;
					 		  padding:40px 0px 0px 10px;}
							  
			div.sokresultattext	h2 { padding:0px;
									 margin:0px;
									text-transform:none!important;}							  
					  
		div.sokresultattext div.sokresultatartnr	{ position:absolute;
													  bottom:0px;
													  clear:both;
					 								  padding:0px 0px 10px 0px; }
					  
		div.sokresultattext div.sokresultatartnr p	{ font-size:9px; }					  					  

						  
		div.sokresultattext h2 	{ color:#000;
				  font: 12px Verdana, Arial, sans-serif; 
				  padding-bottom: 5px;
				  margin:0px;	}

		div.sokresultattext p	{ color:#808080;
				  font: 11px  Verdana, Arial, sans-serif; 
				  line-height:14px;	}
				  


	div.prodbild 	{  float:left;
					   display:block;
					   width:250px;
					   max-width:250px;
					   text-align:center;		}

	div.prodtext 	{  float:left;
			   display:block;
			   width:375px;
			   max-width:375px;	}


	div.prodrellinks 	{ width:390px;
						  clear:both;
						  display:block;
						  padding:20px 0px 0px 0px; }
						  
	div.form 	{ width:370px;
				  clear:both;
				  display:block;
				  padding:20px 0px 0px 0px;
				  margin:0px -10px 0px 0px; }	
						  
	ul#rellinks 	{  margin:0px 10px;
					   padding:0px 0px;
			  		   list-style:none;
					   text-align:left;
					   	}					   

	ul#rellinks li { margin:0px;
			 padding:1px 0px 0px 14px;
			 background: url(../images/rellinkimg.png) no-repeat 0px 6px;	}
	
	/*			
	div#maintext ul#rellinks li.fileicon { margin:0px;
							  padding:1px 0px 0px 22px;
							  background: url(../images/compress.png) no-repeat left 1px;	}				

	div#maintext ul#rellinks li.pdficon { margin:0px;
							  padding:1px 0px 0px 22px;
							  background: url(../images/pdf.png) no-repeat left 1px;	}	
							  */
							  
	ul#rellinks li.fileicon { margin:0px;
							  padding:1px 0px 0px 22px;
							  background: url(../images/compress.png) no-repeat left 1px;	}				

	ul#rellinks li.pdficon { margin:0px;
							  padding:1px 0px 0px 22px;
							  background: url(../images/pdf.png) no-repeat left 1px;	}							  
	
							  
	ul#rellinks a  { font: 11px   Verdana, Arial, "sans-serif";		}
	
	div#maintext ul#rellinks 	{  margin:0px 20px;
					   padding:0px 0px;
			  		   list-style:none;
					   text-align:left;
					   	}					   

	div#maintext ul#rellinks li { margin:0px;
			 padding:1px 0px 0px 14px;
			 background: url(../images/rellinkimg.png) no-repeat 0px 7px;	}
						

	div#maintext ul#rellinks a  { font: 11px   Verdana, Arial, "sans-serif";		}	

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

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

#footer p { font:10px verdana, arial, sans-serif;
	    color:#fff;
	    text-align:center;
	    text-transform:uppercase;
	    font-weight:bold;
	    line-height:18px; }

	#footer a { font:10px verdana, arial, sans-serif;
	    color:#fff;
	    text-align:center;
	    text-transform:uppercase;
	    font-weight:bold;
	    line-height:18px;
	    text-decoration:none; }

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

* html .hojd {
	height: 500px;
}