/******* global layout definitions *******/ 

body #content {
	background: transparent;
	position: absolute;
	top:15px;
	left: 220px;
	right: 0;
	text-align:left;
	width: 791px;
}
	
#content #kanji1{
	background: url(../images/Seishinkai_left.gif) no-repeat;
	position: absolute;
	top:140px;
	left: -170px;
	right: 0;
	width: 115px;
	height:348px;
}

#content #kanji2{
	background: url(../images/Seishinkai_right.gif) no-repeat;
	position: absolute;
	top:140px;
	left: 820px;
	right: 0;
	width: 115px;
	height:348px;
}

/******* head *******/
div#header {
	position: relative;
	/* to place absolute positioned elements relative to the header */
	margin: 0 auto;
	/* align center */

	width: 791px;
	/* 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 */
}
/******* EO head *******/


/******* main <div> that contains leftpanel, workingTemplate, line *******/
div#main {
	margin: 0 auto; /* align center */
	padding: 0 0 0 0;	
	width: 795px; /* global width minus left and right */
	background: url(../images/Leftpanel_Shadow.gif) repeat-y;
	text-align: left; /* reset body center definition */
	min-height: 588px; /* set to #workingTemplate to move footer down; ie: doesn't work, problem is solved within fixes.css */
	float:left;
	display: inline; /* ie: prevent the ie doubled float-margin bug */
}

div#leftpanel {
	float: left;
	min-height: 588px; 
	width: 176px;
	color: #666;
	position: relative;
}

div#workingArea { 
  float: left;
	margin-left:3px;
	padding: 8px;
	min-height: 588px; /* set to #workingTemplate to move footer down; ie: doesn't work, problem is solved within fixes.css */
	background: url(../images/SSK_BG.gif) repeat;
	width: 580px;
}

/******* EO main <div> that contains leftpanel, workingTemplate, line and shadow *******/


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

/* IE */

* html div#main{ /* 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 */
}

* html div#leftpanel{ /* 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 */
}

* html div#workingArea { /* 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 */
}