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

#navigation
{
  height: 28px;
  background-color: #78857f;
}

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

/* TEMPLATE homepage */

.horizontal-fixedHeight 
{
  position:absolute;
  border:16px solid #DEE5E2;
  width:expression(eval(calcContentWidth()-224));
  height:340px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color:White;
}

.horizontal-fixedHeightWide
{
  position:absolute;
  border:16px solid #DEE5E2;
  width:expression(eval(calcContentWidth()));
  height:288px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color:White;
}

.horizontal-sizingHeight 
{
  position:absolute;
  border:16px solid #DEE5E2;
  border-top:0px;
  top: expression(eval(parseInt(this.parentElement.offsetTop)+ 340)); /* 320 = 288 + 2*16 border */
  width:expression(eval(calcContentWidth()-224));
  height:expression(eval(calcContentHeight()-340));  /* 320 = 288 + 2*16 border */
  overflow:auto;
}

.horizontal-sizingHeightWide
{
  position:absolute;
  border:16px solid #DEE5E2;
  border-top:0px;
  top: expression(eval(parseInt(this.parentElement.offsetTop)+308)); 
  width:expression(eval(calcContentWidth()));
  height:expression(eval(calcContentHeight()-308));  
  overflow:auto;
}

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

/* TEMPLATE topic */

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

.topicMain
{
  position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop)));
  left: expression(eval(250 + (isEditing() ? 0 : 26)));
  width:expression(eval(calcContentWidth()-(448+24+26) + 22));
  height: expression(eval(calcContentHeight()));
}

/* TEMPLATE toplevel */

.toplevelLeft
{
  position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop)));
  left: expression(eval(isEditing() ? 0 : 26));
  width: 480px; /* 464 + 16 */
  height: expression(eval(calcContentHeight()));
}

.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));
	 width: 480px;
	 border:1px solid white;
}

/* TEMPLATE content */

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

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

.contentMainWithoutLeft
{
  position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop)));
  left: expression(eval(isEditing() ? 0 : 26));
  width:expression(eval(parseInt(main.currentStyle.width)-224-48-2)); /* 224 1 x vertical; 48 = 2 x border vertical */
  height: expression(eval(calcContentHeight()));
}

.contentMainLeft
{
  position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop)));
  left: expression(eval(isEditing() ? 0 : 26));
  width:expression(eval(parseInt(main.currentStyle.width)-232-294)); /* 224 1 x vertical; 48 = 2 x border vertical */
  height: expression(eval(calcContentHeight()));
}

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

.contentLeftAlignMiddle
{
	position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop)));
  left: expression(224 + 72 + eval(isEditing() ? 0 : 24));
  width:482px;
  height: expression(eval(calcContentHeight()));
}

.contentLeftSmallAlignMiddle
{
	position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop)));
  left: expression(452 + 72 + eval(isEditing() ? 0 : 26));
  width:254px;
  height: expression(eval(calcContentHeight()));
}

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

.contentMainSmallWithLeft
{
  position:absolute;
  top: expression(eval(parseInt(this.parentElement.offsetTop)));
  left: expression(eval(448 +26+ (isEditing() ? 0 : 24)));
  width:expression(eval(parseInt(main.currentStyle.width)-672-26-48)); /* 448 2 x vertical; 52 = 2 x border vertical */
  height: expression(eval(calcContentHeight()));
}

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

/* TEMPLATE contact */

#contactTable
{
	width: expression(eval(parseInt(this.parentElement.currentStyle.width)));
}

/* contactlist template */

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

#sitemapTable
{
	border: 1px solid white;
	width:expression(eval(parseInt(main.currentStyle.width)-448-92));
}

#contactButtons
{
	border: 1px solid #ffffff;
	position:absolute;
  bottom:0px;
  left:0px;
}

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

#contactForm3Buttons
{
	overflow: auto;
	height: expression(eval(calcContentHeight()-87));
}

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

/* Footer */

.footerLinklistScrollable
{
	 position:absolute;
	 height: expression(eval(calcContentHeight() - 64));
	 width: expression(eval(parseInt(this.parentElement.currentStyle.width)));
}