@charset "UTF-8";
/* CSS Document */

* {
  /* This is the universal selector: It allows us to style every element
      on a page. In this case, we remove the default browser padding 
      and margin on every element */
  margin: 0;
  padding: 0;
  }
  
  
  body {
  /* Styles applying to the entire page */
  font: 11px/1.5 Verdana, Sans;
  color: #f8f8f8;
  background: #292929;
  text-align: center;
  }
  
  #header {
   /* To the header we apply a background image which tiles horizontally */
  height: 109px;
  text-align: center;
  background: url(../images/headerbg.jpg) repeat-x top left;
  width:900px;
  margin:0 auto;
  
  }
  
  #innehåll {
  /* The innehåll  contains the centerInfo area, vänster/höger-rad and foten.
    It's positioned in the center of the page using auto margins */
  width: 900px;
  margin: 0 auto;
  text-align: left;
  }
  	
	#högerRad {
	  /* The navigation is positioned to the right using a left float */
	  float: right;
	  width: 190px;
  	}
	
		#innehåll, /*#vänsterRad,*/ #högerRad, #subCenterInfo {
		  /* Both the content area and navigation share the same background color */
		  background: #3c4040;
		  }
		
		#innehåll h2, #vänsterRad h2, #högerRad h2, #subHeaderCenterInfo {
		  /* Section headers share the same tiled background image and font */
		  background:url(../images/smallheaderbg.jpg) repeat-x top left;  
		  font: bold 14px/28px Arial, Helvetica, sans-serif;
		  text-indent: 10px;
		  } 
		  
	#högerRad .ahParts{
	width:190px;
	display:block;
	margin:auto;	
	}	
	
	#högerRad .åbrMotor{
	width:110px;
	display:block;
	margin:auto;
	}
	
	#högerRad .bmc{
	width:110px;
	display:block;
	margin:auto;	
	}	
	
	#högerRad .åbrMotor{
	width:110px;
	display:block;
	margin:auto;
	}
	
	#högerRad .aggeryd{
	width:110px;
	display:block;
	margin:auto;
	}
	
	#centerInfo {
		/* The centerInfo contains the main info on the page*/
		float:right;
		padding-right:0px;
		padding-left:10px;
		width: 740px;
		text-align:left
		}
		
	#vänsterRad {
  	/* The vänsterRad contains the navigation using a left float. */
	  float: left;
	  width: 150px;
	  margin: 0 auto;
	  }
	  
	  
	#knapp { list-style: none; margin: 1em 0em 0em 0em; width: 150px}
	#knapp li{ padding: 0; margin: 0; position:relative }
	#knapp a{
		display: block;
		height: 19px;
		padding: 0.3em 0.3em 0.3em 0.8em;
		border-bottom: 2px; 
		border-top: 2px; 
		color:#3c4040;
		background:url(../images/link.png);
		font-weight: bold;
		text-decoration: none;
		}
		
	#knapp a:hover {
	color: #FFF;
	background: url(../images/knappRod.png);
	font-weight: bold;
	}
	
	#index li#index a, #info li#info a, #pictures li#pictures a, #references li#references a, #order li#order a{
	color:#FFF;
	background: url(../images/knappRod.png);
	font-weight: bold;
	}
	
	
	#order #subCenterInfo .mail, #news #subCenterInfo a, #index #subCenterInfo a{
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	}
	
	#knapp ul{
	position:absolute;
	top:0px;
	left:100%;
	width:110%;
	list-style:none;
	}
	
	#knapp ul {
	display:none;
	}
	
	#knapp ul li:hover ul, #knapp li:hover ul {
	display:block;
	}
	
	#foten {
	clear:both;
	text-align:center;
	padding: 30px;
	font: Sans-Serif;
	font-size:0.8em;
	}
	
	#foten a {
  	color: #27aefe;
  	}
 
	#foten a:hover {
  	color: #FFF;
  	} 

	  
	  
	  /* General styles */  
a img {
  border: none;
  }

img {
  border: none;
  }
 
img.left {
  float: left;
  margin: 1em 1em 1em 0;
  }
 
img.right {
  float: right;  
  margin: 1em 0 1em 1em;
  }  
 
p, h3, h4, h5, h6 {
  margin: 4px;
  }
	
.vänseterRad a {
	width:150px;
	}