#header 
{
  height: 85px;
  background-color:#070731;
}

#navigation
{
  height: 28px;
  background-color: #6B7D8C;
}

#sitemapTable
{
	width: 100%;
	/*border-right: 1px solid white;*/
}


#contactButtons
{
	position:absolute;
  bottom:0px;
  left:0px;
}

#contactForm
{
	overflow: auto;
	height: expression(eval(calcContentHeight()-64));
}

#contactForm table,
.contactText
{
	margin: 26px 20px 0px 20px;
}


#main 
{
  position:absolute;
  top:0;
  left:expression(eval(calcLeft()));
  width:expression(eval(calcWidth()));
  height:expression(eval(calcHeight()));
  background-color:#9CB2BD;
}


/* TEMPLATE homepage */

.homepageMain
{
	margin-top: expression(eval(isEditing() ? 0 : 8));
	width: 752px;
	height: expression(eval(calcContentHeight()));
}

.homepageRight
{
	position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop)+(isEditing() ? 0 : 7)));
  left: expression(eval(calcContentWidth()-248+ (isEditing() ? 0:24) )); 
  width: 248px;
  height: expression(eval(calcContentHeight()+1));
}

.homepageImage
{
	position:absolute;
  top: expression(eval(isEditing() ? 0 : 148));
  width:752px;
  height: expression(eval(calcContentHeight()-128));
  border: 1px solid white;
  overflow: hidden;
  background-color: #ffffff;
}

.homepageText
{
	position:absolute;
  bottom: expression(eval(isEditing() ? 18 : 12));
  width:752px;
  height: 128px;
  padding: 13px 16px 16px 16px;
}

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

.contentLeft
{
	position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop)+(isEditing() ? 0 : 8)));
  left: expression(eval(isEditing() ? 0 : 26));
  width:250px; /* 224 + 26 */
  height: expression(eval(calcContentHeight()));
}

.contentMainWithLeft
{
  position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop)+(isEditing() ? 0 : 8)));
  left: expression(eval(250 + (isEditing() ? -2 : 26))); /* 224 + 26 */
  width:expression(eval(parseInt(main.currentStyle.width)-448- (isEditing() ? 72 : 76))); /* 448 2 x vertical;  */
  height: expression(eval(calcContentHeight()));
}

.verticalRight
{
  position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop)+(isEditing() ? 0 : 8)));
  left: expression(eval(calcContentWidth()-224 + (isEditing() ? 0:24) )); 
  width: 224px;
  height: expression(eval(calcContentHeight()));
}

.contentBackgroundImage
{
	 position:absolute;
	 height: expression(eval(calcContentHeight()));
	 top:0px;
	 bottom:0px;
	 overflow:hidden;
	 border:1px solid white;
}

/* orgachart template */

.orgaChartMain
{
	position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop)+(isEditing() ? 0 : 8)));
  left: 26px; /* todo isediting */
  width:expression(eval(parseInt(main.currentStyle.width)-200- (isEditing() ? 72 : 74))); /* 448 2 x vertical;  */
  height: expression(eval(calcContentHeight()));
}

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


/* contactlist template */

.contactMain
{
  height: expression(eval(calcContentHeight()-25));
}

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

/* orgachart template */

.orgaChartMain
{
	position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop)+(isEditing() ? 0 : 8)));
  left: 26px; /* todo isediting */
  width:expression(eval(parseInt(main.currentStyle.width)-200- (isEditing() ? 72 : 74))); /* 448 2 x vertical;  */
  height: expression(eval(calcContentHeight()));
}

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

/* Contact form */

.contentMainAlignRight
{
  position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop)+(isEditing() ? 0 : 8)));
  left: 500px;
  width:expression(eval(parseInt(main.currentStyle.width)-448- (isEditing() ? 72 : 76))); /* 448 2 x vertical;  */
  height: expression(eval(calcContentHeight()));
}

.footerAlignMiddle
{
	position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop)+(isEditing() ? 0 : 8)));
  left: 276px; 
  width: 224px;
  height: expression(eval(calcContentHeight()));
}

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


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

/* template toplevel */
.contentLeftAlignMiddle
{
	/* +232 */
	
  position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop)+(isEditing() ? 0 : 8)));
  left: expression(eval(482 + (isEditing() ? -2 : 26))); /* 224 + 26 */
  width:expression(eval(parseInt(main.currentStyle.width)-448-232- (isEditing() ? 72 : 76))); /* 448 2 x vertical;  */
  height: expression(eval(calcContentHeight()));
}

.toplevelTopteaser
{
	position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop)+(isEditing() ? 0 : 8)));
  left: expression(eval(isEditing() ? 0 : 26));
  width:482px; /* 224 + 26 */
  height: 244px;
}

.toplevelImage
{
	position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop)+244+(isEditing() ? 0 : 8)));
  left: expression(eval(isEditing() ? 0 : 26));
  width:482px; /* 224 + 26 */
  border: 1px solid white;
  height: expression(eval(calcContentHeight()-244));
  overflow: hidden;
}
/* ------------------------- */