/*
Theme Name: Hovkapellet
Theme URI: http://hovkapellet.com/
Description: Tema baserat på webbplatsens ursprungliga utseende.
Version: 1.1
Author: Mikael Rydh och Hans Wibacke
*/

/***

	HTML, BODY, FORM, IMG M.FL.

***/

html, body, form {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 70%;
	line-height: 150%;
	text-align: center;
	/*background-image: url('grafik/kanvas_bg.gif');*/
	background-image: url('grafik/kanvas_bg_morkbla.gif');
	background-repeat: repeat-y;
	background-position: center; 
	/*background-color: #CCCCCC;*/
	background-color: #000066;
}

img {
	border-width: 0px;
}

input {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 100%;
}

textarea {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 100%;
}

select {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 100%;
}

/*** 

	RUBRIKER
	
***/

h1 {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 200%;
	margin-top: 0;
	margin-bottom: 0.4em;
}

h2 {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 160%;
	margin-top: 0.8em;
	margin-bottom: 0.4em;
}

/*** 

	PUNKTLISTOR
	
***/

ul, ol {
	margin: 0 0 1.6em 0;
	padding: 0 0 0 45px;
}

ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

li {
	margin-top: 0;
	margin-bottom: 0.8em;
}

/***

	STYCKEN

***/

p {
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}

p.utan_marginal {
	margin: 0 !important;
	/*
		Behövs ibland i IE för att inte får oönskad bottenmarginal när texten 
		flyter bredvid ett annat element.
	*/
}

p.pil {
	text-indent: 8px;
	background: url('grafik/pil.gif') no-repeat 0 0.4em;
}

p.ingress {
	font-weight: bold;
}

/*** 

	CITAT
	
***/

cite {
	font-family: "Times New Roman", serif;
	font-size: 115%;
	font-style: italic;
}

em {
	/* Låt vara. */
}

/***

	KOD

***/

code {
	font-size: 125%;
}

/*** 
	
	LÄNKAR 

***/

p a, span a, li a, td a {
	color: #0040b6;
	text-decoration: none;
}

p a:link, span a:link, li a:link, td a:link {
	color: #0040b6;
	border-bottom: dashed #cccccc 1px;
	text-decoration: none;
}

p a:visited, span a:visited, li a:visited, td a:visited {
	color: #4D7ACC;
	border-bottom: dashed #cccccc 1px;
	text-decoration: none;
}

p a:hover, span a:hover, li a:hover, td a:hover {
	color: #0040b6;
	/*
		Om man struntar i att byta färg på kantlinjen, undviker man en IE-bugg
		som lägger till/tar bort bottenmarginal! Värt att fundera på.
	*/
	border-bottom: dashed #999999 1px;
	text-decoration: none;
}

p a:active, span a:active, li a:active, td a:active {
	color: #0040b6;
	border-bottom: dashed #cccccc 1px;
	text-decoration: none;
}

/***
	
	SIDBREDD

***/

.sidbredd {
	width: 762px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.sidbredd_med_marginal, div.innehall.sidbredd div.med_marginal {
	width: 742px !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

div.innehall.sidbredd_med_marginal div.med_marginal {
	width: 742px !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/*** 

	BAKGRUNDSFÄRGER 
	
***/

/* Används dessa? */

.body_bg			{ background-color: #CCCCCC; }
.kontakta_oss_bg	{ background-color: #E6E6FA; }
.spaltmeny_bg		{ background-color: #F6E6ED; }
.emblem_bla			{ background-color: #0000CD; }
.emblem_bla_10p		{ background-color: #E6E6FA; }
.emblem_guld		{ background-color: #D49D20; }
.emblem_guld_10p	{ background-color: #FBF5E9; }
.felmeddelande_bg	{ background-color: #F6E6ED; }

/***

	KANTLINJER

	Tack vare att kantlinjerna skapas av en bakgrundsbild påverkas
	inte satta bredder och höjder. Dessutom går det att få den önskade,
	prickade linjen ('border-style: dotted') även i IE.

***/

.kantlinje_hoger {
	background-image: url('grafik/prickar_vertikalt.gif');
	background-repeat: repeat-y;
	background-position: right;
}

.kantlinje_vanster {
	background-image: url('grafik/prickar_vertikalt.gif');
	background-repeat: repeat-y;
	background-position: left;
}

.kantlinje_under {
	background-image: url('grafik/prickar_horisontellt.gif');
	background-repeat: repeat-x;
	background-position: bottom;
}

.kantlinje_over {
	background-image: url('grafik/prickar_horisontellt.gif');
	background-repeat: repeat-x;
	background-position: top;
}

/***

	KANVAS

***/

div#kanvas {
	position: relative;
	display: block;
	text-align: left;
	width: 762px;
	margin: 0 auto; /* Centrerar sidan i Firefox, Opera och IE (för IE räcker dock text-align: center i BODY). */
}

/***

	SIDHUVUD

***/

div#sidhuvud {
	position: relative;
	display: block;
	/*height: 72px;*/
	height: 85px;
}

div#sidhuvud.sidbredd_med_marginal {
	width: 749px !important;
	margin-left: 3px !important;
	margin-right: 10px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

div#sidhuvud a.sidhuvud_vanster {
	position: relative;
	display: block;
	float: left;
	margin-top: 5px;
	background-color: #FFCC00;
}

div#sidhuvud a.sidhuvud_vanster img {
	/*height: 62px;
	width: 197px;*/
	height: 75px;
	width: 390px;
	border: none;
}

div#sidhuvud div.sidhuvud_hoger {
	position: relative;
	display: block;
	float: right;
	/*width: 450px;*/
	width: 355px;
	margin-top: 5px;
	text-align: right;
}

div#sidhuvud div.sidhuvud_hoger div.enkelt_sokfalt {
	position: absolute;
	display: block;
	top: 35px;
	height: 30px;
	right: 0px;
}

div#sidhuvud div.sidhuvud_hoger div.enkelt_sokfalt td {
	padding: 0.2em 0 0.2em 0.3em;
}

/*** 

	HUVUDBILD
	
***/

a#huvudbild_lank {
	border: none;
	padding: 0;
	margin: 0;
}

img#huvudbild {
	position: relative;
	display: block;
	clear: both;
	height: 132px;
	/*width: 762px;*/ /* class="sidbredd" */
	border: none;
}

/*** 
	
	HUVUDMENY 
	
***/

ul#huvudmeny {
	position: relative;
	display: block;
	height: 24px;
	margin: 0;
	padding: 0;
	list-style: none;
	/* Bakgrundbilden fyller ut det tomrum till höger som uppstod när vi tog bort några menyval. */
	background-image: url('grafik/huvudmeny/huvudmeny_bg.gif');
	background-repeat: repeat-x;
	background-position: 0 0;
}

ul#huvudmeny li {
	margin: 0;
	padding: 0;
	float: left;
}

ul#huvudmeny li a {
	position: relative;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0px;
	padding: 0px;
	border: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

ul#huvudmeny li a span { visibility: hidden; } /* Texten i länkarna är osynlig. Det är bakgrundsbilderna som ska synas. */

ul#huvudmeny li a.hmeny_hem_vald        { background-image: url('grafik/huvudmeny/hem_3.gif'); width: 83px; height: 24px; }
ul#huvudmeny li a.hmeny_hem             { background-image: url('grafik/huvudmeny/hem_1.gif'); width: 83px; height: 24px; }
ul#huvudmeny li a.hmeny_hem:hover       { background-image: url('grafik/huvudmeny/hem_3.gif'); }

ul#huvudmeny li a.hmeny_musiker_vald    { background-image: url('grafik/huvudmeny/musiker_3.gif'); width: 168px; height: 24px; }
ul#huvudmeny li a.hmeny_musiker         { background-image: url('grafik/huvudmeny/musiker_1.gif'); width: 168px; height: 24px; }
ul#huvudmeny li a.hmeny_musiker:hover   { background-image: url('grafik/huvudmeny/musiker_3.gif'); }

ul#huvudmeny li a.hmeny_orkestern_vald  { background-image: url('grafik/huvudmeny/orkestern_3.gif'); width: 118px; height: 24px; }
ul#huvudmeny li a.hmeny_orkestern       { background-image: url('grafik/huvudmeny/orkestern_1.gif'); width: 118px; height: 24px; }
ul#huvudmeny li a.hmeny_orkestern:hover { background-image: url('grafik/huvudmeny/orkestern_3.gif'); }

ul#huvudmeny li a.hmeny_kontakta_vald   { background-image: url('grafik/huvudmeny/kontakta_3.gif'); width: 112px; height: 24px; }
ul#huvudmeny li a.hmeny_kontakta        { background-image: url('grafik/huvudmeny/kontakta_1.gif'); width: 112px; height: 24px; }
ul#huvudmeny li a.hmeny_kontakta:hover  { background-image: url('grafik/huvudmeny/kontakta_3.gif'); }

/*** 

	SÖKVAG OCH SIDFOT 
	
***/

div#sokvag, div#sidfot {
	clear: both;
	color: #404241;	
}

div#sokvag {
	margin: 0 0 10px 0;
	padding-top: 2px;
	padding-bottom: 3px;
}

div#sidfot {
	margin-top: 20px;
	/*
		Med extra luft under sidan riskerar inte texten i sidfoten att "klistra" fast
		mot statusraden i webbläsaren. Nu kan man lite snyggt skrålla förbi sista text-
		raden lagom mycket.
	*/
	margin-bottom: 15px;
	padding-top: 3px;
	padding-bottom: 2px;
}

div#sokvag span, div#sidfot span.sidbredd_med_marginal {
	font-size: 90%;
}

/*** 

	INNEHÅLL 
	
***/

div.innehall {
	position: relative;
	display: block;
	overflow: hidden;
	margin-top: 10px;
}

div.innehall.sidbredd div.med_marginal {
}

/***

	SKILJELINJE MELLAN SPALTER

	Att låta en bakgrundbild skapa skiljelinjen mellan spalterna
	är mycket bättre än att använda kantlinje på någon av spalterna.
	Bilden kommer alltid att sträckas ut så att linjen täcker även
	den längsta spalten.

***/

div.innehall.skiljelinje_smal_bred {
	background-image: url('grafik/prickar_vertikalt.gif');
	background-repeat: repeat-y;
	background-position: 256px;
}

div.innehall.skiljelinje_bred_smal {
	background-image: url('grafik/prickig_vertikalt.gif');
	background-repeat: repeat-y;
	background-position: 505px;
}

/***

	SPALTER
	
	Används för att skapa tvåspaltslayout på sidorna.

***/

div.smal_vansterspalt {
	position: relative;
	display: block;
	overflow: hidden;
	width: 256px;
	float: left;	
	padding: 0;
	margin: 0;
}

div.bred_hogerspalt {
	position: relative;
	display: block;
	width: 505px;
	overflow: hidden;
	float: right;
	padding: 0;
	margin: 0;
}

div.bred_hogerspalt div.bloggpost,
div.bred_hogerspalt div.med_marginal,
div.bred_hogerspalt div.artikel {
	width: 485px !important;
	margin-left: 10px !important;
	margin-right: 10px !important;
}

div.bred_vansterspalt {
	position: relative;
	display: block;
	width: 490px;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}

div.smal_hogerspalt {
	position: relative;
	display: block;
	width: 242px;
	overflow: hidden;
	float: right;
	text-align: left;
	padding: 0;
	margin: 0;
}

/*** 

	FELMEDDELANDEN OCH ANDRA MEDDELANDEN
	
***/

div.meddelanden {
	position: relative;
	display: block;
	width: 100%;
	padding-top: 0.5em;
	padding-bottom: 0.6em;
	margin-top: 0;
	margin-bottom: 1.2em;
	background-color: #E6E6FA;
}

div.meddelanden.fel {
	background-color: #F6E6ED;
	color: #CC0000;
}

div.meddelanden h2 {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 100%;
	margin-top: 0.3em;
	margin-bottom: 0;
	padding-left: 10px;
	background-image: none;
}

div.meddelanden ul {
	position: relative;
	display: block;
	margin: 0px;
	padding-left: 34px;
	padding-right: 10px;
}

div.meddelanden li {
	position: relative;
	display: list-item;
	list-style: square;
	font-weight: normal;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

/***

	CENTRERAT CITAT SOM UTDRAG/INTRESSEVÄCKARE 

***/

div.innehall blockquote.mitten {
	background: url('grafik/citattecken.gif') 10px 0.5em no-repeat;
	padding: 0.4em 0.6em 1.2em 40px;
	margin: 0;
}

div.innehall blockquote.mitten p {
	margin-top: 0;
}

/*** 

	VÄNSTER_ ELLER HÖGERSTÄLLT CITAT SOM UTDRAG/INTRESSEVÄCKARE
	
***/

div.innehall blockquote.hoger p,
div.innehall blockquote.vanster p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 115%;
	line-height: 140%;
	padding: 0;
	margin: 0;
}

div.innehall blockquote.vanster {
	position: relative;
	display: block;
	float: left;
	width: 210px;
	color: #93905B;
	margin: 0.3em 15px 0 0;
	padding: 0.6em 0.6em 0.6em 0;
	border-right: 1px solid #ccc;
}

div.innehall blockquote.hoger {
	position: relative;
	display: block;
	float: right;
	width: 210px;
	color: #93905B;
	margin: 0.3em 0 0 15px;
	padding: 0.6em 0 0.6em 0.6em;	
	border-left: 1px solid #ccc;
}


/***

	BILDER OCH BILDTEXT
	
***/

div.innehall.skiljelinje_smal_bred ul.bilder + *
{
	/*
		I de fall då bilderna inte går jämt upp, dvs. fyller ut sista raden, borde efterföljande text
		lägga sig till höger om sista bilden. Så sker också i Firefox men ej i IE. För att få samma
		utseende i både IE och Firefox ser jag härmed till att allt efter sista bilden lägger sig på
		ny rad.
	*/
	clear: both;
}

div.innehall.skiljelinje_smal_bred div.bloggpost ul.bilder,
div.innehall.skiljelinje_smal_bred div.artikel ul.bilder {
	width: 490px;
}

div.innehall ul.bilder {
	position: relative;
	display: block;
	list-style: none;
	margin: 5px -5px 0 0;
	padding: 0;
	clear: both;
	float: none;
}

div.innehall ul.bilder li {
	position: relative;
	display: inline;
	list-style: none;
	margin: 0 5px 5px 0;
	padding: 0;
	float: left;
}

div.innehall ul.bilder li a {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	/*
		Alla länkar har i normalfallet en streckad kantlinje under sig. Det vill vi självklart
		inte ha på länkar som är bilder!
	*/
	border: none;
}

div.innehall ul.bilder.med_ramar li a img {
	padding: 4px;
	border: 1px solid #999999;
}

div.innehall ul.bilder li p,
div.innehall ul.bilder.med_ramar li p {
	position: relative;
	display: block;
	font-size: 90%;
	line-height: 120%;
	text-align: left;
	padding: 0;
}

div.innehall ul.bilder li p {
	margin-left: 0;
	margin-right: 0;
}

div.innehall ul.bilder.med_ramar li p {
	margin-left: 5px;
	margin-right: 5px;
}

/***
	
	a img:hover - ger rätt resultat i Firefox, men inget resultat alls i IE
	a:hover - ger rätt resultat i IE, men otillräckligt resultat i Firefox
	
***/

div.innehall ul.bilder.med_ramar a img:hover,
div.innehall ul.bilder.med_ramar a:hover {
	background-color: #D9ECFF;
}

/***

	ENSTAKA BILDLÄNK MED RAM

***/

div.innehall a.bild_med_ram {
	position: relative;
	display: block;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	border: none;
}

div.innehall a.bild_med_ram img {
	padding: 4px;
	border: 1px solid #999999;
}

div.innehall a.bild_med_ram img:hover,
div.innehall a.bild_med_ram:hover {
	background-color: #D9ECFF;
}

/***

	ENSTAKA BILDLÄNK MED RAM
	
	Här ligger bilden i en egen div. Lämplig att använda mellan två stycken.
	Observera att div:en flyter så att efterföljande stycke flödar till höger
	om bilden. Vill man bryta flödet, kompletterar man efterföljande stycke
	(eller annat element) med 'style="clear:both"'.

***/

div.bild_med_ram {
	float: left;
	margin-right: 10px;
}

div.bild_med_ram a {
	margin: 0;
	padding: 0;
	border: none;
}

div.bild_med_ram a img {
	padding: 4px;
	border: 1px solid #999999;
}

div.bild_med_ram p {
	font-size: 90%;
	line-height: 120%;
	margin-top: 0.4em;
	margin-left: 5px;
	margin-right: 5px;
}

div.bild_med_ram a img:hover,
div.bild_med_ram a:hover {
	background-color: #D9ECFF;
}

div.smal_vansterspalt div.bild_med_ram {
	position: relative;
	display: block;
	/*
		IE dubblar en eventuell marginal här. Jag löser problemet med att
		flytta elementet i stället för margin-left.
	*/
	left: 10px;
	margin-right: 0;
}

/***

	BILDGALLERI MED TABELL

***/

div.innehall table.med_ramar {
}

div.innehall table.med_ramar a {
	border: none;
}

div.innehall table.med_ramar a img {
	padding: 4px;
	border: 1px solid #999999;
}

div.innehall table.med_ramar a img:hover,
div.innehall table.med_ramar a:hover {
	background-color: #D9ECFF;
}

/***

	RADBRYTNING

	Används för radbrytning då elementet före (i flödet) är flytande, exempelvis en bild.

***/

.ny_rad {
	clear: both;
}

/***

	TEXTSTORLEK
	
***/

div.innehall .storre_text {
	font-size: 110% !important;
}

div.innehall .storre_brodtext p {
	font-size: 110% !important;
	line-height: 150%;
}

div.innehall .mindre_text {
	font-size: 90%;
}

div.innehall .mindre_brodtext p {
	font-size: 90%;
}

/***

	INFOGAT FRÅN ÄLDRE CSS-FILER. STÄDA VID TILLFÄLLE.

***/

/*** SÖKFORMULÄR ***/

div.sokformular {
	background-color: #E6E6FA;
	margin-bottom: 10px;
}

div.sokresultat p {
	font-weight: bold;
}

table#sokkriterier_enkelsok {
}

table#sokkriterier_enkelsok td.kolumn_1 {
	font-weight: bold;
	padding: 6px 0px 6px 10px;
}

table#sokkriterier_enkelsok td.kolumn_2 {
	padding: 6px 0px 6px 10px;
}

table#sokkriterier_enkelsok td.kolumn_3 {
	padding: 6px 0px 6px 10px;
}

table#sokkriterier_enkelsok input.sokord {
	width: 244px;
}

/***

	BRÖDSMULOR
	
	Id 'brodsmulor' ersätter 'sidrubrik'.

***/

div#brodsmulor {
	position: relative;
	clear: both;
	color: #404241;
	margin: 0;
	padding-top: 2px;
	padding-bottom: 11px;
}

.gra_toning {
	/*background-image: url('grafik/graytransition.gif');
	background-repeat: repeat-x;
	background-position: top;*/
}

div#brodsmulor p {
	margin-bottom: 0;
	margin-left: 10px;
}

/***

	RUBRIKER MED PIL

***/

h2.pilibox {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 100%;
	line-height: 150%;
	margin: 0 0 0.4em 10px;
	padding: 0 0 0 16px;
	background-image: url('grafik/pilibox1.png');
	background-repeat: no-repeat;
	background-position: left;
}

h2.utan_pilibox {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 100%;
	line-height: 150%;
	margin: 0 0 0.4em 10px;
	padding: 0 0 0 0px;
}

/***

	SIDOPANEL 1
	
	Dynamisk sidopanel för 'widgets' i WP. Vänsterspalt i praktiken.
	
***/

div.sidopanel_1 div.widget {
	padding: 0;
	margin: 0 10px 2.5em 10px;
}

div.sidopanel_1 div.widget h2 {
	font-size: 130%;
	margin-top: 0.4em;
}

div.sidopanel_1 div.widget ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

div.sidopanel_1 div.widget ul li {
	margin: 0.6em 0 0.6em 0;
	padding: 0;
}

/*** Formatering av specifika widget:ar ***/

div.sidopanel_1 div.widget div.textwidget {
}

div.sidopanel_1 div.widget div.textwidget p {
}

div.sidopanel_1 div.widget form#searchform {
}

div.sidopanel_1 div.widget form#searchform label {
	display: none;
	/*margin-right: 6px;
	font-weight: bold;*/
}

div.sidopanel_1 div.widget form#searchform div {
	display: inline;
}

div.sidopanel_1 div.widget form#searchform input#s {
	font-size: 100%;
	/*width: 160px;*/
	width: 140px;
	margin-right: 4px;
}

div.sidopanel_1 div.widget form#searchform input#searchsubmit {
	/*border: none;
	background-color: #FFFFFF;
	color: transparent;
	background-image: url('grafik/sok.gif');
	background-repeat: no-repeat;
	background-position: left;
	height: 20px;
	width: 36px;
	cursor: pointer;*/
}

/***

	BLOGGPOST
	
	Klassen 'bloggpost' ersätter 'artikel'.
		
***/

div.bloggpost,
div.artikel {
	position: relative;
	display: block;
	clear: both;
	/*margin-bottom: 4em;*/
	padding-bottom: 2em;
}

div.bloggpost h2,
div.artikel h2 {
	font-size: 150%;
	line-height: 130%;
}

div.bloggpost h1,
div.bloggpost h2.som_h1,
div.artikel h1 {
	font-size: 200%;
	line-height: 120%;
	margin-top: 0;
	margin-bottom: 0.4em;
}

div.bloggpost p.byline,
div.artikel p.byline {
	/*color: #93905B;*/
	margin-top: 0;
	padding: 0;
}

div.bloggpost h2 a:link {
	color: #000000;
	border: none;
	text-decoration: none;
}

div.bloggpost h2 a:visited {
	color: #000000;
	border: none;
	text-decoration: none;
}

div.bloggpost h2 a:hover {
	color: #0040b6;
	border: none;
	text-decoration: none;
}

div.bloggpost p.kallhanvisning,
div.bloggpost p.erkannande,
div.artikel p.kallhanvisning,
div.artikel p.erkannande {
	font-family: "Times New Roman", serif;
	font-size: 115%;
	font-style: italic;
	color: #404241;
	text-align: right;
}

div.bloggnavigering {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0 0 1px 0;
	margin: 0 10px 0 10px;
}

div.bloggnavigering a {
	font-weight: bold;
}

div.bloggnavigering.over_lista {
	margin-bottom: 20px;
}

div.bloggnavigering.under_lista {
	margin-top: 5px;
	padding-bottom: 10px;
}

div.bloggnavigering.kommentarer {
	margin: 0 0 10px 0;
}

div.bloggnavigering a:link {
	color: #0040b6;
	border-bottom: dashed #cccccc 1px;
	text-decoration: none;
}

div.bloggnavigering a:visited {
	color: #4D7ACC;
	border-bottom: dashed #cccccc 1px;
	text-decoration: none;
}

/* inom bloggpost ? */
textarea.kommentar {
	width: 485px;
}
/*
div.bloggpost p.postmetadata {
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 10px;
	background-color: #F1F1F1;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
}
*/

div.bloggpost p.kategorier {
	margin-top: 1.4em;
	margin-bottom: 0.4em;
	clear: both;
}

div.bloggpost p.kategorier span.rubrik {
	/*color: #93905B;*/
}

div.bloggpost p.postlankar {
	margin-top: 0;
	margin-bottom: 2em;
	clear: both;
}
/*
div.bloggpost div.kategorier_postlankar {
	margin-left: 0;
	margin-right: 0;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 10px;
	background-color: #F1F1F1;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
}

div.bloggpost div.kategorier_postlankar p.kategorier {
	margin-top: 0.4em;
	margin-bottom: 0.6em;
}

div.bloggpost div.kategorier_postlankar p.postlankar {
	margin-top: 0.6em;
	margin-bottom: 0.4em;
}
*/

h3#comments {
	margin-top: 2em;
}

div.bloggpost ol.commentlist {
	padding-left: 30px;
}

div.bloggpost ol.commentlist li {
	padding-top: 10px;
}

div.bloggpost ol.commentlist ul {
	padding-left: 30px;
}

div.bloggpost ol.commentlist li cite {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-style: normal;
	font-size: 100%;
	font-weight: bold;
}

div.bloggpost div#respond {
	margin-top: 20px;
}

/***

	SÖKRESULTAT (avser wordpressdelen av sajten)
	
***/

div.bloggpost p.sammanfattning_som_lank a {
	color: #000000;
	text-decoration: none;
	border: none;
}

/***

	KONTAKTA OSS
	
***/

/* 
	Dessa tre spalter används på sidan 'kontakta oss'.
		
*/

h1.kontakta_oss {
	margin-left: 10px;
}

div.kontakta_oss {
	position: relative;
	display: block;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 0;
	background-color: #E6E6FA;
}

div.kontakta_oss div.spalt {
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	width: 234px;
	padding-left: 10px;
	padding-right: 10px;
}

div.kontakta_oss h2 {
	font-size: 120%;
	padding-bottom: 2px;
}

div.kontakta_oss ul {
	margin: 0 0 0 1px;
	padding: 0;
}

div.kontakta_oss ul li {
	margin: 0.6em 0 0.6em 20px;
	padding: 0;
	list-style: square;
}

div.kontakta_oss li p {
}

div.kontakta_oss p {
}

/***

	OM WEBBPLATSEN
	
***/

div.om_webbplatsen h2 {
	font-size: 110%;
	margin-top: 1.4em;
}

div.om_webbplatsen p {
}

div.om_webbplatsen ol {
	margin-bottom: 0;
}

/*** Från default-temat i WP. ***/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}