/* kundspecifik css uppdatering block 151207 CM */
/*
Sökhjälp
Teckensnitt och teckenstorlek
På intranätet
Färger, bakgrundsbilder alla skärmbredder
Diverse alla skärmbredder
en spalt -> kolumner
två spalter -> width
två spalter -> kolumner
två spalter -> padding/margin
två spalter -> höjd
___ minimihöjder ___
två spalter -> justering
900px -> width OBS! Här görs normalt sett ändringar i width
900px -> kolumner
900px -> padding/margin OBS! Här görs normalt sett ändringar i padding
tre spalter -> width
tre spalter -> padding/margin
tre spalter -> höjd
tre spalter -> justering
tre spalter -> färger och bakgrundsbilder
*/
/**stödramar**/
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Information som inte är kopplad till speciell skärmbredd Allmän information
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* ME 151218 testar bredder */
/* färg */
#innehallKolumner .fullbredd, #innehallKolumner .trefjardedelsbredd, #innehallKolumner .tvatredjedelsbredd, #innehallKolumner .halvbredd, #innehallKolumner .tredjedelsbredd, #innehallKolumner .fjardedelsbredd{ background-color: White; }
/* höjd */
div.rad{ margin-bottom: 30px; overflow: hidden; }
.fullbredd, .trefjardedelsbredd, .tvatredjedelsbredd, .halvbredd, .tredjedelsbredd, .fjardedelsbredd{ padding-top: 10px; padding-bottom: 15px; }
/* ME 151218 paddining sidled */
.fullbredd, .trefjardedelsbredd, .tvatredjedelsbredd, .halvbredd, .tredjedelsbredd, .fjardedelsbredd{
padding-left: 2%;
padding-right: 2%;
width: 96%;
}
/* denna bör kunna ändras utan att det påverkar blockens procent-tal, men påverkar den något annat? */
#innehallKolumner{width: 96%; margin-left: auto; margin-right: auto; }
/*------------------------------------------
Teckensnitt och teckenstorlek
------------------------------------------*/
body{
font-family: Century Gothic, sans-serif; /**font_family**/
font-size: 90%; /**font_size**/
}
p{line-height: 150%;}
h1, h2{font-weight: 400;} /* 400 är som normal och 700 är som bold, välj mellan 100-900 */
h1, h2{} /*font-family: "Corbel", sans-serif;*/
h1{font-size: 1.83em;}
h2{font-size: 1.42em;}
/*#huvudrubriker a{font-size: 1.42em;}*/ /* Teckenstorlek huvudrubriker */
.senastUppdaterad{font-size: 1.0em;} /* Teckenstorlek sidfot */ /* ME 150520 pga Google */
.bildspel li:first-child {
float: left; /**bildspel_position**/
}
.bildspel img {
float: left; /**bildspel_position**/
}
p.flaggor{
/**flaggor_info**/
}
/*------------------------------------------
På intranätet
------------------------------------------*/
#sidaIntra, .innehallIntra, .innehallIntraMellan, .innehallIntraBred,#ramInnehallUtanUnderrubrikerIntra,#ramInnehallMedUnderrubrikerIntra{
background-color: rgb(255,255,255); /**intra_bakgrundsfärg**/
color: rgb(70,70,70); /**intra_textfärg**/
}
#sidaIntra a{
color: rgb(70,70,70); /**intra_länkfärg**/
}
#sidaIntra h1,h2{
/**intra_rubrikfärg**/
}
#sidaIntra #sidhuvud{ height: 100px; }
/*---------------------------------------------------------------------------
Färger, bakgrundsbilder alla skärmbredder
---------------------------------------------------------------------------*/
body{
color: rgb(70,70,70); /**body_text_color**/
background-color: rgb(255,255,255); /**passpartout_färg**/
/**passpartout_bild**/
}
a{
color: rgb(70,70,70); /**text_länkfärg**/
}
/* platta */
#plattaUtanSidospalt,#sidaIntra{
/* basplatta */
/**basplatta_bild**/
background-color: rgb(240,247,218); /**basplatta_färg**/
}
#innehallKolumner{
background-color: rgb(240,247,218);
}
/* sidhuvud */
#sidhuvud-omslutande {
/**sidhuvud_bakgrundsfärg_width100%**/
/**sidhuvud_bakgrundsbild_width100%**/
}
#sidhuvud{
/**sidhuvud_bakgrundsfärg**/
/**sidhuvud_bakgrundsbild**/
}
/* huvudrubriker */
#huvudrubriker-omslutande {
/**huvudrubriker_bakgrundsfärg_width100%**/
/**huvudrubriker_bakgrundsbild_width100%**/
}
#huvudrubriker,#huvudrubrikerIntra{
/**huvudrubriker_bakgrundsfärg**/
/**huvudrubriker_bakgrundsbild**/
}
#huvudrubriker li a, #huvudrubrikerIntra li a{
color: rgb(111,110,110); /**huvudrubriker_färg**/
/**huvudrubriker_fontweight**/
}
#huvudrubriker li.markerad a, #huvudrubrikerIntra li.markerad a{
color: rgb(133,167,39); /**huvudrubrikerMarkerad_färg**/
/**huvudrubrikerMarkerad_fontweight**/
}
/* sida */
#sida{
/**sida_bakgrundsbild**/
/**sida_bakgrundsfärg**/
/**sida_ram**/
}
#sida h1{
color: rgb(133,167,39); /**h_ett_text_color**/
/**h_ett_bakgrund_color**/
}
#sida h2{
color: rgb(133,167,39); /**h_två_text_color**/
/**h_två_bakgrund_color**/
}
/* startsida */
#ramInnehallStart, #innehallUtanUnderrubriker, #innehallMedUnderrubriker{
/**basplatta_utan_underrubiker_färg**/
}
#ramInnehallKalenderOchAktuellt{
/**aktuellt_textfärg**/
/**aktuellt_bakgrundsfärg**/
/**aktuellt_bakgrundsbild**/
}
#ramInnehallKalenderOchAktuellt a{
/**aktuellt_länkfärg**/
}
#ramInnehallKalenderOchAktuellt h1{
color: rgb(133,167,39); /**h_ett_aktuellt_text_color**/
/**h_ett_aktuellt_bakgrund_color**/
}
#ramInnehallKalenderOchAktuellt h2{
color: rgb(133,167,39); /**h_två_aktuellt_text_color**/
/**h_två_aktuellt_bakgrund_color**/
}
#innehallPresentation{
/**presentation_textfärg**/
/**presentation_bakgrundsfärg**/
/**presentation_bakgrundsbild**/
}
#innehallPresentation a{
/**presentation_länkfärg**/
}
#innehallPresentation h1{
color: rgb(133,167,39); /**h_ett_presentation_text_color**/
/**h_ett_presentation_bakgrund_color**/
}
#innehallPresentation h2{
color: rgb(133,167,39); /**h_två_presentation_text_color**/
/**h_två_presentation_bakgrund_color**/
}
/* underrubriker */
#underrubriker{
/**underrubriker_bakgrundsfärg**/
/**underrubriker_bakgrundsbild**/
}
#underrubrikerTom{
/**underrubrikerTom_bakgrundsfärg**/
/**underrubrikerTom_bakgrundsbild**/
}
#underrubriker li a{
color: rgb(111,110,110); /**underrubriker_färg**/
/**underrubriker_fontweight**/
}
#underrubriker li.markerad a{
color: rgb(133,167,39); /**underrubrikerMarkerad_färg**/
/**underrubrikerMarkerad_fontweight**/
}
/* sidor med/utan underrubriker */
#ramInnehallMedUnderrubriker{
/**underrubrikerInnahåll_bakgrundsfärg**/
/**underrubrikerInnahåll_bakgrundsbild**/
}
#ramInnehallUtanUnderrubriker{
/**utanUnderrubrikerInnahåll__bakgrundsfärg**/
/**utanUnderrubriker_bakgrundsbild**/
}
#innehallUtanUnderrubriker,#innehallMedUnderrubriker{
background-color: rgb(255,255,255); /**innehallMedUtanUnderrubriker_bakgrundsfärg**/
/**innehallMedUtanUnderrubriker_bakgrundsbild**/
}
/* sidfot */
#sidfot-omslutande {
/**sidfot_bakgrundsfärg_width100%**/
/**sidfot_bakgrundsbild_width100%**/
}
#sidfot{
/**sidfot_textfärg**/
/**sidfot_bakgrundsfärg**/
/**sidfot_bakgrundsbild**/
}
#sidfot a{
/**sidfot_länkfärg**/
}
#sidfot h2{
color: rgb(133,167,39); /**h_två_sidfot_text_color**/
/**h_två_sidfot_bakgrund_color**/
}
/* hemsida från Lawebb */
#hemsidaFrånLawebb{
/**hemsidaFrånLawebb_bakgrundsfärg**/
/**hemsidaFrånLawebb_bakgrundsbild**/
}
#hemsidaFrånLawebb a{
/**hemsidaFrånLawebb_länkfärg**/
}
/* sidospalt */
#sidospalt{
/**sidospalt_textfärg**/
/**sidospalt_bakgrundsfärg**/
/**sidospalt_bakgrundsbild**/
}
#sidospalt a{
/**sidospalt_länkfärg**/
}
#sidospalt h2{
color: rgb(133,167,39); /**h_två_sidospalt_text_color**/
/**h_två_sidospalt_bakgrund_color**/
}
/* kalender */
/* Denna ersätter kalenderns h1 */
#sida .manadAr{
color: rgb(133,167,39); /**h_ett_kalender_text_color**/
/**h_ett_kalender_bakgrund_color**/
}
/*------------------------------------------
Diverse alla skärmbredder
------------------------------------------*/
/* Maxstorlek på bild till höger eller vänster om text */
.wrapRight, .wrapLeft{
max-width: 300px; /**img_bredvid_maxwidth**/
}
/* Storlek på logga till vänster om huvudrubriker för proportionerlig minskning på mindre skärm */
#loggaBredvidHuvudrubriker{max-width: 40%;}
/*#flyttbar{max-width: 20%;}*/ /* Krympa även flyttbara bilden? */
/*___ flyttbar bild ___*/
/* För att positionera flyttbar bild utanför #sidhuvud */
/*#sidhuvud{position: static;}*/ /**flyttbar_utanför_sidhuvud**/
#flyttbar{
/**flyttbar_alla_bredder**/
}
#sidospalt{
display: none; /**synlighet_sidospalt**/
}
/* CM 150209 la till */
/* Eventuell sökfunktion */
#sok input[type="text"] {
width: 200px; /**sökruta_width**/
}
#sida img{ /*CM 150209 lagt till*/
/**bildram**/
}
/* Extra markörer */
/**info1**/
/**info2**/
/**info3**/
/**info4**/
/* På smal skärm ska alla textstycken vara vänsterställda */
.left{text-align: left;}
.center{text-align: left;}
.right{text-align: left;}
.justify{text-align: justify;}
/* HemsidaFrånLawebb vänsterställt på smal skärm */
#hemsidaFrånLawebb, #hemsidaFrånLawebb .senastUppdaterad {
text-align: left;
}
/* Så att menyknapp positioneras i förhållande till denna div */
#huvudrubriker-omslutande{position: relative;}
/* Menyknappens placering på smal skärm */
#huvudrubriker-meny img{position: absolute; top:0; right:10px;}
#huvudrubriker ul { clear: both; }
/*___ tabell ___*/
td{
vertical-align: top;
padding-top: 12px;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Brytpunkt två spalter menyknapp bort, huvudrubriker syns samt blir två spalter Brytpunkt två spalter
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 45em) {
/* ME 151218 */
.trefjardedelsbredd{ width: 70.36%; }
.tvatredjedelsbredd{ width: 61.8%; }
.halvbredd{ width: 44.7%; }
.tredjedelsbredd{ width: 27.6%; }
.fjardedelsbredd{ width: 19.05%; }
.halvbredd.clearLeft{ margin-right: 2.6%; }
.tredjedelsbredd.clearLeft{ margin-right: 2.6%; }
.fjardedelsbredd{ margin-right: 2.6%; }
/* elementet ska fylla ut sin container vertikalt */
#huvudrubriker-länkrader,#huvudrubriker, #plattaUtanSidospalt, #ramInnehallStart, #innehallMedUnderrubriker,#innehallUtanUnderrubriker,#sidfot-omslutande{
overflow: hidden;
}
#innehallPresentation, #innehallMedUnderrubriker, #innehallUtanUnderrubriker, #underrubriker, #sidospalt { clear: both; }
.senastUppdaterad{font-size: .8em;} /* Teckenstorlek sidfot */ /* ME 150520 pga Google */
/*------------------------------------------
två spalter -> width
------------------------------------------*/
/*___ max-width ___*/
#plattaUtanSidospalt, #sidfot, #hemsidaFrånLawebb{ max-width: 900px;}
#plattaMedSidospalt{max-width: 940px;}
#innehallPresentation, #ramInnehallKalenderOchAktuellt, #innehallMedUnderrubriker, #innehallUtanUnderrubriker, #sidospalt { max-width: 500px; } /* ME 150325 la till sidospalt */
/*___ sidhuvud ___*/
#sidhuvud-omslutande{
/**sidhuvud_omslutande_bredd**/
}
/*___ huvudrubriker ___*/
#huvudrubriker-omslutande{
/**huvudrubriker_omslutande_bredd**/
}
/*___ startsida ___*/
#innehallPresentation {
width: 62%;
float: left;
}
#ramInnehallKalenderOchAktuellt {
width: 31%;
float: right;
clear: none;
}
/*___ vanliga sidor ___*/
#innehallMedUnderrubriker,#innehallUtanUnderrubriker {
width: 70.25%;
}
/*___ underrubriker ___*/
#underrubriker, #underrubrikerTom {
width: 22.75%; float: left;
}
/*------------------------------------------
två spalter -> padding/margin
------------------------------------------*/
/*___ centrera på skärm ___*/
#huvudrubriker-länkrader { margin-left: auto; margin-right: auto; }
#plattaMedSidospalt, #plattaUtanSidospalt, #sidfot, #hemsidaFrånLawebb{margin-left: auto; margin-right: auto;}
#sidhuvud{
margin-left: auto; margin-right: auto; /**sidhuvud_marginsAuto**/
}
#huvudrubriker {
margin-left: auto; margin-right: auto; /**huvudrubriker_marginsAuto**/
}
#huvudrubriker ul, #huvudrubrikerIntra ul{
margin-left: 0px; /**huvudrubriker_ul_marginLeft**/
margin-right: 20px;/**huvudrubriker_ul_marginRight**/
}
#huvudrubriker li{ padding-left: 0; padding-right: 0; }
#huvudrubriker li a,#huvudrubrikerIntra li a{
margin-left: 20px; /**mellanrum_huvudrubriker**/
}
#huvudrubriker-länkrader li:first-child a{margin-left: 0px;}
#huvudrubriker-länkrader li:last-child a {margin-right: 0px;}
/* logga till vänster om huvudrubriker */
#huvudrubriker img{
margin-right: 0px; /**huvudrubriker_logga_marginRight**/
}
#innehallPresentation, #ramInnehallKalenderOchAktuellt, #innehallMedUnderrubriker, #innehallUtanUnderrubriker, #sidospalt{
padding-left: .8%; /*150413 CM Vid runda hörn behövs cirka 2%*/
padding-right: .8%;
}
#underrubriker li{margin-left: 1.4%;}
#underrubriker li{padding-left: 0;padding-right: 0;}
#sidfot{padding-left: 0;padding-right:0;}
#sidfot p, #sidfot h2{
margin-left: .8%;
margin-right: .8%;
}
/*------------------------------------------
två spalter -> höjd
------------------------------------------*/
body{
margin-top: 15px; /**body_margin_top**/
padding-bottom: 10px; /**body_padding_bottom**/
}
h2{
padding-top: 25px; /**h_två_padding_top**/
}
/*___ platta ___*/
#plattaMedSidospalt{
/**plattaMedSidospalt_margin_top**/
}
#plattaUtanSidospalt{
/**plattaUtanSidospalt_margin_top**/
margin-bottom: 10px; /* Behövs om man lägger skugga */
}
#sidospalt{
padding-top: 10px; /**sidospalt_padding_top**/
/**sidospalt_padding_bottom**/
}
/*___ sidhuvud ___*/
#sidhuvud-omslutande{
margin-top: 0px; /**sidhuvud_margin_top**/
}
#sidhuvud{
height: 0px; /**sidhuvud_höjd**/
/**RAM_margintop_sidhuvud**/
}
/*___ sida ___*/
#sida{
margin-top: 0px; /**sida_marginTop**/
margin-bottom: 30px;
}
/*___ huvudrubriker ___*/
#huvudrubriker-länkrader{
padding-top: 50px; /**huvudrubriker_padding_top**/
padding-bottom: 50px; /**huvudrubriker_padding_bottom**/
}
#huvudrubrikerIntra{
padding-top: 50px; /**huvudrubriker_padding_top**/
padding-bottom: 50px; /**huvudrubriker_padding_bottom**/
margin-top: 50px;
}
#huvudrubriker-länkrader ul{margin-top: 5px;} /* CM 150209 Är detta ett bra sätt att komma åt andra radens huvudrubriker? Finns ju också nth-child(2) men sämre stöd i IE?? Eller????? */
#huvudrubriker-länkrader ul:first-child{margin-top: 0;}
#innehallPresentation{
/**presentation_margin_top**/
/**presentation_margin_bottom**/
/**presentation_padding_top**/
padding-bottom: 10px; /**presentation_padding_bottom**/
}
#innehallAktuellt{
/**aktuellt_margin_top**/
/**aktuellt_margin_bottom**/
padding-top: 10px; /**aktuellt_padding_top**/
padding-bottom: 10px; /**aktuellt_padding_bottom**/
}
#innehallKalender{
/**kalender_margin_top**/
/**kalender_margin_bottom**/
padding-top: 10px; /**kalender_padding_top**/
padding-bottom: 10px; /**kalender_padding_bottom**/
}
/*___ startsida ___*/
#innehallAktuellt h2:first-child,#innehallPresentation h2:first-child {padding-top: 7px;} /**startspalter_h2__padding_top**/
#innehallKalender:empty{
padding: 0;
}
#ramInnehallKalenderOchAktuellt{
/**ramInnehallKalenderOchAktuellt_margin_top**/
/**ramInnehallKalenderOchAktuellt_margin_bottom**/
/**ramInnehallKalenderOchAktuellt_padding_top**/
/**ramInnehallKalenderOchAktuellt_padding_bottom**/
}
/*___ vanliga sidor ___*/
#innehallMedUnderrubriker, #innehallUtanUnderrubriker{
margin-top: 20px; /**innehallUtanMedUnderrubriker_margin_top**/
/**innehallUtanMedUnderrubriker_margin_bottom**/
padding-top: 10px; /**innehallUtanMedUnderrubriker_padding_top**/
padding-bottom: 10px; /**innehallUtanMedUnderrubriker_padding_bottom**/
}
#innehallMedUnderrubriker p:first-of-type, #innehallUtanUnderrubriker p:first-of-type {
padding-top: 16px; /**p_first_padding_top**/
}
/*___ underrubriker ___*/
#underrubriker, #underrubrikerTom {
margin-top: 71px; /**underrubriker_margin_top**/
/**underrubriker_margin_bottom**/
/**underrubriker_padding_top**/
/**underrubriker_padding_bottom**/
}
#underrubriker li{
margin-bottom: 10px;
}
/*___ sidfot ___*/
#sidfot{
/**sidfot_margin_top**/
/**sidfot_margin_bottom**/
/**sidfot_padding_top**/
/**sidfot_padding_bottom**/
}
#hemsidaFrånLawebb{
margin-top: 0px; /**hemsidaFrånLawebb_margin_top**/
margin-bottom: 0px; /**hemsidaFrånLawebb_margin_bottom**/
/**hemsidaFrånLawebb_padding_top**/
/**hemsidaFrånLawebb_padding_bottom**/
}
/*___ minimihöjder ___*/
#innehallPresentation{
/*behöver vara 20 mindre än aktuellt, eftersom olika principer för padding i presentation och aktuellt*/
min-height: 460px; /**presentation_min_height**/
}
#ramInnehallKalenderOchAktuellt{
min-height: 480px; /**aktuellt_min_height**/
}
#sida,#ramInnehallStart, #ramInnehallMedUnderrubriker,#ramInnehallUtanUnderrubriker{ /* Även sida här? Om den inte kan flyta left när sidhuvud flyttar innanför platta får ändå min-height, men det kanske inte räcker???? */
min-height: 500px; /**min_height**/
}
#innehallMedUnderrubriker, #innehallUtanUnderrubriker{
min-height: 480px; /**innehallMedUtanUnderrubriker_min_height**/
}
#underrubriker,#underrubrikerTom{
min-height: 400px; /**underrubriker_min_height**/
}
#sidospalt{
/**sidospalt_min_height**/
}
#sidfot{
/**sidfot_min_height**/
}
/*------------------------------------------
två spalter -> justering
------------------------------------------*/
/*___ flyttbar bild ___*/
#flyttbar{
/**flyttbar_2spalter**/
}
/* Skriver över tidigare värden som gjort all text vänsterställd på smala skärmen */
.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}
.justify{text-align: justify;}
#sidhuvud-omslutande{
/**sidhuvud_omslutande_floatLeft**/
}
#sidhuvud{
text-align: left; /**sidhuvud_justering**/
}
#huvudrubriker-omslutande{
/**huvudrubriker_omslutande_floatLeft**/
}
#huvudrubriker ul {
clear: both;
}
#huvudrubriker img{
float: left;
}
#innehallMedUnderrubriker,#innehallUtanUnderrubriker {
/*float: right; */ /* 150204 CM och ME testar att ta bort */
margin-left: auto; margin-right: auto;
clear: none;
}
/* osynliggör menyknappen */
#huvudrubriker-meny { display: none; }
#huvudrubriker ul li { display: inline; border: none;}
#huvudrubriker ul{
text-align: left; /**layout**/
text-align: right; /**huvudrubriker_högerställda**/
}
#innehallPresentation{
float: left; /**layout_presentation_float**/
}
#ramInnehallKalenderOchAktuellt{
float: right; /**layout_aktuellt_float**/
}
h1{
text-align: ; /**layout_h_ett**/
}
/* Rubrik kalender och fotoalbum inklusive pilar till höger och vänster - hur skriver man denna för att det ska funka att centrera?*/
.manadAr{
text-align: ; /**layout_h_ett**/
}
h2{
text-align: ; /**layout_h_två**/
}
#innehallPresentation h1{
text-align: center; /**layout_presentation**/
}
#ramInnehallKalenderOchAktuellt h1{
text-align: center; /**layout_aktuellt**/
}
#hemsidaFrånLawebb, #hemsidaFrånLawebb .senastUppdaterad {
text-align: center;
}
/* ME 151112 */
#sidfot-omslutande{ clear: both; }
/*---------------------------------------------
Skugga, runda hörn alla skärmbredder
---------------------------------------------*/
#plattaUtanSidospalt, #sidaIntra{
/**skugga_plattaUtanSidospalt**/
/**rundahörn_plattaUtanSidospalt**/
/**kantlinje_plattaUtanSidospalt**/
}
#sida{
/**skugga_sida**/
/**rundahörn_sida**/
/**kantlinje_sida**/
}
#sidhuvud, #sidhuvud img{
/**skugga_sidhuvud**/
/**rundahörn_sidhuvud**/
/**kantlinje_sidhuvud**/
}
#sidhuvud-omslutande{
/**skugga_sidhuvud_omslutande**/
/**rundahörn_sidhuvud_omslutande**/
/**kantlinje_sidhuvud_omslutande**/
}
#huvudrubriker, #huvudrubriker img{
/**skugga_huvudrubriker**/
/**rundahörn_huvudrubriker**/
/**kantlinje_huvudrubriker**/
}
#huvudrubriker-omslutande{
/**skugga_huvudrubriker_omslutande**/
/**rundahörn_huvudrubriker_omslutande**/
/**kantlinje_huvudrubriker_omslutande**/
}
#underrubriker{
/**skugga_underrubriker**/
/**rundahörn_underrubriker**/
/**kantlinje_underrubriker**/
}
#underrubrikerTom{
/**skugga_underrubrikerTom**/
/**rundahörn_underrubrikerTom**/
/**kantlinje_underrubrikerTom**/
}
#ramInnehallKalenderOchAktuellt{
/**skugga_aktuellt**/
/**rundahörn_aktuellt**/
/**kantlinje_aktuellt**/
}
#innehallPresentation{
/**skugga_presentation**/
/**rundahörn_presentation**/
/**kantlinje_presentation**/
}
#sida #innehallUtanUnderrubriker, #sida #innehallMedUnderrubriker{
/**skugga_innehallMedUtanUnderrubriker**/
/**rundahörn_innehallMedUtanUnderrubriker**/
/**kantlinje_innehallMedUtanUnderrubriker**/
}
#sidfot, #sidfot img{
/**skugga_sidfot**/
/**rundahörn_sidfot**/
/**kantlinje_sidfot**/
}
#sidfot-omslutande{
/**skugga_sidfot_omslutande**/
/**rundahörn_sidfot_omslutande**/
/**kantlinje_sidfot_omslutande**/
}
#sidospalt{
/**skugga_sidospalt**/
/**rundahörn_sidospalt**/
/**kantlinje_sidospalt**/
}
} /* slut brytpunkt två spalter */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Brytpunkt 900px Full sidbredd men utan sidospalt Brytpunkt 900px
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 900px) { /* Om man skulle ha bredare huvudrubriksfält än 900 får man öka siffran på denna rad och samma siffra ska då stå nedan efter widht för huvudrubriker. */
#flyttbar{
/**flyttbar_900px**/
/*position:absolute;top:0;left:30%;z-index: 100;*/ /**flyttbar_900px_utanför_sidhuvud**/
}
/*------------------------------------------
900px -> width
------------------------------------------*/
/* Går att öka width/padding/margin med cirka 50px totalt på startsidan och 170px på övriga sidor */
#innehallPresentation, #ramInnehallKalenderOchAktuellt, #innehallMedUnderrubriker, #innehallUtanUnderrubriker, #sidospalt { max-width: none; }
#sidhuvud img{max-width: 100%;}
#huvudrubriker, #sidhuvud{
width: 900px;
}
#sida{
width: 900px; /**sida_width**/
}
#sidhuvud img{
/**sidhuvud_luft**/
}
#huvudrubriker{
/**huvudrubriker_width**/
}
/*___ startsida ___*/
#ramInnehallStart{
width: 900px;
}
/*startsidans presentation*/
#innehallPresentation{
width: 500px; /**presentation_width**/
}
/*startsidans aktuellt*/
#ramInnehallKalenderOchAktuellt{
width: 300px; /**aktuellt_width**/
}
/*___ vanliga sidor ___*/
#ramInnehallMedUnderrubriker, #ramInnehallUtanUnderrubriker{
width: 900px;
}
/*övriga sidors innehåll */
#innehallMedUnderrubriker{
width: 600px; /**innehallMedUnderrubriker_width**/
}
#innehallUtanUnderrubriker{
width: 600px; /**innehallUtanUnderrubriker_width**/
}
/*___ underrubriker ___*/
#underrubriker{
width: 180px; /**underrubriker_width**/
}
#underrubrikerTom{
width: 180px; /**underrubrikerTom_width**/
}
#sidaIntra #underrubrikerTom{ /* 180122 */
width: 0px; /**underrubrikerTom_width**/
}
#sidaIntra #innehallUtanUnderrubriker{
width: 900px;
}
/* ME 150325 */
#sidospalt {
max-width: none;
width: 235px; /**sidospalt_width**/
}
/*#sidospalt p { width: 480px; }*/ /* CM tar bort 150422 */
/*___ sidfot ___*/
#sidfot,#hemsidaFrånLawebb{
width: 900px;
}
/*------------------------------------------
900px -> padding/margin
------------------------------------------*/
/* Går att öka wdith/padding/margin med cirka 50px totalt på startsidan och 170px på övriga sidor */
#sidhuvud img{
/**margin_left_sidhuvud**/
/**margin_right_sidhuvud**/
/**margin_top_sidhuvud**/
/**margin_bottom_sidhuvud**/
}
#huvudrubriker{
/**margin_left_huvudrubriker**/
/**margin_right_huvudrubriker**/
}
#innehallPresentation{
padding-left: 10px; /**padding_left_presentation**/
padding-right: 10px; /**padding_right_presentation**/
/**margin_left_presentation**/
/**margin_right_presentation**/
}
#ramInnehallKalenderOchAktuellt{
padding-left: 10px; /**padding_left_aktuellt**/
padding-right: 10px; /**padding_right_aktuellt**/
/**margin_left_aktuellt**/
/**margin_right_aktuellt**/
}
#underrubriker{
padding-left: 10px; /**padding_left_underrubriker**/
padding-right: 10px; /**padding_right_underrubriker**/
margin-left: 0px; /**margin_left_underrubriker**/
margin-right: 0px; /**margin_right_underrubriker**/
}
#underrubriker li{
/*margin-left: 10px; 150609 tar bort och gör padding-left på underrubriker*/
}
#underrubrikerTom{
padding-left: 0px; /**padding_left_underrubrikerTom**/
padding-right: 0px; /**padding_right_underrubrikerTom**/
margin-left: 0px; /**margin_left_underrubrikerTom**/
margin-right: 0px; /**margin_right_underrubrikerTom**/
}
#innehallMedUnderrubriker{
padding-left: 10px; /**padding_left_innehallMedUnderrubriker**/
padding-right: 10px; /**padding_right_innehallMedUnderrubriker**/
margin-left: 0px; /**margin_left_innehallMedUnderrubriker**/
margin-right: 0px; /**margin_right_innehallMedUnderrubriker**/
}
#innehallUtanUnderrubriker{
padding-left: 10px; /**padding_left_innehallUtanUnderrubriker**/
padding-right: 10px; /**padding_right_innehallUtanUnderrubriker**/
margin-left: 0px; /**margin_left_innehallUtanUnderrubriker**/
margin-right: 0px; /**margin_right_innehallUtanUnderrubriker**/
}
#sidospalt{margin-left: auto;margin-right: auto;} /* ME 150325 */
#sidfot{
margin-left: auto; margin-right: auto;
}
#sidfot p, #sidfot h2{ /*1506 Det blir problematiskt att sätta padding på #sidfot utan att samtidigt ändra widht. Bättre att sätta margin i stället här! */
margin-left: 10px; /**margin_left_sidfot-p**/
margin-right: 10px; /**margin_right_sidfot-p**/
}
/*------------------------------------------
900px -> höjd
------------------------------------------*/
#innehallPresentation{
/**margin_bottom_presentation**/
}
/*---------------------------------------------
900px -> Skugga, runda hörn
---------------------------------------------*/
} /* slut brytpunkt 900 */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Brytpunkt tre spalter sidospalt Brytpunkt tre spalter
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1210px){
/*------------------------------------------
tre spalter -> width
------------------------------------------*/
/*___ sidhuvud ___*/
/*___ ej maxwidth ___*/
#plattaMedSidospalt, #plattaUtanSidospalt, #sidfot, #hemsidaFrånLawebb{ max-width: none;}
#plattaUtanSidospalt{
width: 900px; /**widthPlattaUtanSidospalt**/
}
#plattaMedSidospalt {
width: 940px; /**widthPlattaMedSidospalt**/
}
#sidospalt {
width: 235px; /**sidospalt_width**/
}
#sidospalt img {max-width: 100%; } /* 150220 om inte klipps bilden av till vänster(!) */
/*___ sidfot ___*/
#sidfot{
width: 900px; /**sidfot_bredd**/
}
#hemsidaFrånLawebb{
width: 900px; /**sidfot_bredd**/
}
/*------------------------------------------
tre spalter -> padding/margin
------------------------------------------*/
/*___ centrerat ___*/
#hemsidaFrånLawebb{margin-left: auto;margin-right: auto;}
#sidhuvud {
/**sidhuvud_bredd**/
}
#huvudrubriker {
/**huvudrubriker_bredd**/
}
/*___ platta ___*/
#plattaUtanSidospalt{
/* För att skuggningens blurr ska synas behövs margin-left. Margin-right blir det på grund av att sidospalten inte ligger tajt emot. */
margin-left: 20px; /**margin_left_plattaUtanSidospalt**/
}
/*___ sidospalt ___*/
#sidospalt{
padding-left: 10px; /**padding_left_sidospalt**/
padding-right: 10px; /**padding_right_sidospalt**/
margin-left: 0px; /**margin_left_sidospalt**/
margin-right: 0px; /**margin_right_sidospalt**/
}
/*___ sida ___*/
#sida{
margin-left: auto; margin-right: auto; /**sida_marginsAuto**/
}
/*___ startsida ___*/
#innehallPresentation{
/**innehallPresentation_margin_right**/
}
/* Kalender ska inte ha någon paddning om elementet är tomt */
#innehallKalender:empty{
padding: 0;
}
/*------------------------------------------
tre spalter -> höjd
------------------------------------------*/
#plattaMedSidospalt {
/**sida_paddingTop**/
}
#sidospalt{
/**sidospalt_margin_top**/
/**sidospalt_margin_bottom**/
/**RAM_margintop_sidhuvud**/
}
#sidospalt p:first-child{margin-top: 0px;}
#sida{
min-height: 400px;
}
#hemsidaFrånLawebb{
margin-top: 0px; /**hemsidaFrånLawebb_margin_top**/
margin-bottom: 0px; /**hemsidaFrånLawebb_margin_bottom**/
}
#innehallMedUnderrubriker, #innehallUtanUnderrubriker{
padding-top: 10px;
padding-bottom: 10px;
}
#innehallKalender{ /* Upprepening väl? */
padding-bottom: 10px;
}
/*------------------------------------------
tre spalter -> justering
------------------------------------------*/
#plattaMedSidospalt{margin-right: auto;margin-left: auto;}
#plattaUtanSidospalt{
float: left; /**plattaUtanSidospalt_float**/
}
#sidospalt{
float: right; /**sidospalt_float**/
clear: none;
}
#sida{
float: left; /**RAM_floatLeft_sida**/
}
/* Layout startsida */
#ramInnehallStart{float: right;}
#ramInnehallMedUnderrubriker, #ramInnehallUtanUnderrubriker{float: left;}
#innehallMedUnderrubriker, #innehallUtanUnderrubriker{
margin-left: auto; margin-right: auto;
}
#underrubriker, #underrubrikerTom {float: left;}
#innehallUtanUnderrubriker { clear: none; }
#plattaMedSidospalt,#plattaUtanSidospalt{overflow: hidden;}
#sidfot-omslutande {
clear: both; /* annars fyller den marginalerna uppåt */
}
#innehallPresentation{
/*float: left; layout presentation */
}
#ramInnehallKalenderOchAktuellt{
/*float: right; layout aktuellt */
}
#sidhuvud img{
/**sidhuvud_hundra_procent_av_skärmbredd**/
}
/*Centerat eller vänsterställd design */
h1{
/*text-align: left; layout-h-ett */
}
h2{
/*text-align: left; layout-h-två */
}
p.introtextIntra{
text-align: left;
}
#sidaIntra caption{
text-align: left;
}
#sidaIntra h1{
text-align: left;
}
#sidaIntra form{
margin-left: auto; margin-right: auto;
}
.innehallIntra{
margin-left: auto; margin-right: auto;
}
.innehallIntraBred table{
margin-left: auto; margin-right: auto;
}
} /* slut brytpunkt large */ /* slut brytpunkt large */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Extra brytpunkt för smalaste skärmen Extra brytpunkt - smalaste skärmen
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 45em){
*{margin: 0;padding: 0;}
/*#flyttbar{ display: none;}*/
/**flyttbar_smal**/
#innehallPresentation, #ramInnehallKalenderOchAktuellt, #innehallMedUnderrubriker, #innehallUtanUnderrubriker, #sidospalt, #sidfot, #hemsidaFrånLawebb{
padding-left: 2%;
padding-right: 2%;
}
#huvudrubriker-omslutande{
min-height: 36px; /*så att menyknapp ges utrymme även om logga inte finns, min-height ska vara loggans höjd*/
}
#hemsidaFrånLawebb .notUnderline:first-child{
display: none;
}
/* Huvudrubriker infällda från början */
#huvudrubriker-länkrader{ display: none; }
#huvudrubriker li,#underrubriker li{
background-image: url('/common/css/mobilknapp-rubrikpil.png');
background-repeat: no-repeat;
background-position: right center;
border-radius: 10px; /*standardkonstruktion css3 */
-moz-border-radius: 10px; /*-moz är prefix till konstruktion specifik för Firefox*/
-webkit-border-radius: 10px; /*-webkit är prefix till konstruktion specifik för Chrome och Safari*/
line-height: 230%; /* ME 150520 ökar tryckytan på knapparna i smal skärm */
font-size: 1.3em; /* ME 150520 */
border: 1px solid rgb(180,180,180); /**knappRamFärg_smal**/
padding: 4px 1em; /* top/bottom right/left */ /**knappHöjd_smal**/
margin: 5px 0 0; /* top right/left bottom */ /**knappMellanrum_smal**/
}
#huvudrubriker li{margin-left: 2px;margin-right: 2px;}
#underrubriker li{margin-left: 22px;margin-right: 2px;} /*underrubrikerna ska börja lite längre till höger*/
#huvudrubriker-omslutande,#huvudrubriker{background-color: rgb(255,255,255);} /**smalSkärm_bakgrundsfärg_rubrikknappar**/
#huvudrubriker li{background-color: rgb(255,255,255);}
#huvudrubriker li a{color: rgb(70,70,70);}
#huvudrubriker li.markerad a{color: rgb(70,70,70);}
#underrubriker li a{color: rgb(70,70,70);}
#huvudrubriker li.markerad{font-weight: bold;}
#underrubriker li{background-color: rgb(240,240,240);}
#underrubriker li.markerad a{}
/* Hela knappen klickbar */
#huvudrubriker-omslutande a, #underrubriker a { display: block; width: 100%; }
#huvudrubriker-omslutande{padding-top: 40px;} /* För att huvudrubriksknapparna ska hamna nedanför meny-knappen */
#huvudrubriker-meny {
display: inline;
float:left; /* för att eventuell logga bredvid huvudrubriker ska hamna bredvid meny-knappen*/
cursor: pointer;
}
#loggaBredvidHuvudrubriker{
/*float: left;*/
}
#innehallPresentation, #ramInnehallKalenderOchAktuellt, #innehallMedUnderrubriker, #innehallUtanUnderrubriker, #sidospalt, {
margin-top: 20px;
}
/* Avstånd i höjdled Sidfot */
#sidfot {
margin-top: 10px;
margin-bottom: 10px;
}
} /* slut @media only screen and (max-width: 45em) { */