/* ---------------- GEMENSAM ---------------- */

/* ÅTERSTÄLLNING */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p,blockquote,fieldset,input,tr,td { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
img { border: none; display:block; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }



/* TEXT */


a { color: #6d4718; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: none; cursor: pointer; color: #FFF4DC;  }
a.text { color: #d3851a; }
a.text:hover { text-decoration: none; cursor: pointer; color: #6d4718;  }

p {  line-height: 18px; margin-bottom: 18px; }
h1 { font-weight: normal; font-size: 22px; line-height: 24px; margin-bottom: 18px; color: #6d4718; }
h2 { font-weight: normal; font-size: 16px; line-height: 18px; margin-bottom: 18px; color: #6d4718; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h3.ref { font-weight: bold; font-size: 14px; line-height: 20px; margin: 10px 0 5px 20px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

.indrag { margin-left: 20px; }




/* BILDER */
img.main{ border: 2px solid #d3851a; 
	margin: 10px 10px 10px 10px;
	width: 300px;
	}

img.main_noborder{ border: none; 
	margin: 10px 10px 10px 10px;
	width: 300px;
	}


/* GRUND */
body { font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
		background-color: #fff; 
		color: #333; 
		padding-top: 18px; 
		}
		
		
#logo { width: 20px; 
	height: 30px; 
	top: -30px;
	left: -100px; 
	position: absolute; 
	z-index: 9999; 
	}		
	
#content {
	position: relative;
	margin: 0 auto;	 	
 	text-align: left;
	padding: 0;
	width: 980px;
	height: 100%;
	background-color: white;
	}
	



/* MAIN */
	
#mainwrapper {
	margin: 0 auto;	 	
 	text-align: left;
	padding: 0;
	margin: 5px 0 0px 243px;
	width: 740px;
	border: none;
	background-color: none;
	background-image: url(bilder/mainframe.jpg); 
	background-repeat: repeat-y;
	}

#maintop {
	padding: 0px 0 0px 0px;
	margin: 0px 0 0 0px;
	width: 740px;
	height: 40px;
	border: none;
	background-color: none;
	background-image: url(bilder/mainframe_top.jpg); 
	background-repeat: no-repeat;
	}
		
#main {
	padding: 0px 0 0px 0px;
	margin: 0px 50px 0px 50px;
	width: 640px;
	border: none;
	background-color: none;
	}

#mainbtm {
	padding: 0px 0 0px 0px;
	margin: 0px 0 0 0px;
	width: 740px;
	height: 40px;
	border: none;
	background-color: none;
	background-image: url(bilder/mainframe_btm.jpg); 
	background-repeat: no-repeat;
	}
	


/* MAIN_WIDE */	
	
#mainwrapper_wide {
	margin: 0 auto;	 	
 	text-align: left;
	padding: 0;
	margin: 0 0 0px 3px;
	width: 982px;
	border: none;
	background-color: none;
	background-image: url(bilder/mainframe_wide.jpg); 
	background-repeat: repeat-y;
	}

#maintop_wide {
	padding: 0px 0 0px 0px;
	margin: 0px 0 0 0px;
	width: 982px;
	height: 40px;
	border: none;
	background-color: none;
	background-image: url(bilder/mainframe_wide_top.jpg); 
	background-repeat: no-repeat;
	}
		
#main_wide {
	padding: 0px 0 0px 0px;
	margin: 0px 100px 0px 100px;
	width: 780px;
	border: none;
	background-color: none;
	}

#mainbtm_wide {
	padding: 0px 0 0px 0px;
	margin: 0px 0 0 0px;
	width: 982px;
	height: 40px;
	border: none;
	background-color: none;
	background-image: url(bilder/mainframe_wide_btm.jpg); 
	background-repeat: no-repeat;
	}



/* MAIN_KORT */
#mainwrapper_kort1 { 	
 	float: left;
	padding: 0;
	margin: 5px 0 10px 243px;
	width: 360px;
	border: none;
	background-color: none;
	background-image: url(bilder/mainframe_kort.jpg); 
	background-repeat: repeat-y;
	}
	
#mainwrapper_kort2 { 	
 	text-align: left;
	padding: 0;
	margin: 5px 0 10px 618px;
	width: 360px;
	border: none;
	background-color: none;
	background-image: url(bilder/mainframe_kort.jpg); 
	background-repeat: repeat-y;
	}

#maintop_kort {
	padding: 0px 0 0px 0px;
	margin: 0px 0 0 0px;
	width: 360px;
	height: 40px;
	border: none;
	background-color: none;
	background-image: url(bilder/mainframe_kort_top.jpg); 
	background-repeat: no-repeat;
	}
		
#main_kort {
	padding: 0px 0 0px 0px;
	margin: 0px 30px 0px 30px;
	width: 300px;
	border: none;
	background-color: none;
	}

#mainbtm_kort {
	padding: 0px 0 0px 0px;
	margin: 0px 0 0 0px;
	width: 360px;
	height: 40px;
	border: none;
	background-color: none;
	background-image: url(bilder/mainframe_kort_btm.jpg); 
	background-repeat: no-repeat;
	}

	
	
	
/* SIDEBAR */
#sidebarwrapper {
	position: absolute;
	top: 100px;
	left: 0px;	
	margin: 0 0 0 0;
	width: 220px;
	background-image: url(bilder/sidebar.jpg); 
	background-repeat: repeat-y;
	z-index: 9997;
	}
	
#sidebartop {	
	margin: 0;
	width: 220px;
	background-image: url(bilder/sidebartop.jpg); 
	background-repeat: no-repeat;
	}

#sidebar {
	padding: 0;
	margin: 20px 0 0 20px;
	width: 180px;
	}
	

	
#sidebarbtm {	
	margin: 0;
	width: 220px;
	height: 40px;
	background-image: url(bilder/sidebarbtm.jpg); 
	background-repeat: no-repeat;
	}

h2.sidebar { font-weight: normal; font-size: 16px; line-height: 18px; }
	
ul.sidebar { margin: 0; }
li.sidebar {margin: 10px 0 10px 0px;}
li.sidebarindrag {font-size: 14px; margin: 8px 0 8px 15px; }
a.sidebarvald {color: #FFF4DC; }			
	

hr 	{border-color: #f89b1f; }	





/* MENY */ 

ul.meny { margin-bottom: 18px; list-style: none outside; }

#meny { width: 982px; height: 38px; margin: 18px auto; margin-top: 10; position: relative; z-index: 9998; }
#meny #nav { margin: 0; padding: 0; }
#meny #nav li { display: inline; }
#meny #nav li a { float: left; width: 117px; height: 0; padding-top: 38px; overflow: hidden; background-image: url(bilder/meny.png); background-repeat: no-repeat; }
#meny #nav li.last { float: left; width: 162px; height: 0; padding-top: 38px; overflow: hidden; background-image: url(bilder/meny.png); background-repeat: no-repeat; background-position: -819px 0; }

/* KNAPPAR */
#meny #nav li#tom a { background-position: 0 0; }
#meny #nav li#tom a:hover { cursor: default; }
#meny #nav li#hem a { background-position: -117px 0; }
#meny #nav li#om a { background-position: -234px 0; }
#meny #nav li#tjanst a { background-position: -351px 0; }
#meny #nav li#blogg a { background-position: -468px 0; }
#meny #nav li#portfolio a { background-position: -585px 0; }
#meny #nav li#kontakt a { background-position: -702px 0; }

/* MOUSE-OVER */
#meny #nav li#hem a:hover { background-position: -117px -38px; }
#meny #nav li#om a:hover { background-position: -234px -38px; }
#meny #nav li#tjanst a:hover { background-position: -351px -38px; }
#meny #nav li#blogg a:hover { background-position: -468px -38px; }
#meny #nav li#portfolio a:hover { background-position: -585px -38px; }
#meny #nav li#kontakt a:hover { background-position: -702px -38px; }

/* KLICK */
#meny #nav li#hem a:active { background-position: -117px -76px; }
#meny #nav li#om a:active { background-position: -234px -76px; }
#meny #nav li#tjanst a:active { background-position: -351px -76px; }
#meny #nav li#blogg a:active { background-position: -468px -76px; }
#meny #nav li#portfolio a:active { background-position: -585px -76px; }
#meny #nav li#kontakt a:active { background-position: -702px -76px; }

/* VALD */
#meny.hem #nav li#hem a { background-position: -117px -114px !important; }
#meny.hem #nav li#hem a:hover { cursor: default; }
#meny.om #nav li#om a { background-position: -234px -114px !important; }
#meny.om #nav li#om a:hover { cursor: default; }
#meny.tjanst #nav li#tjanst a { background-position: -351px -114px !important; }
#meny.tjanst #nav li#tjanst a:hover { cursor: default; }
#meny.blogg #nav li#blogg a { background-position: -468px -114px !important; }
#meny.blogg #nav li#blogg a:hover { cursor: default; }
#meny.portfolio #nav li#portfolio a { background-position: -585px -114px !important; }
#meny.portfolio #nav li#portfolio a:hover { cursor: default; }
#meny.kontakt #nav li#kontakt a { background-position: -702px -114px !important; }
#meny.kontakt #nav li#kontakt a:hover { cursor: default; }



/* FOT */
#fot { margin: 0 auto 10px;
	width: 980px; 
	text-align: center; 
	font-size: 10px; 
	color: #76797c; 
	clear: both;
	}
		
	
#fot #copy { border: 1px solid #F89B1F; 
	border-width: 1px 0; 
	padding: .5em 0; 
	margin: 1.5em 0 2em; 
	zoom: 1; 
	}
	
#fot #copy p { margin-bottom: 0; font-size: 10px; }




/* ---------------- INDEX ---------------- */


/* INDEXBILD */
#indexbild { position: relative;
		width: 980px;
		height: 552px; 
		margin: 0 auto 18px; 
		overflow: hidden; 
		background: url(bilder/indexbild.jpg) no-repeat;
		clear: both; 
		}
		


/* INDEXSPLASH */
#indexsplash { width: 980px; height: 155px; margin: 0 auto 10px; clear: both; }
#indexsplash img { float: left; border-width: 0; margin: 0 12px 0 0; }
#indexsplash img.last { margin: 0; }




/* BLOGGSPOT */
#bloggspotwrapper { width: 980px; 
	margin: 0 auto; 
	}
	
#bloggspot { min-height: 26px; 
		margin-bottom: 15px; 
		background: url(bilder/bloggspot_bottom.gif) no-repeat 0 100%; 
		/*position: relative;*/ 
		}
		
#bloggspot p { line-height: 16px; 
		width: 100%; 
		padding-top: 5px; 
		padding-bottom: 0.2em; 
		background: url(bilder/bloggspot_top.gif) no-repeat 0 0; 
		float: left; 
		margin-bottom: 3px; 
		}
		
#bloggspot a#bloggspot-rubrik { width: 12.5em; 
							margin-right: 1em; 
							color: #6D4718; 
							font-weight: bold; 
							text-align: center; 
							border-right: 1px solid #6D4718; 
							display: block; 
							float: left; 
							}

#bloggspot a { color: #FFEEDB; 
		text-decoration: none; 
		}
		
#bloggspot a#nyhet-link { position: relative; 
						z-index: 10; 
						}






/* ---------------- PORTFOLIO ---------------- */

table.ref{
	width: 750px;
}

td.ref1{
	width: 210px;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border-top: none;
	border-left: none;
	border-right: 1px solid #d3851a;
	border-bottom: 1px solid #d3851a;
}

td.ref2{
	width: 540px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #d3851a;
}

img.ref{
	width: 197px;
	margin: 10px 10px 10px 0;
}


/* ---------------- KONTAKT ---------------- */

fieldset {
	width: 500px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
}



/* ---------------- WEB ---------------- */



table.web{
	background-color: none;
	border: none;
	width: 640px;
}

td.webpaket {
	background-color: #E5A23A;
	border: 2px solid #fff4db;
	width: 160px;
}

p.webpaketintro { margin: 0px 20px 0px 0px; }
p.web { font-size: 90%; margin: 0 10px 0 10px }
p.pris { font-size: 99%; margin: 10px 10px 10px 0px }




/* ---------------- OM ---------------- */

img.om { border: 2px solid #d3851a; 
	margin: 10px 10px 10px 50px;
	width: 200px;
	}


/* ---------------- TJÄNSTER---------------- */



table.tjanst{
	background-color: none;
	border: none;
	width: 640px;
}

td.tjanst {
	width: 215px;
}

p.tjanst { margin: 0px 20px 20px 0px }
h2.tjanst { margin: 20px 0px 10px 0px }