body 
{

margin: 0px;
background-image: url(images/bg.jpg);    
background-repeat: repeat-x;
}

h1
{
font-family: Arial;
font-size: 26px;    
font-weight: normal;
}


h2
{
font-family: Arial;
font-size: 20px;    
font-weight: normal;
}


h3
{
font-family: Arial;
font-size: 16px;    
font-weight: normal;



}




#wrapper
{
    

margin-left: auto;
margin-right: auto;   
width: 1000px;
height: 1000px;
background-image: url(images/scetch.jpg);
z-index: 1;
}


#wrapper_produkter
{
    

margin-left: auto;
margin-right: auto;   
width: 1000px;
height: 1500px;
background-image: url(images/scetch_produkter.jpg);
z-index: 1;
}


#wrapper_om_oss
{
    

margin-left: auto;
margin-right: auto;   
width: 1000px;
height: 1500px;
background-image: url(images/scetch_om_oss.jpg);
background-repeat: no-repeat;
z-index: 1;

}





#top
{
    
height: 95px;
z-index: 1;
}


#logo
{
    
float: left;
width: 366px;
height: 90px;    
z-index: 1;
}


#top_right
{
    
float: left;
width: 630px;
height: 90px;    
z-index: 1;
}


#menu
{
    
height: 60px;    
z-index: 1;    
}




#navcontainer
	{
		
		overflow: hidden;
		width: 628px;
		position:relative; top: 10px; 
				
	}


	#navlist
	{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}


	#navlist li
	{
		
		float: left;
		line-height: 1.1em;
		margin: 0 .90em 0 .3em;
		padding: 0 .40em 0 .7em;
	}



	#navlist li a
	{
	color: #ffffff;
	font-size: 18 px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	}



#top_right_bottom
{

height: 30px;    
z-index: 1;    
}


#top_right_bottom_text
{

width: 320px;
height: 14px;    
position: relative; top: 15px; left: 160px;    
font-family: Arial;
font-size: 12px;
z-index: 1;

}





#main
{
    
height: 340px;
z-index: 1;
}



#main_produkter
{
    
height: 840px;
z-index: 1;
}


#main_om_oss
{
    
height: 700px;
z-index: 1;
}








#main_left
{

float: left;
width: 500px;
height: 338px;    
z-index: 1;   
}



#main_left_om_oss
{

float: left;
width: 500px;
height: 650px;    
z-index: 1;   
}



#main_left_produkter
{

float: left;
width: 500px;
height: 650px;    
z-index: 1;   
}




#left_om_oss_overskrift
{
width: 250px;
height: 25px;
position: relative; top: 20px; left: 15px;
}


#left_produkter_overskrift
{
width: 250px;
height: 25px;
position: relative; top: 20px; left: 15px;
}


#left_ref_overskrift
{
width: 400px;
height: 25px;
position: relative; top: 20px; left: 15px;
}




#left_om_oss_img
{
width: 430px;
height: 500px;
position: relative; top: 75px; left: 41px;
}


#left_produkter_img
{
width: 400px;
height: 400px;
position: relative; top: 75px; left: 41px;
}




#main_left h1
{

width: 350px;    
color: #330148;
position: relative; top: 20px; left: 20px;
z-index: 1;
}


#main_left h2
{

width: 270px;    
color: #9d5dda;
position: relative; top: 45px; left: 55px;
z-index: 1;
}






#main_right
{

float: right;
width: 477px;
height: 338px;    
background-image: url(images/webdesign_bakgrundsbildet_kunder.jpg);  
z-index: 1;    
}



#main_right_om_oss
{

float: right;
width: 477px;
height: 600px;    
background-image: url(images/webdesign_bakgrundsbildet_kunder.jpg);  
z-index: 1;    
}



#main_right_om_oss h2
{

color: #9d5dda;

}






#main_right_produkter
{

float: right;
width: 477px;
height: 830px;    
background-image: url(images/webdesign_bakgrundsbildet_kunder.jpg);  
z-index: 1;    
}







#main_right_produkter_prod_1
{
height: 270px;    
font-family: Arial;
font-size: small;  
    
}


.style4
{
height: 280px;    
font-family: Arial;
font-size: small;  
    
}




#main_right_produkter_prod_1 h1
{
    
color: #9d5dda;    
    
}



#main_right_produkter_prod_2
{
height: 270px;    
font-family: Arial;
font-size: small;  
    
}


#main_right_produkter_prod_2 h1
{
    
color: #642f75;    
    
}



#main_right_produkter_prod_3
{
height: 270px;    
font-family: Arial;
font-size: small;  
    
}



#main_right_produkter_prod_3 h1
{
    
color: #000000;    
    
}




#right_om_oss_overskrift
{
width: 400px;
height: 20px;
position: relative; top: 20px; left: 15px;
}


#om_oss_text
{
width: 447px;
height: 520px;
font-family: Arial;
font-size: small;
position: relative; top: 40px; left: 15px;
}


#om_oss_text h3
{
color: #4c1060;

}





#main_right_top
{
    
height: 167px; 
z-index: 1; 
}


#main_right_img_1
{

float: left;    
width: 235px;
height: 167px;

z-index: 1;    
}


#main_right_img_2
{

float: right;    
width: 230px;
height: 167px;
z-index: 1;
    
}


#main_right_img_3
{

float: left;    
width: 230px;
height: 167px;
z-index: 1;
    
}


#main_right_img_4
{

float: right;    
width: 230px;
height: 167px;
z-index: 1;
    
}






#main_right_bottom
{
    
height: 167px; 
z-index: 1;
 
}




#boxes
{
    
height: 520px;
z-index: 1;

}


#boxes_top
{

height: 350px;
z-index: 1;   
}



#boxes_bottom
{

height: 160px;
z-index: 1;    
}


.style_box
{
float: left;    
width: 330px;
height: 348px;    
z-index: 1;    
}


#box_1 h2
{
width: 260px;    
color: #ffffff;
position: relative; top: 78px; left: 45px;    
}





#box_2 h2
{
width: 270px;    
color: #ffffff;
position: relative; top: 138px; left: 25px;    
}


#box_3 h2
{
width: 270px;    
color: #ffffff;
position: relative; top: 170px; left: 25px;    
}


#buttons_bottom
{
 
width: 400px;
height: 130px; 

}


#btn_1
{
float: left;
width: 119px;
height: 75px;    
    
}


#btn_1 img
{

position: relative; top: 3px; left: 3px;
    
}


#btn_2
{
float: left;
width: 121px;
height: 75px;    
    
}


#btn_2 img
{

position: relative; top: 4px; left: 3px;
    
}


#btn_3
{
float: left;
width: 121px;
height: 75px;    
    
}


#btn_3 img
{

position: relative; top: 4px; left: 3px;
    
}