body {
padding: 0; /* behövs alltid!! */
margin: 0; /* sidans marginaler */ 
text-align: center;  /* centrerar layouten 1 - för äldre webläsare*/
background-color: #e2e296; color: #3c2415;
font: 76% Verdana, Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5 { 
font-family: Georgia, Times, "Times New Roman", serif;
color: #575D2E; 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.33em; }
h4 { font-size: 1.16em; }
h5 { font-size: 1em; }

p {
	margin: 0 0 15px 0;
	font-size: 1em;
	line-height: 120%;
}

a { color: #3e775e; text-decoration:none; }
a:visited { color: #3e775e; }
a:hover { color: #d4d87d; text-decoration: underline; }
a img { border: none; }

hr { border: thin solid #575D2E; margin-top: 30px; margin-bottom: 30px; }

.cleartopmargin { margin-top: 0; }
.center { text-align: center; }

.layoutvanster { text-align:left; font-size:1em; color:#3C2314; }
.layouthoger { text-align:right; font-size:1em; color:#3C2314; }

.spalt { float: left; width: 48%; }
.spalttext { padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.8em;}


/* div typo */

.bildtext { padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px;}

.gulrubrik {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#C3C330;
}

.gfrubrik {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	font-weight:bold;
	color:#C3C330;
}

.topplink {
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color: #3E775E;
}

.topplink_brun {
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #554032;
}


/* formulär layout */
.formtext

form label { font-family: Verdana; color: #000000; font-size: 1em }

form input { font-family: Verdana; color: #000000; font-size: 1em; background-color: #e2e296; border: 1px solid #3e775e }

form textarea { font-family: Verdana; color: #000000; font-size: 1em; background-color: #e2e296; border: 1px solid #3e775e; padding: 5px }
.postaknapp  {background-color: transparent;  background-image: url(posta.png);  width:64px; height:17px; background-repeat:no-repeat; border:hidden; border:none;}




/* layout */

#layout { width: 850px; height:auto; margin: 0 auto; position: relative;
}




/* containrar fasta*/

#bgcolored {
	left:0px;
	top:10px;
	position:absolute;
	width: 835px;
	height: 581px;
	background-image: url(bgcolored2.png);
	background-repeat:repeat-x;
	border:0.1em #ffffff solid;
	z-index: 1;
}

#mainbg {
	left:130px;
	top:134px;
	position:absolute;
	width: 590px;
	height: 380px;
	background-image: url(bakgrundmain.png);
	background-repeat: no-repeat;
	z-index: 2;
}

#blomma {
	left:20px;
	top:28px;
	position:absolute;
	width: 230px;
	height: 506px;
	background-image: url(blomma.png);
	background-repeat: no-repeat;
	z-index: 3;
}

#linje {
	left:268px;
	top:161px;
	position:absolute;
	width: 547px;
	height: 5px;
	background-image: url(linje.png);
	background-repeat: no-repeat;
	z-index: 4;
}

#keyla {
	left:707px;
	top:100px;
	position:absolute;
	width: 126px;
	height: 71px;
	background-image: url(keyla_logga.png);
	background-repeat: no-repeat;
	z-index: 5;
}

#prickar {
	left:700px; top:169px; position:absolute; width: 123px; height: 240px;
	background-image: url(prickar.png); background-repeat: no-repeat; z-index: 5;}

#info {
	left:43px;
	top:358px;
	position:absolute;
	width: 87px;
	height: 144px;
	background-image: url(info.png);
	background-repeat: no-repeat;
	z-index: 5;
}

#copy {
	left:711px;
	top:448px;
	position:absolute;
	width: 79px;
	height: 57px;
	background-image: url(copy.png);
	background-repeat: no-repeat;
	z-index: 5;
}

#sidrubrik {
	left:268px;
	top:141px;
	position:absolute;
	width: 138px;
	height: 20px;
	text-align:left;
	z-index: 5;
}

#sidrubrik_hemsidor {
	left:268px;
	top:141px;
	position:absolute;
	width: 138px;
	height: 20px;
	text-align:left;
	z-index: 5;
}



/* containrar rörliga*/

#vass1 {
	left:136px; top:34px; position:absolute; width: 317px; height: 464px;
	background-image: url(vass1.png); background-repeat: no-repeat; z-index: 1;}
	
#vass_skicka {
	left:529px;
	top:244px;
	position:absolute;
	width: 167px;
	height: 252px;
	background-image: url(vass_skicka.png);
	background-repeat: no-repeat;
	z-index: 5;
}	

#infotext {
	left:0px;
	top:563px;
	position:absolute;
	width: 796px;
	height: 38px;
	background-image: url(infotext.png);
	background-repeat: no-repeat;
	z-index: 20;
}

#w3c {
	left:772px;
	top:566px;
	position:absolute;
	width: 64px;
	height: 30px;
	background-image: url(w3c.png);
	background-repeat: no-repeat;
	z-index: 21;
}


#ringmig {
	left:135px;
	top:322px;
	position:absolute;
	width: 129px;
	height: 52px;
	background-image: url(ringmig.png);
	background-repeat: no-repeat;
	z-index: 5;
}

#ripa {
	left:782px;
	top:21px;
	position:absolute;
	width: 91px;
	height: 97px;
	background-image: url(ripa.png);
	background-repeat: no-repeat;
	z-index: 5;
}

#ripatext {
	left:620px;
	top:34px;
	position:absolute;
	width: 159px;
	height: 25px;
	background-image: url(ripatext.png);
	background-repeat: no-repeat;
	z-index: 6;
}

#myror {
	left:95px;
	top:473px;
	position:absolute;
	width: 268px;
	height: 94px;
	background-image: url(myror.png);
	background-repeat: no-repeat;
	z-index: 5;
}

#myrortext {
	left:166px;
	top:455px;
	position:absolute;
	width: 92px;
	height: 46px;
	background-image: url(myrortext.png);
	background-repeat: no-repeat;
	z-index: 6;
}

#mariell {
	left:421px;
	top:433px;
	position:absolute;
	width: 111px;
	height: 159px;
	background-image: url(mariell.png);
	background-repeat: no-repeat;
	z-index: 5;
}

#kattis {
	left:158px;
	top:431px;
	position:absolute;
	width: 111px;
	height: 163px;
	background-image: url(kattis.png);
	background-repeat: no-repeat;
	z-index: 5;
}

#eva {
	left:294px;
	top:433px;
	position:absolute;
	width: 111px;
	height: 159px;
	background-image: url(eva.png);
	background-repeat: no-repeat;
	z-index: 5;
}

#veronica {
	left:542px;
	top:434px;
	position:absolute;
	width: 111px;
	height: 168px;
	background-image: url(veronica.png);
	background-repeat: no-repeat;
	z-index: 5;
}

#mariellpil {
	left:190px;
	top:395px;
	position:absolute;
	width: 77px;
	height: 40px;
	background-image: url(mariellpil.png);
	background-repeat: no-repeat;
	z-index: 8;
}


#valjpil {
	left:146px;
	top:337px;
	position:absolute;
	width: 106px;
	height: 119px;
	background-image: url(valjpil.png);
	background-repeat: no-repeat;
	z-index: 8;
}

#spindel {
	left:614px;
	top:1px;
	position:absolute;
	width: 106px;
	height: 271px;
	background-image: url(spindel.png);
	background-repeat: no-repeat;
	z-index: 5;
}

#obs {
	left:368px;
	top:505px;
	position:absolute;
	width: 344px;
	height: 28px;
	background-image: url(obs.png);
	background-repeat: no-repeat;
	z-index: 5;
}

#lejon {
	left:538px;
	top:96px;
	position:absolute;
	width: 167px;
	height: 133px;
	background-image: url(lejon.png);
	background-repeat: no-repeat;
	z-index: 5;
}

#surikat {
	left:129px;
	top:372px;
	position:absolute;
	width: 182px;
	height: 203px;
	background-image: url(surikat.png);
	background-repeat: no-repeat;
	z-index: 5;
}
	
	
	
		
	
/* containrar länkar*/	

#linkfordig {
	left:699px;
	top:175px;
	position:absolute;
	width: 114px;
	height: 25px;
	z-index: 20;
}
	#linkavmig {
	left:699px;
	top:200px;
	position:absolute;
	width: 114px;
	height: 25px;
	z-index: 20;}
	#linkfickla {
	left:699px;
	top:225px;
	position:absolute;
	width: 114px;
	height: 25px;
	z-index: 20;}
	#linkkontakt {
	left:700px;
	top:201px;
	position:absolute;
	width: 114px;
	height: 25px;
	z-index: 20;
}
	#linkhem {
	left:700px;
	top:226px;
	position:absolute;
	width: 114px;
	height: 25px;
	z-index: 20;
}




/* containrar textblock*/


#starttext {
	left:279px;
	top:205px;
	position:absolute;
	width: 332px;
	height: 291px;
	text-align:left;
	z-index: 6;
}

#omosstext {
	left:279px;
	top:192px;
	position:absolute;
	width: 394px;
	height: 285px;
	text-align:left;
	z-index: 6;
}

#fordigtext {
	left:270px;
	top:199px;
	position:absolute;
	width: 375px;
	height: 291px;
	text-align:left;
	z-index: 6;
}

#fordig_delar {
	left:279px;
	top:204px;
	position:absolute;
	width: 349px;
	height: 291px;
	text-align:left;
	z-index: 6;
}

#kontakttext {
	left:279px;
	top:205px;
	position:absolute;
	width: 325px;
	height: 293px;
	text-align:left;
	z-index: 6;
}

#avosstext {
	left:279px;
	top:193px;
	position:absolute;
	width: 352px;
	height: 304px;
	text-align:left;
	z-index: 6;
}




/* containrar till För dig*/

#FDlayout {
	left:521px;
	top:308px;
	position:absolute;
	width: 146px;
	height: 82px;
	z-index: 9;
}

#FDkurser {
	left:481px;
	top:411px;
	position:absolute;
	width: 163px;
	height: 72px;
	z-index: 9;
}

#FDwebben {
	left:255px;
	top:347px;
	position:absolute;
	width: 140px;
	height: 124px;
	z-index: 9;
}





/* containrar till Av oss*/

#minipilfram {
	left:204px;
	top:471px;
	position:absolute;
	width: 17px;
	height: 18px;
	z-index: 12;
}

#minipilbak {				/* containrar hemsidor*/
	left:180px;
	top:471px;
	position:absolute;
	width: 17px;
	height: 18px;
	z-index: 12;
}

#avoss_bildram {
	left:280px;
	top:197px;
	position:absolute;
	width: 373px;
	height: 264px;
	z-index: 6;
}

#avoss_bildramBRED {
	left:280px;
	top:189px;
	position:absolute;
	width: 373px;
	height: 329px;
	z-index: 6;
}


#minibilder_hems {
	left:135px;
	top:500px;
	position:absolute;
	width: 536px;
	height: 50px;
	text-align:left;
	z-index: 10;
}

#avoss_kundtext {
	left:148px;
	top:334px;
	position:absolute;
	width: 121px;
	height: 124px;
	text-align:left;
	z-index: 6;
}


#avoss_topplink {
	left:268px;
	top:170px;
	position:absolute;
	width: 125px;
	height: 19px;
	text-align:left;
	z-index: 8;
}

#bildbotten {
	left:279px;
	top:440px;
	position:absolute;
	width: 355px;
	height: 33px;
	background-color:#d3d77d;
	z-index: 5;
}


#l_umb { 				/* containrar layout*/
	left:279px;
	top:196px;
	position:absolute;
	width: 365px;
	height: 304px;
	z-index: 6;
}

#l_gala {
	left:279px;
	top:178px;
	position:absolute;
	width: 355px;
	height: 310px;
	z-index: 6;
}

#l_isb {
	left:279px;
	top:197px;
	position:absolute;
	width: 369px;
	height: 300px;
	z-index: 6;
}

#l_karta {
	left:279px;
	top:178px;
	position:absolute;
	width: 374px;
	height: 319px;
	z-index: 6;
}

#l_se {
	left:279px;
	top:228px;
	position:absolute;
	width: 373px;
	height: 255px;
	z-index: 6;
}

#l_not {
	left:279px;
	top:198px;
	position:absolute;
	width: 373px;
	height: 305px;
	z-index: 6;
}

#l_bred {
	left:279px;
	top:180px;
	position:absolute;
	width: 371px;
	height: 333px;
	z-index: 6;
}

#l_visit {
	left:279px;
	top:186px;
	position:absolute;
	width: 371px;
	height: 307px;
	z-index: 6;
}

#avmig_l_kund {
	left:148px;
	top:459px;
	position:absolute;
	width: 425px;
	height: 38px;
	text-align:left;
	z-index: 6;
}