/* Start of CMSMS style sheet 'E-lazy_days : lazy days layout for 2x2content' */
/**************************************************************
   AUTHOR:  René Helminsen     DATE:    2006.11.25
   PURPOSE: Controls the layout of the 2x2 content boxes
   
 **************************************************************/

/**************************************************************
   #content: Sets the colors and background of 2x2 contentboxes
 **************************************************************/

/* A1 innholdsboks */
div#content div.A1 { 
/* background-color: #FFF;  hvit bakgrunn */
 background-color: #666;
/* color: #555;  mørk grå tekst */
 color: #EEE;
 text-align: center;
/* så gradient plasseres der den skal være */
		position:relative;
}
.A1 h2{ 
/* background-color: #555; */
 color: #9FF3FF;
}
.A1 h3{ 
/* background-color: #555; */
 color: #F8D766;
}
.A1 h4{ 
/* background-color: #555;*/
 color: #FFF;
}
.A1 h5{ 
/* background-color: #555; */
 color: #000;
 padding-bottom: 1px;
 padding-left: 0.25em;
 padding-top: 0.5em;
}
.A1 h6{ 
/* background-color: #555; */
 color: #000;
 font-style: italic;
 text-decoration: underline;
 padding-bottom: 1px;
 padding-left: 0.25em;
 padding-top: 0.25em;
}


/* B1 innholdsboks */
div#content div.B1 { 
/* background-color: #FFF; */
 background-color: #666; 
; color: #555;
 color: #EEE;
 text-align: center;
/* så gradient plasseres der den skal være */
		position:relative;
}
.B1 h2{ 
/* background-color: #555;  */
 color: #9FF3FF;
}
.B1 h3{ 
/* background-color: #555;  */
 color: #F8D766;
}
.B1 h4{ 
/* background-color: #555; */
 color: #FFF;
}
.B1 h5{ 
/* background-color: #555; */
 color: #000;
 padding-bottom: 1px;
 padding-left: 0.25em;
 padding-top: 0.5em;
}
.B1 h6{ 
/* background-color: #555; */
 color: #000;
 font-style: italic;
 text-decoration: underline;
 padding-bottom: 1px;
 padding-left: 0.25em;
 padding-top: 0.25em;
}


/* A2 innholdsboks */
div#content div.A2 { 
/* background-color: #FFF;  */
 background-color: #666; 
/* color: #555;*/
 color: #EEE;
 text-align: center;
/* så gradient plasseres der den skal være */
		position:relative;
}
.A2 h2{ 
/* background-color: #555;  */
 color: #9FF3FF;
}
.A2 h3{ 
/* background-color: #555;  */
 color: #F8D766;
}
.A2 h4{ 
/* background-color: #555; */
 color: #FFF;
}
.A2 h5{ 
/* background-color: #555; */
 color: #000;
 padding-bottom: 1px;
 padding-left: 0.25em;
 padding-top: 0.5em;
}
.A2 h6{ 
/* background-color: #555; */
 color: #000;
 font-style: italic;
 text-decoration: underline;
 padding-bottom: 1px;
 padding-left: 0.25em;
 padding-top: 0.25em;
}


/* B2 innholdsboks */
div#content div.B2 { 
/* background-color: #FFF;  */
 background-color: #666; 
/* color: #555;*/
 color: #EEE;
 text-align: center;
/* så gradient plasseres der den skal være */
		position:relative;
}
.B2 h2{ 
/* background-color: #555;  */
 color: #9FF3FF;
}
.B2 h3{ 
/* background-color: #555;  */
 color: #F8D766;
}
.B2 h4{ 
/* background-color: #555; */
 color: #FFF;
}
.B2 h5{ 
/* background-color: #555; */
 color: #000;
 padding-bottom: 1px;
 padding-left: 0.25em;
 padding-top: 0.5em;
}
.B2 h6{ 
/* background-color: #555; */
 color: #000;
 font-style: italic;
 text-decoration: underline;
 padding-bottom: 1px;
 padding-left: 0.25em;
 padding-top: 0.25em;
}

/***************************************************
Mulig klassene kan skrives slik også for stiler som gjelder flere klasser?
***************************************************/
.A1, .B1,.A2,.B2, h4{ 
 background-color: #555;
 color: #FFF;
}

h1, h2, h3, h4, h5, h6, p, dl {
  margin: 0;
  padding: 10px 15px;
}

/* Done so the leftmost column aligns properly with the header.
   If the leftmost column has class gradient applied to it, 
   this class isn't required. */
/***************************************************
.leftColumn h1,
.leftColumn h2, 
.leftColumn h3,
.leftColumn h4,
.leftColumn h5,
.leftColumn h6,
.leftColumn p,
.leftColumn dl {
  padding-left: 0;
}
***************************************************/

/****
 et tidlig forsøk på å sikre at innholdsboksene alltid står korrekt 2x2 som tenkt og ikke forskyves
div#content div.A2 { 
   clear: left;
}
****/



/**************************************************************
   KOMMENTERT BORT 
**************************************************************

  color: #F8D766; = oransje 
  color: #9FF3FF; +
  color: #65EBFF; = lys blå 
  color: #444; = mørk grå
for tekstfarge 
  background: #FFF; = hvit
  background: #cccccc; = helt lys grå
  background: #f5f5f5; = lys grå
  background: #666; = mellomgrå = nettstedets bakgrunn
  background: #555; = mørk grå lik sidemeny
  background: #000; = sort
for bakgrunn

**************************************************************
  KOMMENTERT BORT 
**************************************************************/


/* End of 'E-lazy_days : lazy days layout for 2x2content' */