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

body {
	background-color:#d1bd98;
	padding: 0; /* behövs alltid!! */
	margin: 0; /* sidans marginaler */ 
	text-align: center;  /* centrerar layouten 1 - för äldre webläsare*/
	font-family: verdana, arial, helvetica, sans-serif; 
}

h1, h2, h3, h4, h5 { 
	font-family: garamond, times new roman, times;
	color: #000000; 
	background-color: inherit;
	letter-spacing: 1px;
	margin-top: 30px;
	margin-bottom: 4px; 
}

h1 { font-size: 2.5em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; font-weight:500;}
h4 { font-size: 1.16em; font-weight:500; }
h5 { font-size: 1em; }

p,td {
	font-family: garamond, times new roman, times; 
	margin: 15px 0 15px 0;
	font-weight:500;
	line-height: 125%;
}

a { 
	font-faimily: verdana;  
	color: #000000; 
	text-decoration:none;
}
a:visited { color: #000000; }
a:hover { color: #BBAA97; text-decoration: none; }
a img { border: none; }


/* div typo */





/* containrar fasta*/


#ram {
	left:-150px;
	top:40px;
	position:absolute;
	width: 1000px;
	height: 600px;
	background: url(bilder/ruta.png);
	z-index: 1;
}

#stubbe {
	left:-20px;
	top:0px;
	position:absolute;
	width: 300px;
	height: 550px;
	background-image: url(bilder/stubbe.gif);
	background-repeat: no-repeat;
	z-index: 2;
}

#vitlugg {
	left: 737px;
	top:53px;
	position:absolute;
	width: 93px;
	height: 138px;
	background-image: url(bilder/vitlugg.png);
	background-repeat: no-repeat;
	z-index: 3;
}

#brunlugg {
	left: 737px;
	top:197px;
	position:absolute;
	width: 93px;
	height: 138px;
	background-image: url(bilder/brunlugg.png);
	background-repeat: no-repeat;
	z-index: 2;
}

#brador {
	left: 737px;
	top:342px;
	position:absolute;
	width: 93px;
	height: 138px;
	background-image: url(bilder/brador.png);
	background-repeat: no-repeat;
	z-index: 2;
}


#tjej {
	left: 737px;
	top:487px;
	position:absolute;
	width: 93px;
	height: 138px;
	background-image: url(bilder/tjej.png);
	background-repeat: no-repeat;
	z-index: 2;
}



/* containrar rörliga*/


#startrubrik {
	left: 200px;
	top:170px;
	position:absolute;
	width: 400px;
	height: 170px;
	background-image: url(bilder/startrubrik.png);
	background-repeat: no-repeat;
	z-index: 2;
}

#rubrik_omforetaget {
	left: 150px;
	top:115px;
	position:absolute;
	width: 230px;
	height: 100px;
	background-image: url(bilder/rubrik_omforetaget.png);
	background-repeat: no-repeat;
	z-index: 2;
}

#rubrik_kontakt {
	left: 150px;
	top:115px;
	position:absolute;
	width: 200px;
	height: 100px;
	background-image: url(bilder/rubrik_kontakt.png);
	background-repeat: no-repeat;
	z-index: 2;
}

#rubrik_produkter {
   left: 150px;
	top:115px;
	position:absolute;
	width: 300px;
	height: 100px;
	background-image: url(bilder/rubrik_produkter.png);
	background-repeat: no-repeat;
	z-index: 2;
}

#snedtext {
	left: 350px;
	top:430px;
	position:absolute;
	width: 300px;
	height: 170px;
	background-image: url(bilder/snedtext.png);
	background-repeat: no-repeat;
	z-index: 9;
}

		
	
/* containrar länkar*/	


	#linkstart {
	left: 210px;
	top:570px;
	font-size: 80%;
	position:absolute;
	z-index: 9;
	}
	#linkomforetaget {
	left: 280px;
	top:570px;
	font-size: 80%;
	position:absolute;
	z-index: 9;
	}
	#linkprodukt {
	left: 410px;
	top:570px;
	font-size: 80%;
	position:absolute;;
	z-index: 9;
	}
	#linkkontakt {
	left: 520px;
	top:570px;
	font-size: 80%;
	position:absolute;;
	z-index: 9;
	}




/* containrar textblock*/



#starttext {
	left:250px;
	top:240px;
	position:absolute;
	width: 310px;
	height: 400px;
	text-align:left;
	z-index: 8;
}

#kontakttext {
	left:250px;
	top:180px;
	position:absolute;
	width: 310px;
	height: 400px;
	text-align:left;
	z-index: 7;
}

#text_omforetaget {
	left:250px;
	top:240px;
	position:absolute;
	width: 310px;
	height: 400px;
	text-align:left;
	z-index: 8;
}

#text_produkter {
	left:250px;
	top:180px;
	position:absolute;
	width: 370px;
	height: 150px;
	text-align: left;
	z-index: 8;
}
.keyla {
	background-image:url(bilder/pix_white_60.png); 
	padding:1px 2px; 
	font-size:11px; 
	position:absolute; 
	top:630px; 
	left:750px;
}