/* gemensam css uppdaterad CM 151103 */

/* Visa knapp för att godkänna cookies - visas från början */
#accepteraCookies{
  display: inline;
  position:absolute;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;
}  

body{
  color: rgb(70,70,70);
	font:76%/1.6 Verdana, sans-serif;
	text-align: center;
	margin-top: 6px;
}

/*_________________________________________________________________________ p */

p{
  text-align: left;
  line-height: 150%;
}
p.bold{
  font-weight: 600;
}
p.left{
  text-align: left;
}
p.center{
  text-align: center;
}
p.right{
  text-align: right;
}
p.justify{
  text-align: justify;
}
p.centerSmall{
  text-align: center;
	font-size:0.83em;
}
p.banner{
  text-align: center;
}

p.centerBigger{
  text-align: center;
	font-size: 16px;
}
p.centerBiggerCursorHand{
  text-align: center;
	font-size:1.33em;
	cursor: pointer;
	text-decoration: underline;
}
p.centerBiggerCursorHandRedText{
  text-align: center;
	font-size:1.33em;
	cursor: pointer;
	text-decoration: underline;
	color: rgb(163,30,30);
}
p.Welcome{
  text-align: center;
	font-size:1.5em;
}
p.centerBold{
  text-align: center;
	font-weight: 600;
}
p.bakgrund_chat{
  color: rgb(255,255,255);
	background-color: rgb(182,186,197);
	font-size:0.83em;
}




/*_________________________________________________________________________ a */

a:link{
  color: rgb(70,70,70);  
}
a:link.menu{
	font-weight:600;
	text-decoration: none;
}
a:link.menuRed{
	font-weight:bold;
	text-decoration: none;
	color: rgb(163,30,30);
}
a:visited{
  color: rgb(70,70,70);  
	text-decoration: underline;
}
a:visited.menu{
	font-weight:600;
	text-decoration: none;
}
a:visited.menuRed{
	font-weight: bold;
	color: rgb(163,30,30);
	text-decoration: none;
}
a:hover{
  text-decoration: underline;
	color: rgb(163,30,30);
}
a:hover.menuRed{
	font-weight:bold;
	text-decoration: underline;
	color: rgb(163,30,30);
}
a:link.notUnderline{
  font-weight:400;
	text-decoration: none;
}
a:visited.notUnderline{
  font-weight:400;
	text-decoration: none;
}
a:hover.notUnderline{
  font-weight:400;
	text-decoration: underline;
}
a:link.notUnderlineCursor{
  text-decoration: none;
	cursor: pointer;
}

/*________________________________________________________________________ h1 */

h1{
  font-size:1.83em;
	font-weight: normal;
	text-align: center;
}
h2{
  font-size:1.42em;
	font-weight: normal;
	text-align: center;
}
h3{ /*  h3 finns nog endast i nya layouten och närmare bestämt i avsnittsrubrikerna */
  font-size:1.42em;
	font-weight: normal;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}


/*  Nya layouten från januari 2011 */
h1.ordinariesida{ /*ordinarie sidor i nya layouten från 2011*/
  font-size:1.65em;
	text-align: center;
}
h1.startpresentation{ /*nya layouten från 2011 - tidigare var h2.presentation*/
  font-size:1.65em;
	text-align: center;
}
h2.startaktuellt{ /*nya layouten från 2011 - tidigare var h2.aktuellt*/
  font-size:1.65em;
	text-align: center;  
}
h2.avsnittcenter{ /*nya layouten från 2011*/
  text-align: center;
}
h3.avsnittleft{ /*nya layouten från 2011*/
  text-align: left;
}
h3.avsnittright{ /*nya layouten från 2011*/
  text-align: right;
}
h3.avsnittjustify{ /*nya layouten från 2011*/
  text-align: left;
}


h1.left{
  text-align: left;
}
h1.greyText{
  color: rgb(70,70,70);
}
h1.intrarubrik{  
}
h2.aktuellt{
  text-align: left;  
}
h2.kalender{
  text-align: left;
}
h2.center{
  text-align: center;
}
h2.left{
  text-align: left;
}
h3.left{
  text-align: left;
}
h2.right{
  text-align: right;
}
h2.bliLank{
	cursor: pointer;
	text-align: left;
}
h2.bliLankVi{
	cursor: pointer;
	text-align: left;
	color: red;
}
h5.eurosalesman{
  font-size:1.32em;
}


/*_____________________________________________________________________ table */

table{
  text-align: left;
	margin: 0 auto;
	font-size:1.0em;
}
table.innerPageIntra{
  background-color: rgb(255,255,255);  
	color: rgb(70,70,70);
  width: 800px;  
  text-align: center;
  border: 1px solid rgb(92, 92, 92);  
}
table.innerPageShowMessage{
  background-color: rgb(255,255,255);
	color: rgb(70,70,70); 
	width: 800px;  
  text-align: left;    /* ME 150509 från center */
  border: 1px solid rgb(70,70,70);  
}
table.menu{
  margin:0;
	padding:0;
}
table.width600{
	width: 600px;
	text-align: center;
  margin-top: 8px;
}
table.rubrikMedMera{
  margin-top: 12px;
}
table.rubrikMedMeraLeft{
  text-align: left;
	margin-top: 12px;
	width: 660px;
}
table.width600Left{
	width: 600px;
	text-align: left;
  margin-top: 8px;
}
table.widthMoreLeft{
	width: 750px;
	text-align: left;
  margin-top: 8px;
}
table.width600LeftGray{
	width: 600px;
	text-align: left;
  margin-top: 8px;
	background-color: rgb(247,248,251);
}
table.width300Left{
	width: 300px;
	text-align: left;
  margin-top: 8px;
}
table.width600WithTopMargin{
	width: 600px;
	text-align: center;
  margin-top: 18px;
}
table.firstPage{
	width: 600px;
	text-align: center;
  margin-top: 18px;
}
table.adm{
  border: 1px solid rgb(218,222,234);
}
table.hide{
  visibility: hidden;
	position: absolute;
	z-index: 10;
}
table.show{
  visibility: visible;
	position: relative;
}
table.intraPagangForskola{
  border: 1px solid rgb(154,207,167);
}
table.printwidth{
  width: 200px;
}
table.sidfot{
	width: 726px;
}
table.sidfotStart{  
  width: 800px;  
	text-align: center;
}
table.sidfotOrdinarie{  
  width: 800px;  
	text-align: center;
}
table.adm_whole{
	width: 809px;
	background-image: url('platta_adm_whole.jpg');
  background-repeat: no-repeat;	
}
table.adm_middle{
	background-color: rgb(255,255,255);
}
table.adm_bakom_knappar{
  background-color: rgb(234,234,236);
	width: 770px;
}
table.intraSida{
  background-color: rgb(255,255,255);  
}
table.intraCommon{
  background-image: url('intra_platta_plain.jpg');
  background-repeat: repeat;	
	width: 346px;
	height: 50px; 
	margin-top: 15px;
	border: 1px solid rgb(218,222,234);
}
table.ordinarieSidaKalender{	
	height: 300px;
}
table.bakgrundVit{
  background-color: rgb(255,255,255);
	color: rgb(70,70,70);
}






/*________________________________________________________________________ tr */

tr.menu{
}
tr.gray{
  background-color: rgb(235,235,237);
}





/*________________________________________________________________________ td */

td{
	vertical-align: top;
	padding: 2px;
}
td.menu{
	padding-bottom: 3px;
	margin-top:0;	
  height: 20px;
}

td.width380{
  width: 380px;
}
td.bold{
  font-weight: bold;
}
td.border{
  border: 1px solid rgb(0,0,0);
}
td.ordinarieLeftRubrik{
  width: 120px;
	text-align:left;
}
td.ordinarieLeft{
  width: 60px;
}
td.ordinarieCenter{
  padding-bottom: 30px;
}
td.ordinarieCenterRubrik{
  padding-bottom: 30px;
}
td.width150{
  width: 150px;
}
td.center{
  text-align:center;
}
td.centerKalenderMer{
  text-align:center;
}
td.centerBold{
  text-align:center;
	font-weight: bold;
}
td.right{
  text-align:right;
}
td.rightBold{
  text-align:right;
	font-weight: bold;
}
td.left{
  text-align:left;
}
td.leftBold{
  text-align:left;
	font-weight: bold;
}
td.leftSmaller{
  text-align:right;
	font-size:0.83em;
}
td.centerSmallText{
  text-align:center;
	font-size:0.9em;
}
td.centerSmallTextGreyBackground{
  text-align: center;
	font-size:0.9em;
	background-color: rgb(235,235,237);
}
td.gray{
  background-color: rgb(235,235,237);
	text-align:center;
}

td.chat{
	font-size:0.83em;
}
td.intraStartLeft{
  width: 400px;
	padding-right: 15px;
}
td.intraStartRight{
  width: 400px;
	padding-left: 15px;
}
td.fotoalbumMark{
	background-color: rgb(204,0,0);
}
td.bannerDown{
  padding-left: 15px;
}
td.intraKnapp{
  margin:0px;	
	padding:0px;	
}

td.intraCommon{
  padding-left:15px;
	padding-right:15px;
}
td.bildPaSida{
  width:10%;
}
td.arkiv{
  width:50%;
	height:30px;
	text-align: left;
}
td.kalenderpil{
	vertical-align: baseline;
}
td.kalenderrubrik{
}
startRight td.intraKalenderDatum{
  /*width:40%;*/ /*Hur undvika radbrytning här?*/
}


#dokumentarkivTabell{
  width: 100%;
  table-layout: fixed;    /* behövs för att avklippning av filnamn ska fungera */
}
#dokumentarkivTabell td{  /* avklippning av filnamn */  
  overflow: hidden;
  text-overflow:ellipsis;
}
#dokumentarkivTabell td{ /* vänsterställd text även i IE */     
  overflow: hidden;
  text-overflow:ellipsis;
}
#dokumentarkivTabell #namn{ /* kolumnbredder */  
  width: 300px;
}
#dokumentarkivTabell #sparad{
  width: 90px;
}
#dokumentarkivTabell #taBort{
  width: 70px;
}
#dokumentarkivTabell #länka{
  width: 90px;
}
#dokumentarkivTabell td, #dokumentarkivTabell th{
  text-align: left; 
}


/*________________________________________________________________________img */

img{
  border:none;
}
img.wrapLeft{
  float:left;
  margin-top:0px;
  margin-right:10px;
  margin-bottom:0px;
}
img.wrapRight{
  float:right;
  margin-top:0px;
  margin-left:10px;
  margin-bottom:0px;
}
#bildspel, #bildspel2, #bildspel3, #bildspel4{
	position: relative;
	height: 330px;
}
#bildspel img, #bildspel2 img, #bildspel3 img, #bildspel4 img{
	display:none;	
}
.bildspel{
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
}

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

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

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



/*________________________________________________________________________span */

span.bold{
  font-weight: bold;
}
span.red{
  color: red;
}
span.datumIdag{
  color: rgb(163,30,30);
	font-weight: bold;
	background-color: rgb(235,235,237);
}
span.chatNamn{
  color: red;
}
span.arkivrubrik{
  font-size:1.42em;
	font-weight: normal;
	text-align: left;
	line-height: 200%;
}
span.normalText {
 	font:55%/1.6 Verdana, sans-serif; 
}
div.smaller{
  text-align:center;
	font-size:2.0em;
}
div.vitBakgrund{
  background-color: rgb(255,255,255);
}
div.underline{
  text-decoration: underline;
	cursor: pointer;
}


/*___________________________________________________ input, textarea, select */

input, textarea, select { 
  color: rgb(70,70,70); 
	font-size:1.0em;
}
input.intra{ 
  color: rgb(70,70,70); 
	font-size:1.0em;
}
textarea.intra{ 
  color: rgb(70,70,70); 
	font-size:1.0em;
}
select.intra{ 
  color: rgb(70,70,70); 
	font-size:1.0em;
}





span.yellow{
  background-color: yellow;
}
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;
}

#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;
}

audio{
  margin-top: 6px;
}

/* ------------- Formulär ------------ */
/*___________________________________________________ formulär 1403 */
#form label, .form label{
  float: left;  
  width: 100px;
  clear: left;
} 
label.tillVanster {
  float: none; 
  padding-left: 2px;
}   


#form input[type="text"], .form input[type="text"]{
  width: 250px;
}

#form textarea, .form textarea {
    width: 250px;
		height: 100px;
}


#form input[type="submit"], .form input[type="submit"] {
    width: 70px;   
}

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

/* 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;
	height: 120px;
}



/* --- Bokning Senast uppdaterad ME 150421 10:55 --- */

/* --- 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; }
p.bokningKategorilista{
  width: 400px;
	list-style-type: none;
  line-height: 3.0;
  margin-top: 20px;
  margin-bottom: 20px;
	padding-left: 300px;
}

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




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

/* ME 150603 */

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


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


.innehallIntra {
 overflow: hidden;
 min-height: 500px;
}




form#bokningKategori label, form#bokningPass label { float: left; width: 150px; } /* Måste flyta vänster för att width ska ta */
.kortInput { width: 30px; }

.maxAntalBokn { width: 50px; }