body {
}



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


.objItemOdd, .objItemEven, .itemOdd, .itemEven, #Ueber, #UeberSmall, .bigLightLabels
	{ 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; }

.objItemOdd, .objItemEven, .itemOdd, .itemEven, .labels, .labelsLight, .labelsLightTiny, .headDiv, .Logout, #Balken1, #Balken2, #Balken3, #Balken4, .bigContainer, .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; 
}
.buttonsLightFCT
{
	background: url("../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("../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("../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, #ButtonSkipForward, #ButtonEventsBackward, #ButtonEventsForward, #ButtonEventsFastBackward, #ButtonEventsFastForward, #ButtonEventsBegin, #ButtonEventsEnd
{ 
	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; 
}

.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; }

.bigContainer			{ 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; }




/*************** 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;
}


/* change height of a page's head section by changing all top-settings here and in bigContainer, leftContainer, smallContainer */
.fixedContainerNotifs, .fixedContainerEvents, .fixedContainerChart, .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; }

.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; }