* 				{	margin:0; padding:0 }
html,body 	{	height:100% }
body 			{	font-family:arial,helvetica,sans-serif; font-size:0.8em; color:#555;
	 				background:#000 url(layout/body.jpg) repeat-x }
ul, ol, blockquote, p 
				{	margin:0; padding:0; list-style:none }
table 		{	border-collapse:collapse; margin:1.5em 0 }
a img 		{	border:0 }
a				{ 	color:#ababab ;text-decoration:none }	
a:hover		{ 	text-decoration:underline; color:#555 }
code		{ 	font-family:"courier new",monospace; color:#e97a16; font-size:1.1em }
.eng, .eng a, a .eng	
				{	font-style:italic; color:#669900 }
.clear 		{	clear:both; width:1px; height:1px }
div.center, 
p.center 	{	text-align:center; margin:1em auto	}
.center img	{	margin:0 0.5em	}


div#sociala-ikoner {width:400px; height:100px; overflow:hidden; margin:-50px auto 0 auto}
div.bookmark {
	margin:-20px 0 0 0; padding:0; height:20px}

div.intro 	{	
	font-size:1.2em; background:#eee url(layout/intro_bg.jpg) right bottom no-repeat;
	border:1px solid #aaa; padding:10px 100px 10px 10px; margin-bottom:24px;
	position:relative}	
div.intro div#info {
	position:absolute; right:10px; top:10px}
div.intro div#info img {
	border:0; background-color:transparent}
					
#layout { 
	width:1002px; min-height:100%; height: auto !important; height:100%;
	margin:0 auto; margin-bottom:-157px; background:#fff url(layout/runner.jpg) repeat-y }	
#push { 
	height:157px}	/* Same height as footer. Sticky-footer */
	
/* F O O T E R */
#footer	{	
	width:1002px; height:157px; margin:0 auto; color:#222; font-size:0.85em;
	background:url(layout/footer.jpg) no-repeat}
#footer ul {
	list-style:disc; margin:0.5em 0 0.5em 1em; padding-left:0.5em}
#footer p {
	margin:0 0 0.5em 0; padding:0}
#footer p.copy {
	margin:2em 0 0.5em 0}
#footer a {
	color:#222}
#footer div#ftr1,#footer div#ftr2 {
	float:left}
#footer div#ftr1 {
	width:670px; height:145px; 
	margin:10px 10px 0px 25px}
#footer div#ftr2 {
	width:285px; height:145px; 
	margin:10px 5px 0 0; text-align:right}
#footer div#ftr2 a {
	display:block; margin:0 0 0.3em}					

/* H E A D E R */					
#header	{	
	width:1002px; height:228px; position:relative;
	background:transparent url(layout/header2.jpg) no-repeat}				
#header h1 {	
	text-indent:-9000px; position:absolute; top:40px; left:0px}				
#header h1 a {	
	display:block; width:1000px; height:146px; text-decoration:none}
#header h1 a:hover {
	background-image:none; text-decoration:none} 					
#header ul#nav1 {
	font-family:calibri,sans-serif; text-transform:uppercase; height:40px; margin:0}
#header ul#nav1 li {	
	display:inline; float:left; height:40px; list-style:none; 
	margin:0 0 0 0; overflow:hidden; padding-right:2px}
#header ul#nav1 li a	{	
	display:block; float:left; color:#666; text-decoration:none; 
	line-height:40px; height:40px; text-align:center; padding:0 10px 0 10px}
#header ul#nav1 li a:hover	{	
	color:#fff; text-decoration:none; background:url(layout/hover_left.jpg) no-repeat}
#header ul#nav1 li:hover {	
	color:#fff; background:url(layout/hover_right.jpg) right top no-repeat}
#header ul#nav1 li.current_page_item, #header ul#nav1 li.current-cat {	
	color:#fff; background:url(layout/hover_right.jpg) right top no-repeat}
#header ul#nav1 li.current_page_item a, #header ul#nav1 li.current-cat a {	
	color:#fff; text-decoration:none; background:url(layout/hover_left.jpg) no-repeat} 
#header ul#nav2 {
	font-family:calibri,sans-serif; text-transform:uppercase; height:40px; 
	margin:148px 0 0 275px}
#header ul#nav2 li {	
	display:inline; float:left; height:40px; list-style:none; 
	margin:0 0 0 0; overflow:hidden; padding-right:2px}
#header ul#nav2 li a	{	
	display:block; float:left; color:#666; text-decoration:none; 
	line-height:40px; height:40px; text-align:center; padding:0 10px 0 10px}
#header ul#nav2 li a:hover	{	
	color:#fff; text-decoration:none; background:url(layout/hover_left.jpg) no-repeat}
#header ul#nav2 li:hover {
	color:#fff; background:url(layout/hover_right.jpg) right top no-repeat}
#header ul#nav2 li.current_page_item {
	color:#fff; background:url(layout/hover_right.jpg) right top no-repeat}
#header ul#nav2 li.current_page_item a	{
	color:#fff; text-decoration:none; background:url(layout/hover_left.jpg) no-repeat}

/* M A I N   C O N T E N T */
#main	{
	float:left; width:640px; padding:10px 0 1.5em 20px; margin:1em 0 0 0px;
	background:transparent; line-height:1.5em}
#main h2	{	
  	font-size:2.2em; font-family:calibri,arial,sans-serif; text-transform:uppercase;
  	font-weight:normal; text-align:left; margin:1em 0 0.7em 0; padding:0}				
#main h2 a {
  	color:#555}
#main h2 a:hover {
  	color:#ababab; text-decoration:none}
#main h3 {
  	clear:both; font-size:1.2em; font-family:calibri,arial,sans-serif; 
  	text-transform:uppercase; color:##6f6f6f;
	padding:1em 0 2px 0; border-bottom:dotted 1px #ccc}
#main h3.arkiv {
  	font-size:1.2em; font-family:calibri,arial,sans-serif; 
  	text-transform:uppercase; border:0}
#main h3#comments	{
  	font-size:1.2em; border:0; margin-bottom:1.5em}  	
#main h3#respond {
  	font-size:1.2em; border:0; padding:2em 0 1em 0}
#main h3.search {
  	font-size:1.2em; font-family:calibri,arial,sans-serif; 
  	text-transform:uppercase; border:0}
#main h4 {	
  	font-size:1em; padding:1.5em 0 0 0}
#main p, #main .post p {
  	margin:0.7em 0; font-size:1em; text-transform:none}
#main p.obs	{
  	border:1px solid #ffaa0d; background:#fff0d5; padding:3px}
#main pre {	/* För kodblock */
  	display:block; margin:1em 0 1.5em 0; padding:3px;
	font-family:courier new,monospace; font-size:1.1em; color:#666;  
	border:1px solid #555; background-color:#eee}
#main blockquote {
	margin:1.5em 0 1.5em 10px; padding-left:45px; font-style:italic;
	color:#116289;
	background:#fff url(layout/quote.jpg) no-repeat 15px 2px}
  
/* Avdelaren med ikoner */ 
#main p.subrow {
	clear:both; font-size:0.8em; background:#fff; border:0;
	padding:15px 0 10px 0; margin:2.5em 0 2em 0; height:35px;
	background:url(layout/avdelare.gif) no-repeat center bottom}
#main p.subrow img.icon {
	width:16px; height:16px; border:0; padding:0 3px 0 0}
#main p.subrow img.first {
	margin:0 0 -4px 0}
#main p.subrow img.last {
	margin:0 0 -4px 20px}	


/* Bilder i innehåll */	
#main img {
  padding:5px; margin:0.5em 0; background:#fff; border:1px solid #ccc}
#main img.clean {
  padding:0; margin:0.5em 0; border:0}
#main img.alignright {
  float:right; margin:-2px 0 0 10px}
#main img.alignleft {
  float:left; margin:-2px 10px 0 0}
#main img.aligncenter {
  display:block; margin:1em auto}
  
/* Vanliga punkt- och nummerlistor i innehåll */			
#main div.post ul	{
  list-style:circle; margin:1em 0 1em 2em}
#main div.post ul li {
  padding-left:0; margin:0 0 0.5em 1em}
#main div.post ol	{
  list-style:decimal; margin:1em 0 1em 3em}
#main div.post ol li	{
  padding-bottom:0.5em}
  
 /* Relaterade poster */ 
#main h3#related	{
  	font-size:1.2em; border:0; margin:-20px 0 0 0;}
#main div.post ol#relPosts {
	margin:0; padding:10px 0 2em 20px; width:620px}
#main div.post ol#relPosts li {
	list-style-type:disc; padding-bottom:0.2em}
#main div.post ol#relPosts li a {
	color:#4a8fb5}
#main div.post ol#relPosts li a:hover {
	color:#4a8fb5; text-decoration:underline}
  
#main div.post div#social {
	margin:2em 0 0 0}
	
	
#main div.post #firstExcerpt {
	height:270px; overflow:hidden; margin-top:0}	

/* Fyra rutor på startsidan*/  
#main div.post #rutor {
	width:660px; font-size:100%; margin:21px 0 0 -12px}
	
#main div.post #rutor .ruta {	
	width:308px; height:209px; border:1px solid #aaa;
	float:left; margin:0 0 0 12px; padding:0; position:relative;
	background-color:#fff}
	
#main div.post #rutor .ruta h2 {
	font-size:1em; color:#555; margin:0 0 20px 0; padding:3px 8px 3px 10px;
	width:290px; height:14px; line-height:14px; background:#dedede;
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
	border-bottom:1px solid #aaa}	

#main div.post #rutor #ruta1 {
	padding:0; background:url(layout/webb_bg.jpg) no-repeat center bottom;
	margin-bottom:20px}
	
#main div.post #rutor #ruta2 {
	padding:0; background:url(layout/blogg2_bg.jpg) no-repeat center 21px;
	margin-bottom:20px}
	
#main div.post #rutor #ruta3 {
	padding:0; background:url(layout/trycksaker_bg.jpg) no-repeat center bottom}
	
#main div.post #rutor #ruta4 {
	padding:0; background:url(layout/tips-hjalp-add.jpg) no-repeat center 0px}	

	
#main div.post #rutor .ruta h2 a:hover {
	color:#222}	
#main div.post #rutor .ruta h2 a {
	color:#555}




 /* Bläddring mellan Äldre/Nyare inlägg */	
#main ul.browse {
  margin:2em 0 0 0}
#main ul.browse li {
  display:inline; margin:0 1em 0 0}

/* Kalender på Arkiv-sida */
div#kalArkiv {
	width:306px; padding:0; border:1px solid #ababab;
	background:#ededed; margin:1.5em auto 1.5em auto}
div#kalArkiv caption {
	text-transform:uppercase; word-spacing:10px; letter-spacing:3px; 
	margin:1em 0 0.3em 0; line-height:25px; color:#444; background:#ededed;
	font-size:0.9em}
div#kalArkiv table {	
	font-size:0.9em; margin:0 auto 1em auto; *margin-top:1em; text-align:center}
div#kalArkiv table th {
	width:40px; height:20px; text-transform:uppercase; text-align:center;
	border:1px solid #aaa; background-color:#e6faa9}
div#kalArkiv table td {
	width:40px; height:20px; border:1px solid #aaa; text-align:center; background:#fff}
div#kalArkiv a {
	width:40px; height:20px; color:#444; display:block; text-decoration:none; 
	line-height:20px; background-color:#f4fdd9}
div#kalArkiv a:hover	{
	background-color:#e6faa9; color:#000}
div#kalArkiv tfoot td, div#kalArkiv tfoot td a {
	border:0; background:#e6faa9; color:#444}
ul.manadArkiv {
	width:200px; border:1px solid #ababab; padding:10px; margin:1.5em 20px 1.5em 100px; 
	text-transform:capitalize; float:left} 
ul.katArkiv {
	width:200px; float:left; border:1px solid #ababab;
	padding:10px; margin:1.5em 20px 1.5em 0} 
ul.katArkiv,ul.manadArkiv {
	list-style:disc; padding-left:0.5em}
ul.katArkiv li,ul.manadArkiv li {
	margin-left:1em; padding-left:0}

/* Kommentarssida */
#main ol.comments li {	
  border:1px solid #aaa; padding:10px 5px; background:#eee; margin-bottom:10px}
#main ol.comments li img {
  border:0; padding:0; margin:0 0 -2px 0; background:transparent}
#main ol.comments span.commentInfo {
  font-size:0.9em; font-family:georgia,serif}
#main ol.comments li img.avatar {
  margin:0 0 -3px 0; padding:0; border:1px solid #aaa}

/* Kommentarsformulär */
#cform textarea {	
  width:530px; border:1px solid #9f9f9f; margin:5px 0 0 0; padding:3px;
	font-family:arial,sans-serif; font-size:1em; color:#555}
#cform #author,#email,#url	{
  width:250px; height:20px; margin:5px 0 5px 0; padding:3px;
  border:1px solid #9f9f9f; vertical-align:middle; 
  font-family:arial,sans-serif; color:#555 }					
#cform #submit, #cform #reset	{ 
  height:25px; bcolor:#555; margin:10px 0 0 0; padding:0 2px 0 2px}
 								
/* S I D E B A R */
#sidebar	{	
  width:304px; float:right; padding:22px 3px 1.5em 0; margin:0;
  background:transparent; font-size:0.9em}
#sidebar ul {	
	width:304px; list-style-type:none; padding:0}
#sidebar li.subnav {
	width:290px; background:#f0f0f0;	padding:0; margin:0}
#sidebar li.categories { 
	width:290px; padding:0 0 13px 0; margin:0;
	background:#f0f0f0 url(layout/piah_bg.gif) center bottom no-repeat}		
#sidebar li ul {
	width:289px; border-left:1px solid #ababab; border-right:1px solid #ababab;
	background:transparent; padding:10px 0 10px 0}
#sidebar li.subnav ul {
	border-bottom:1px solid #ababab}
	
#sidebar h2	{	
	font-family:calibri,arial,sans-serif; text-transform:uppercase; font-size:1.15em; 
	padding:1px 5px 0 10px; margin:0; color:#999; 
	height:21px; width:277px; line-height:20px; 
	background:url(layout/sidebar_h2.jpg) no-repeat; border:0 }
#sidebar a {	
  display:block; width:269px; color:#555; padding:2px 10px 2px 10px;
  border-top:1px solid transparent; border-bottom:1px solid transparent	}
#sidebar a:hover {	
  color:#333; background:#fff; text-decoration:none;
  border-top:1px solid #aaa; border-bottom:1px solid #aaa }

/* Aktiva länkar */
#sidebar li.subnav ul li.current_page_item,
#sidebar li.subnav ul li ul li.current_page_item,
#sidebar li ul li.current-cat {
	color:#333; background:#fff; text-decoration:none;
	border-top:1px solid #aaa; border-bottom:1px solid #aaa }
#sidebar div.sidebarPosts ul.recentPosts li.current-cat {
	color:#333; background:#fff; text-decoration:none;
	border-top:1px solid #aaa; border-bottom:1px solid #aaa }

#sidebar div.rssImport ul li {
	padding:0, margin-right:7px }

#sidebar div.rssImport {	
	width:275px; margin:0 0 16px 0; padding:7px 14px 7px 0;
	background:#f0f0f0 url(layout/excerpt.jpg) no-repeat;
	border:1px solid #aaa}	
		
#sidebar div.sidebarPosts {	
	width:275px; margin:0 0 16px 0; padding:7px;
	background:#f0f0f0 url(layout/excerpt.jpg) no-repeat;
	border:1px solid #aaa}
	
#sidebar div.treforsta {	
	height:345px; padding-top:0}
	
#sidebar div.sidebarPosts div#flash {
	width:289px; height:140px;	padding:0; margin:10px 0 0 0}
#sidebar div.sidebarPosts div#flash object {
	width:289px; height:140px; border:1px solid #aaa; margin:0; padding:0 }	

#sidebar div.sidebarPosts div.excerpt {
	height:105px; width:275px; margin:10px 0 0 0; padding:0 
	position:relative}

#sidebar div.sidebarPosts div.excerpt img.alignright {
	width:55px; height:55px; float:right;
	border:1px solid #777; margin:3px 0 0 5px;
	padding:1px }

#sidebar div.sidebarPosts div.excerpt p {
	line-height:1.4em; margin:0}	
#sidebar div.sidebarPosts div.excerpt p a {
	display:inline; border:0}
#sidebar div.sidebarPosts div.excerpt p a:hover {
	display:inline; border:0; background:transparent}
#sidebar div.sidebarPosts div.excerpt p.excerptFoot { 
	margin:0; padding:5px 0 15px 0;
	font-size:1.3em; font-family:georgia,arial,sans-serif; 
	color:#aaa}
#sidebar div.sidebarPosts div.excerpt p.excerptFoot a { 
	color:#aaa; padding:0; margin:0}
#sidebar div.sidebarPosts div.excerpt p.excerptFoot a:hover { 
	color:#f7ba02}
		
#sidebar div.sidebarPosts h3	{	
	font-family:calibri,arial,sans-serif; text-transform:uppercase; 
	font-size:1.2em; line-height:20px; color:#999; width:270px;
	padding:1px 10px 2px 0; margin:0; background:none; border:0}
#sidebar div.sidebarPosts h3	a {	
	padding:0; margin:0; background:none; border:0;
	width:270px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#sidebar div.sidebarPosts div.cats {
	width:275px; border:1px solid #aaa; 
	margin:0 0 10px 0; padding:7px; 
	background:#f0f0f0 url(layout/excerpt.jpg) no-repeat}		
#sidebar div.sidebarPostst div.cats ul {
	font-size:0.9em; margin:0; padding:0}
#sidebar div.sidebarPosts div.cats ul li {
	list-style:none; margin:0 0 3px 0; padding:0}
#sidebar div.sidebarPosts div.cats ul li a {
	display:inline; border:0; background:transparent; 
	margin:0; padding:0}
#sidebar div.sidebarPosts div.cats ul li a:hover,
#sidebar div.sidebarPosts div.cats ul li.current-cat a {
	color:#ecad02}
#sidebar div.sidebarPosts div.cats ul#list1 {
	width:140px; float:left; text-align:left; margin:10px 0 10px 0;
	border-right:3px dotted #ecad02; padding:0 5px 0 0}
#sidebar div.sidebarPosts div.cats ul#list2 {
	float:right; width:100px; margin:10px 10px 10px 0;
	padding:0}

#sidebar div.foto {
	width:289px; border:1px solid #232323; 
	margin:0 0 16px 0; padding:0px; 
	background:#f0f0f0 url(layout/excerpt.jpg) repeat-x}	
#sidebar div.foto p.bildtext {
	font-size:0.9em; padding:2px 5px; color:#aaa; background:#232323}
#sidebar div.foto p a {
	border:0; color:#aaa; 
	display:inline; background:transparent}
#sidebar div.foto p a:hover {
	color:#eee}
#sidebar div.foto p img {
	border-bottom:1px solid #aaa}

#sidebar ul.links {
	margin:0; padding:0}
#sidebar ul.links li.linkcat {
	margin:0; padding:0}
#sidebar ul.links li.linkcat h2 {
	margin:0}	
	 
#sidebar ul.links li.linkcat ul.blogroll {
	width:289px; border:1px solid #ababab;
	background:#f0f0f0 url(layout/excerpt.jpg) no-repeat right top;
	margin:0; padding:5px 0}
#sidebar ul.links h2 {
	margin:0 0 0 0}

#sidebar ul.recentPosts {	
	width:289px; list-style-type:none; 
	padding:0; margin:0 0 0 -7px}
	
#sidebar div#illustration {
	width:291px; margin-top:16px}
#sidebar div#illustration #flash {
	width:289px; border:1px solid #555; margin:0; padding:0}
#sidebar div#illustration p {
	margin:0; padding:0}
#sidebar div#illustration a {
	margin:0; padding:0; display:inline; text-decoration:none}
#sidebar div#illustration img {
	display:block; margin:16px 0 0 0; border:1px solid #555}
	
/* Kalender */
div#kalender {
	width:289px; padding:0;	margin:0 0 16px 0;
	background:#f0f0f0 url(layout/excerpt.jpg) no-repeat;
	border:1px solid #aaa}
div#kalender caption {
	text-transform:uppercase; word-spacing:10px; letter-spacing:3px; 
	margin:1em 0 0.3em 0; line-height:25px; color:#444; font-size:0.9em;
	background:transparent }
div#kalender table {
	font-size:0.9em; margin:0 auto 1em auto; *margin-top:1em; text-align:center;
	background:transparent }
div#kalender table th {
	width:35px; height:20px; text-transform:uppercase; text-align:center;
	border:1px solid #aaa; background-color:#ddec77 }
div#kalender table td {
	width:35px; height:20px; border:1px solid #aaa; 
	text-align:center; background:#fff }
div#kalender a {
	width:35px; height:20px; display:block; text-decoration:none; line-height:20px;
	background-color:#f5fada; padding:0 }
div#kalender a:hover	{
	background-color:#ddec77; color:#000 }
div#kalender tfoot td {
	border:0; background:#ededed; color:#444}
div#kalender tfoot td a {
	border:0; background:transparent; color:#444}
div#kalender tfoot td a:hover {
	border:0; background:transparent; color:#000}	

div#kalender ul#yearly {
	width:250px; margin:10px 18px 20px 18px; border:1px solid #aaa; }
div#kalender ul#yearly li {
	list-style-type:none; margin:0; }	
div#kalender ul#yearly li a {
	width:240px; list-style-type:none; padding:3px 5px 3px 5px}	
		
			
/* Sökfält */
#search { 
  	margin:0; height:40px; position:absolute; top:-9px; right:25px	}
#search label {	
  	font-size:0.8em; text-transform:uppercase	}
#search #s { 	
  	width:220px; height:24px; float:left;
	border:1px solid #444; line-height:22px; color:#666; padding:0 5px; background:transparent }
#search #searchsubmit {
  	float:left; width:29px; height:30px; margin:-2px 0 0 8px; text-indent:-9999px;
	background:url(layout/search_button.jpg) no-repeat; border:0 }
#search #searchsubmit:hover {
  	width:29px; height:30px } 

/* Kontaktformulär */  
form.wpcf7-form {
	width:550px; padding-top:2em; margin:0 auto }
form.wpcf7-form th {
  font-weight:normal; text-align:left; padding-right:20px }		
form.wpcf7-form input.textfalt {
  width:300px; height:18px; border:1px solid #9f9f9f; margin-bottom:0.3em; padding:3px;
	vertical-align:middle; font-family:arial,sans-serif; color:#555 }
	
form.wpcf7-form textarea.smallarea {
  width:300px; height:100px; border:1px solid #9f9f9f; margin-bottom:0.3em; padding:3px;
	vertical-align:middle; font-family:arial,sans-serif; color:#555 }

form.wpcf7-form td.checks {
  padding:0 0 20px 0}	
 form.wpcf7-form td.checks strong {
  display:block; margin:10px 0 -5px 0}
form.wpcf7-form td.checks span.checkbox-802 {
  display:block; width:300px; margin:0}
form.wpcf7-form td.checks span.checkbox-802 span.val span.wpcf7-list-item {
  display:block; width:300px; height:18px; margin:0 0 7px 0}
	
form.wpcf7-form textarea {
  width:400px; border:1px solid #9f9f9f; padding:3px;
	font-family:arial,sans-serif; font-size:1em; color:#555 }
form.wpcf7-form input.knapp {	
  width:70px; height:25px; color:#555	}
table.kontaktform {	
  width:550px; clear:both }
table.kontaktform td {	
  background-color:transparent }
table.kontaktform th {
  font-weight:bold; vertical-align:top; font-size:1em;
  font-family:calibri,arial,sans-serif; text-transform:uppercase }
  
table.kundform td {	
  padding-bottom:10px }