/***
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-image: url('../grafik/kanvas_bg_gra.gif');
background-repeat: repeat-y;
background-position: center;
/*background-color: #CCCCCC;*/
/*background-color: #006;*/
background-color: #ffffff;
}
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%;
/*
Ändrat 2006-05-17
margin-top: 0.8em;*/
margin-top: 0;
margin-bottom: 0.4em;
/*clear: both;*/
}
h2
{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 160%;
margin-top: 0.8em;
margin-bottom: 0.4em;
/*clear: both;*/
}
div.innehall div.artikel h1,
div.innehall div.artikel h2
{
line-height: 120%;
}
div.innehall div.nyhet h1,
div.innehall div.skiva h1
{
font-size: 120%;
}
div.innehall div.om_webbplatsen h2,
div.innehall div.tipsa_en_van h2
{
font-size: 110%;
margin-bottom: 0;
}
h1.nyheter,
h1.artiklar,
h1.skivor,
h1.musiker,
h1.faq,
h1.kontakta_oss,
h1.om_webbplatsen,
h1.startsida,
h1.tipsa_en_van,
h1.om_orkestern
{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 125%;
height: 41px;
line-height: 41px;
margin: 0 0 10px 0;
padding: 0 0 0 45px;
background-repeat: no-repeat;
background-position: left;
}
h1.nyheter { background-image: url('../grafik/cirklar/nyheter.gif'); }
h1.artiklar { background-image: url('../grafik/cirklar/artiklar.gif'); }
h1.skivor { background-image: url('../grafik/cirklar/diskografi.gif'); }
h1.musiker { background-image: url('../grafik/cirklar/musiker.gif'); }
h1.faq { background-image: url('../grafik/cirklar/musiker.gif'); }
h1.om_orkestern { background-image: url('../grafik/cirklar/om_orkestern.gif'); }
h1.kontakta_oss { background-image: url('../grafik/cirklar/kontakta_oss.gif'); }
h1.om_webbplatsen { background-image: url('../grafik/cirklar/om_webbplatsen.gif'); }
h1.tipsa_en_van { background-image: url('../grafik/cirklar/tipsa.gif'); }
h1.startsida { background-image: url('../grafik/cirklar/startsida.gif'); }
/***
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;
}
/***
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;
}
/***
MARGINALER
***/
/*
.med_marginal
{
margin-left: 10px !important;
margin-right: 10px !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
*/
/***
BAKGRUNDSFÄRGER
***/
.body_bg { background-color: #CCCCCC; }
.puffar_bg { background-color: #E6E6FA; }
.kontakta_oss_bg { background-color: #E6E6FA; }
.huvudmeny_bg { background-color: #A0004C; }
.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;
}
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;
}
ul#huvudmeny li
{
margin: 0;
padding: 0;
float: left;
}
ul#huvudmeny li img
{
margin-right: 1px;
}
ul#huvudmeny li a
{
position: relative;
display: block;
background-repeat: no-repeat;
background-position: 0 0;
margin: 0px;
padding: 0px;
border: none;
}
/***
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: 0px 0px 20px 0px;*/
/*margin: 0;
padding: 0;*/
/*width: 762px;*/
/*padding-top: 10px;
padding-bottom: 10px;*/
margin-top: 10px;
/*
Borttaget 2005-05-17
margin-bottom: 10px;*/
/*margin-bottom: 0px;*/
}
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.innehall div.smal_vansterspalt
{
position: relative;
display: block;
overflow: hidden;
width: 256px;
float: left;
padding: 0;
margin: 0;
}
div.innehall div.bred_hogerspalt
{
position: relative;
display: block;
width: 505px;
overflow: hidden;
float: right;
padding: 0;
margin: 0;
}
div.innehall div.bred_vansterspalt
{
position: relative;
display: block;
width: 490px;
overflow: hidden;
float: left;
padding: 0;
margin: 0;
}
div.innehall div.smal_hogerspalt
{
position: relative;
display: block;
width: 242px;
overflow: hidden;
float: right;
text-align: left;
padding: 0;
margin: 0;
}
/***
INNEHÅLL
***/
div.innehall div.bred_hogerspalt div.nyhet,
div.innehall div.bred_hogerspalt div.skiva,
div.innehall div.bred_hogerspalt div.artikel,
div.innehall div.bred_hogerspalt div.om_webbplatsen,
div.innehall div.bred_hogerspalt div.tipsa_en_van,
div.innehall div.bred_hogerspalt div.med_marginal
{
width: 485px !important;
margin-left: 10px !important;
margin-right: 10px !important;
}
/***
SIDRUBRIK
***/
div.innehall div.sidrubrik
{
position: relative;
display: block;
width: 256px;
float: left;
clear: left;
padding: 0;
margin: 0;
}
div.innehall div.sidrubrik h1,
div.innehall div.sidrubrik p
{
margin-left: 10px;
margin-right: 10px;
}
/***
SPALTMENY
***/
div.innehall ul.spaltmeny
{
position: relative;
display: block;
margin: 20px 0 0 0;
padding: 8px 0 8px 0;
list-style: none;
float: left;
clear: left;
width: 256px;
}
div.innehall ul.spaltmeny li
{
padding: 0 0 0 8px;
margin-left: 11px;
margin-bottom: 4px;
background: url('../grafik/pil.gif') no-repeat 0 50%;
}
/***
"INTRO"
***/
div.innehall p.intro
{
margin: 20px 10px 10px 10px;
}
div.innehall p.intro.utan_toppmarginal
{
margin: 0 10px 10px 10px;
}
/***
LISTOR: NYHETER, ARTIKLAR OCH INSPELNINGAR
***/
div.innehall p.meddelande_tom_lista
{
margin-left: 10px;
margin-right: 10px;
font-size: 110%;
line-height: 150%;
margin-top: 0;
margin-bottom: 0;
}
div.innehall ul.lista
{
position: relative;
display: block;
overflow: hidden;
list-style: none;
width: 505px;
padding: 0;
/*margin: 0 0 0 257px;*/
margin: 0;
}
div.innehall ul.lista li
{
position: relative;
display: block;
margin: 0 10px 0 10px;
clear: both;
padding: 0;
}
div.innehall ul.lista li.med_konvolut
{
width: 485px;
/*
Obs! padding-bottom eller margin-bottom har ingen effekt i Firefox.
För att skapa luft mellan listelementen sätts padding-bottom på
såväl bilden (konvolutet) som texten (p.sammanfattning) i stället.
Obs! Ett width-värde behövs för att listelementet ska renderas korrekt
i IE men...det skulle innebära kaos i just IE om INTE rubriken och texten
vore flytande element (float:right). Att bara förskjuta rubriken och texten
(margin-left:95px) så att den hamnar bredvid konvolutbilden får IE att
bete sig MYCKET nervöst (elementen försvinner delvis när man för mus-
markören över dem).
UPPDATERAT! Det nervösa beteendet uppträder i samband med hovereffekt på
länkar där färgen på den streckade kantlinjen under ändras. Om man INTE
ändrar färgen håller sig IE i skinnet.
*/
}
div.innehall ul.lista li h2
{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 100%;
line-height: 130%;
margin: 0;
/*padding: 0 0 0 8px;
background-image: url(../grafik/pil.gif);
background-position: left;*/
padding: 0 0 0 16px;
background-image: url(../grafik/pilibox1.png);
background-repeat: no-repeat;
background-position: left;
}
div.innehall ul.lista li.med_konvolut h2
{
clear: none;
/*width: 382px; Eftersom jag la till 8px på paddingen på pilen... */
width: 374px;
/*
Konvolutbilden flyter till vänster och resten till höger.
*/
float: right;
}
div.innehall ul.lista li p
{
margin-top: 1.2em;
margin-bottom: 1.2em;
}
div.innehall ul.lista li.med_konvolut p
{
width: 390px;
/*
Konvolutbilden flyter till vänster och resten till höger.
*/
float: right;
}
div.innehall ul.lista li p.sammanfattning
{
margin-top: 0.2em;
margin-bottom: 0.2em;
/*text-indent: 15px;
background-image: url('../grafik/text.gif');
background-repeat: no-repeat;
background-position: 0 0.2em;*/
}
div.innehall ul.lista li.med_konvolut p.sammanfattning
{
text-indent: 0;
background-image: none;
/*
Detta ger luft mellan listposter om texten är minst några rader lång.
Om den inte är det skapas luften av padding-bottom under konvolutbilden.
*/
padding-bottom: 20px;
}
div.innehall ul.lista li p.sammanfattning a
{
color: #000000;
text-decoration: none;
border: none;
}
div.innehall ul.lista li p.datum
{
font-size: 90%;
margin-top: 0;
/*margin-bottom: 0;*/
/*
Obs! padding-bottom bättre än margin-bottom i IE. Med det senare får
nämligen IE ett nervöst beteende (merginalen försvinner ibland).
Nedanstående padding-bottom motsvarar den margin-bottom (på P) som
annars gäller för den här webbplatsen.
Läs UPPDATERAT! längre upp i filen.
*/
/*padding-bottom: 1.2em;*/
color: #404241;
}
div.innehall ul.lista li.med_konvolut p.datum
{
/*
Ta bort den padding-bottom som annars gäller enligt ovanstående definition.
*/
padding-bottom: 0;
line-height: 110%;
color: #404241;
}
div.innehall ul.lista li.med_konvolut img
{
position: relative;
display: block;
float: left;
width: 85px;
height: 85px;
/*
Om det är riktigt lite text bredvid bilden behövs padding-bottom på bilden
för att kompensera för den padding-bottom på texten (p.sammanfattning) som
vanligtvis ser till att det blir luft emellan listelementen. Ja, det logiska
vore givetvis att sätta padding-bottom alternativt margin-bottom på LI men
det ger tyvärr olika resultat beroende på webbläsare.
*/
padding-bottom: 20px;
}
div.innehall ul.lista li.navigering
{
width: 485px;
text-align: center;
}
div.innehall ul.lista li.navigering p.meddelande
{
font-weight: bold;
color: #404241;
}
div.innehall ul.lista li.navigering a
{
margin-left: 0px;
margin-right: 0px;
border: none;
}
/***
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;
}
/***
BYLINE
***/
div.innehall p.byline
{
color: #93905B;
margin-top: 0;
}
div.innehall p.byline span.ledtext
{
color: #333333;
}
/***
INGRESS
***/
div.innehall p.ingress
{
font-weight: bold;
}
/***
ANDRA TYPER AV STYCKEN
***/
div.innehall p.kallhanvisning,
div.innehall p.erkannande
{
font-family: "Times New Roman", serif;
font-size: 115%;
font-style: italic;
color: #404241;
text-align: right;
}
/***
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
{
font-family: Georgia, "Times New Roman", serif;
font-size: 110%;
font-style: italic;
margin-top: 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.artikel ul.bilder
{
width: 490px;
}
div.innehall ul.bilder
{
position: relative;
display: block;
list-style: none;
/*margin: 5px 5px 0 10px;*/
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 p.bildtext
{
position: relative;
display: block;
font-size: 90%;
line-height: 120%;
text-align: left;
padding: 0;
margin-left: 5px;
margin-right: 5px;
}
*/
div.innehall table.med_ramar a img:hover,
div.innehall table.med_ramar a:hover
{
background-color: #D9ECFF;
}
/***
KONVOLUT
***/
div.innehall div.smal_vansterspalt img.konvolut
{
width: 230px;
height: 230px;
padding: 4px;
border: 1px solid #999999;
}
/*
Är det önskvärt med hovereffekt här? Bilden är ju inte en länk.
div.innehall div.smal_vansterspalt img.konvolut: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;
}
/***
PUFFAR
Små listor som visas på startsidan.
***/
div.puffar
{
position: relative;
display: block;
clear: both;
top: 10px;
width: 762px;
margin: 10px 0px 25px 0px;
background-color: #E6E6FA;
}
div.puffar div.spalter
{
position: relative;
display: block;
overflow: hidden;
top: -10px;
width: 750px;
margin: 0px 6px 0px 6px;
}
div.puffar div.spalt
{
position: relative;
display: block;
width: 375px;
overflow: hidden;
float: left;
padding: 0px;
margin: 0px;
}
div.puffar h1
{
margin-left: 4px;
margin-bottom: 0;
font-size: 110%;
height: 45px;
line-height: 45px;
padding-left: 48px;
background-repeat: no-repeat;
background-position: left;
}
div.puffar ul
{
position: relative;
display: block;
list-style: none;
clear: both;
float: none;
margin: 0;
padding: 0;
}
div.puffar ul li
{
position: relative;
display: block;
list-style: none;
clear: both;
float: none;
margin: 5px 10px 10px 10px;
padding: 0;
}
div.puffar ul li h2
{
font-size: 100%;
margin-top: 0;
margin-bottom: 0;
}
div.puffar ul li p.sammanfattning
{
margin-top: 0;
margin-bottom: 0;
}
div.puffar ul li p.datum
{
clear: both;
font-size: 90%;
margin-top: 0;
margin-bottom: 0;
color: #404241;
}
div.puffar ul li p.meddelande
{
}
/***
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-size: 0.9em;*/
font-weight: bold;
/*line-height: 1.5em;*/
}
table#sokkriterier_enkelsok
{
}
table#sokkriterier_enkelsok td.kolumn_1
{
font-weight: bold;
/*font-size: 0.9em;*/
padding: 6px 0px 6px 10px;
}
table#sokkriterier_enkelsok td.kolumn_2
{
/*font-size: 0.9em;*/
padding: 6px 0px 6px 10px;
}
table#sokkriterier_enkelsok td.kolumn_3
{
/*font-size: 0.9em;*/
padding: 6px 0px 6px 10px;
}
table#sokkriterier_enkelsok input.sokord
{
width: 244px;
}
/*** Enkel sökning ***/
table.trafflista
{
}
table.trafflista a
{
/*background-image: url(../grafik/pil.gif);
background-repeat: no-repeat;
background-position: 0 0.2em;
padding-left: 8px;*/
}
table.trafflista td
{
/*font-size: 0.9em;
line-height: 1.5em;*/
padding-top: 1px;
padding-bottom: 1px;
}
table.trafflista th
{
/*font-size: 0.9em;
line-height: 1.5em;*/
}
table.trafflista td.kolumn_1
{
width: 252px;
}
table.trafflista td.kolumn_titel
{
width: 452px;
}
table.trafflista td.kolumn_rubrik
{
width: 392px;
}
table.trafflista td.kolumn_2
{
width: 390px;
}
table.trafflista td.kolumn_inspelad
{
width: 145px;
}
table.trafflista td.kolumn_3
{
width: 100px;
}
table.trafflista td.kolumn_format
{
width: 145px;
}
table.trafflista td.kolumn_registrerad,
table.trafflista td.kolumn_publicerad,
table.trafflista td.kolumn_andrad
{
width: 120px;
}
/***
RADER
***/
.udda_rad
{
background-color: #E3E3E3;
}
.jamn_rad
{
}
/***
VERKTYGSRAD
***/
div#verktygsrad
{
position: relative;
display: block;
overflow: hidden;
margin-bottom: 10px;
}
div#verktygsrad div.sidrubrik
{
float: left;
width: 420px;
}
div#verktygsrad div.sidrubrik img
{
height: 41px;
width: 41px;
float: left;
margin-right: 10px;
}
div#verktygsrad div.sidrubrik h1
{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 115%;
clear: none;
margin: 5px 0 0 0;
}
div#verktygsrad div.sidrubrik p
{
margin: 0 0 0 51px;
}
div#verktygsrad div.sidrubrik.smalare
{
width: 350px;
}
div#verktygsrad div.ikoner
{
overflow: hidden;
width: 312px;
float: right;
text-align: right;
}
div#verktygsrad div.ikoner.bredare
{
width: 382px;
}
div#verktygsrad div.sok_sasong
{
float: right;
text-align: left;
}
div#verktygsrad div.sok_sasong.utan_text
{
margin-top: 10px;
}
div#verktygsrad div.sok_sasong td
{
padding: 0.2em 0 0.2em 0.3em;
}
/***
DIVERSE ELEMENT I FORMULÄR
***/
label.over
{
position: relative;
display: block;
margin-bottom: 0.1em;
}
label.over.visa
{
font-size: 90%;
font-weight: bold;
color: #999999;
}
h3.formularrubrik
{
font-size: 100%;
margin-bottom: 0em;
}
/***
OM WEBBPLATSEN
***/
/*
div.innehall div.om_webbplatsen h2 + p // Obs! Detta fungerar ej i IE.
{
margin-top: 0;
}
*/
div.innehall div.om_webbplatsen p
{
/*
Här önskas inget avstånd mellan rubrik och brödtext.
*/
margin-top: 0;
}
/***
TIPSA EN VÄN
***/
div.innehall div.tipsa_en_van div.spalt.vanster
{
width: 250px;
float: left;
margin-top: 5px;
margin-bottom: 5px;
}
div.innehall div.tipsa_en_van div.spalt.hoger
{
width: 235px;
float: right;
margin-top: 5px;
margin-bottom: 5px;
}
div.innehall div.tipsa_en_van div.spalt.bred
{
clear: both;
margin-top: 5px;
margin-bottom: 5px;
}
div.innehall div.tipsa_en_van div.spalt.bred textarea.blockbredd
{
width: 475px;
}
div.innehall div.tipsa_en_van div.spalt input.blockbredd
{
width: 225px;
}
/***
KONTAKTA OSS
***/
/*
Dessa tre spalter används på sidan 'kontakta oss'.
*/
div.innehall div.kontakta_oss
{
position: relative;
display: block;
overflow: hidden;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 0;
background-color: #E6E6FA;
}
div.innehall div.kontakta_oss div.spalt
{
position: relative;
display: block;
overflow: hidden;
float: left;
width: 234px;
padding-left: 10px;
padding-right: 10px;
}
/*
div.innehall div.kontakta_oss div.spalt.kantlinjer
{
width: 232px !important;
border-left: 1px dotted #404241;
border-right: 1px dotted #404241;
}
*/
div.innehall div.kontakta_oss h2
{
font-size: 120%;
padding-bottom: 2px;
}
div.innehall div.kontakta_oss ul
{
margin: 0 0 0 1px;
padding: 0;
}
div.innehall div.kontakta_oss ul li
{
margin: 0.6em 0 0.6em 20px;
padding: 0;
list-style: square;
}
div.innehall div.kontakta_oss li p
{
}
div.innehall div.kontakta_oss p
{
/*margin-top: 0.6em;
margin-bottom: 0.6em;*/
}
/***
SIDRUBRIK
***/
div#sidrubrik
{
position: relative;
clear: both;
color: #404241;
margin: 0;
padding-top: 2px;
/*padding-bottom: 3px;*/
padding-bottom: 11px;
}
.gra_toning
{
background-image: url('../grafik/graytransition.gif');
background-repeat: repeat-x;
background-position: top;
}
div#sidrubrik img
{
float: left;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 6px;
}
div#sidrubrik div
{
margin-left: 56px;
padding-top: 4px;
padding-bottom: 4px;
}
div#sidrubrik p.sokvag
{
font-size: 90%;
margin: 0 0 0 1px;
padding: 0;
}
div#sidrubrik p.sokvag_utan_ikon
{
font-size: 90%;
margin: 0 10px 0 10px;
padding: 4px 0 4px 0;
}
div#sidrubrik h1
{
font-size: 150%;
clear: right;
margin: 0;
padding: 0;
}
div#sidrubrik p.sasongsnavigering
{
margin-bottom: 0;
line-height: 195%; /* Förbättrar placeringen av text i förhållande till fält i Firefox. */
}
div#sidrubrik div.ikoner
{
overflow: hidden;
margin: 0;
padding: 0;
width: 100px;
float: right;
text-align: right;
}
/***
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;
}