#header 
{
  height: 85px;
  background-color:#0055a0; /*  07_0731; */
}

#navigation
{
  height: 28px;
  background-color: #83a9cb;  /*alt: 3e_73b9*/
}

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


#contactButtons
{
	position:absolute;
  bottom:0px;
  left:0px;
  background-color: #ececec;
}

#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:#f8f8f8; /* alt: 85_b2de*/
}


/* TEMPLATE homepage */

.homepageContainer
{
	margin-top: expression(eval(isEditing() ? 0 : 8));
	width:expression(eval(parseInt(main.currentStyle.width)-52)); 
	height: expression(eval(calcContentHeight()));
	border: 1px solid #dadada;
}

.homepageImage
{
	position:absolute;
  bottom: expression(eval(isEditing() ? 130 : 138));
  width:expression(eval(parseInt(main.currentStyle.width)-86)); 
  height: expression(eval(calcContentHeight()-144));
  border: 1px solid #dadada;
  overflow: hidden;
  background-color: #ffffff;
}

.homepageText
{
	position:absolute;
  bottom: expression(eval(isEditing() ? 18 : 26));
  width:expression(eval(parseInt(main.currentStyle.width)-54-32)); 
  height: 112px;
  border-left: 1px solid #dadada;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  background-color: #ffffff;
}

/* ------------ 02_01_0 toplevel ----------- */

.contentLeftAlignMiddle
{
	position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop)+(isEditing() ? 0 : 8)));
  width: 250px; /* 224 + 26 */
  right: expression(eval((isEditing() ? 220 : 248)));
  height: expression(eval(calcContentHeight()));
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  border-left: 1px solid #dadada;
}

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

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

.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()));
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}

.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()));
  border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}

.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()));
  border: 1px solid #dadada;
	border: 1px solid #dadada;
	border: 1px solid #dadada;
}

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

/* contactlist template */

.contactMain
{
	border: 1px solid white;
  height: expression(eval(calcContentHeight()-24));
}

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

/* 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()));
   border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
	border-bottom: 1px solid #dadada;
}

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

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

.toplevelLeft
{
  position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop) + (isEditing() ? 0 : 8)));
  left: expression(eval(isEditing() ? 0 : 26));
  width: 526px; 
  height: expression(eval(calcContentHeight()));
  border: 1px solid #dadada;
}

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


.toplevelTopTeaser
{
	position:absolute;
	top:0px;
	height:252px;
	width: 480px; /* 464 + 16 */
}

.toplevelHomeImage
{
	 position:absolute;
	 top:252px;
	 bottom:0px;
	 overflow:hidden;
	 height: expression(eval(calcContentHeight()-252));
	 border-left: 1px solid #dadada; 
		border-top: 1px solid #dadada;
		border-bottom: 1px solid #dadada;
	 width: 526px;
	 border:1px solid white;
}