/* kundspecifik css  uppdatering 150516 CM */

/*  

Sökhjälp
      
två spalter ->    width
två spalter ->    padding/margin
två spalter ->    höjd
två spalter ->    justering
två spalter ->    färger och bakgrundsbilder
					
900px ->    width               OBS! Här görs normalt sett ändringar i width
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: .8em;}   /* Teckenstorlek sidfot */


/*------------------------------------------
       Diverse 
------------------------------------------*/



/* 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: 60%;}*/ /* Krympa även flyttbara bilden? */

#sidospalt{
 /**synlighet_sidospalt**/
}
#form label {
     width: 200px;
}

/* CM 150209 la till */
/* Eventuell sökfunktion */
#sok input[type="text"] {
  width: 200px;  /**sökruta_width**/
	float: left;  /**sökruta_position**/
}

#sida img{ /*CM 150209 lagt till*/
  /**bildram**/
}


/* Extra markörer */
/**info1**/
/**info2**/
/**info3**/
/**info4**/



/*---------------------------------------------------------------------------
       Färger, bakgrundsbilder som ska synas redan från smalaste skärmbredden  
---------------------------------------------------------------------------*/

body{
  background-image:url('passpartout.jpg');background-repeat:no-repeat;background-attachment:fixed;background-position:top center;  /**passpartout_bild**/
  background-color: rgb(10,57,27);  /**passpartout_färg**/
}
#plattaUtanSidospalt,#sidaIntra{
  /**basplatta_bild**/ 
  background-color: rgb(233,241,139);  /**basplatta_färg**/
}
#sida{
  /**sida_bild**/ 
	/**sida_färg**/  
	/**sida_ram**/
}
#ramInnehallStart, #innehallUtanUnderrubriker, #innehallMedUnderrubriker{
  /**basplatta_utan_underrubiker_färg**/ 
}
#ramInnehallMedUnderrubriker{
  /**Underrubriker_bakgrundsbild**/
}
#ramInnehallUtanUnderrubriker{
  /**utanUnderrubriker_bakgrundsbild**/
}
#underrubriker{
  /**underrubriker_bakgrundsfärg**/
}
#underrubrikerTom{
  /**utanUnderrubriker_bakgrundsfärg**/
}





/*___ flyttbar bild ___*/
#sidhuvud{
	position: static; /* För att flyttbar bild inte ska positioneras efter sidhuvudet utan utanför det */
}
#flyttbar{     
  position:absolute;top:0;left:0;z-index: 100;  
}


body{
  color: rgb(50,50,50);  /**body_text_color**/
}
a{ 
  color: rgb(0,0,0);  /**text_länkfärg**/
} 


/* sidhuvud */

#sidhuvud-omslutande {
  /**sidhuvud_bakgrundsfärg_width100%**/
	/**sidhuvud_bakgrundsbild**/	
}
#sidhuvud{
  /**sidhuvud_bakgrundsfärg**/	
}


/* huvudrubriker */

#huvudrubriker-omslutande {
  /**huvudrubriker_bakgrundsfärg_width100%**/
	/**huvudrubriker_bakgrundsbild_width100%**/ 
}
#huvudrubriker,#huvudrubrikerIntra{
  background-color: rgb(233,241,139);  /**huvudrubriker_bakgrundsfärg**/
	/**huvudrubriker_bakgrundsbild**/
}
#huvudrubriker li a{      
  color: rgb(144,185,17);  /**huvudrubriker_färg**/
  font-weight: bold;  /**huvudrubriker_fontweight**/
}
#huvudrubriker li.markerad a{   
  color: rgb(0,0,0);  /**huvudrubrikerMarkerad_färg**/
	/**huvudrubrikerMarkerad_fontweight**/
}


/* sida */

#sida h1{ 
  color: rgb(0,0,0);  /**h_ett_text_color**/
	/**h_ett_bakgrund_color**/
}
#sida h2{ 
  color: rgb(0,0,0);  /**h_två_text_color**/
	/**h_två_bakgrund_color**/
}


/* startsida */

#ramInnehallKalenderOchAktuellt{ /* Aktuellt textfärg och bakgrundsfärg */
  color: rgb(0,0,0);  /**aktuellt_textfärg**/
	/**aktuellt_bakgrundsfärg**/
}
#ramInnehallKalenderOchAktuellt a{ 
  color: rgb(144,185,17);  /**aktuellt_länkfärg**/
}
#innehallPresentation{
  /**presentation_bakgrundsfärg**/
}
#innehallPresentation h1{ 
  color: rgb(0,0,0);  /**h_ett_presentation_text_color**/
	/**h_ett_presentation_bakgrund_color**/ 
}
#innehallPresentation h2{ 
  color: rgb(0,0,0);  /**h_två_presentation_text_color**/
	/**h_två_presentation_bakgrund_color**/ 
}
#ramInnehallKalenderOchAktuellt{
  /**aktuellt_bakgrundsbild**/ 
} 
#ramInnehallKalenderOchAktuellt h1{ 
  color: rgb(144,185,17);  /**h_ett_aktuellt_text_color**/
	/**h_ett_aktuellt_bakgrund_color**/
}
#ramInnehallKalenderOchAktuellt h2{ 
  color: rgb(144,185,17);  /**h_två_aktuellt_text_color**/
	/**h_två_aktuellt_bakgrund_color**/
}

/* underrubriker */

#underrubriker{
  /**underrubriker_bakgrundsfärg**/
}
#underrubrikerTom{
  /**utanUnderrubriker_bakgrundsfärg**/
}
#underrubriker li a{    
  color: rgb(144,185,17);  /**underrubriker_färg**/
  font-weight: bold;  /**underrubriker_fontweight**/
} 
#underrubriker li.markerad a{     
  color: rgb(0,0,0);  /**underrubrikerMarkerad_färg**/
	/**underrubrikerMarkerad_fontweight**/  
}


/* sidor med/utan underrubriker */

#ramInnehallMedUnderrubriker{
  /**Underrubriker_bakgrundsbild**/
}
#ramInnehallUtanUnderrubriker{
  /**utanUnderrubriker_bakgrundsbild**/
}
#innehallUtanUnderrubriker,#innehallMedUnderrubriker{
    /**innehallMedUtanUnderrubriker_bakgrundsfärg**/
} 


/* sidfot */

#sidfot-omslutande {
  /**sidfot_bakgrundsfärg_width100%**/
	/**sidfot_bakgrundsbild_width100%**/	
}
#sidfot{
  color: rgb(10,57,27);  /**sidfot_textfärg**/
  background-color: rgba(233,241,139,0.8);  /**sidfot_bakgrundsfärg**/
	/**sidfot_bakgrundsbild**/	
}
#sidfot a{ 
  color: rgb(10,57,27);  /**sidfot_länkfärg**/
}
#sidfot h2{ 
  color: rgb(0,0,0);  /**h_två_sidfot_text_color**/
	/**h_två_sidfot_bakgrund_color**/
}


/* hemsida från Lawebb */

#hemsidaFrånLawebb{ 
  /**hemsidaFrånLawebb_bakgrundsfärg**/
}
#hemsidaFrånLawebb a{ 
  /**hemsidaFrånLawebb_länkfärg**/
}


/* sidospalt */

#sidospalt{ 
  color: rgb(0,0,0);  /**sidospalt_textfärg**/
  background-color: rgba(165,213,126,0.8);  /**sidospalt_bakgrundsfärg**/
}
#sidospalt a{ 
  color: rgb(232,252,5);  /**sidospalt_länkfärg**/
}
#sidospalt h2{ 
  color: rgb(232,252,5);  /**h_två_sidospalt_text_color**/
	/**h_två_sidospalt_bakgrund_color**/
}

/* kalender */

/* Denna ersätter kalenderns h1 */
#sida .manadAr{
  color: rgb(0,0,0);  /**h_ett_kalender_text_color**/
	/**h_ett_kalender_bakgrund_color**/
}  










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


#flyttbar{     
  position:absolute;top:0;left:0;z-index: 100;  
}


/* elementet ska fylla ut sin container vertikalt */
#huvudrubriker-länkrader,#huvudrubriker, #plattaUtanSidospalt, #ramInnehallStart, #innehallMedUnderrubriker,#innehallUtanUnderrubriker{
  overflow: hidden; 
}   

#innehallPresentation, #innehallMedUnderrubriker, #innehallUtanUnderrubriker, #underrubriker, #sidospalt { clear: both; } 




/*------------------------------------------
  två spalter ->    width
------------------------------------------*/

/*___ max-width ___*/

#plattaUtanSidospalt, #sidfot, #hemsidaFrånLawebb{ max-width: 900px;} 
#plattaMedSidospalt{max-width: 940px;}
#innehallPresentation, #ramInnehallKalenderOchAktuellt, #innehallMedUnderrubriker, #innehallUtanUnderrubriker, #sidospalt   /* 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 ___*/

#huvudrubriker ul, #huvudrubrikerIntra ul{   
  margin-left: 25px;  /**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: 25px;  /**huvudrubriker_logga_marginRight**/ 
} 


/*___ startsida ___*/

/*  ME 150206 provar paddning i % i st f 10px  */
#innehallPresentation {
  padding-left: .8%; /*150413 CM Vid runda hörn behövs cirka 2%*/ 
	padding-right: .8%; 
} 

#ramInnehallKalenderOchAktuellt {
  padding-left: .8%; 
	padding-right: .8%; 
}

/*___ vanliga sidor ___*/

#innehallMedUnderrubriker, #innehallUtanUnderrubriker { 
  padding-left: .8%; 
	padding-right: .8%; /* ME 150201 la till paddning höger */
}

/*___ underrubriker ___*/
/*  ME 150206 provar margin i % i st f 10px  */
#underrubriker li{margin-left: 1.4%;} 

#underrubriker li{padding-left: 0;padding-right: 0;}

/*___ sidfot ___*/

#sidfot{padding-left: 0;padding-right:0;}
#sidfot p, #sidfot h2{ 
/*  ME 150206 provar margin i % i st f 10px  */ 
  margin-left: .8%; 
	margin-right: .8%;
}

/*___ sidospalt ___*/

/*  ME 150206 provar paddning i % i st f 10px  */
#sidospalt{ 
  padding-left: .8%; 
	padding-right: .8%; 
}



/*------------------------------------------
  två spalter ->    höjd
------------------------------------------*/


body{ 
  margin-top: 200px;  /**body_margin_top**/
}

h2{
  padding-top: 25px; 
}


/*___ platta ___*/

#plattaUtanSidospalt{   
  /*margin-top: 20px; */ /*CM tar bort 150426, bättre göra i /**body_margin_top respektive /**sida_paddingTop */
	margin-bottom: 10px; /* Behövs om man lägger skugga */
}

/*___ sidhuvud ___*/

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

#sidhuvud{ 
  height: 70px;  /**sidhuvud_höjd**/
  /**RAM_margintop_sidhuvud**/
}

/*___ sida ___*/

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

/*___ huvudrubriker ___*/

#huvudrubriker-länkrader{
  /**huvudrubriker_padding_top**/  
  /**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, #innehallAktuellt, #innehallKalender,#innehallMedUnderrubriker, #innehallUtanUnderrubriker{ 
  padding-top: 10px;
	padding-bottom: 10px;
}

/*___ startsida ___*/
#innehallAktuellt h2:first-child,#innehallPresentation h2:first-child {padding-top: 7px;}  /**startspalter_h2__padding_top**/ 

#innehallKalender:empty{
  padding: 0;
}
#ramInnehallKalenderOchAktuellt{
  padding-top: 0px;  /**ramInnehallKalenderOchAktuellt_padding_top**/
}
#innehallPresentation{
  padding-top: 0px;  /**presentation_padding_top**/
}

/*___ vanliga sidor ___*/

#innehallMedUnderrubriker, #innehallUtanUnderrubriker{
  margin-top: 0px;  /**innehallUtanMedUnderrubriker_margin_top**/
}
#innehallMedUnderrubriker p:first-of-type, #innehallUtanUnderrubriker p:first-of-type {
	padding-top: 16px;
}

/*___ underrubriker ___*/

#underrubriker, #underrubrikerTom { 
  margin-top: 71px; /**underrubriker_margin_top**/ 
}

#underrubriker li{ 
  margin-bottom: 10px; 
}

/*___ sidfot ___*/

#sidfot{ 
  /**sidfot_padding_top**/  
  /**sidfot_padding_bottom**/ 
	/**sidfot_margin_top**/
}







/*___ 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**/
} 
#sidfot {
  min-height: 70px;  /**sidfot_ 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{
  min-height: 615px; /**sidospalt_min_height**/
}



/*------------------------------------------
  två spalter ->    justering
------------------------------------------*/



/* 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**/
  /**huvudrubriker_högerställda**/
}

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

h1{
  text-align: left;  /**layout_h_ett**/
}
h2{
  text-align: left;  /**layout_h_två**/
} 
#innehallPresentation h1{ 
 text-align: left; /**layout_presentation**/
}
#ramInnehallKalenderOchAktuellt h1{ 
 text-align: left; /**layout_aktuellt**/
}
#hemsidaFrånLawebb, #hemsidaFrånLawebb .senastUppdaterad { 
  text-align: center; 
}



/*---------------------------------------------
  två spalter ->    färger och bakgrundsbilder	                  
---------------------------------------------*/







} /* 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{
    position:absolute;top:0;left:30%;z-index: 100;  */
}



/*------------------------------------------
  900px ->    width
------------------------------------------*/

/* Går att öka width/padding/margin med cirka 50px totalt på startsidan och 170px på övriga sidor */


#huvudrubriker, #sidhuvud,#sida{ 
  width: 900px;   
}


/*___ 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 (går att separera om man vill ha olika) */
#innehallMedUnderrubriker, #innehallUtanUnderrubriker{ 
  width: 600px;  /**sidor_width**/
}

/*___ underrubriker ___*/ 

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

/* ME 150325 */
#sidospalt { 
	max-width: none; 
  width: 350px;  /**sidospalt_width**/
}

/*#sidospalt p { width: 480px; }*/ /* CM tar bort 150422 */








/*------------------------------------------
  900px ->    padding/margin
------------------------------------------*/

/* Går att öka wdith/padding/margin med cirka 50px totalt på startsidan och 170px på övriga sidor */

#innehallPresentation{
  margin-left: 20px;  /**padding_left_presentation**/
  margin-right: 10px;  /**padding_right_presentation**/
}
#ramInnehallKalenderOchAktuellt{
  padding-left: 0px;  /**padding_left_aktuellt**/
  padding-right: 20px;  /**padding_right_aktuellt**/
}
#innehallMedUnderrubriker, #innehallUtanUnderrubriker{
  padding-left: 10px;  /**padding_left_med_utan_underrubriker**/
  padding-right: 10px;  /**padding_right_med_utan_underrubriker**/
}
#sidospalt{
  padding-left: 10px;  /**padding_left_sidospalt**/
  padding-right: 10px;  /**padding_right_sidospalt**/
	margin-left: auto; /* ME 150325 */
	margin-right: auto; 
}
#sidfot{
  /*padding-left: 10px; */ /**padding_left_sidfot**/
  /*padding-right: 10px;*/  /**padding_right_sidfot**/ 
}
#sidfot p, #sidfot h2{
  margin-left: 10px; /**margin_left_sidfot**/
  margin-right: 10px; /**margin_right_sidfot**/
}
#underrubriker li{
  margin-left: 10px;  /**margin_left_underrubriker**/
} 





  

/*---------------------------------------------
  900px ->    Skugga, runda hörn	                  
---------------------------------------------*/

#plattaUtanSidospalt{
  /**skugga_plattaUtanSidospalt**/  
	/**rundahörn_plattaUtanSidospalt**/ 
  border: 1px solid rgb(88,149,50);  /**kantlinje_plattaUtanSidospalt**/
}
#sida{
  /**skugga_sida**/  
	/**rundahörn_sida**/ 
	/**kantlinje_sida**/
}
#ramInnehallStart, #innehallUtanUnderrubriker, #innehallMedUnderrubriker{
  /**skugga_sida_utan_underrubriker**/  
	/**rundahörn_sida_utan_underrubriker**/ 
}
#sidhuvud, #sidhuvud img{
  /**skugga_sidhuvud**/  
	/**rundahörn_sidhuvud**/	
}
#sidhuvud-omslutande{
  /**skugga_sidhuvud_omslutande**/  
	/**rundahörn_sidhuvud_omslutande**/	
}
#huvudrubriker, #huvudrubriker img{
  /**skugga_huvudrubriker**/  
	/**rundahörn_huvudrubriker**/	
}
#huvudrubriker-omslutande{
  /**skugga_huvudrubriker_omslutande**/  
	/**rundahörn_huvudrubriker_omslutande**/	
}
#ramInnehallKalenderOchAktuellt{
  /**skugga_aktuellt**/  
	/**rundahörn_aktuellt**/	
	/**kantlinje_aktuellt**/
}
#innehallPresentation{
  /**skugga_presentation**/  
	/**rundahörn_presentation**/	
	/**kantlinje_presentation**/
}
#innehallUtanUnderrubriker,#innehallMedUnderrubriker{
  /**kantlinje_innehallMedUtanUnderrubriker**/
}
#sidfot, #sidfot img{
  /**skugga_sidfot**/  
	/**rundahörn_sidfot**/	
}
#sidfot-omslutande{
  /**skugga_sidfot_omslutande**/  
	/**rundahörn_sidfot_omslutande**/	
}



} /* slut brytpunkt 900 */     











/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  Brytpunkt tre spalter               sidospalt                                                                                                                              Brytpunkt tre spalter 
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
                                                                                                                 

@media only screen and (min-width: 1210px){

/* ME 150510 flyttar lite till vänster så inte flaggorna täcks */
#flyttbar{
    position:absolute;top:0;left:20%;z-index: 100;  */
}




/*------------------------------------------
  tre spalter ->    width
------------------------------------------*/


/*___ sidhuvud ___*/


#sidhuvud { 
  width: 1110px;  /**sidhuvud_bredd**/
}

#huvudrubriker {
  width: 1110px;  /**huvudrubriker_bredd**/
}


/*___ ej maxwidth ___*/

#plattaMedSidospalt, #plattaUtanSidospalt, #sidfot, #hemsidaFrånLawebb{ max-width: none;} 

/*___ platta ___*/

#plattaMedSidospalt {   
 width: 1230px; /**widthPlattaMedSidospalt**/
}
#plattaUtanSidospalt{   
  width: 900px;  /**widthPlattaUtanSidospalt**/
}

/*___ sidospalt ___*/

#sidospalt {
  width: 235px;   
}

#sidospalt img {max-width: 100%; }  /* 150220 om inte klipps bilden av till vänster(!) */

/*___ sidfot ___*/

#sidfot{
 width: 1170px; /**sidfot_bredd**/
}
#hemsidaFrånLawebb{
 width: 1170px; /**sidfot_bredd**/
}












/*------------------------------------------
  tre spalter ->    padding/margin
------------------------------------------*/

/*___ centrerat ___*/

#hemsidaFrånLawebb{margin-left: auto;margin-right: auto;} 

/*___ platta ___*/ 

#plattaUtanSidospalt{    
	/* För att skuggningens blurr ska synas */
	margin-left: 20px; 
}

/*___ sidospalt ___*/

#sidospalt{  
  margin-left: 0; 
	margin-right: 20px; 
  padding-left: 10px;
	padding-right: 10px;
}

/*___ 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**/
  padding-top: 0;  /**sidospalt_padding_top**/
  /**RAM_margintop_sidhuvud**/
}
#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
------------------------------------------*/

/*___ centrera ___*/

#plattaMedSidospalt {   
  margin-right: auto;margin-left: auto; 
}

/*___ platta  ___*/
/* ME 150114 */
#plattaUtanSidospalt { 
  float: left; 
} 

/*___ sidospalt ___*/
#sidospalt { 
  float: right; 
}


/* 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 {   
  overflow: hidden;  
}

#sidospalt{  
  float: right; 
  clear: none;               
}



#plattaMedSidospalt {   
  overflow: hidden;   
}
#plattaUtanSidospalt{  
  overflow: hidden;  
}
#sida{
	float: left;  /**RAM_floatLeft_sida**/
}

#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;  /**layout**/
}
#sidaIntra caption{
  text-align: left;  /**layout**/
}
#sidaIntra h1{
  text-align: left;  /**layout**/
}
#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{position:relative;}

#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*/  
}
#huvudrubriker-omslutande,#huvudrubriker,#huvudrubriker li{background-color: rgb(233,241,139);} 
#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  { 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;
}
#huvudrubriker li,#underrubriker li { border: 1px solid rgb(230,230,230); padding: 5px 1em; margin: 3px 0 0; }    
#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*/


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