/******* global layout definitions *******/ 
body {
	background: #041f4e url(img_body_bg.png) top center no-repeat;
	padding: 10px;
	margin: 0;
}
/******* head *******/
div#header {
	position: relative; /* to place absolute positioned elements relative to the header */
	margin: 0 auto; /* align center */
	width: 975px;
	/* no height definition to sourround header with border if elements are strechting header vertically */
	/* mac ie: height + position: relative; + .area = absolute positioned elements are positioned crazy */
	text-align: left; /* reset body center definition */
	background: #ffffff;
}

/******* main <div> that contains leftpanel, workingTemplate, rightpanel and footer *******/
div#main {
	margin: 0 auto; /* align center */
	padding: 0;
	width: 975px; /* global width minus left and right */
	text-align: left; /* reset body center definition */
	/*background: #ffffff url(main_bg.gif);*/
	background: #041f4e url(img_main_bg.png) repeat-y;
}
/* left side navigation */
div#leftpanel {
	float: left;
	display: inline; /* ie: prevent the ie doubled float-margin bug */
	margin: 0;
	width: 197px;
	background: #eaeaea;
}
/* main (middle) content */
div#workingTemplate { 
	float: left;
	background: #ffffff url(img_main_bg.png) repeat-y;
	display: inline; /* ie: prevent the ie doubled float-margin bug */
	min-height: 50px; /* set to #workingTemplate to move footer down; ie: doesn't work, problem is solved within fixes.css */
}
* html div#workingTemplate { /* ie: min height definition; the following is not necessary - height: expression(this.scrollHeight < 588? "588px" : "auto") */
/* ie: automatically stretches content dynamically */
/* hide from mac ie5 because mac ie doesn't strech content \*/
	height: 588px;
/* end hide from mac ie5 */
}
/* the following definitions define the different combinations of content and left/rightpanel, 
ie: #content.[class name] doesn't work if you define width for #content.noLeftpanel and #content.noRightpanel (directly) after each other, the last definition would be ignored */
div.leftpanelAndRightpanel { /* leftpanel and rightpanel are shown */
	width: 581px; /* mac ie: if #rightpanel appears "under" #workingTemplate set width: 559px; */
}
div.hideLeftpanel { /* no leftpanel is shown */
	width: 778px;
}
div.hideRightpanel { /* no rightpanel is shown */
	width: 777px;
}
div.hideLeftpanelAndRightpanel { /* neither leftpanel nor rightpanel are shown */
	width: 975px;
}
/* right side navigation */
div#rightpanel {
	float: left;
	display: inline; /* ie: prevent the ie doubled float-margin bug */
	width: 197px;
}

/* footer */
div#footer {
	clear: both;
	width: 975px;
}