* {font-size:13px; font-family: Helvetica Neue, Helvetica, Arial; color:black; vertical-align:top; text-decoration:none; outline:none; background-repeat:none; border:0; list-style:none; padding:0; margin:0;}
body {margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; background:#49413f url(../bilder/ornament.gif) no-repeat fixed center; height:100%;}
html {height:100%;}

/*lite teckensnitt och sånt */
p {margin:0; font-size:1em; line-height:1.3em;}
a:link, a:visited, a:hover, a:active { color: #000000; }
img { display: block; }
.undersida h3 { color:#ffffff; height: 32px; margin-bottom: 12px; font-weight:normal; font-family: Arial, Helvetica, sans-serif; }
h2 {color:black; font-weight:normal; font-size:20px;}
.rubrik { position: absolute; z-index:5; top:70px; left:70px; overflow:hidden; }
.text p {color:black;}

/* SIDANS UPPBYGGNAD */

#floater {
	position:relative; float:left;
	height:50%;	margin-bottom:-320px;
	width:1px;
	}

#grund {
	position:relative; clear:both;
	height:640px; width:960px;
	margin:0 auto;
	}

#top { width:960px; height:550px; position:relative; clear:both; overflow:hidden;}
#huvudsida { background:white url('../bilder/bakgrundsmall.png') no-repeat 15px 15px; width:960px; height:550px; position:relative; overflow: hidden; float:left;}
#logotyp { position:absolute; top:-50px; left:624px; z-index: 100; width:159px; height:259px; background-image:url(../bilder/logotyptest.png); overflow:hidden; }
#link_home { position:absolute; top:-50px; left:660px; z-index: 101; width:120px; height:120px; overflow:hidden; } /*Så att man kan klicka på logotypen tror jag */
#hjarta { position:absolute; top:0; right:0; z-index: 102; width:172px; height:194px; overflow:hidden; background-image:url(../bilder/storfjaril.png);}

/* MENYN */
#menypil { width: 8px; height: 10px; position: absolute; top: 282px; left:805px; z-index: 10000; background-image:url(../bilder/pil.png); visibility: visible;}
#meny {width: 150px; position: absolute; top: 270px; left: 635px;}
#meny li {float: right; clear:both; color:#800000; font-family: Arial, Helvetica, sans-serif; font-size: 17px; line-height: 34px; cursor:pointer; cursor:hand; }

/*Inforutor modell popup*/
#info { position:absolute; top:70px; left:110px; z-index:100; width:290px; height:360px; background-color:#ffffff; overflow:hidden; visibility:hidden;}
#close { position:absolute; top:35px; right:35px; z-index: 2; width:20px; height:20px; background-image:url(../bilder/kryss.png); overflow:hidden; cursor:pointer; cursor:hand; }
#infobild { position:relative; margin-top:20px; margin-left:20px; width:250px; height:320px; }

.undersida { height: 520px; overflow:hidden; position: absolute; top:0; width:600px;}
#innehall { position:absolute; width:600px; height:520px; margin: 15px; overflow:hidden; }
#alltinnehall {width:3000px; height: 100%; position: relative;}
.ruta { position: absolute; z-index:3; top:15px; left:15px; width:570px; height:490px; }

/*Just för home-sidan*/
#home { left:0;}
#infoutb {text-decoration:underline; cursor:pointer; cursor:hand;}
#ommigbild { position: absolute; z-index:4; top:110px; left:30px; width:198px; height:284px; overflow:hidden; background-image:url(../bilder/jenny.png); }
#ommigsign { position: absolute; z-index:5; bottom:60px; left:260px; width:144px; height:59px; overflow:hidden; background-image:url(../bilder/ommig_sign.gif); }
#ommigrubrik{ position:absolute; z-index:7; top:75px; left:150px; width:144px; height:59px; overflow:hidden; background:url(../bilder/ommigrubrik.png) no-repeat;}
#ommigtext { position: absolute; z-index:6; top:70px; left:260px; width:300px; height:450px; overflow:hidden;}

/*Designsidan*/
#sida2 { left: 600px; background-color:#49413f;}
#designbild { position: absolute; z-index:4; bottom:0; left:0; width:259px; height:298px; overflow:hidden; background-image:url(../bilder/design_1.gif); }
#designrubrik { position:absolute; z-index:7; top:75px; left:100px; width:144px; height:59px; overflow:hidden; background:url(../bilder/designrubrik.png) no-repeat; }
#designtext { position: absolute; z-index:6; top:70px; left:210px; width:300px; height:400px; overflow:hidden;}
#designtext p {color:white;}
.tumnagel { height:40px; width:40px; margin:60px 10px auto 0; float:left; clear:none; cursor:pointer; cursor:hand; }

/*Sida 3 med smycken*/

#smyckessida {overflow:hidden; width:180px; height:484px; margin:18px; }
#hogsmyckessida {width:180px; height:968px;}

	.tumnagel2 {width:70px; height:70px; margin:5px; cursor:hand; cursor:pointer;}
	.ram2 {width:80px; height:80px; margin:5px; background:url('../bilder/ram.png'); float:left;}
	#storram {position:absolute; top:28px; right:35px; width:330px; height:330px; background:url('../bilder/storram.png');}
	#stor {margin:19px 18px 21px 22px; width:290px; height:290px;}
	#bildtext { position:absolute; top:380px; left:250px; width:300px;}

#sida3 {position: absolute; top:0; left:1200px; width:600px; height:520px; overflow:hidden;}
#hjalp2 {width: 600px; height: 2080px; position: relative;}

#etta { position:relative; top:0; width:600px; height:520px; }
    #koll1 { background-image:url(../bilder/koll/koll1.png); position:absolute; z-index:50; top:60px; left:40px; width:250px; height:100px; cursor:pointer; cursor:hand; }
    #koll2 { background-image:url(../bilder/koll/koll2.png);  position:absolute; z-index:50; top:200px; left:40px; width:250px; height:100px; cursor:pointer; cursor:hand; }
    #koll3 { background-image:url(../bilder/koll/koll3.png);  position:absolute; z-index:50; top:340px; left:40px; width:250px; height:100px; cursor:pointer; cursor:hand; }
    
    .smyckestor { position:relative; top:30px; left:40px; width:250px; height:250px; clear:both; }
    .smyckep { position:relative; top:50px; left:40px; width:250px; height:60px; clear:both; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color:#ffffff; overflow:hidden;}
    .smycketumnagel { position:relative; top:60px; left:40px; width:40px; height:40px; margin-right:12px; clear:none; float:left; cursor:pointer; cursor:hand;}
    .upp { position:absolute; bottom:28px; left:40px; width:12px; height:9px; background-image:url(../bilder/upp.jpg); cursor:pointer; cursor:hand; }
    .pdftext { position:absolute; bottom:15px; right:70px; width:160px; height:40px; color:white; text-align:right; text-decoration:underline; line-height:14px; cursor:pointer; cursor:hand; }
    .pdf { position:absolute; bottom:28px; right:40px; width:21px; height:24px; background-image:url(../bilder/pdf_liten.jpg); cursor:pointer; cursor:hand; }
	
#tvaa { position:relative; top:520; width:600px; height:520px; }
#trea { position:relative; top:1040; width:600px; height:520px; }
#fyra { position:relative; top:1560; width:600px; height:520px; }
			  
/*Här kommer sidan med kontaktuppgifter */
#sida4 { left:1800px; }
#kontaktknapp { position: absolute; z-index:3; bottom:200px; left:50px; width:122px; height:121px; overflow:hidden; background-image:url(../bilder/kontakt_knapp.png); }
#kontaktmapp { position: absolute; z-index:4; bottom:30px; right:30px; width:264px; height:210px; overflow:hidden; background-image:url(../bilder/kontakt_mapp.png); }
#kontaktrubrik {position:absolute; z-index:7; top:75px; left:120px; width:144px; height:59px; overflow:hidden; background:url(../bilder/kontaktrubrik.png) no-repeat;}
#kontakttext { position: absolute; z-index:6;  top:70px; left:220px; width:250px; height:400px; overflow:hidden;}
#maplink { text-decoration: underline; color:blue; }

/*Här är sista sidan med kartan */
#karta { left:2400px; background-color:#49413f; }
#kartabild { position:absolute; z-index:2; top:70px; left:70px; width:415px; height:366px; background-image:url(../bilder/karta_bild.gif); }
#kartabubbla1 { position:absolute; left: 166px; top: 142px; width:97px; height:104px; z-index:3; background-image:url(../bilder/karta_bubbla.png);}
.kartatext { position:absolute; left: 10px; top: 13px; line-height:16px; }
.kartaknapp { position:absolute; left: 10px; top: 54px; }
#kartabubbla2 { position:absolute; left: 309px; top: 161px; width:97px; height:104px; z-index:4; background-image:url(../bilder/karta_bubbla.png);}
#close2 { position:absolute; z-index:8; top:15px; right:15px; width:20px; height:20px; background-image:url(../bilder/kryss.png); cursor:pointer; cursor:hand; }

/*Och sist sidfoten*/
.bottom { width:960px; overflow:hidden;}
.bottom p { color: #bbbbbb; font-size: 11px; padding: 4px 40px 0 0; line-height: 16px; float:right;}

/*Logotypen */
#logotyp {position:absolute; top:0; left:730px; height:151px; width:151px; background:url('../bilder/logotyp.png'); margin:0;}