html			{BORDER-STYLE:_none; HEIGHT:100%;}
body		                {MARGIN: 5px; FONT-COLOR: black; FONT-FAMILY: Arial; HEIGHT:100%;}

@media print{
body		                {ZOOM: 87%; BACKGROUND-COLOR: #FFFFFF;}
#pagebreak	                {PAGE-BREAK-AFTER: always;}

/* popup-menu */
#menu				{DISPLAY: none; FILTER:blendTrans(Duration=0.3);}
input				{DISPLAY: none;}
#menucaption		        {DISPLAY: none;}
#menuitems			{DISPLAY: none;}
}
@media screen{
body		                {ZOOM: 120%; BACKGROUND-COLOR: #ECE9D8;}
#pagebreak	                {DISPLAY: none;}

/* popup-menu */
#menu,
.submenu			{BACKGROUND-COLOR: buttonface; POSITION: absolute; WIDTH: 180px; BORDER-STYLE: outset; BORDER-WIDTH: 2px; Z-INDEX: 200; VISIBILITY: hidden; FILTER:blendTrans(Duration=0.3); FONT-SIZE: 70%;}
input				{CURSOR: hand;}
#menucaption		        {BACKGROUND-COLOR: blue; COLOR: white; TEXT-ALIGN:center;}
#menuitems			{PADDING: 5px;}
#menuitemcaption                {WIDTH: 79%;}
#menuitemsub                    {WIDTH: 6%; POSITION: relative; TOP:-3px; CURSOR: hand;}
}

#reporthead	                {WIDTH: 800px; HEIGHT: 35px; BACKGROUND-COLOR: white; BORDER-BOTTOM: 1px solid black; FONT-SIZE: 100%;}

#recipehead, #orderhead		{WIDTH: 800px; BACKGROUND-COLOR: silver; FONT-SIZE: 70%;}

#headcaption		{FONT-WEIGHT: bolder; TEXT-DECORATION: underline; CLEAR:both;}

#headline,
#recipeheadline,
#orderheadline,
#runprogsummaryline		{LINE-HEIGHT: 90%;}

#headitem,
#recipeheaditem			{FLOAT: left; WIDTH: 33%;}
#headitemcaption,
#recipeheaditemcaption		{FLOAT: left; WIDTH: 40%;}
#headitemvalue,
#recipeheaditemvalue		{FLOAT: left; WIDTH: 40%;}
#headitemunit,
#recipeheaditemunit		{WIDTH: 20%;}

#steps				{WIDTH: 800px; BORDER-TOP: 1px solid black; BORDER-BOTTOM: 1px solid black; BACKGROUND-COLOR:white;}
#step				{CLEAR: both; BORDER-TOP: 1px solid silver; OVERFLOW:hidden;}

#stepno		{FLOAT: left; WIDTH: 4%; PADDING-RIGHT: 2px; CLEAR: both; TEXT-ALIGN: right; FONT-WEIGHT:bold;}

#stepsubno           	{FLOAT: left; WIDTH: 2%; FONT-SIZE: 60%}
.stepjump           	{COLOR:yellow; BACKGROUND-COLOR:blue;}

#time		{FLOAT: left; WIDTH: 10%; LETTER-SPACING: 0px; WORD-SPACING: 0px; FONT: 53%; OVERFLOW: visible;}

#limitsoll,
#timesoll		{FLOAT: left; WIDTH: 49%; OVERFLOW: hidden; COLOR:blue;}
#limitist,
#timeist		{FLOAT: left; WIDTH: 49%; OVERFLOW: hidden; COLOR:green; FONT: italic;}

#werte		{WIDTH: 100%; FONT: 70%; OVERFLOW: hidden; LINE-HEIGHT:90%}


#value_caption	{FLOAT: left; WIDTH: 30%; FONT-WEIGHT: _bolder; }
#value_recipe,
#value_default,
#value_setvalue,
#value_current	{FLOAT: left; WIDTH: 10%; TEXT-ALIGN:right; MARGIN-RIGHT:1%;}

#unit_recipe,
#unit_default,
#unit_setvalue,
#unit_current	{FLOAT: left; WIDTH: 5%; OVERFLOW:hidden;}

#value_recipe,
#unit_recipe	{COLOR:blue;}
#value_default,
#unit_default	{COLOR:gray;}
#value_setvalue,
#unit_setvalue	{}
#value_current,
#unit_current	{COLOR:green; FONT: italic;}

#steptype016w1i,#steptype017w1i,#steptype018w1i,
#steptype019w1i,#steptype020w1i,#steptype021w1i,#steptype022w1i,#steptype023w1i,
#steptype024w1i,#steptype027w1i,#steptype029w1i,#steptype030w1i,#steptype031w1i,
#steptype032w1i,#steptype033w1i,#steptype050w1i,#steptype051w1i,
#steptype016w2i,#steptype017w2i,#steptype018w2i,
#steptype019w2i,#steptype020w2i,#steptype021w2i,#steptype022w2i,#steptype023w2i,
#steptype024w2i,#steptype027w2i,#steptype029w2i,#steptype030w2i,#steptype031w2i,
#steptype032w2i,#steptype033w2i,#steptype050w2i,#steptype051w2i,
#steptype016w3i,#steptype017w3i,#steptype018w3i,
#steptype019w3i,#steptype020w3i,#steptype021w3i,#steptype022w3i,#steptype023w3i,
#steptype024w3i,#steptype027w3i,#steptype029w3i,#steptype030w3i,#steptype031w3i,
#steptype032w3i,#steptype033w3i,#steptype050w3i,#steptype051w3i,
#steptype016w4i,#steptype017w4i,#steptype018w4i,
#steptype019w4i,#steptype020w4i,#steptype021w4i,#steptype022w4i,#steptype023w4i,
#steptype024w4i,#steptype027w4i,#steptype029w4i,#steptype030w4i,#steptype031w4i,
#steptype032w4i,#steptype033w4i,#steptype050w4i,#steptype051w4i,
#steptype016w5i,#steptype017w5i,#steptype018w5i,
#steptype019w5i,#steptype020w5i,#steptype021w5i,#steptype022w5i,#steptype023w5i,
#steptype024w5i,#steptype027w5i,#steptype029w5i,#steptype030w5i,#steptype031w5i,
#steptype032w5i,#steptype033w5i,#steptype050w5i,#steptype051w5i,
#steptype016w6i,#steptype017w6i,#steptype018w6i,
#steptype019w6i,#steptype020w6i,#steptype021w6i,#steptype022w6i,#steptype023w6i,
#steptype024w6i,#steptype027w6i,#steptype029w6i,#steptype030w6i,#steptype031w6i,
#steptype032w6i,#steptype033w6i,#steptype050w6i,#steptype051w6i,
				{DISPLAY:none; FLOAT: left; WIDTH: 21%; TEXT-ALIGN: right; FONT: italic 70%; COLOR: blue; OVERFLOW: hidden}

#steptype016w1s,#steptype017w1s,#steptype018w1s,
#steptype019w1s,#steptype020w1s,#steptype021w1s,#steptype022w1s,#steptype023w1s,
#steptype024w1s,#steptype027w1s,#steptype029w1s,#steptype030w1s,#steptype031w1s,
#steptype032w1s,#steptype033w1s,#steptype050w1s,#steptype051w1s,
#steptype016w2s,#steptype017w2s,#steptype018w2s,
#steptype019w2s,#steptype020w2s,#steptype021w2s,#steptype022w2s,#steptype023w2s,
#steptype024w2s,#steptype027w2s,#steptype029w2s,#steptype030w2s,#steptype031w2s,
#steptype032w2s,#steptype033w2s,#steptype050w2s,#steptype051w2s,
#steptype016w3s,#steptype017w3s,#steptype018w3s,
#steptype019w3s,#steptype020w3s,#steptype021w3s,#steptype022w3s,#steptype023w3s,
#steptype024w3s,#steptype027w3s,#steptype029w3s,#steptype030w3s,#steptype031w3s,
#steptype032w3s,#steptype033w3s,#steptype050w3s,#steptype051w3s,
#steptype016w4s,#steptype017w4s,#steptype018w4s,
#steptype019w4s,#steptype020w4s,#steptype021w4s,#steptype022w4s,#steptype023w4s,
#steptype024w4s,#steptype027w4s,#steptype029w4s,#steptype030w4s,#steptype031w4s,
#steptype032w4s,#steptype033w4s,#steptype050w4s,#steptype051w4s,
#steptype016w5s,#steptype017w5s,#steptype018w5s,
#steptype019w5s,#steptype020w5s,#steptype021w5s,#steptype022w5s,#steptype023w5s,
#steptype024w5s,#steptype027w5s,#steptype029w5s,#steptype030w5s,#steptype031w5s,
#steptype032w5s,#steptype033w5s,#steptype050w5s,#steptype051w5s,
#steptype016w6s,#steptype017w6s,#steptype018w6s,
#steptype019w6s,#steptype020w6s,#steptype021w6s,#steptype022w6s,#steptype023w6s,
#steptype024w6s,#steptype027w6s,#steptype029w6s,#steptype030w6s,#steptype031w6s,
#steptype032w6s,#steptype033w6s,#steptype050w6s,#steptype051w6s
				{FLOAT: left; WIDTH: 31%; TEXT-ALIGN: right; FONT: 70%; OVERFLOW: hidden}

#steptype016w1m,#steptype017w1m,#steptype018w1m,
#steptype019w1m,#steptype020w1m,#steptype021w1m,#steptype022w1m,#steptype023w1m,
#steptype024w1m,#steptype027w1m,#steptype029w1m,#steptype030w1m,#steptype031w1m,
#steptype032w1m,#steptype033w1m,#steptype050w1m,#steptype051w1m,
#steptype016w2m,#steptype017w2m,#steptype018w2m,
#steptype019w2m,#steptype020w2m,#steptype021w2m,#steptype022w2m,#steptype023w2m,
#steptype024w2m,#steptype027w2m,#steptype029w2m,#steptype030w2m,#steptype031w2m,
#steptype032w2m,#steptype033w2m,#steptype050w2m,#steptype051w2m,
#steptype016w3m,#steptype017w3m,#steptype018w3m,
#steptype019w3m,#steptype020w3m,#steptype021w3m,#steptype022w3m,#steptype023w3m,
#steptype024w3m,#steptype027w3m,#steptype029w3m,#steptype030w3m,#steptype031w3m,
#steptype032w3m,#steptype033w3m,#steptype050w3m,#steptype051w3m,
#steptype016w4m,#steptype017w4m,#steptype018w4m,
#steptype019w4m,#steptype020w4m,#steptype021w4m,#steptype022w4m,#steptype023w4m,
#steptype024w4m,#steptype027w4m,#steptype029w4m,#steptype030w4m,#steptype031w4m,
#steptype032w4m,#steptype033w4m,#steptype050w4m,#steptype051w4m,
#steptype016w5m,#steptype017w5m,#steptype018w5m,
#steptype019w5m,#steptype020w5m,#steptype021w5m,#steptype022w5m,#steptype023w5m,
#steptype024w5m,#steptype027w5m,#steptype029w5m,#steptype030w5m,#steptype031w5m,
#steptype032w5m,#steptype033w5m,#steptype050w5m,#steptype051w5m,
#steptype016w6m,#steptype017w6m,#steptype018w6m,
#steptype019w6m,#steptype020w6m,#steptype021w6m,#steptype022w6m,#steptype023w6m,
#steptype024w6m,#steptype027w6m,#steptype029w6m,#steptype030w6m,#steptype031w6m,
#steptype032w6m,#steptype033w6m,#steptype050w6m,#steptype051w6m,
				{WIDTH:90%; FONT: 70%; OVERFLOW: hidden}

#name
			{FLOAT: left; WIDTH: 20%; OVERFLOW: hidden; FONT: bold;}


#runprog
		{FLOAT: left; WIDTH: 5%; OVERFLOW: hidden; FONT: 90%; FONT: bold}

/* technologischer block */
#steptype027			{PADDING-BOTTOM: 0.3%; BACKGROUND-COLOR: #E0FFFF; CLEAR: both}
#text			{FLOAT: left; WIDTH:50%; FONT-SIZE:17px; OVERFLOW:_hidden; HEIGHT:20px; TEXT-ALIGN:center; PADDING-TOP:3px;}

/* rezeptende */
#steptype050			{PADDING-BOTTOM: 0.3%; BACKGROUND-COLOR: #FFD0A0; CLEAR: both; HEIGHT: 20px;}
#steptype050stepno		{DISPLAY: _none;}
#steptype050stepsubno		{DISPLAY: none;}
#steptype050text		{FLOAT: left; WIDTH: 25%; OVERFLOW: hidden; FONT: 90%;}

/*  bewegungsprogramm im schritt */
#runprog			{POSITION: relative; LEFT: 48%; WIDTH: 52%; BACKGROUND-COLOR: #E6E6F0; FONT: 70%; PADDING-LEFT: 1.5%; CLEAR: both}
#runcaption			{WIDTH: 19%; FLOAT: left;}
#runvalue			{WIDTH: 30%; FLOAT: left;}

/* farbe für kommentar #FFE6E6 */
#steptext			{FONT: 80%; CLEAR: both; LINE-HEIGHT: 90%;}
#name_pk			{FLOAT: left; PADDING-RIGHT: 2%;}
#action_pk			{FLOAT: left; PADDING-RIGHT: 2%;}
#metric_pk			{}

/* schalter im schritt */
#flags			        {POSITION: relative; LEFT: 48%; WIDTH: 52%; BACKGROUND-COLOR: #F0E6B6; FONT: 70%; PADDING-LEFT: 0.5%; CLEAR: both}

/* kommentar */
#comment                        {WIDTH: 100%; BACKGROUND-COLOR: #D5BEDE; MARGIN-LEFT: 10%; CLEAR: both; TEXT-ALIGN:center; FONT-SIZE: 90%;}
/* chemikalien */
#component		{WIDTH: 90%; POSITION: relative; LEFT: 10%; BACKGROUND-COLOR: #FFFFE4; LINE-HEIGHT: 90%; CLEAR: both;}
#componentname		{WIDTH: 30%; FLOAT: left; PADDING-LEFT:15%; OVERFLOW: hidden; FONT: 90%; CLEAR: both;}
#componentphysicalclose	{WIDTH: 10%; FLOAT: left; FONT-SIZE: 75%; COLOR:gray;}
#componentpercent		{WIDTH: 8%; FLOAT: left; TEXT-ALIGN: right; FONT-SIZE: 90%; COLOR:blue;}
#componentunitpercent	{WIDTH: 4%; FLOAT: left; FONT-SIZE: 90%; COLOR:blue;}
#componentdefault		{WIDTH: 8%; FLOAT: left; TEXT-ALIGN: right; FONT-SIZE: 90%; COLOR:gray;}
#componentunitdefault	{WIDTH: 4%; FLOAT: left; FONT-SIZE: 90%; COLOR:gray;}
#componentsetvalue	{WIDTH: 8%; FLOAT: left; TEXT-ALIGN: right; FONT-SIZE: 90%;}
#componentunitsetvalue	{WIDTH: 4%; FLOAT: left; FONT-SIZE: 90%;}
#componentcurrent		{WIDTH: 8%; FLOAT: left; TEXT-ALIGN: right; FONT-SIZE: 90%; COLOR:green;}
#componentunitcurrent	{WIDTH: 4%; FLOAT: left; FONT-SIZE: 90%; COLOR:green;}
#componentnumber	{TEXT-ALIGN: right; FONT-SIZE: 90%; OVERFLOW: hidden}

.editable       {CURSOR:hand; BACKGROUND-COLOR:black; COLOR:white !important; BORDER:1px solid white;}

#aep_ovrl {
background-color: black;
-moz-opacity: 0.7; opacity: 0.7;
top: 0; left: 0; position: fixed;
width: 100%; height:100%; z-index: 99;
}
#aep_ww { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
#aep_win { margin: 20% auto 0 auto; width: 400px; text-align: left;}
#aep_w {background-color: white; padding: 3px; border: 1px solid black; background-color: #EEE;}
#aep_t {color: white; margin: 0 0 2px 3px; font-family: Arial, sans-serif; font-size: 10pt;}
#aep_text {width: 100%;}
#aep_w span {font-family: Arial, sans-serif; font-size: 10pt;}
#aep_w div {text-align: right; margin-top: 5px;}
#aep_ovrl { 
position: absolute; 
filter:alpha(opacity=70); 
top: expression(eval(document.body.scrollTop)); 
width: expression(eval(document.body.clientWidth)); 
} 
#aep_ww {  
position: absolute;  
top: expression(eval(document.body.scrollTop));  
} 