/* gemensam css ME170227 */




/* Visa knapp för att godkänna cookies - visas från början */
#accepteraCookies{
  display: inline;
  position:fixed;bottom:0px; color: rgb(50,50,50); background-color: rgb(210,210,210); right: 0;  z-index: 100; width: 100%; text-align: center; padding-top: 50px; padding-bottom: 50px;
  font-family: Verdana, sans-serif;
}  


*{margin: 0;padding: 0;}
p{
  margin: 1em 0;  
  overflow: hidden;    /* För att förhindra att t ex bilderna på Holmslet Medarbetare kliver ur sina behållare */
}

.red{ color: rgb(255,0,0); }




/*p:first-of-type{margin-top: 0;}
p:last-of-type{margin-bottom: 0;}*/
p:first-child{margin-top: 0;} /* Om vi tar first-of-type blir det även under avsnittsrubrik, och det ska det inte vara */
p:last-child{margin-bottom: 0;}




/* Får inte vara något tomt mellan p om det ska funka */
#sidfot p:empty, #sidospalt p:empty{ 
  margin: 0; 
	padding: 0;
	height: 0px; /* CM 150425 Hjälper inte!*/
} /*150112 Men detta kommer väl skrivas över, borde stå senare???*/
 

h2{padding-top: 25px;} /*avsnittsrubriker får mer luft ovanför än under - borde nog vara i em*/

#innehall404{
  padding-left: 20px;
}

/* ----- Bilder ----- */
img{
  max-width: 100%;
	margin-bottom:2px; /* Annars syns inte ramlinje kring bilden nertill i Chrome */
	margin-top: .4em; /*160314 Lite luft ovanför bild*/
	border: none;
	vertical-align:middle;
}

#sidhuvud img, #sidhuvudIntra img{margin: 0px;}
img.wrapLeft{
  float: left;
  margin-top: .4em;
  margin-right: 10px;
}
img.wrapRight{
  float: right;
  margin-top: .4em;
  margin-left: 10px;
}

/* Flaggor */
p.flaggor{
  text-align: right;
  padding:2px;
  margin:0;  
}

td{
  vertical-align: top;
  padding-top: 12px;
}

h1, h2, h3{
  font-weight: normal;
}





body{  
  text-align: left;  
	margin-left: auto;  
  margin-right: auto;
}
#sidaIntra{
  background-color: rgb(255,255,255);
	color: rgb(70,70,70); 
}
#sidaIntra a{
  color: rgb(70,70,70); 
}

/* Logga in-vyn i mobil ska centreras, sätter bredd för att kunna centrera. Max-bredd behövs om telefonskärm e d är smalare än 254  */
.inlogg_ram1 {width: 254px; max-width: 100%;  margin-left: auto; margin-right: auto; }
/* för att textfälten ska se bra ut om skärm är smalare än 254 */
.inlogg_ram1 input { max-width: 97%; }
/* Större skicka-knapp och större avstånd */
.inlogg_ram1 input[type="submit"] { margin-top: 15px; margin-bottom: 15px; padding: 2.5%; }


@media only screen and (min-width: 45em) {
.inlogg_ram1 input[type="submit"] { padding: 1.3%; }
}



/* ME 150509 */
table.innerPageShowMessage, div.innerPageShowMessage{
  background-color: rgb(255,255,255);
	color: rgb(70,70,70); 
	/*width: 800px;*/    /* ME 150509 från 800px */
	padding-left: 3px;
	padding-right: 3px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
	/*width: 700px;*/
	/*width: 100%; /* CM 160628 från 700 px */  
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
  text-align: left;    /* ME 150509 från center */
  border: 1px solid rgb(70,70,70);  
}
table.innerPageShowMessage p, div.innerPageShowMessage p{
  /*width: 700px;*/ /* här funkar width, inte ovan */
	max-width: 700px; /* CM 160628 från width 700 px */ 
	text-align: center; 
	font-size: 16px;
}
table.innerPageShowMessage p.center{
  text-align: center; 
}

iframe{width:100%;}




#sidhuvud{
  text-align: left; 
	position: relative; /* För att positionera flyttbar bild absolut */
}

.inline *{
  display: inline;
}

.clear{
  clear: both;
}
.clearRight{
  clear: right;
}
.clearLeft{
  clear: left;
}
.rad{
  clear: both;
}



table{  /* denna påverkar alla tabeller! */
  max-width: 500px;   
}


#sidaIntra table { max-width: none; } /* ME 150421 */




td{
  vertical-align: top;
}
/* 150203 CM Testar att med HTML skapa två kolumner i ett textfält */
#innehallUtanUnderrubriker td, #innehallMedUnderrubriker td{
  /*padding-left: 20px;*/
	padding-right: 20px;
}




/* Klasser för den text-justering som kunden väljer vid redigering i verktyget */

.left{
  text-align: left;
}
.center{
  text-align: center;
}
.right{
  text-align: right;
}
.justify{
  text-align: justify;
}





/* Gemensamt för huvudrubriker och underrubriker:  */


.nav a{
  /*font-weight: bold;*/
  text-decoration: none;  
}
.nav a:hover{
  text-decoration: underline;
}
.nav ul{
  list-style-type: none;
  padding-left: 0;
  margin-left: 0; 
}


/* Huvudrubriker */

/*
#huvudrubriker ul li, */

#huvudrubrikerIntra ul li{
  display: inline;
}



/* Underrubriker */

#underrubriker ul{
  text-align: left;
}


/* Sidfotens länk */

a.notUnderline{
  text-decoration: none;
}



/* Drop-down */
.dropdown-ul {
    list-style-type: none;
}

.dropdown-ul .dropdown-content {
	/*display: none;*/ /* Om vi vill att även underrubrikerna ska visas på smal skärm - inte bara när man för musen över - problem annars på mobil */
	margin-left: 30px; /* bra att på smal skärm flytta underrubrikerna längre till höger så man ser skillnad - men varför funkar det inte att skriva t ex 10%? */
}
.dropdown-ul li a {
	padding: 0px 5px;
}

#huvudrubriker li a, .dropdown-ul .dropdown-content a {
	text-decoration: none;
}

.dropdown:hover .dropdown-content {
	display:    block;
}



/* ---------------------------------------- Layout ------------------------------------------------------------- */

/* Gemensamma för alla sidor */

#yttre{   /*Heter inte så längre...*/      
  margin-left: auto;
  margin-right: auto;
}
#body{        
  margin-left: auto;
  margin-right: auto;
}





#sidhuvud{
/* Ingen höjd anges eftersom sidhuvudloggor kan ha olika höjd */
 }


#sidfot{     
  clear: both;
  /*padding-top: 7px; /*bör nog stå i kundspecifika*/
  /*padding-bottom: 7px; /*bör nog stå i kundspecifika*/
  /*text-align: center;  */ /* CM 150108 Det var väl inte bra att sätta detta till centrerat?? Ska väl kunna styras i 

redigering av sidfoten? Men Hemsida från Lawebb ska väl alltid vara lika som sidfot, alltså left eller center. Hur funkar det 

om kunden ändrar sidfot i redigeringen??*/
}

span.yellow{
  background-color: yellow;
}






/* --------------- Inloggningsidan ---------- */



.inlogg_ram1 { padding-left: 1%; padding-right: 1%;}	/* smal skärm */ 



#sidaIntra a{
   color: rgb(70,70,70); 
} 

/* --------------- Sidfot på intranätet ---------- */

#sidaIntra #sidfot, #sidaIntra #sidfotIntra .senastUppdaterad {  /* 150120 CM Hur skriver jag för att centrera sidfot på 

intranätet? */
/* ME 150122 Sidfoten på startsidan kräver .senastUppdaterad för att bli centrerad, vet inte varför */
  text-align: center; 
}
  




/* -------------- Kalender ------------ */

.kalenderbladdring { margin-left: auto; margin-right: auto; }

/* ME 151202 img i kalendersymbolens storlek, fungerar inte med width  */
table img[src="../../images/sparaKalender.png"] { max-width: 20px; }


/* Bläddring*/

.kalenderbladdring{
  font-size: 1.3em;  /* 1.83 */
	font-size: 1.83em; /* CM 150204 lägger in samma som h1-rubrikerna */
  /*text-align: center; */ 
	margin-top: 40px; 
	width: 300px; /* CM 150205 Denna width funkar, men inte den nedan på .kalenderbladdring .manadAr */
}
.kalenderbladdring:first-of-type {
  margin-top: 20px; 
	margin-top: 0; /* ME 150211 För att få kalenderrubrik i samma höjd som övriga rubriker */
}

.kalenderbladdring img{ 
 margin-bottom: 5px; 
} 


.kalenderbladdring .manadAr{
  width: 200px; /* CM 150204 Varför funkar inte? Vill testa att få alla högerpilar på samma position oavsett månadsnamnets 

längd */
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
}

/* Sida kalender */
.kalenderbladdring img { 
  /*margin-left: 20px; margin-right: 20px; */ /* CM tog bort 150204, vill att vänsterkant på vänster pil matchar */
}


/* CM 150204 Denna är väl inte aktuell längre, finns väl ingen div månadÅr?? Det är class manadAR */
.kalenderbladdring #månadÅr{ 
  font-size: 1.83em;   /* varför måste font-size och text-align finnas gåde här och ovan för att fungera? */
  text-align: center;   
  display: inline-block; /* för att pil-bilderna ska ligga på samma rad som denna */
  width: 200px; 

}




table.kalender{
  margin-bottom: 25px;
}


/* kanske ta bort*/
.kalender caption{ /* lika som h1 */
  font-size: 1.83em;
  caption-side: bottom;
}






#bakåtpil{
/* behövs nog inte */
}




/* Styr bredd på kolumnerna och höjd på veckoraden */

#datum{ /* obs! denna tycks påverka även veckoraden */
  width: 20px;   
}



#veckodag{  
  width: 20px;
}

#klockslag{
  width: 48px;
}

.veckorad td{
  height: 40px;
  vertical-align: bottom;

}

.datumIdag{
  font-weight: bold;
}

p.centerSmall{ /* kanske används i andra sammanhang? */
  text-align: center;
  font-size:0.83em;
}
p.leftSmall{ /* kanske används i andra sammanhang? */
  text-align: left;
  font-size:0.83em;
}





/* ------------- Formulär ------------ */
/* Standardformulär (t ex kontaktformulär)  */

form label{
  float: left;  
  width: 110px;
  clear: left;
}  
label.tillVanster{
  float: none; 
  padding-left: 2px;
}  


form input[type="text"], form input[type="password"], form input[type="email"], form textarea{
  width: 250px;
}

form textarea{
  height: 100px;
}


input[type="submit"], input[type="reset"], input[type="button"]{
  padding-left: 7px;
  padding-right: 7px;
}  


/* Ansökan har bredare lablar */
#form_ansokan label{
  width: 150px; /* överskuggar med bredare lablar */
}


/* Bönebrevlåda har bredare textfält */
#bonebrevlada textarea{
  width: 300px;
	max-width: 100%; /*kanske borde göras med alla liknande?  */
}

/* Formulär beställning på produktsidor */
#adress_egen_suffix, #adress_flytt_suffix{
  width: 20px;
}





/* -------------- Formulär intranät ---------------- */

/* Generella egenskaper för intranätets formulär */

#sidaIntra form{
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 30px;
}




 #sidaIntra form input, #sidaIntra form select{
  margin-bottom: 8px;
}



/* Bredd på formulär */
#anslagstavlaNyForm, #arkivBytRubrikForm, #visaNyAnvForm{
  width: 400px;
}

#arkivNyForm, #bortRubrikForm {
  width: 290px;
}

#bytNamnRubrikForm{
  width: 380px;
}

#nyAnvForm{
  width: 380px;
}

/*Sökruta*/ 
#sok { 
  display: inline;/*formulär för sökruta i sidhuvud ska visas på samma rad*/  
	margin-left: 20px;
}
form#sok input[type="text"]{ 
  width: 150px;
}


/* Sida Adm */
#redHemsida form select, #redIntra form select { 
	width: 230px; 
} 



/* Standardknapp för intranät, eller för alla sidor?  Behövs nu bara om man tycker auto ger för kort knapp */
/*
#sidaIntra form input[type="submit"], #sidaIntra form input[type="reset"], #laggTillRed {
  width: 70px;   
}  */

/*
#sidaIntra .taBortKnapp{
  width: 60px; 
}
*/


/* Vågar vi detta? ME 141217 */
#sidaIntra form { margin-left: 0;  }


/* --- Bokning --- */

/* --- Kategorilista för användarna --- */
/* ME 150401  */
ul.bokningKategorilista{ 
  list-style-type: none;
  line-height: 3.0;
  margin-top: 20px;
  margin-bottom: 20px;
}
ul.bokningKategorilista { font-weight: bold; }

/* --- Bokningstabell för användarna --- */

#bokningTabell { width: 100%; max-width: none; border-spacing: 4px;}
#bokningTabell th, #bokningTabell td { height: 90px; }
#bokningTabell #veckorad img {margin-left: 50px; margin-right: 50px; }
#bokningTabell #veckorad { width: 400px; margin-left: auto; margin-right: auto; } /* Annars centrerar inte FF */
#bokningTabell #veckorad { padding-top: 30px; }
#bokningTabell .inaktiv { visibility: hidden; }
#bokningTabell #veckorad {font-size: 1.5em; }
#bokningTabell th { font-weight: normal; }
#bokningTabell td { border: 1px solid rgb(214,214,214); }
#bokningTabell th, #bokningTabell td { padding-left: 3px; }
/* reglera höjd och padd/marg på tabellceller: */
#bokningTabell form { padding-bottom: 0; padding-top: 0;}
#bokningTabell p {  margin-bottom: 2px; margin-top: 2px;}

/* ME 150325 */
#bokningTabell .bokningPasserad { color: rgb(180,180,180); }

/* --- Administrera bokning --- */
/* Länken för adm på bokningssidan */
div.bokningAdm { width: 400px; float: right; text-align: right; }
div.bokningAdm a { margin-left: 10px; }
table#bokningAdm { width: 300px; }   /* ME 150603 */
table#passlista, table#resurslista { width: 250px; }
p.lankSambokning { padding-top: 30px; }


/* ME 150330 inaktiva kategorier / resurser / pass blir grå */
span.grey { color: rgb(180,180,180); } 
#bokningAdm { width: 100%; border: none; } 

/* ME 150318 */
form#bokningKategori label { width: 150px; }
#bokningKategori .maxAntalBokn { width: 50px; }  /* ME 150603 */



/* Bokning historik */
table#bokningHistorik { max-width: none; width: 100%; }



/* --- Adm --- */

/* Bredare knapp */
#sidaIntra #submitNewUser, #sidaIntra #submitNewGroup, #laggTillRed{  
   width: 140px;   /* Blir inte snyggt annars, tycker jag! */
}

#nyHuvudrubrikForm label{
  width: 180px;

} 

/* Redigera kalender */
table.kalender td input{ margin-left: 10px; margin-right: 10px; }
/* ME 160515 tar bort höger och vänster-marginaler på table.kalender td a */
table.kalender { max-width: none; width: 100%; } /* 150122 ME tog bort border. La till bredd 100%. */
#kalenderÅterkommandeTabell { max-width: none; width: 100%; }
/* .kalenderAterkommandeNyForms #startdatum2 { width: 30px; } ME 150122 Varför finns denna? Provar att ta bort */
.kalenderAterkommandeNyForms label { width: 130px; }
#sidaIntra label:empty { width: 130px; border: 1px dotted white; } /* ME 150122 Nödlösning! För att år-mån-dag ska komma 

under resp ruta, funkar bara om det finns ram */

/* --- Adm - redigera extern sida (141114) ---*/

/*input, textarea#text {	*/		
input, textarea, select{			
  /*font:80%/1.6 Corbel, sans-serif; */
	font:90%/1.6 Arial, sans-serif;  
}
	
.textavsnittsBox { margin-bottom: 10px; float: left; width: 100%; }
.redigeraExternForm .spalt_1 {
width: 24%;
float: left;
}

.redigeraExternForm .spalt_2 {
padding-top: 17px;
width: 73%;
float: right;
}

.redigeraExternForm label { float: none; clear: none; }
.redigeraExternForm input[type="text"], .redigeraExternForm select { width: 170px; }
#redigeraExtern input[type="submit"], #redigeraExtern input[type="reset"], #redigeraExtern input[type="button"]{ width: 70px; 

}
#redigeraExtern #läggTillAntal { width: 50px; }
#redigeraExtern .knapprad { clear: both;   } 


.redigeraExternForm textarea{
width: 98%;
height: 200px;
}

input .inputKort { width: 40px; }




/* kalender ny aktivitet */
#datum1, #datum2, #datum3, #kl1, #kl2 { width: 30px;  }




/* -------------- Redigeringsknappar ---------- */

#redigeringsknappar{
  position:absolute;
  left:25px;
  top:50px;
	z-index: 100;/*Hamnar högst upp ovanpå eventuella objekt under*/
  text-align: left;  
}
#redigeringsknappar input{ 
  font-size:30px;
  cursor: pointer;
}




/* Sökmotoroptimering får en div eftersom tabellen och fomulär kommer från php, funkar ändå inte,  */
#sökmotoroptimering input { } 
#verKodForm textarea#text { width: 98%; height: 200px;}

/* Inställningar */
#sidaIntra #installningarForm label { width: 190px; }  /* ME 150122 */

/* Statistik */
.innehallIntra #statistikForm input[type="text"]{
  width: 25px;
}

/* Användare och grupper */
#sidaIntra #anvTabell { width: 100%; max-width: none; }
#sidaIntra #visaAdmTabell, #sidaIntra #redFörSida, #sidaIntra #redigerareTabell, #sidaIntra #administratörerTabell { width: 

300px; max-width: none;  }
#grupperTabell { width: 100%; max-width: none; }



/* Användare och grupper */
/*
#visaNyAnvForm input[type="submit"]{   Förstår inte varför jag inte få tag i knappen? 
  width: 200px;
}
*/





/* -------------------- Adressbok ------------------ */

#adressbokTabell { max-width: none; width: 100%; } 
#adressuppgiftTabell { width: 100%; }
#bytNamnFält label { width: 130px; }


/* --------------- Anslagstavla ------------------- */

#anslagstavlaForm label{
   width: 80px;  /* lite smalare än standardformuläret (ex brf kontakt) */

}




/* --------------------- Arkiv -------------------------- */


#arkivForm #sortera{
margin-bottom: 20px;
}


#arkivNyRubrikForm{
  width: 290px;
}

#arkivNyRubrikForm #rubrik, #arkivNyRubrikForm select{
  width: 150px;
}

#bytPlatsHuvRubrForm label{
  width: 210px;
}

#bytPlatsHuvRubrForm select{
  width: 250px;
}

#bytNamnHuvRubr label{
  width: 120px;
}

#bytNamnHuvRubr select{
  width: 250px;
}

#görHuvRubrVilande label{
  width: 230px;
}

#aktiveraVilandeHuvRubrForm label{
  width: 320px;
}

#aktiveraVilandeHuvRubrForm select{
  width: 200px;
}

/* ME 141217 */
#bortRubrikForm { width: 100%; }
#bortRubrikForm label { width: auto; margin-right: 5px; }
#bytNamnRubrikForm { width: 100%; }
#bytNamnRubrikForm label { width: 200px; }



/* ------------------- Informationsrum ------------------- */


p.intraLuftUnder{
  margin-bottom:35px; /*150625 CM för att få luft under länkrad med visa, sök och så vidare */
}


div.informationsrumsLänkKnappar{
  /*float: right; /*CM 141217 */
	position:absolute;
  right: 0;
  top: 0;
}
table.grey{
	width: 650px;
	text-align: left;
  margin-top: 15px;
	padding-top: 3px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 3px;
	background-color: rgb(242,242,242);
	border: 1px solid rgb(230,230,230);
}


#sidaIntra #informationsrumTabell { width: 100%; max-width: none; }



/* ME 160108 förstorar ruta för nytt meddelande (ökat bredd fr 370 + lagt till höjd */
#sidaIntra #informationsrumVisaEnForm #rubrik, #sidaIntra #informationsrumVisaEnForm #text{ width: 465px; max-width: 98%; }
#sidaIntra #informationsrumVisaEnForm #text{ height: 250px; }


/* ------------------- Supportfunktion ------------------- */
#sidaIntra #supportForm input[type="text"], #supportForm textarea{width: 465px; max-width: 98%;}
#supportForm textarea{height: 250px;}





/*Intranät......!!!!!! */




#sidaIntra{      /* sida eller sidaIntra ?????? Kanske alltid samma bredd som hemsidans sida? Här bör vi nog alltid ha vit 

bakgrundsfärg, det är det ju inte alltid på externa sida  */
  /*background-color: rgb(255,255,255); */
  width: 900px; /* logga-bild 886px + 7px på varje sida (#sidhuvud img har padding-left: 7px)  */
  margin-top: 7px; 
  margin-left: auto;
  margin-right: auto;
/*  border: 1px solid rgb(230,230,230);   obs denna ram är inte en test-ram utan ska finnas */

}

#huvudrubrikerIntra { 
	margin-bottom: 40px; 
}



#sidaIntra #sidfot {
	padding-top: 30px; /* ME 150122 ökat från 7px */
	padding-bottom: 7px; 
}


/* Så att dessa sträcker sig ner över hela innehållet */ /* CM lagt till 150126 */ /*150302 CM lagt till även 

#ramInnehallUtanUnderrubrikerIntra för vanliga sidor på intranätet */
.innehallIntra, .innehallIntraMellan, .innehallIntraBred,#ramInnehallUtanUnderrubrikerIntra,#ramInnehallMedUnderrubrikerIntra,#innehallKolumner{
  overflow: hidden;
	background-color: rgb(255,255,255); /* 150126 Vit bakgrund endast i dessa partier, vill helst ha bredare vit bakgrund... Men hur utan problem beskrivet på #sidaIntra? */
	min-height: 500px;
}

.innehallIntra{
  width: 500px;
	padding-left:200px;
	padding-right:200px;
  margin-left: auto;
  margin-right: auto; 
}

.innehallIntraMellan { 
	width: 700px;
	padding-left:100px;
	padding-right:100px;
	margin-left: auto; 
	margin-right: auto; 
	position: relative; /* CM 141227 för att positionera knappar */
}
	 
.innehallIntraBred{ /* CM 150204 flyttas lite till vänster? Varför? (startsida, kalender..) ME 150216 ökat paddning */
	width: 890px;
	max-width: 890px; /* CM la till 150223 eftersom inte lyckas få totalbredden att bli 900, den blir minst 10px mer */
	padding-left:5px;
	padding-right:5px;
  margin-left: auto;
  margin-right: auto;  
}

#intraStart { padding-top: 5px; } /* ME 150216 så det blir luft mellan ev ram och rutornas överkanter */

#huvudrubrikerIntra { 
  margin-top: 20px;   /* ME 150220 */
	margin-bottom: 20px; 
}



#sidaIntra #sidfot {
	padding-top: 30px; /* ME 150122 ökat från 7px */
	padding-bottom: 7px; 
}


/* Bilder för bakåtpil och hjälp */
.tillbaka { float: left; }
.hjalp { float: right; }


p.introtextIntra{
  width: 400px;
}

table.intraCommon, #kalenderKorthet table { width: 100%; }

/* Allmänt intranät ME 141215 */
#sidaIntra select { min-width: 100px; }
#sidaIntra .kortInput { width: 30px; } /* Lägger till #sidaIntra och hoppas att det "tar" */
/* #nyBildForm .kortInput { width: 30px; } ME 150122 detta borde inte behövas då */

.intraRubrikradsLank { margin-right: 10px; }  /* vissa intrarubrikradslänkar ligger i ett formulär och kan då inte ha en p 

med klass länkrad*/
/* Från startsida */

#bytLosenordForm { width: 100%  }
#bytLosenordForm label { width: 200px; }



/* ----------------- Intra start ------------------------*/


#intraStart { width: 100%; }
/*#intraStart #spalt_1 { width: 442px; float: left; margin-left: 0;}
#intraStart #spalt_2 { width: 442px; float: right; margin-right: 0; }*/
/* CM ändrar 150223 eftersom intranätets startsida blir bredare än 900px*/
#intraStart #spalt_1, #intraSpalter #spalt_1 { width: 47%; float: left; margin-left: 0;}
#intraStart #spalt_2, #intraSpalter #spalt_2 { width: 47%; float: right; margin-right: 0; }

#intraStart #välkommen, #intraStart #kalenderKorthet, #intraStart #meddelanden, #intraStart #aktuellt, #intraStart #sparat, 

#intraStart #övrigt { 
						border: 1px solid rgb(230,230,230); padding-left: 5px; padding-right: 5px; 

margin-bottom: 16px; 
}


#intraStart p { text-align: left; }  /* här centrerat i html som kommer från php */

/* Manöver för att få h2 på startsidan att hamna i samma höjd */
#intraStart table.intraCommon h2 { padding-top: 0; margin-top: 0; }  /* nollställer för att kunna kontrollera h2 */
#intraStart h2 { margin-top: 15px; padding-top: 0; }
/* Detta lär inte behövas längre */					
#intraStart h1:empty, #intraStart h2:empty  { margin: 0; padding: 0; }



/* ------------------ Adm ------------------------ */

.kolumn_1, .kolumn_2{
  width: 247px;  /* ska rymmas båda inom 500px */

}

.kolumn_1{
  float: left;

}

.kolumn_2{
  float: right;  /* detta borde kanske göras på annat sätt */

}

#redHemsida, #redIntra{
  border: 1px solid rgb(230,230,230); 
	padding-left: 7px; 
	padding-right: 7px; 
	margin-top: 30px; 
	height: 580px;  
}

#redHemsida { 
	width: 300px; 
	float: left; 
}
#redIntra { 
	width: 300px; 
	float: right;   
}



/* Tabeller*/   /* Detta är nog inte bra, ta bort helt? */
.innehallIntraBred table{
/* #anvTabell, #grupperTabell{  */
  /* CM tar bort 150223 för annars blir bredden på innehallIntraBred fel. - lägger tillbaka */
	width: 80%;
  margin-left: auto;
  margin-right: auto;

}





#sidaIntra table{
  margin-bottom: 10px;
}

#sidaIntra table td, #sidaIntra table th{
  /*border: 1px dotted blue;  /* Ta bort sen */
}


/* Bildarkiv */
table#bildarkivTabell { max-width: none; width: 100%; }
td.bildarkivFinnsSidor{ max-width: 55px; }


/* Dokumentarkiv  */


/* Kolla detta, kanske ska det gälla alla tabeller eller alla i intranätet? */

#dokumentarkivTabell th, #dokumentarkivTabell td { text-align: left;  }   /* i common finns vänster för td */

#dokumentarkivTabell{
	 max-width: none; 
	 width: 100%;
   table-layout: fixed;  /* behövs för att avklippning av filnamn ska fungera*/
}

#dokumentarkivTabell #namn{ width: 300px; }

#dokumentarkivTabell #sparad{ width: 90px; }

#dokumentarkivTabell #taBort{ width: 70px; }

#dokumentarkivTabell #länka{ width: 90px; }

#dokumentarkivTabell td{  
  overflow: hidden;
  text-overflow:ellipsis;
}

/* #grupperTabell td{   */
#sidaIntra table td{
  text-align: left;  /* eller? */
}



#sidaIntra h1{
  text-align: left;
  padding-bottom: 10px;
}


#sidaIntra h1.vänsterTest{   /* testar vänsterställd h1 på dokumentarkiv **************************** */
  text-align: left;
  padding-left: 5%;
}

#sidaIntra h1 img{  /* Placerar bilden i höjd med rubrikens text */
  position: relative;
  top: 8px;

}






ul.listaUtanPunkter{ 
  list-style-type: none;
  width: 200px;
  margin-left: auto;
  margin-right: auto;  
  margin-top: 20px;
  margin-bottom: 20px;

}

/*
ul.listaUtanPunkterHorisontell{  
  list-style-type: none;

margin-top: 20px;
margin-bottom: 20px;
display: inline;

}
 test på administrera kalender, tycks inte fungera */

ul.listaUtanPunkter li{  /* används inte nu */
  text-align: left;

}

.arkivrubrik{
  font-size: 1.3em;
}



.bold{  /* Flytta sen till en mer allmän nivå */
  /*font-weight: bold; */ /* 150205 CM testar med lite mindre fet stil */ /* Gäller fler ställen än kalender? */
	font-weight: 600;
}

/*
table.intraCommon{ /* Rutorna på intranäts startsida - vi kanske borde byta namn
  background-image: url('intra_platta_plain.jpg');
  background-repeat: repeat;	
	width: 346px;
	height: 50px; 
	margin-top: 15px;
	border: 1px solid rgb(218,222,234);
}
*/




/*Christina 140212 admHuvudrubriker och admUnderrubriker  OBS fritt fram att redigera.......!!!*/

.admHuvudrubriker ul, .admUnderrubriker ul{
  list-style-type: none;
}
ul.admHuvudrubriker li{
  display: inline;	
  margin-left: 4px;
  margin-right: 4px;
}
ul.admUnderrubriker li{
  display: block;	
  text-align: left;
}
div.grey{
  background-color: rgb(235,235,237);
  padding-top: 1px;
  padding-bottom: 1px;
}
div.grayUnderrubriker{
  background-color: rgb(235,235,237);
  padding-right: 25px;
  padding-top: 2px;
	padding-bottom: 2px;
	text-align: left;
}


/* Redigera underrubriker ME 141215 */
#väljHuvRubr label { width: auto; margin-right: 3px; }
#nyUnderrubrikForm label { width: 150px; }
#bortUnderrubrikForm label { width: 210px; }
#bytPlatsUndRubrForm label { width: 210px; }
#bytNamnUndRubr label { width: 120px; }
#görUndRubrVilande label { width: 250px; }
#aktiveraVilandeUndRubrForm label { width: auto; margin-right: 3px; }

#huvudrubrikerIntraBaraLoggaUt ul{  
  text-align: left;         /* ME 150209 testar */
	list-style-type: none;   /* ME 150209 */
	width: 96%;              /* ME 151125 anpassning till responsivt */
	max-width: 500px;            /* ME ME 151125 anpassning till responsivt (ändrat från width: 500px) */

}

.innehallIntraBredVi{ /* CM 150204 flyttas lite till vänster? Varför? (startsida, kalender..) ME 150216 ökat paddning */
	width: 1200px;
}
	
	.viBred {
/* #anvTabell, #grupperTabell{  */
  /* CM tar bort 150223 för annars blir bredden på innehallIntraBred fel. - lägger tillbaka */
	width: 100%;
	max-width: none;
  margin-left: auto;
  margin-right: auto;
}
.cellBredVi{
	max-width: 200px;
	width: 200px;
	/*width: 500px;*/
}
/* Smala textfält 190701 för fakturor */
.admVi input[type="text"]{ width: 52px; }

#mejlaFaktura textarea{
  width: 800px;
  height: 450px;
}





@media only screen and (min-width: 600px) { /* CM: Kan det här stå i gemensamma filen? Verkar inte skrivas över i kundspecifika?? */

/* Inloggningsrutan */	 
/* Den synliga ramen */
.inlogg_ram2 { width: 600px; margin-left: auto; margin-right: auto; margin-top: 60px; margin-bottom: 60px; border: 1px solid 

grey;  }
/* Osynlig ram som håller allt på plats  ME 150820 tog bort bredd 380px på inlogg_ram1, betyder att label och input är på olika rader */
.inlogg_ram1 { margin-left: auto; margin-right: auto; margin-top: 40px; margin-bottom: 5px;  }
.inlogg_ram1 input[type="submit"] { margin-bottom: 50px; }
.inlogg_ram1 form { margin-top: 35px; }
} 




/*! http://responsiveslides.com v1.54 by @viljamis */
/* inlagt 141019, får användas fritt */

/*iframe, div.script{*/ /* Hade lagt in margin: 2em 0; men blir inte bra på sidor med block, inte på andra heller tror jag?*/
div.script{
  /*margin: 2em 0;*/
}



.bildspel{
  margin: 2em 0;/*160310 När bildspel inte längre ligger inuti p-tagg behövs samma margin som för p, annars hamnar bildspelet så nära t ex h1 om den ligger högst upp*/	
	position: relative;
  list-style: none;
  overflow: hidden;
  max-width: 100%;
  padding: 0;
  /*margin: 0;*/
}

.bildspel li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  max-width: 100%;
  left: 0;
  top: 0;
}

.bildspel li:first-child {
  position: relative;
  display: block;
  float: left;
}

.bildspel img {
  display: block;
  height: auto;
  float: left;
  max-width: 100%;
  border: 0;
}


/* 

-----------------------------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------
  Smalaste skärmen                                                                                                      

Smalaste skärmen
	
	All info här kommer väl att skrivas över?
	Ett alternativ, för att göra det tydligare, vore kanske att skriva 
	@media only screen and (max-width: 44em) {   ?????
	Vad tycker Maria om det undrar C
-----------------------------------------------------------------------------------------------------------------------------

----------------------------------------------------------------------------*/




/*------------------------------------------
       padding/margin 
------------------------------------------*/


/*#underrubriker li{margin-left: 22px;margin-right: 2px;} /*underrubrikerna ska börja lite längre till höger*/
/* 150108 OBS skrivs dessa två sista margin över senare, för detta gäller ju endast smalaste skärmen när rubrikerna är 

"knappar" */







/* AVD övrigt */


/* Avstånd i höjdled mellan olika sektioner, måste överskuggas i bredare skärmar. */

/* ---- ME 150130 intranätsgrejer, måste städas ---------- */

/* sidfoten, detta är inte helt klart än... */
#sidaIntra #sidfot { max-width: 900px;  }   /* ME 150130 förhindrar att sidfoten blir breddad på intranätet pga att det finns 

sidospalt på extern. Kanske ska stå i common? */
#sidfot .senastUppdaterad { text-align: center;   }
#sidaIntra #sidfot { margin-top: 30px; }

/* CM 151125 vi hade Arial här och Corbel högre upp i denna fil, ska väl också vara på alla och inte bara på #text - eller??? */
/*input, textarea#text {						
  font:90%/1.6 Arial, sans-serif; 
	}
	
input, textarea, select{			
  font:80%/1.6 Corbel, sans-serif;  
}
*/
	
/* Bredda textfält */
#sidaIntra #anslagstavlaNyForm input[type="text"], #sidaIntra #anslagstavlaNyForm textarea { width: 370px; }

#sidaIntra #anslagstavlaNyForm { width: 100%; }
#sidaIntra input[type="checkbox"] { margin-right: 5px; }






/* 14 stämmer inte i IE */
#sidaIntra table th { text-align: left; }


#sidaIntra #redigerareTabell { width: 100%; }


/* ----- ME 150204 intranätsgrejer --------  */

/* ME 150202 intranät */
.spalt1av2 { width: 48%; float: left; }
.spalt2av2 { width: 48%; float: right; }

/* denna gäller extern, glesar ut kalenderpunkterna under På gång. Vet inte varför det inte tar på tr.  */
#innehallKalender td { padding-top: 30px; } 

/* Testar, har mixtrat med html på kalender intern. Om detta är bra ska det nog gälla extern också.  */
#sidaIntra .kalenderbladdring { text-align: left; }


/* --- ME 150206 intranätsgrejer --- */

/* Lika långt mellan pilarna oavsett månads längd */
.kalenderbladdring .manadAr{
 display: inline-block;
}

/* 4. */
div.informationsrumsLänkKnappar { position: absolute; right: 100px; top: 15px; }
div.grey { 
background-color: rgb(242,242,242); 
border: 1px solid rgb(230,230,230); 
}
div.grey { padding-top: 10px; padding-bottom: 10px; }

/* inställningar för grupp admAnvVisaGrupp.mall */
#gruppInstallningar form { display: inline; }


/* ME 150212 */

/* 22, 24 luft mellan ev ram/passepartout och innehållIntraBred, vilken är 896px av 900. */
/* .innehallIntraBred { padding-left: 5px; padding-right: 5px; padding-top: 7px; } */

/* bildarkiv, lagra fler bilder, mellanrum över skicka-knapp */
#sidaIntra #lagraFlerBilderForm .clear { padding-top: 15px; }

/* ME 150213 */

/* redigera sida */
/*#sidaIntra form.redigeraExternForm div.textavsnittsBox div.spalt_2  select,  #sidaIntra form.redigeraExternForm */

div.textavsnittsBox div.spalt_2 input[type="text"] { width: 220px; }
#sidaIntra form.redigeraExternForm textarea { width: 100%; }

/* allmänt, radioknappar */
#sidaIntra input[type="radio"] { margin-right: 5px; }

/* sida visa administratörer och användare, tabellernas första kolumn ska vara lika breda */
#sidaIntra #administratörerTabell col, #sidaIntra #redigerareTabell col { width: 270px; }

#sidaIntra table#gruppVisaMedlemmar { width: 300px;  }



/* ME 150218 */

/* anv och grupper, visa enskild grupp */
#sidaIntra #gruppInstallningar label { width: 150px;  }
#sidaIntra #gruppInstallningar select { width: 155px;  }

/* användare och grupper; ny användare, egentligen bör alla formulär bli 100% */
#sidaIntra #visaNyAnvForm {width: 100%; }

/* ME 150220 */

/* redigering av kalender + redigera datumstyrd text på start intra; för att sätta åå mm dd i utrymme som matchar kortInput 

som är 30px */
#sidaIntra span.matchaKortInput { display: inline-block; width: 31px; margin-right: 4px; padding-left: 2px; }

/* placera h1 i samma höjd som tillbakapil på intrasidor */
#sidaIntra h1 { padding-top: 17px; }

#sidaIntra .kalenderAterkommandeNyForms label:empty { width: 130px; border: 1px dotted white; }   /* denna ska kanske ersätt 

allmän label empty */

#sidaIntra .redigeraExternForm .visningsdagar label { width: 130px;  display: inline-block;}  
#sidaIntra .redigeraExternForm .visningsdagar label:empty { width: 130px; }  

#sidaIntra #kalenderNyForm label:empty { width: 110px; border: 1px dotted white; }


/* allmän intranätssak */
#sidaIntra input[type="checkbox"] { margin-left: 3px; }

/* redigera sida,  lablarna lika långa, border tar men inte width */
#sidaIntra form.redigeraExternForm div.textavsnittsBox div.spalt_2 label { width: 94px; display: inline-block; }


/* ME 150305 tror att det måste bli så här för att få lite marginal utifall att teckensnitt/storlek ändras */
#sidaIntra form.redigeraExternForm div.textavsnittsBox div.spalt_2 label { width: 84px; display: inline-block; }

/* ME 150302  */

#sidaIntra .arkivrubrik { line-height: 230%; }

/* för samma höjd som övriga sidors rubriker */
.kalenderbladdring:first-of-type {
  margin-top: 17px;
} 	


#sidaIntra #bonNyForm input[type="text"], #sidaIntra #bonNyForm textarea { width: 370px; }

/* ME 150304 */
/* redigera sida: label för Avsnittsrubrik har ökats ngt utifall att teckensnittet kräver mer utrymme */
/* har också ändrat vanliga lablar från 94 till 84px på rad 1180 */
#sidaIntra form.redigeraExternForm div.textavsnittsBox div.spalt_2 > :first-child { width: 120px; }

#sidaIntra #bonNyForm input[type="text"], #sidaIntra #bonNyForm textarea { width: 370px; }




/* ME 150512 */
/* kalender återkommande */
#kalenderÅterkommandeTabell #rubrik { width: 150px; }
#kalenderÅterkommandeTabell #text { width: 200px; }

/* kalender */
table.kalender #info { width: 430px; }
table.kalender td, table.kalender th { padding: 2px; }



/* Formulär inställningar kundadministration layoutverktyg */
#layoutverktyg_textfarg input.rgb, #layoutverktyg_bakgrundsfarg input.rgb { width: 40px; } 
#layoutverktyg_textfarg label, #layoutverktyg_bakgrundsfarg label { width: 50px; } 













/* --------------------------------------------------------------------------
Block / kolumner
Här finns css för alla bredder
---------------------------------------------------------------------------- */

/* Sida med kolumner */
.fullbredd, .halvbredd, .tredjedelsbredd, .fjardedelsbredd, .tvatredjedelsbredd, .trefjardedelsbredd{
  float:left;
}
#innehallKolumner h1{
  margin-bottom:10px; /* ??? */
}


/* ME 160108 höjd */
div.rad{ margin-bottom: 30px; overflow: hidden; }
.fullbredd, .trefjardedelsbredd, .tvatredjedelsbredd, .halvbredd, .tredjedelsbredd, .fjardedelsbredd{  padding-top: 10px; padding-bottom: 15px; }


/* ME 160108 paddining sidled */
.fullbredd, .trefjardedelsbredd, .tvatredjedelsbredd, .halvbredd, .tredjedelsbredd, .fjardedelsbredd{ 
padding-left: 2%; 
padding-right: 2%;  
width: 96%;
}

/* ME 160108 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;  }



/* ME 151204 förhindra att långa ord i kalendern tvingar tabellen att expandera utanför sin container */
/* CM 151208 Vi tycker inte det blir snyggt att bryta mitt i ord, bättre att ett helt ord flyttar ner på ny rad i så fall */

/*#innehallKolumner table tr td:nth-of-type(3){word-break: break-all; }*/


/* ME 151207 för att långa ord i tabellcell inte ska ändra tabellens storlek */
/*#innehallKolumner table tr td.ics{ word-break: break-all;  }*/

/* ME 160420 bredder utan bakgrundsfärg */

.fjardedelsbredd, .halvbredd, .trefjardedelsbredd, .tredjedelsbredd, .tvatredjedelsbredd, .fullbredd{ padding-left: 0; padding-right: 0; }

.fjardedelsbredd, .halvbredd, .trefjardedelsbredd, .tredjedelsbredd, .tvatredjedelsbredd, .fullbredd{ width: 100%; }



@media only screen and (max-width: 45em) {
/*------------------------------------------
  en spalt ->    kolumner
------------------------------------------*/

/* smal skärm: alla täcker hela bredden */



/* ME 151022 Måste ange även sidfot för att denna ska ta */
#sidfot .tredjedelsbredd{
  width:98%;
  margin-bottom: 10px;
}
#hemsidaFrånLawebb { clear: both; }




.fullbredd{ /* Fullbredd centrerar vi på skärmen  */  
  float:none;
  margin-left: auto; margin-right: auto;
  clear: right;
  clear: left;
}

#innehallKolumner div{  /*max-width:600px; */ /**kolumner_maxwidth**/ /* Vi vill ha 900px för bildspel */
  margin-top: 30px;  /* CM lagt till sep 2015 */ 
}
#innehallKolumner div:first-of-type{
/*margin-top: 0px; */ /* CM lagt till sep 2015 */ /* CM 151125 tar bort igen, måste väl vara space högst upp även här på smal skärm??? , ja, blev bättre med bildspel högst upp, som innan gick emot utfällda huvudrubriker */
}
} /* slut max-widt 45em */

/* ------------------------------------------------------------------------------------
Brytpunkt 45em (motsvarande två spalter)
------------------------------------------------------------------------------------ */

@media only screen and (min-width: 45em) {

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

/*___ max-width ___*/

#innehallKolumner h1{max-width:none;}


/*------------------------------------------
  två spalter ->    kolumner
------------------------------------------*/
/* I två spalter har vi kvar tredjedelar medan fjärdedelar blir halvor */


.halvbredd.clearRight, .tredjedelsbredd.clearRight, .fjardedelsbredd.clearRight, .tvatredjedelsbredd.clearRight, .trefjardedelsbredd.clearRight { /* CM 151125 vill att alla kolumner längst till höger ska flyta åt höger */
  float: right;  
}



/* ME 151211 när jag testade inkluderade jag #innehallKolumner */


.fjardedelsbredd.clearRight { margin-right: 0; }



/* ME 151018 */
#sidfot .tredjedelsbredd { float: left; }
#sidfot .tredjedelsbredd .clearRight { 
  /*clear: right; */ /* Har vi redan sagt för alla clearRight, testar ta bort */
	float: right; 
}

/* denna är samma som för #innehallPresentation, #ramInnehallKalenderOchAktuellt, #innehallMedUnderrubriker, 
#innehallUtanUnderrubriker, #sidospalt som finns i kundspec */




/* ME 160108 */
.trefjardedelsbredd{ width: 70.36%; }
.tvatredjedelsbredd{ width: 61.8%; }
.halvbredd{ width: 44.7%; }
.tredjedelsbredd{ width: 27.6%; }
.fjardedelsbredd{ width: 19.05%; }



/* ME 160113 Måste minska om den ligger till höger för att den i IE inte får plats EFTER en fjärdedelsbredd (men får plats före en fjärdedel)! */
.trefjardedelsbredd.clearRight{ width: 70.3%; }

.halvbredd.clearLeft{ margin-right: 2.6%; }
.tredjedelsbredd.clearLeft{ 	margin-right: 2.6%; }
.fjardedelsbredd{ margin-right: 2.6%; }


/* ME 160420 bredder för inte bg-färd */
.trefjardedelsbredd{ width: 74.3%; margin-left: 0; }
.tvatredjedelsbredd{ width: 65.8%; }
.halvbredd{ width: 48.7%; }
.tredjedelsbredd{ width: 31.6%; }
.fjardedelsbredd{ width: 23.05%; }
/* Detta kanske kan tas bort sen */
.trefjardedelsbredd.clearRight{ width: 74.3%; margin-left: 0; }
.tvatredjedelsbredd.clearRight{ width: 65.8%; }



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

#innehallKolumner h1{ 
  padding-bottom: 3px;  /**padding_bottom_innehallKolumner**/ 
}
#innehallKolumner p:first-child{ 
  padding-top: 25px;  /* h2 har 25px padding-top, det bör det vara även om h2 saknas */
}
#innehallKolumner .bildspel:first-child{ /*CM 151123*/
  margin-top: 25px;
} 
/*#innehallKolumner .bildspel:last-child{ *//*CM 151125 Eller ska det vara på alla, inte bara på last-child?*/
#innehallKolumner .bildspel{
	margin-bottom: 25px;  
} 
#innehallKolumner iframe:first-child{ /*CM 151123*/
  margin-top: 25px;
} 
/*#innehallKolumner iframe:last-child{*/ /*CM 151125 Eller ska det vara på alla, inte bara på last-child?*/
#innehallKolumner iframe{
	margin-bottom: 25px;  
} 
.fjardedelsbredd div:first-child,.trefjardedelsbredd div:first-child,.tredjedelsbredd div:first-child,.tvatredjedelsbredd div:first-child,.halvbredd div:first-child { /*CM 151123*/
  margin-top: 25px;
} 
/*.fjardedelsbredd div:last-child,.tredjedelsbredd div:last-child,.halvbredd div:last-child { *//*CM 151125 Eller ska det vara på alla, inte bara på last-child?*/
.fjardedelsbredd div, .trefjardedelsbredd div,.tredjedelsbredd div, .tvatredjedelsbredd div,.halvbredd div {
	margin-bottom: 25px; 
}


/*#innehallKolumner .fullbredd p{*/  /* CM 151130 Fullbredd blir oläsliga om de är för breda, så vi sätter låter max-width för innehåll i p-taggar (bildspel ligger inte i p så det kan fås över hela bredden */
#innehallKolumner p{ /* CM 160830 Ändrar så det gäller alla p och inte bara i fullbredd med tanke på om vi låter block gå över hela skärmbredden */
  max-width: 570px;
	margin-left: auto; /* CM 160830 Om vi har text som inte tar upp hela inneslutande divs bredd bör den centreras i diven tror jag */
  margin-right: auto; 
}

/*#innehallKolumner .fullbredd p.eb{ */  /* CM 151130 En ensam bild borde få täcka hela skärmbredden.  */
#innehallKolumner p.eb{  /* CM 160830 Ändrar så det gäller alla p och inte bara i fullbredd med tanke på om vi låter block gå över hela skärmbredden */
  /*max-width: 900px;*/
	max-width: none; /* CM 160829 för att inte begränsa om vi vill ha width 100% på sidan */
}


/* drop-down från två spalter */

/* Huvudrubrikslänkarna ska ligga bredvid varandra horisontellt på bred skärm (till motsats mot smal skärm där de ska ligga under varandra) */
	.dropdown-ul li {
		float: left;
	}
	

	.dropdown-ul {
		padding-right: 14px; /* Så att även länken längst till höger får luft till höger */
	}
	.dropdown-ul li a { /* huvudrubrikerslänkar */
		display: inline-block;
		text-align: center;
		color: rgb(0,0,0);		
		/*padding: 14px 16px;*/
		padding-right: 14px;
		padding-left: 14px;
		padding-top: 16px;
		padding-bottom: 16px;
	}
	.dropdown-ul .dropdown-content a { /* underrubrikerslänkar */
		/*padding: 12px 16px;*/
		text-align: left;
	}

	.dropdown-ul li.dropdown {
		display: inline-block ;
	}
	.dropdown-ul .dropdown-content {
		margin-left: 0px; /* På bred skärm ska inte underrubrikerna placeras längre till höger än huvudrubrikerna */
		position: absolute;
		display: none;
		/*min-width: 160px; *//* På bred skärm ger vi underrubrikerna en min-width */
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}
	.dropdown-content {
		z-index: 1;
	}




} /* slut min-width: 45em */

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


/*------------------------------------------
  900px ->    width
------------------------------------------*/
/* Först här visas fjärdedelar */
/* ME 160108 detta har reviderats i två spalter */   /* ME 160420 ändrar från 96% till 100% */
.fullbredd{
  width:100%;
}



.halvbredd.clearLeft{ /* ME 151211 dubbelt mot vad fjärdedelsbredd har */
	/* margin-right: 1.6%; */
}

.tredjedelsbredd{  /* ME 151127 ändrat från 31% */
	/* width: 30%;  */
}
.tvatredjedelsbredd{ /* CM 151201 Kan Maria justera? */ 
	/* width: 63%;  */
}
.trefjardedelsbredd{  /* CM 151201 Kan Maria justera? */
/*	width: 71%; */ 
}

.tredjedelsbredd.clearLeft{ 
/*	margin-right: 1.8%; */ /* ME 151127 för att skapa mellanrum mella första och andra tredjedelen */
}


/* ME 160420 tror att denna ska bort 
.fjardedelsbredd{ width: 19.05%; margin-right: 2.6%; }
*/

/* ME 160420 tror att denna ska bort
.fjardedelsbredd.clearRight{ 
	margin-right: 0; *//* ME 151127 för att lägga denna mot högerkant */
	/*
	width: 19.05%;
}
*/



/* ME 160420 utan bg-färg, flyttat från Gislaveds med bg-färg, behövs denna? */
.fjardedelsbredd.clearRight{ width: 23.05%; }





#sidfot .fjardedelsbredd:nth-of-type(2) { float: left; } /* ME 151204 */

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

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


/* Omslutande div för kolumner/block*/
#innehallKolumner{ 
  
	padding-left: 10px;  /**padding_left_innehallKolumner**/ 
  padding-right: 10px;  /**padding_right_innehallKolumner**/
}


} /* slut min-width: 900px */

/* -------------------------------------------------------------------------------------- 
Brytpunkt 1210px;
---------------------------------------------------------------------------------------- */
@media only screen and (min-width: 1210px){

	/* här finns för närvarande inget som rör block */

} /* slut min-width: 1210px; */

/* ---------------------------------------------------------------------------------------------
Brytpunkt max-width 45em
-------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 45em){ 

	/* denna finns för övriga motsvarande element */
	#innehallKolumner{  
  	padding-left: 2%;  
  	padding-right: 2%;
	}

} /* slut brytpunkt max-width 45em för kolumner */












/*------------------------------------------
       Responsivt intranät
------------------------------------------*/

#sidaIntra .informationsrumsLänkKnappar { position: static; }
#sidaIntra { max-width: 100%; }
.innehallIntra, .innehallIntraMellan, .innehallIntraBred, #innehallMedUnderrubriker, #innehallUtanUnderrubriker  { /* CM 151119 Ska detta inte ha typ @media only screen and (max-width: 45em){ ?? */
  max-width: 97%; 
	padding-left: 1.4%; 
	padding-right: 1.4%; 
}  /* CM 151015 lagt till innehallIntra och innehallIntraBred */


.innehallIntra, .innehallIntraMellan, .innehallIntraBred{
	/*min-height: none; */
}
#ramInnehallUtanUnderrubrikerIntra, #ramInnehallMedUnderrubrikerIntra, #innehallKolumner, #redHemsida, #redIntra{
	/*min-height: none; */
}


#sidaIntra #sidhuvud img { max-width: 100%;}




/* --- startsidan --- */
/* detta finns i common
#intraStart #spalt_2 { width: 47%; float: left; margin-right: 0; }
*/

#intraStart #spalt_1, #intraStart #spalt_2, #intraSpalter #spalt_1, #intraSpalter #spalt_2  { width: 100%; margin-left: auto; margin-right: auto; float: none; }

/*  --- adm --- */
/*#redHemsida, #redIntra { width: 100%; margin-left: auto; margin-right: auto; padding-left: 1.4%; padding-right: 1.4%; float: none; }*/
#redHemsida, #redIntra { width: 100%; margin-left: auto; margin-right: auto;  float: none; } /*180819*/

/* Detta står i common, ska något göras? */
#redHemsida form select, #redIntra form select { 
	width: 230px; 
} 
#redHemsida form input, #redIntra form input { display: block; }

/* --- adressbok CM 151020--- */
.osynligSmalTabell, .osynligSmalInline, .osynligSmalBlock{display: none;}


/* ------------------------------------------------------------------------------------- */
@media only screen and (min-width: 45em) {

/* --- startsida--- */
#intraStart #spalt_1 , #intraSpalter #spalt_1  { width: 47%; float: left; margin-left: 0;}
#intraStart #spalt_2, #intraSpalter #spalt_2 { width: 47%; float: right; margin-right: 0; }

/* ---- adm --- */
#redHemsida { width: 47%; float: left; margin-left: 0;}
#redIntra { width: 47%; float: right; margin-right: 0; }

/* --- adressbok CM 151020--- */
.osynligSmalTabell{display: table-cell;}
.osynligSmalInline{display: inline;}
.osynligSmalBlock{display: block;}

}