/* ------------------------------------------------
	global
-------------------------------------------------*/


body 	{ color: #333;
	  font: 12px Arial, Helvetica, sans-serif;
	  background: #bee1f3 url(../images/bg.png) repeat-x;
	  margin:0px;
	  padding:0px;	}

p	{ font: 12px Arial, Helvetica, sans-serif;line-height:18px;	}


h2 	{ font-size: 22px; 
	  color: #961707;	
	  margin-bottom: 20px;
	  font-weight: normal;	}

a 	{ color: #333;
	  text-decoration: none;	}

ul	{ list-style: none; 	}

img	{ border: 0px solid; 	}


div#container	{ margin:0 auto 20px auto;
		  width:824px;	}
		  
div#content.beh {margin-top:50px;min-width:1500px;margin-left:-214px}

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

div#header	{ height:274px;
		  margin:0px;
		  padding:0px;}

	div#bestall	{ margin:0px 0px -130px -60px;
			  width:494px;
			  height:160px;
			  position:relative;
			  z-index:1000;
			  background: url(images/bestall.png) no-repeat top left; }
	
	div#logo	{ width:831px;
				  height:68px;
				  display:block;
				  margin:0px 0px 0px 23px;
			  	  text-align:right; }
	div#logo2	{ float:right;
				  clear:right;
				  width:310px;
				  height:68px;
				  display:block;
				  background: url(../images/logo.png) no-repeat top right; 
			  	  text-align:right; }
	
	div#images	{ width:824px;
			  margin:0px;
			  padding:35px 20px 0px 22px;
			  background: url(../images/headerbg.png) no-repeat top left;	}
	
	div#images img	{ width:196px;
			  height:151px;
			  margin:0px -3px 0px 0px;
			  padding:0px;	}


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

#imgLogo    {
    float:right;
    margin-right: 0px    }

div#main	{ width:784px;
		  margin:0px;
		  padding:20px 0px 0px 0px;
		  background: #fff;
		  display:block;	}

div#maintext	{ float:left;
		  width:500px;
		  margin:0px;
		  padding:20px 20px ;
		  background: #fff;	}

div#mainimg	{ float:left;
		  width:200px;
		  margin:0px;
		  padding:20px 20px;
		  background: #fff;	}

div#content	{ width:784px;
		  margin:-20px 0px 0px 0px;
		  padding:0px 20px 0px 20px;
		  background: #fff;
	}

div#content2	{ width:744px;
		  padding:0px 20px 0px 20px;
		  background: #ebf7fa;
		  text-align:left;	}

div#menu {
	background:#fff;
	height:44px;
	margin:0px -20px 0px -20px;	}

	div#menu ul { margin:0px;
			padding:0px;	}

	div#menu li { float:left;
			display:block;
			color:#000;
			font-size:12px;	
			font-family:helvetica, arial, sans-serif;
			text-align:center;
			display:block;
			width:200px;	}

	div#menu a {background: url('../images/menu.png') no-repeat top left;	
		color:#000;
		font-weight:bold;
		display:block;	
		padding:15px 0px;	}
	
	div#menu a:hover { background: url('../images/menuhover.png') no-repeat top left;	
		display:block;		}

	div#menu li.active a {  background: #fff url('../images/menuhover.png') no-repeat top left;	
		display:block;	}
	

div#table { margin:0px  -20px;	}


table#prodtable { border-collapse: collapse;
		  width:749px;	
		  font-size:11px;
		  margin:0px 0px 0px 18px;	}
		  
div#prodtablebg{ background:#fff url('../images/tablebg.png');
				 margin:0px;
				 padding:0px;	}		  

	table#prodtable th { border:1px solid #eeeeee;	}
	table#prodtable td { border:1px solid #eeeeee;	}

	table#prodtable input { background:#fff;
				border:1px solid #cccccc;
				width:40px;	}

	table#prodtable .green { color:#00aa00;	}
	table#prodtable .reed { color:#d20f27;	}

#kundform {
	margin:20px;
}
#kundform .textfield {
	background:#fff;
	border:1px solid #cccccc;
}


div#footer	{ width:824px;
		  height:33px;
		  margin:-20px 0px 0px 0px;
		  background: url(../images/footerbg.png) no-repeat top left;
		  display:block;	}
		  
.formobj {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

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

* html .hojd {
	height: 170px;
}