


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [DirectEdit2.0]
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

form.DirectEdit
	{
	}
	
a.DirectEdit:link, a.DirectEdit:visited
	{
	background-color: white;
	}

a.DirectEdit:hover, a.DirectEdit:active
	{
	background-color: yellow;
	}

div.DirectEditManageForm
	{
 	border: 1px solid black; 
 	background-color: black;
 	width: 749px; 
 	}

div.DirectEditManageForm div.zmiNeutralColorMedium0
	{
 	padding: 10px;
	}

div.DirectEditManageForm div.zmiNeutralColorMedium0 div.zmiNeutralColorLight0
	{
 	padding: 4px;
	}

div.DirectEditActionList
	{
	font-size:xx-small;
 	border: 1px solid black; 
 	background-color: white;
 	}

div.DirectEditActionList div.action,
div.DirectEditActionList div.action a:link, div.DirectEditActionList div.action a:visited
	{
	white-space: nowrap;
	font-size:xx-small;
	color: black;
	background-color: white;
	text-decoration: none;
	}

div.DirectEditActionList div.action
	{
	border: 1px solid white;
	}

div.DirectEditActionList div.actionActive,
div.DirectEditActionList div.actionActive a:hover, div.DirectEditActionList div.actionActive a:active
	{
	white-space: nowrap;
	font-size:xx-small;
	color: black;
	background-color: silver;
	text-decoration: none;
	}

div.DirectEditActionList div.actionActive
	{
	border: 1px dotted gray;
	}


/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSLinkContainer
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

div.ZMSLinkContainer
	{
	background-color: #EEEEEE;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSFile
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

div.ZMSFile div.title a:link,
div.ZMSFile div.title a:visited,
div.ZMSFile div.title
	{
	font-weight:bold;
	font-size:x-small;
	text-decoration:none;
	color:black;
	}

div.ZMSFile div.text
	{
	font-size:xx-small;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSLinkElement
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

div.ZMSLinkElement
	{
	background-color: #EEEEEE;
	padding: 2px;
	}

div.ZMSLinkElement div.title a:link,
div.ZMSLinkElement div.title a:visited,
div.ZMSLinkElement div.title
	{
	font-weight:bold;
	font-size:x-small;
	text-decoration:none;
	color:black;
	}

div.ZMSLinkElement div.text
	{
	font-size:xx-small;
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSGraphic
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

div.ZMSGraphic 
	{ 
	background-color:#EFEFEF; 
	margin: 4px;
	}

div.ZMSGraphic div.text
	{
	padding: 4px;
	}
	
a.zoom img.zoom
	{
	width: 23px;
	height: 21px;
	background: url(misc_/zms/zoom.gif);
	}

a.download img.download
	{
	width: 23px;
	height: 21px;
	background: url(misc_/zms/download.gif);
	}

a.superzoom img.superzoom
	{
	width: 23px;
	height: 21px;
	background: url(misc_/zms/superzoom.gif);
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSTables
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

table.ZMSTable th 
	{ 
	background-color:#DDEFFC; 
	}
	
table.ZMSTable td { 
	background-color:#EEEEEE; 
	}

/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 * +- [WAI] ZMSTeaser
 * +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
 */

div#teaser
	{
	width:150px;
	font-size:x-small;
	}

div.ZMSTeaserContainer
	{
	padding:1px;
	margin-bottom:10px;
	}

div.ZMSTeaserElement
	{

	}

div.ZMSTeaserElement img.title
	{
	border: none;
	}

div.ZMSTeaserElement div.title a:link,
div.ZMSTeaserElement div.title a:visited,
div.ZMSTeaserElement div.title
	{
	font-weight:bold;
	text-decoration:none;
	color:black;
	padding: 2px;
	display: block;
	}

div.ZMSTeaserElement div.text a:link,
div.ZMSTeaserElement div.text a:visited,
div.ZMSTeaserElement div.text
	{
	}


/*********************/
/*- hackfleisch-hack -*/
/*********************/

h1 {
color: #331e88;
}

p {
color: #331e88;
}



div.ZMSGraphic {
background-color: transparent; 
}

div.graphic {
background-color: transparent; 
padding-left: 0px;}




/****************/
/* Navigation */
/***************/

.navMicro, a.navMicro:link, a.navMicro:active {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;
}

.navMacroPub0, a.navMacroPub0:link, a.navMacroPub0:visited {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}

.navMacroPub1, a.navMacroPub1:link, a.navMacroPub1:visited {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  background-color: #BFBFD4;
}

.navMacroDoc0, a.navMacroDoc0:link, a.navMacroDoc0:visited {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}

.navMacroDoc1, a.navMacroDoc1:link, a.navMacroDoc1:visited {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  background-color: #E7E7E6;
}








/**********************/
/* Functions */
/**********************/

.copyright, a.copyright, a.copyright:link, a.copyright:visited {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: black;
}



/*********************/
/*- Layout-Elements -*/
/*********************/

body#root {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(common/bggradient.jpg) bottom left fixed repeat-x;
	position:relative;
	text-align:center;
	}
	
#pageregion {
	margin: auto;
	margin-top: 0;
	padding: 0;
	border: 0;
	width:850px;
	text-align:left;
	background-color:#fff;
	}

#pageregionTop {
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #666;
	background-color:#fff;
	}

#pageregionContentExtrashell {
	background: url(common/BGpageregionLeft.gif) repeat-y  left;
	margin: 0;
	padding: 0;
	border: 0;
	}
#pageregionContentOutershell {
	background: url(common/BGpageregionRight.gif) repeat-y right;
	margin: 0;
	padding: 0;
	border: 0;
	}
#pageregionContentInnershell {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	margin-right: -220px;
	background: url(common/BGpageregionRight.gif) repeat-y right;
	}
#pageregionContent {
	margin-right: 220px;
	background: url(common/BGpageregionLeft.gif) repeat-y left;
	}
#pageregionLeft {
	float: left;
	width: 195px;
	}
#Content {
	margin-left: 210px;
	} 

/*-- Broad: without pageregionRight --*/
#pageregionContentOutershellBroad {
	margin: 0;
	padding: 0;
	border: 0;
	}

#pageregionContentInnershellBroad {
	float: left;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
	}
#pageregionContentBroad {
	margin-right: 10px;
	background: url(common/BGpageregionLeft.gif) repeat-y left;
	}
	
#ContentBroad {
	width: 625px;
	margin-left: 210px;
	}
	
/*-- /Broad: without pageregionRight --*/


#pageregionBefore {
	padding-top: 10px;
	}

#pageregionRight {
	float: right;
	padding:10px;
	text-align:left;
/*-------box model hack-------*/
	width: 180px !important;
	width: 200px;
	width/**/:/**/180px;

	}
#pageregionBottom {
	border: 0;
	border-top: 1px solid #ccc;
	color: #666;
	background: #eee;
	padding: 5px 7px 5px 10px;
	text-align: left;
	clear: both;
	}

#pageregionBottom p {
	margin: 0;
	padding: 0;
	font-size:xx-small;
	}

#Description  {
	margin: 0;
	padding: 0;
	}

/****************/
/*---- Logo ----*/
/****************/
#Logo	{
	border: 0px;
	margin: 0px;
	padding: 0px;
	}
#Logo img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

/****************/
/*--- Links ----*/
/****************/

a:link, a:visited {
	font-weight : normal; 
	text-decoration : underline;
	color: #331e88;
	background: transparent; 
	}

a:hover {
	font-weight : normal; 
	text-decoration : underline;
	color: #331e88;
	background: transparent; 
	}

a:active {
	font-weight : normal; 
	text-decoration : underline;
	color: #331e88;
	background: transparent;  
	}

/*********************/
/* Functional Page Elements*/
/*********************/

/*----- Channel  -----*/


#Menu ul.Menu
	{
	background: #fff url(common/menubg.gif) bottom left repeat-x;
	height:31px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0em;
	padding:0em;
	color: #331e88;
	float: left;
	width: 100%;
	font-size:small;
	}

/*----- font size hack -----*/
/*/*/a{}
body #Menu ul.Menu {
font-size : x-small;
}
html>head:first-child+body #Menu ul.Menu {
font-size : small;
}
/* */
/*----- /font size hack -----*/

#Menu ul.Menu li.Menu 
	{
	margin: 0;
	padding: 0;
	display: inline;
	white-space:nowrap;
	}

#Menu ul.Menu li.Menu a
	{
	height:26px;
	font-weight: bold;
	padding: 0.35em 1em 0.0em 1em;
	color: #331e88;
	text-decoration: none;
	float: left;
	border-right: 0.1em solid #eee;
	}

#Menu ul.Menu li.Menu a.current
	{
	font-weight:bold;
	color: #331e88;
	background: #ccc url(common/menubgcurrent.gif) top left repeat-x;
	}

#Menu ul.Menu li.Menu a:hover
	{
	color: #331e88;
	background: #ddd url(common/menubgactive.gif) top left repeat-x;

	}
	
/*-----MenuDropdown-----*/

.child, .subchild 
	{ 
	position: absolute;
	visibility: hidden;
/*-------box model hack-------*/
	margin-left: -0.96em !important;
	margin-left: 0px;
	margin-left/**/:/**/-0.96em;
/*-------box model hack-------*/	
	margin-top: 0.75em !important;
	margin-top: 0.15em;
	margin-top/**/:/**/0.85em;
	}

.menuDropdown 
	{
/*-----   filter: progid:DXImageTransform.Microsoft.Alpha( Opacity=80, FinishOpacity=0, Style=0, StartX=0,  FinishX=100, StartY=0, FinishY=100);*/
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	background-color: #eee; 
	width: 11.5em;
	}

.navDropdown
	{
	display: block;
	text-align: left;
	border-bottom: 1px solid #666;
	line-height: 1.3em;
	white-space:nowrap;
	padding: 3px 3px 3px 14px;
	font-size:small;
	}
/*----- font size hack -----*/
/*/*/a{}
body .navDropdown {
font-size:x-small;
}
html>head:first-child+body .navDropdown {
font-size:small;
}
/* */
/*----- /font size hack -----*/

/*-----Micronavigation-----*/

#Micronavigation {
	padding:5px 10px 5px 3px;
	text-align:left;
	}

#Micronavigation, #Micronavigation a, #Micronavigation span {
	font-size:  xx-small;	
	}

#Micronavigation span {
	font-weight:bold;
	}

/*----- font size hack -----*/
/*/*/a{}
body #Micronavigation span, 
html>head:first-child+body #Micronavigation a {
font-size : x-small;
}
html>head:first-child+body #Micronavigation span,
html>head:first-child+body #Micronavigation a {
font-size : x-small;
}
/* */
/*----- /font size hack -----*/

/*-----Macronavigation-----*/

#Macronavigation {
	margin: 50px 0px 25px 0px;
	padding: 0px;
	border: 0px;
	margin-top: 35px !important;
	margin-top: 50px;
	margin-top/**/:/**/50px;
	}


#Macronavigation ul {
/*--	border-top: 1px solid silver;	-*/
/*--	border-bottom: 1px solid #fff;	-*/	
	}
	
#Macronavigation ul li {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	border: 0px;
	line-height: 1.25em;
	font-size: small; 
	}

/*----- font size hack -----*/
/*/*/a{}
body #Macronavigation ul li {
font-size : x-small;
}
html>head:first-child+body #Macronavigation ul li {
font-size : small;
}
/* */
/*----- /font size hack -----*/

	
#Macronavigation ul li.doc	{
	list-style: disc url(common/icondoc.gif) inside;
	}
#Macronavigation ul li.folder	{
	list-style: disc url(common/iconfolder.gif) inside;
	}
#Macronavigation ul li a:link {
	font-weight: normal;
	}

#Macronavigation ul li	{
/*--	padding: 5px 0px 8px 10px;	-*/
/*--	border-top: 1px solid #fff;	-*/
/*--	border-bottom: 1px solid silver;-*/
}


#Macronavigation dl,
#Macronavigation dt, 
#Macronavigation dd 
	{
	margin: 0;
	padding: 0;
	}
#Macronavigation dd {
	padding: 0;
	margin: 0 0 0 0;
	}  
/*********************/
/* Content-Elements  */
/*********************/
	
h1, h2, h3, 
h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 1em;
	margin-bottom: 10px;
	letter-spacing: 1px;
	line-height: 1.5em;
	}
	
h1 {
	margin-top: 0.0em;
	font-size: x-large;      
	}

/*----- font size hack -----*/
/*/*/a{}
body h1 {
font-size : large;
}
html>head:first-child+body h1 {
font-size : x-large;
}
/* */
/*----- /font size hack -----*/	
	
	
h2	{
	margin-top: 1.5em;
	font-size:    large; 
	} 

/*----- font size hack -----*/
/*/*/a{}
body h2 {
font-size : medium;
}
html>head:first-child+body h2 {
font-size : large;
}
/* */
/*----- /font size hack -----*/	


h3 {
	margin-top: 1.5em;
	font-size: medium;
	font-weight:bold;
	} 

/*----- font size hack -----*/
/*/*/a{}
body h3 {
font-size : small;
}
html>head:first-child+body h3 {
font-size : medium;
}
/* */
/*----- /font size hack -----*/	
	
	
h4	{
	margin-top: 1.5em;
	font-size: medium;
	} 

/*----- font size hack -----*/
/*/*/a{}
body h4 {
font-size : small;
}
html>head:first-child+body h4 {
font-size : medium;
}
/* */
/*----- /font size hack -----*/	


p, li, th, td, blockquote
	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;        
	}

/*----- font size hack -----*/
/*/*/a{}
body p, body li, body th, body td, body blockquote {
font-size : x-small;
}
html>head:first-child+body p, 
html>head:first-child+body li, 
html>head:first-child+body th, 
html>head:first-child+body td,
html>head:first-child+body blockquote {
font-size : small;
}
/* */
/*----- /font size hack -----*/	


p {
	line-height: 140%;
	margin-top: 0;
	margin-bottom: 1em;
	}

p.description	{
	font-weight:bold;
	}
p.caption		{
	font-style:italic;
	font-family:"Times New Roman",Times,serif;
	}


blockquote {
	background-color:#E2E3DE;
	border: 1px solid #666666;
	padding:10px
}

ol, ul {
	margin: .5em 0;
	padding-left: 10px;
	margin-left: 10px;
	}
li {
	line-height: 140%;
	margin:0px;
	margin-bottom: 0px;
	padding: 0;
	padding-left: 5px;
	margin-left: 5px;
	list-style: disc outside;
	text-align: left;
	}

ol li	{
	list-style-type: decimal;
	}

ul ul li {
	margin-top: 10px;
	list-style: disc url(common/innerlistblack.gif) outside;
	vertical-align: top;
	}

p.creator, p.smalltext {
	font-size: x-small;  
	}
/*----- font size hack -----*/
/*/*/a{}
body p.creator, body p.smalltext  {
font-size : xx-small;
}
html>head:first-child+body p.creator, 
html>head:first-child+body p.smalltext {
font-size : x-small;
}
/* */
/*----- /font size hack -----*/		


#Content dl	{
	line-height: 1.4em;
	margin-top: 0;
	padding-top: 0;
	}

#Content dd {
	margin-bottom: 5px;
	padding-left: 5px;
	margin-left: 5px;
	}

code, pre {
	font-family: "Bitstream Vera Sans Mono", monaco, "Courier New", courier, monospace;
	background: inherit;
	color: #333;
	font-size: xx-small;
}

/*---- IE/Win code size hack ----*/
* html code	{
	font-size : 105%; 
	}
/*---- /IE/Win code size hack ----*/


/*********************/
/* Special-Objs, Tables */
/*********************/

#corporateprofile td ul li, #corporateprofile td p {
	font-family: arial, Helevetica, serif;
	}


th	{
	font-weight: bold;
	}

/****************/
/* Forms */
/***************/

.form {
	color: #000;
	border: 1px solid #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 1px;
	margin: 0;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	}

html>.form {
	font-size: x-small;
	} 

.form-button {
	color: #000;
	background-color: #fff;
	border: 1px solid #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-left: 1px;
	padding-right: 1px;
	margin: 0;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	}

html>.form-button  {
	font-size: x-small;
	} 

#formarea	{
	padding: 0;
	margin: 0;
	border: 0;
	text-align: left;
	}
	
#formarea label	{
	font-size: 11px;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 5px;
	display: block;
	}

/**********************/
/* Teaser */
/**********************/

table.teaserElement {
	border-spacing: 0pt 0pt;
	border-collapse: collapse;
	border-style: none;
	text-align:left;
}

.teaserTitle {
	line-height : 15px;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left:3px;
	margin-right:3px;
	font-size: x-small;
}

/*----- font size hack -----*/
/*/*/a{}
body .teaserTitle {
font-size : x-small;
}
html>head:first-child+body .teaserTitle {
font-size : small;
}
/* */
/*----- /font size hack -----*/

td.teaserTitle p {
	padding: 0px;
	background-image:url(common/spacer.gif); 
}

/* td.teaserText  {  	*/
/* 	padding : 6px;	*/
/* 	background-image:url(common/spacer.gif); 	*/
/* }	*/

.teaserText p {
	font-weight : normal;
	text-decoration : none;
	color : #000;
	line-height: 16px;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left:3px;
	margin-right:3px;
	font-size: xx-small;

}

/*----- font size hack -----*/
/*/*/a{}
body .teaserText {
font-size : xx-small;
}
html>head:first-child+body .teaserText {
font-size : x-small;
}
/* */
/*----- /font size hack -----*/

a.teaserTitle:link, a.teaserTitle:visited,
a.teaserTitle:hover, a.teaserTitle:active {
	font-weight: bold;
	text-decoration: none;
	color:#334565;
}

#teaser .teaserText a,
a.teaserText:link, a.teaserText:visited,
a.teaserText:hover, a.teaserText:active {
	text-decoration: none;
	color:#334565;
}

/*******************/
/* Sitemap   */
/*******************/

td.sitemapTitle0 {
  background-color: #DDDDDD;
  border-right-width: 1px;
  border-right-color: #444444;
  border-right-style: solid 1px white;
 }

td.sitemapTitle1 {
  background-color: #DDDDDD;
  border-right-width: 1px;
  border-right-color: #000000;
  border-right-style: solid 1px white;
 }

a.sitemapTitle0:link, a.sitemapTitle0:visited ,
a.sitemapTitle0:hover, a.sitemapTitle0:active {
  font-weight: bold;
  color: #444444;
  text-decoration: none;
}

a.sitemapTitle1:link, a.sitemapTitle1:visited,
a.sitemapTitle1:hover, a.sitemapTitle1:active {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

a.sitemapElement0:link, a.sitemapElement0:visited,
a.sitemapElement0:hover, a.sitemapElement0:active {
  color: #444444;
  text-decoration: none;
}

a.sitemapElement1:link, a.sitemapElement1:visited,
a.sitemapElement1:hover, a.sitemapElement1:active {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}


/*************************/
/* Management Interface  */
/*************************/

.cmsTxtColorStrong0 { color: #436976; }
.cmsTxtColorStrong1 { color: #666666; }
.cmsBgColorStrong0  { background-color: #8CABB9; }
.cmsBgColorStrong1  { background-color: #CCCCCC; }
.cmsBgColorMedium0  { background-color: #DDE6EC; }
.cmsBgColorLight0   { background-color: #FFFFFF; }

div.ZMSTable table th { background-color:#DDEFFC; }
div.ZMSTable table td  { background-color:#EEEEEE; }

.form-submit { font-size:13px; }

/***************/
/* Colorscheme */
/***************/

.primColorStrong0 { background-color:#334565; }
.primColorMedium0 { background-color:#465F8B; } 
.primColorLight0  { background-color:#CFD6DF; } 

.secndColorStrong1 { background-color:#55A873; }
.secndColorStrong0 { background-color:#9BC594; }
.secndColorMedium1 { background-color:#BEDABA; } 
.secndColorMedium0 { background-color:#D1E3CE; }
.secndColorLight1  { background-color:#DBE7DA; }
.secndColorLight0  { background-color:#E6E8DF; }

.teaserColor { background-color:#FF9A02; } 

.neutralColorBlack   { background-color:#331e88; }
.neutralColorStrong0 { background-color:#79818E; }
.neutralColorMedium0 { background-color:#B6BBC2; } 
.neutralColorLight0  { background-color:#DDDFE3; } 
.neutralColorWhite   { background-color:#FFFFFF; }
.neutralColorTrans   { background-color:transparent; } 

.zh-color   { background-color:#b11107; }
.wi-color   { background-color:#70c48d; }
.uster-color   { background-color:#0b3d91; }



