html, body, #mainform
{
  height: 100%;
  min-height: 100%;
  width: 100%;
}
html > body, html > body #mainform
{
  height: auto;
}
#mainform
{
  left: 0;
  top: 0;
  position: absolute;
  z-index: 100;
}
#bodywrap
{
  height: auto;
  width: 900px;
  text-align: left;
  margin: 0 auto;
  padding-bottom: 50px; /* must be same height as pagefooter*/
}
/*                 pageheader               */
#pageheader
{
  height: 192px;
  background-image:url('/EfterskolelivGrafik/flashlogo/tagline.gif');
	background-repeat:no-repeat;
}
#pageheader #logo
{
  /*
  margin-left: -22px;
  position: absolute;
  z-index:0;
*/
  margin-left:-22px;
	position:absolute;
	z-index: 25;
	
	height: 143px;
}
#pageheader #logo h1
{
  margin: 0;
  padding: 0;
}
#pageheader #logo a
{
  text-decoration: none;
}
#pageheader .headerContent
{
  font-family: Courier new, Monospace;
  padding-left: 410px;
  padding-left:0;
  width:900px;
  height: 192px; 
  position: absolute;
  top: 0;
  color: #fff;
  z-index:10;
  text-align:right;
  background: transparent url('/efterskolelivgrafik/Search/searchblobbackground.gif' ) no-repeat top right;
}
/*                 pagecontent              */
#pagecontent
{
  padding: 0 0 20px 0;
  background: #a4bb28 url('/efterskolelivgrafik/Body/contentbackground.gif' ) no-repeat top left;
}

#pagecontent .twocolumndocument 
{
  
}
#pagecontent .twocolumndocument .firstColumn
{
  width:420px;
  float:left;
  padding:10px;
}
#pagecontent .twocolumndocument .secondColumn
{
  width:420px;
  float:left;
  padding:10px;
}

#pagecontent .rightContentColumn, #pagecontent .leftContentColumn
{
  width: 440px;
}
#pagecontent .leftContentColumn
{
  float: left;
  clear: left;
}
#pagecontent .rightContentColumn
{
  float: right;
  clear: right;
}

/*                 pagefooter               */
#pagefooter
{
  width: 100%;
  height: 50px;
  bottom: 0;
  left: 0;
  position: absolute;
  text-align: center;
  z-index: 5;
  background: transparent url('/efterskolelivgrafik/Body/footerbackground.gif') no-repeat bottom center;
}
#pagefooter .contentaligner
{
  border-top: solid 1px #d2dd94;
  width: 900px;
  margin: 0 auto;
}

#pagefooter .footertext
{
  width: 900px;
  margin: 0 auto;
}

#pagefooter .copyright
{
  position: relative;
  margin-top: -5px;
}
/*--------------------------------------------------------------
                      elements (kasser)
--------------------------------------------------------------*/

.boxElement .topSpacing, 
.boxElement .bottomSpacing
{
  font-size: 1%;
  line-height: 1%;
  height: 26px;
  width:100%;
}
.boxElement .paddedElementContent
{
  padding:10px 0;
}
.boxElement .elementContent h1
{
  font-size:18px;
  line-height:20px;
  display:inline;
}
.boxElement .elementContent .elementBox
{
  padding:10px;
  min-height:10px;
}
* html .boxElement .elementContent .elementBox
{
  height:10px;
}
.boxElement .elementContent .elementBox .elementBoxTitle
{
  font-weight:bold;
  padding-bottom:5px;
}
.boxElement .rgb00a9d9
{
  background-color:#00a9d9;
}
.boxElement .rgba4bb28
{
  background-color:#a4bb28;
}
.boxElement .rgbf7941d
{
  background-color:#f7941d;
}
.boxElement .rgbec008c
{
  background-color:#ec008c;
}
.boxElement .rgb000000
{
  background-color:#000000;
  color:#fff;
}
.boxElement .rgb000000 a
{
  color:#fff;
}
.boxElement .rgbffffff
{
  background-color:#ffffff;
}
.boxElement .hiddenLabel
{
  display:none;
}
.boxElement .textbox
{
  border:solid 1px #000;
  display:block;
  width:190px;
  margin:0 10px 0 0 ;
}
.boxElement .textarea
{
  border:solid 1px #000;
  display:block;
  margin:0 10px 0 0 ;
}
.boxElement table.topAlign td
{
  vertical-align:top;
}