body 	{
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		color:#333;
		}

*		{padding:0; margin:0;}

p		{padding: 3px 0;}

H2		{ 
		text-align:center; 
		padding:0px 0 20px 0; 
		font-size: 30px;
		font-weight:normal;
		}
H3		{ 
		text-align:left; 
		padding:0px 0 15px 0; 
		font-size: 24px;
		font-weight: bold;
		}
H4		{ 
		text-align:left; 
		padding:0px 0 12px 0; 
		font-size: 11px;
		font-weight: bold;
		}						

ul 		{
		list-style-type:none;
		
		}
li 		{
		padding:0.3em 0;
		}

li a	{
		text-decoration:none;
		color:#333;
		}
li a:hover{text-decoration:underline;}		
li:hover{text-decoration:underline;}	

div#main	{
		width:980px;/*980*/
		margin-top:0px;
		margin-left:auto; margin-right:auto;
		}
		
div#logo	{
	padding:18px 0 11px 0;
	left:160px;
	width:650px;
	position: relative;
		}
			
div#left	{
		float:left;
		width:140px;
		text-align:right;
		padding:5px 13px 0 0;
		margin-top:33px;
		color:#333;
		}
div#left li {
		padding:6px 0;
		}
.left2	{font-weight:bold;}
.left2 a {font-weight:bold;}
.left3	{color:#390;}					
div#left li:hover {text-decoration:underline;}		
			
div#right	{
		float:left;
		width:140px;
		text-align:left;
		padding:330px 0 0 13px;
		color:#333;
		}				
div#right li {
		padding:6px 0;
		}		
div#frame	{
		/* background-image:url(../grafik/bg_ram.jpg);
		background-repeat:no-repeat; */
		background-color:#333;
		width:674px;
		height:444px;
		top:0px;
		left:0px;
		float:left;
		}	

#start2	{
		width:630px;
		height:400px;
		left:22px;
		top:22px;
		position:relative;
		display: none;
		}

.box	{
		width:590px; /* Om padding ändras måste vidd och höjd också ändras. Tillsammans är de 630x400 */
		height:360px;
		padding: 20px;		
		left:22px;
		top:22px;
		position:relative;
		display: none;
		background-color:#FFFFFF;
		overflow: auto;		
		}
		
#miljo a	{color: #444;}

#miljo a:hover	{color: #000;}
		
.box li	{
		padding:0.1em 0;
		}
#referenser td	{
		width:200px;
		vertical-align:top;
		}
#koncept td	{
		width:300px;
		vertical-align:top;
		}		
#kontakt .tdtext {
		vertical-align:top;
		padding:3px;
		width:133px;
		vertical-align:top;
		}
#kontakt .tdbild {
		padding:3px 3px 10px 0px;
		}
#kontakt img {		
		border:1px solid #333;
		}
#kontakt a {color:#333; text-decoration:none;}
#kontakt a:hover { text-decoration:underline;}				
.map:hover {text-decoration:underline;}
				
#sortiment td	{
		width:260px;
		vertical-align:top;
		}						

.topmarg	{margin-top:16px;}		
		
div#kundsidor_felmed	{
		position:absolute;
		left:40px;
		top:300px;
		padding:10px;
		width:526px;
		color:#FF0000;
		font-weight:bold;
		}
div#kundsidor_text {
		width:300px;
		position:relative;
		}
		
div#kundsidor_inlogg {
		position: absolute;
		left:350px;
		top:55px;
		width:228px;
		border:1px solid #AAA;
		padding:8px 0 8px 10px;
		}		
div#kundsidor_inlogg .top {
		font-weight:bold;
		text-align:center;
		padding: 4px 0;
		} 		
div#kundsidor_inlogg .rad {
		padding:7px 0px;
		}
		
div#cookies ul {
		list-style-type:disc;
		padding:5px 20px;
		}		 			

.pu td	{
		padding:20px;
		vertical-align:top;
		}

.pu		{
		padding:20px 25px 20px 25px;
		}	
			
#referenser_pu img {
		border:1px solid #000;
		margin:10px 0px;		
		}		
.nyhetsbild	{
		border:1px solid #000000;
		margin-top:10px;
		margin-bottom:2px;	
		} 

.clearfloats {clear:both;}	

