/* 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
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



/*------------------------------------------
       Teckensnitt och teckenstorlek 
------------------------------------------*/
body{
  font-family: Arial, 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**/ 
}




/*---------------------------------------------------------------------------
       Färger, bakgrundsbilder alla skärmbredder  
---------------------------------------------------------------------------*/

body{
  color: rgb(70,70,70); /**body_text_color**/ 
  background-color: rgb(248,159,37);  /**passpartout_färg**/
	/**passpartout_bild**/ 
}
a{ 
  color: rgb(70,70,70); /**text_länkfärg**/ 
} 


/* platta */
#plattaUtanSidospalt,#sidaIntra{
  /* basplatta */
	/**basplatta_bild**/ 
  background-color: rgb(248,159,37);  /**basplatta_färg**/
}



/* 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{
  background-color: rgb(252,205,141);  /**huvudrubriker_bakgrundsfärg**/
	/**huvudrubriker_bakgrundsbild**/
}
#huvudrubriker li a, #huvudrubrikerIntra li a{      
  color: rgb(255,255,255);  /**huvudrubriker_färg**/
  font-weight: bold;  /**huvudrubriker_fontweight**/
}
#huvudrubriker li.markerad a, #huvudrubrikerIntra li.markerad a{   
  color: rgb(0,0,0);  /**huvudrubrikerMarkerad_färg**/
	/**huvudrubrikerMarkerad_fontweight**/
}



/* sida */

#sida{
  /**sida_bakgrundsbild**/ 
	/**sida_bakgrundsfärg**/  
	/**sida_ram**/
}
#sida h1{ 
  /**h_ett_text_color**/ 
	/**h_ett_bakgrund_color**/
}
#sida h2{ 
  /**h_två_text_color**/ 
	/**h_två_bakgrund_color**/
}



/* startsida */

#ramInnehallStart, #innehallUtanUnderrubriker, #innehallMedUnderrubriker{
  /**basplatta_utan_underrubiker_färg**/ 
}
#ramInnehallKalenderOchAktuellt{ 
  color: rgb(255,255,255);  /**aktuellt_textfärg**/
	/**aktuellt_bakgrundsfärg**/
	/**aktuellt_bakgrundsbild**/
}
#ramInnehallKalenderOchAktuellt a{ 
  color: rgb(255,255,255);  /**aktuellt_länkfärg**/
}
#ramInnehallKalenderOchAktuellt h1{ 
  /**h_ett_aktuellt_text_color**/ 
	/**h_ett_aktuellt_bakgrund_color**/
}
#ramInnehallKalenderOchAktuellt h2{ 
  /**h_två_aktuellt_text_color**/ 
	/**h_två_aktuellt_bakgrund_color**/
}
#innehallPresentation{
  /**presentation_textfärg**/
  background-color: rgb(255,255,255);  /**presentation_bakgrundsfärg**/
	/**presentation_bakgrundsbild**/	
}
#innehallPresentation a{ 
  /**presentation_länkfärg**/
}
#innehallPresentation h1{ 
  /**h_ett_presentation_text_color**/ 
	/**h_ett_presentation_bakgrund_color**/ 
}
#innehallPresentation h2{ 
  /**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(68,117,156);  /**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**/	
  background-image: url('sidfot.png');background-repeat: no-repeat;background-size:100%;  /**sidfot_bakgrundsbild**/
}
#sidfot a{ 
  /**sidfot_länkfärg**/
}
#sidfot h2{ 
  /**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{ 
  /**h_två_sidospalt_text_color**/ 
	/**h_två_sidospalt_bakgrund_color**/
}



/* kalender */

/* Denna ersätter kalenderns h1 */
#sida .manadAr{
  /**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: 20%;}
/*#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) {


/* 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 {
  /**huvudrubriker_marginsAuto**/
}


#huvudrubriker ul, #huvudrubrikerIntra ul{   
  margin-left: 10px; /**huvudrubriker_ul_marginLeft**/ 
	margin-right: 10px;/**huvudrubriker_ul_marginRight**/ 
}

#huvudrubriker li{ padding-left: 0; padding-right: 0; }
#huvudrubriker li a,#huvudrubrikerIntra li a{       
  margin-right: 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: 10px;  /**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: 5px; /**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{
  /**sidospalt_padding_top**/
	/**sidospalt_padding_bottom**/
}

/*___ sidhuvud ___*/

#sidhuvud-omslutande{
  margin-top: 0px;  /**sidhuvud_margin_top**/
}

#sidhuvud{ 
	/**sidhuvud_höjd**/ 
  /**RAM_margintop_sidhuvud**/
}

/*___ sida ___*/

#sida{
  margin-top: 20px; /**sida_marginTop**/ 
}

/*___ huvudrubriker ___*/

#huvudrubriker-länkrader, #huvudrubrikerIntra{
  padding-top: 10px;  /**huvudrubriker_padding_top**/
  padding-bottom: 10px;  /**huvudrubriker_padding_bottom**/
}
#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**/
	padding-top: 10px;  /**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{
  /**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{ 
  /**hemsidaFrånLawebb_margin_top**/
	/**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{
  min-height: 120px;  /**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: center;  /**layout**/
  /**huvudrubriker_högerställda**/
}

#innehallPresentation{  
  float: left;  /**layout_presentation_float**/   
}
#ramInnehallKalenderOchAktuellt{     
  float: right; /**layout_aktuellt_float**/  
}

h1{
  text-align: left; /**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: left; /**layout_h_ett**/
}
h2{
  text-align: left; /**layout_h_två**/
} 
#innehallPresentation h1{ 
 text-align: center; /**layout_presentation**/
}
#ramInnehallKalenderOchAktuellt h1{ 
 text-align: left; /**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**/ 
  border: 1px solid rgb(255,255,255);  /**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: 500px;  /**innehallMedUnderrubriker_width**/ 
}
#innehallUtanUnderrubriker{ 
  width: 500px;  /**innehallUtanUnderrubriker_width**/ 
}

/*___ underrubriker ___*/ 

#underrubriker{
  width: 165px;  /**underrubriker_width**/    
}
#underrubrikerTom{
  width: 165px;  /**underrubrikerTom_width**/    
}

/* 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: 20px;  /**margin_left_presentation**/
  margin-right: 0px;  /**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_underrubriker**/
  /**margin_right_underrubriker**/  
}
#underrubriker li{
  /*margin-left: 10px;  150609 tar bort och gör padding-left på underrubriker*/
} 
#underrubrikerTom{
  /**padding_left_underrubrikerTom**/
  /**padding_right_underrubrikerTom**/
	/**margin_left_underrubrikerTom**/
  /**margin_right_underrubrikerTom**/  
}
#innehallMedUnderrubriker{
  padding-left: 10px;  /**padding_left_innehallMedUnderrubriker**/
  padding-right: 10px;  /**padding_right_innehallMedUnderrubriker**/
	/**margin_left_innehallMedUnderrubriker**/
  /**margin_right_innehallMedUnderrubriker**/  
}
#innehallUtanUnderrubriker{
  padding-left: 10px;  /**padding_left_innehallUtanUnderrubriker**/
  padding-right: 10px;  /**padding_right_innehallUtanUnderrubriker**/
	/**margin_left_innehallUtanUnderrubriker**/
  /**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{
  /**sidfot_bredd**/ 
}
#hemsidaFrånLawebb{
  /**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: 20px;  /**margin_right_sidospalt**/ /* 150610 CM Motsvarar 20px margin-left för #plattaMedSidospalt - så innehållet blir helt centrerat */
}

/*___ 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) { */