/* ------------------------------------------------
	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: #6d6d6d;
		  font: 11px Arial, Verdana, sans-serif;
		  margin:0px;
		  padding:0px;
		  background: #c9c9ca url(../images/bg.png) repeat-x;
		  *background: #c3c3c3 url(../images/bg.png) repeat-x; 	}


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

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

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

table, table p	{ font: font: 11px Arial, Verdana, sans-serif;
		  line-height:18px;
		  color:#6d6d6d;	}

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

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




h1 	{ font: bold 16px Arial, Verdana, "sans-serif";
	  color: #be0000; }

h2 	{ font-size: 14px; 
	  color: #be0000;	
	  margin-bottom: 0px;	}

h3 	{ font-weight:bold;	}

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

img	{ border: 0px solid; 	}




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

	.label { float:left;
		 display:block;
		 width:100px;
		 padding:2px; }
			
	.textfield { float:left;
		     width:146px;
		     padding:2px;
		     border:1px solid #6d6d6d;
		     background:#fff;		}	
					 

	.btn { color:#fff;
	       text-align:center;
	       margin:5px 0px 0px 0px;
	       padding:2px 5px;
	       background:#6d6d6d; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:818px;
		  height:107px;
		  margin:0px 20px;
		  padding:0px;	}

	div#logo	{ width:818px;
			  height:80px;
			  padding:0px 0px 0px 0px; }


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



	div#menu	{ clear:both;
			  width:818px;
			  height:27px;
			  margin:0px;
			  background: #f00 url(../images/menubg.png) repeat-x;	}

/*	div#menu ul {   margin:0px 0px 0px 0px;
			list-style:none; }

	div#menu li {	float:left; }

	div#menu li a:hover { float:left;
			      height:20px;
			      background: url(../images/menubgactive.png) repeat-x; }
	
	div#menu a {	float:left;
      			display:block;
      			text-decoration:none;
			text-transform:uppercase;
      			color:#fff;
			padding:7px 10px 0px 10px;
			font:bold 11px Verdana, Arial, "sans-serif"; }*/


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

	#nav a { display: block;
		 text-align:center;
		 color:#fff;
		 text-transform:uppercase;
		 padding:7px 10px 7px 10px;
		 font:bold 11px Verdana, Arial, "sans-serif";}
	
	#nav a:hover { text-decoration:none; }
	
	#nav li { /* all list items */
			float: left;
			margin:0px;
			padding:0px; }


	#nav li a.active { background: url(../images/menubgactive.png) repeat-x; }
		 	 	  
	#nav li:hover, #nav li.sfhover { /*background: url(../images/menubgactive.png) repeat-x;*/ }
			
	#nav li ul { /* second-level lists */
			position: absolute;
			width:230px;
			left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
			top:-999em;	
			padding:0px 0px 2px 0px; }
	
	#nav li ul li { display:block;
			width:230px;
			background:#494949;
			text-align:left;
			position:relative; }
				
	#nav li ul li:hover, #nav li ul li.sfhover { background:#be0000; }
				
	#nav li ul li a { color:#000;
			  text-align:left;
			  line-height:16px; 
			  text-transform:none;
			  padding:3px 15px 3px 15px; }
					  
	#nav li ul ul { /* third-and-above-level lists */
			margin: -22px 0px 0px 228px;	}

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

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

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

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

	#nav li ul ul ul.up { /* third-and-above-level lists */
				margin: 0px 0px 0px 228px;
				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; }



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

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

div#maincontent	{ width:858px;
		  display:block;
		  margin:0px;
		  padding:0px 0px 40px 0px;
		  background:  url(../images/bottombg.png) no-repeat left bottom; }

div#left	{ float:left;
		  display:none;
		  width:20px; }

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

	div#leftcontent	{ float:left;
			  display:block;
			  width:631px;
			  margin:0px 0px 0px 0px; }
	
		div#mainimg	{ display:block;
				  width:631px;
				  height:124px;
				  margin:0px 0px 0px 0px; }
	
			div#mainimg img	{ display:block;
					  width:631px;
					  height:124px;
					  margin:0px 0px 0px 0px; }



		div#maintext { display:block;
			     	   width:521px;
				       margin:0px -10px 0px 0px;
				       padding:45px 55px 25px 55px; }

			div#maintext h1 { margin:0px 0px 5px 0px; }
			
			div#maintext p { margin:0px 0px 20px 0px; }

			div#maintext p.ingress { font-weight:bold; }

			div#maintext select { width:150px; }

		div#prodtext { float:left;
				       display:block;
				       width:305px;
				       margin:0px;
				       padding:0px 0px 0px 0px; }

		div#rel { float:left;
				  display:block;
				  width:235px;
				  margin:60px -50px 0px 30px;
				  padding:0px 0px 0px 0px; }
	
			div#rel ul { margin:0px;
				     padding:0px;
				     list-style:none; }

				div#rel li { margin:0px;
					     padding:0px;
					     width:230px; }

				div#rel a { display:block;
					    line-height:18px !important;
					    color:#505050;
					    font:10px arial, verdana, sans-serif;
					    margin:0px;
					    padding:0px 0px 0px 26px;
					    background:  url(../images/pdf.png) no-repeat 0px 2px; }

				div#rel a.miljo { background:  url(../images/miljo.png) no-repeat 0px 2px; }
				div#rel a.mail { background:  url(../images/mail.png) no-repeat 0px 2px; }

		div.contactcol { float:left;
				 display:block;
				 width:200px;
				 margin:0px 0px 0px 0px;
				 padding:0px 0px 0px 0px; }
	

	div#rightcontent	{ float:left;
				  display:block;
				  width:187px;
				  margin:0px 0px 0px 0px; }

		div.kontakt	{ display:block;
				  width:172px;
				  height:112px;
				  margin:0px 0px 0px 0px;
				  padding:12px 0px 0px 15px; }
	
			div#rightcontent div.kontakt h2	{ margin:0px; }

			div.kontakt p	{ line-height:14px !important;
					  font:10px arial, verdana, sans-serif; }

		div.produktguide{ display:block;
				  width:157px;
				  margin:0px 0px 0px 0px;
				  padding:12px 15px 0px 15px;
				  background:#be0000 url(../images/fold.gif) no-repeat right bottom; }
	
			div.produktguide p	{ color:#fff;
						  line-height:18px !important;
						  padding:0px 0px 15px 0px;
						  font:bold 14px arial, verdana, sans-serif; }	

			div.produktguide a	{ color:#fff; }
			div.produktguide a:hover{ text-decoration:underline; }


	div#rightcontent h2	{ margin:30px 15px 12px 15px; }

	div#rightcontent ul	{ margin:0px 15px; }
	div#rightcontent li	{ margin:8px 0px; }

					  
div#right	{ float:left;display:none;
		  width:20px;
		  margin:0px 0px 0px 0px;  }

/* ------------------------------------------------
	pages
-------------------------------------------------*/
																  
	div.prodleft {  float:left;
			display:block;
			width:220px;
			margin:0px -20px 10px 0px; }

		div#maintext div.prodleft p { color:#323232;
					      margin:0px 0px 5px 0px; }

	div.prodright {  float:left;
			 display:block;
			 width:320px;
			 margin:0px -10px 0px 0px; }

		div#maintext div.prodright p { color:#323232;
					      margin:0px 0px 5px 0px; }
	 
		div.prodbild {  float:left;
				display:block;
				width:88px;
				height:88px;
				margin:0px 16px 16px 0px; }
		
			div.prodbild img { width:88px;
					   height:88px;
					   border:1px solid #000; }

	div.prod { float:left;
			   display:block;
			   width:248px;
			   height:150px;
			   margin:0px 10px 10px 0px;
			   border:1px solid #d9d9d9; }
			   
	div.prod2 { border:1px solid #be0000; }			   
	
	div.prodimg { float:left;
				  display:block;
				  width:67px;
				  padding:0px 15px 0px 15px; }
				  
		div.prodimg img { width:67px; }
				  
  		   div.prodimg  blockquote { display: table;
						 			 height: 150px;
								    *display: block;
									*position: relative;
									 font-size:12px;
									 line-height:12px;
								     border:none;
								     font-weight:normal;
								     line-height:22px !important; }			 
							
		 	div.prodimg  blockquote span { display: table-cell;
						      			   vertical-align: middle;
									       line-height:22px !important;
									      *display: block;
									      *position: absolute;
									      *left: 0px;
								          *width: 100%;
										  *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }					  

	div.prodprodtext { float:left;
					   display:block;
					   width:148px; }	

		div#maintext div.prodprodtext p { margin:5px 0px;
										  padding:0px; }						   
					   
  		   div.prodprodtext  blockquote { display: table;
						 				  height: 150px;
									     *display: block;
										 *position: relative;
										  font-size:12px;line-height:12px;
									      border:none;
									      font-weight:normal;
									      line-height:22px !important; }			 
							
		 	div.prodprodtext  blockquote span { display: table-cell;
							      			    vertical-align: middle;
										       *display: block;
										       *position: absolute;
										       *left: 0px;
									           *width: 100%;
										        line-height:22px !important;
											   *top: expression(this.parentElement.clientHeight / 2 - this.clientHeight / 2); }				   
/* ------------------------------------------------
	footer
-------------------------------------------------*/

#footer { width:808px;display:none;
	  height:94px;	
	  background: url(../images/footerbg.png) no-repeat top left;
	  padding:0px 50px 0px 0px;
	  margin:0px 0px 30px 0px;
	  text-align:right;	}

	#svenskhandel { position:relative;
					z-index:11000;
					margin:-36px 0px 20px 0px; }
					
#footer a { color:#919191; }



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

* html .hojd {
	height: 600px;
}

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

* html .hojd2 {
	height: 384px;
}


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

}