body {
}



/************** ALLGEMEIN ****************/


.objItemOdd, .objItemEven, .itemOdd, .itemEven, #Ueber, #UeberSmall, .bigLightLabels, .stdFont
	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; color: #4a4a54; }

.textInput
	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #336699; }

.asplabel, .asplabellight, .labels, .labelsLight, .labelsLightTiny, .headDiv, .Logout, .naviItem, .broadItemOdd, .broadItemEven, .lowItemOdd, .lowItemEven, .headBar
	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #4a4a54; }

.labelsLight, .labelsLightTiny, .headDiv, #Ueber, #UeberSmall, .textInput, .objItemOdd, .objItemEven, .broadItemOdd, .broadItemEven
	{ background-color: transparent; }

.itemOdd, .buttons, .labels, #Balken2, #Balken3, .horLine1
	{ background-color: #dfe0e1; }

#Balken1, .Logout
	{ background-color: #d0d6ea; }

.itemEven
	{ background-color: #d0d1d2; }

.monsterButton
	{ background-color: #ffffff; } /* was #ffffff */

.objItemOdd, .objItemEven, .itemOdd, .itemEven, .labels, .labelsLight, .labelsLightTiny, .headDiv, .Logout, #Balken1, #Balken2, #Balken3, #Balken4, .bigContainer, chartContainer, .smallContainer, .naviItem, .broadItemOdd, .broadItemEven, .monsterButton, .lowItemOdd, .lowItemEven, .headBar
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}


.objItemOdd 		{ position: relative; left: 0px; width: 990px; border-bottom: 1px solid silver; }
.objItemEven 		{ position: relative; left: 0px; width: 990px; border-bottom: 1px solid silver; }
.broadItemOdd 		{ position: relative; left: 0px; width: 980px; border-bottom: 1px solid silver; }
.broadItemEven 		{ position: relative; left: 0px; width: 980px; border-bottom: 1px solid silver; }
.itemOdd		{ left: 0px; width: 240px; }
.itemEven		{ left: 0px; width: 240px; }
.lowItemOdd		{ left: 0px; width: 240px; }
.lowItemEven		{ left: 0px; width: 240px; }
.nakedLink		{ text-decoration: none; }
.asplabel		{ font-size: 10pt; }
.asplabellight		{ color: #808080; }
.headDiv		{ background-color: #d0d6ea; }


/************** BUTTONS *********************/

.buttons, .buttonsLight, .buttonsLightFCT, .buttonsLightBFCT, .buttonsLightLNK, .buttonsLightBLNK
	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color:#336699; }
.buttons, .buttonsLight, .buttonsLightFCT, .buttonsLightBFCT, .buttonsLightLNK, .buttonsLightBLNK
	{ border-color: #808080; border-style: solid; border-width: 1px; }
.buttonsLight, .buttonsLightFCT, .buttonsLightBFCT, .buttonsLightLNK, .buttonsLightBLNK
	{ background-color: transparent; }

.buttons		
{
	font-weight: normal; text-align:center; 
	height: 26px; 
	cursor:pointer;
}
.buttonsLight
{
	font-weight: normal; text-align:left; 
	/*height: 24px; */
	height: 13px; 
	cursor:pointer; 
}
.chartCheckBoxBL
{
	font-weight: bold; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
	color: #000000; font-weight: bold; 
	height: 13px; 
}
.buttonsLightFCT
{
	background: url("../pages.mageba/quadrat.gif") bottom left no-repeat; background-color: transparent; color: #000000;
	padding-left: 10px; height: 13px; 
	font-weight: bold; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
	cursor:pointer;
	border-style: none;
}
.buttonsLightBFCT
{
	background-color: #17387d; color: #ffffff;
	border-color: #000000; border-style: solid; border-width: 1px; 
	cursor:pointer; height:20px;
	font-weight:normal; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
}
.buttonsLightLNK
{
	background: url("../pages.mageba/arrowheadwhite.gif") bottom left no-repeat; 
	background-color: #17387d; color: #ffffff;
	padding-left:10px; height:16px; vertical-align:text-top; width:100px;
	font-weight:normal; text-align:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
	cursor:pointer;
	border-color: #000000; border-style: solid; border-width: 1px;
}
.buttonsLightBLNK
{
	background: url("../pages.mageba/bigarrowheadorange.gif") left no-repeat; 
	padding-left: 13px; 
	font-weight: normal; text-align:left; 
	height: 24px; 
	cursor:pointer; 
}
.Logout
{
	color: #808080; font-weight: bold; position: fixed; left: 920px; top: 3px; height:14px; cursor:pointer;
	padding-left:0px; 
	z-index: 209; width:70px;
}


#ButtonSkipBackward, #ButtonZoomIn, #ButtonZoomOut, #ButtonSkip2Current, #DropDownListTimeInterval, #ButtonSkipForward, #ButtonEventsBackward, #ButtonEventsForward, #ButtonEventsFastBackward, #ButtonEventsFastForward, #ButtonEventsBegin, #ButtonEventsEnd,
#ButtonSkipBackwardI, #ButtonZoomInI, #ButtonZoomOutI, #ButtonSkip2CurrentI, #DropDownListTimeIntervalI, #ButtonSkipForwardI
{ 
	background-color: #17387d; /*  #9a5e30  */   color: #ffffff;
	border-color: #000000; border-style: solid; border-width: 1px;
	cursor:pointer; width:37px; height:20px;
	margin-right:10px;
	font-weight:normal; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
}
/* im Element muss man statt "class" "CssClass" angeben! */
/*.buttonsLightBFCT[disabled] { background-color:red; color:gray; }*/
/*ASPBUTTON[disabled] { background-color:red; color:red; }*/



#ButtonSkipForwardI         	{ background: url("/DMA/Img/vce.chart.forward.gif")  bottom center no-repeat #17387d; height:18px; position: relative; top: 0px; } 
#ButtonSkipBackwardI        	{ background: url("/DMA/Img/vce.chart.backward.gif") bottom center no-repeat #17387d; height:18px; position: relative; top: 0px; } 
#ButtonSkip2CurrentI        	{ background: url("/DMA/Img/vce.chart.skip2cur.gif") bottom center no-repeat #17387d; height:18px; position: relative; top: 0px; } 
#ButtonZoomInI              	{ background: url("/DMA/Img/vce.chart.zoomin.gif")   bottom center no-repeat #17387d; height:18px; position: relative; top: 0px; } 
#ButtonZoomOutI             	{ background: url("/DMA/Img/vce.chart.zoomout.gif")  bottom center no-repeat #17387d; height:18px; position: relative; top: 0px; } 
#DropDownListTimeIntervalI  	{ background: url("/DMA/Img/vce.chart.timeint.gif")  bottom center no-repeat #17387d; height:18px; position: relative; top: -1px; } 

#ButtonSetTimeInterval		{ position: relative; top: 1px; margin-left: 15px; margin-right:5px; height:18px; width: 46px; }
#ButtonRefreshChart		{ position: relative; top: 0px; height:18px; margin-left: 10px; }

.ASPBUTTON { background-color: #ff00ff; }





.labels				{ font-weight:bold; text-align:left; height:22px; }
.labelsLight, .headDiv		{ font-weight:bold; text-align:left; height:16px; }
.labelsLightTiny		{ font-weight:normal; text-align:left; line-height:60%; }
.bigLightLabels			{ color: #a5a8aa; }
.textInput			{ color: #000000; font-size: 8pt; border-color: #808080; border-style: solid; border-width: 1px; }
.monsterButton			{ position: absolute; top: 0px; left: 0px; width: 990px; height: 350px; z-index: 100; }  /* TODO 1000 was 100 */

.bigContainer, .chartContainer			{ position: absolute; left: 0px;   width: 990px; top: 63px; border: 0px; }
.leftContainer			{ position: absolute; left: 0px;   width: 713px; top: 60px; border: 0px; }
.smallContainer			{ position: absolute; left: 714px; width: 275px; top: 60px; border: 0px; }
.smallContainerCG		{ position: absolute; left: 732px; width: 260px; top: 0px; border: 0px; }

.chart				{ position: absolute; left: 10px; width: 695px; top: 0px; height: 300px; padding-right: 25px;  z-index: 111;  cursor: default;}
.timeBar			{ position: absolute; left: 10px; width: 695px; top: 201px; height: 30px;  z-index: 111;  cursor: default;}

.naviItem			{ color: #000000; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; text-decoration: none; border: 0; font-size: 11px; }
.biggerText			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #202020; }


.spacerV			{ height:15px; }


#eventHeadDiv			{ z-index: 104; position: absolute; left: 0px; width: 990px; top: 362px; }
#eventListDiv			{ z-index: 104; position: absolute; left: 0px; width: 990px; top: 392px; }

.cockpitdiv			{ position: absolute; left: 0px; top: 60px; }



/*************** BALKEN ******************/


.headBar
{
	font-weight: bold; 
	text-align:left; 
	vertical-align:middle;
	/* left:0px; */
	height: 22px;
	line-height:22px;
	background-color: #d0d6ea;
	width: 990px;
}


#Ueber
{
	font-size: 12pt;
	color: #a5a8aa;
	width: 988px;
	position: fixed; /* waren alle absolute */
	height: 1px;
	left: 8px;
	top: 27px;
	z-index: 208;
}
#UeberSmall
{
	font-size: 8pt;
	color: #606060;
	width: 988px;
	position: fixed;
	height: 1px;
	left: 8px;
	top: 0px;
	z-index: 208;
	line-height: 20px;
}
#Balken1 
{
	left: 0px;
	width: 990px;
	position: fixed;
	top: 0px;
	z-index: 205;
	height: 19px;
}
#Balken2
{
	left: 0px;
	width: 990px;
	position: fixed;
	top: 19px;
	z-index: 204;
	height: 33px;
	border-bottom: silver 1px solid;
}
#Balken4
{
	left: 0px;
	width: 990px;
	position: fixed;
	top: 0px;
	height: 0px;
	z-index: 206;
	background-color: #ffffff;
	border-bottom: silver 1px solid;
}
#Balken3
{
	left: 0px;
	width: 990px;
	position: fixed;
	top: 113px;
	height: 7px;
}
.naviContainer, .naviContainerOV
{
	position: fixed; 
	top: 0px;
	left: 335px; 
	width: 590px; 
	text-align: right;
	z-index: 214; 
}
.naviContainerOV
{
	top: -4px; 
}


#cockpitdiv
{
	margin-top: 0px;
}

div.scroll
{
	height: 300px;
	width: 400px;
	overflow: auto;
	border: 1px solid silver;
	background-color: #ccc;
}

/* change height of a page's head section by changing all top-settings here and in bigContainer, leftContainer, smallContainer */
.fixedContainerNotifs, .fixedContainerEvents, .fixedContainerChart, .fixedContainerChart2, .fixedContainerChart3, .fixedContainerFilezone
{
	position:fixed;
	left: 0px;
	width: 990px; 
	top: 52px;
	text-align: right; 
	z-index: 201; 
	background-color: #ffffff;
}
.fixedContainerNotifs	{ height: 135px; }
.fixedContainerFilezone	{ height: 80px; }
.fixedContainerEvents	{ height: 362px; }
.fixedContainerChart	{ height: 109px; text-align: left; }
.fixedContainerChart2	{ height: 84px; text-align: left; }
.fixedContainerChart3	{ height: 166px; text-align: left; }

.absoluteTopNotifs	{ position:absolute; left:0px; top: 184px; }
.absoluteTopFilezone	{ position:absolute; left:0px; top: 94px; }
.absoluteTopEvents	{ position:absolute; left:0px; top: 287px; }
.absoluteTopChart	{ position:absolute; left:0px; top: 50px; }
.absoluteTopChart2	{ position:absolute; left:0px; top: 25px; }
.absoluteTopChart3	{ position:absolute; left:0px; top: 100px; }