/* purpose: style for the html-body */
body, .bodyclass {
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size:11px;
	margin-left:15px;
	margin-top:0px;
	margin-right:35px;
	background-color:#FFFFFF;
}

/* purpose: style for the main table, ie surrounding table */
table.main {
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	width: 100%;
	border:0px;
}

/* purpose: draws a grey line*/
.header {
	border-bottom:1px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	border-style:solid;
	border-color:#DDDDDD;
	width:100%;
}

/* purpose: column for the overview of contents, e.g. left column.
				only the title and shorttext will be shown there
*/
.overviewcol {
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	width:182px;
}

/* purpose: column for the detail of the contents, eg. right column.
				title and text will be shown.
*/
.detailcol {
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	width:480px;
	vertical-align:top;
}

/* purpose: the article default style class and the highlight style class
            have the same initial properties.
				note: these names must be the same as the STYLE1 property of
				the content named CONTENT
				make additional style classes for the contents here...
*/
.article,.highlight,.noborder  {
 font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
  width:480px;
  font-weight:normal;
  font-size:11px;
  margin-top:5px;
	/*border:1px;
	border-style:solid;
	border-color:#000000;*/
}


/* purpose: defines the <h1> style for the article class within the
				detailcolumn
*/
td.detailcol .article h1 {
   font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
	background-image: url(images/active_dot.gif);
	background-repeat: no-repeat;
                display: inline;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	margin-bottom: 		0px;
	margin-top: 			0px;
   vertical-align: middle;
	line-height: 15px;
	padding-left: 30px;
}

/* purpose: defines the <h1> style for the highlight class within the
				detailcolumn
*/
td.detailcol .highlight h1,
td.detailcol .noborder h1 {
   font-family:Arial, Verdana, elvetica, Geneva, sans-serif;
	background-image: url(images/high_dot.gif);
	background-repeat: no-repeat;
                display: inline;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	margin-bottom: 		0px;
	margin-top: 			0px;
   vertical-align: middle;
	line-height: 15px;
	padding-left: 30px;
}



/* purpose: defines the <h2> style for the article and highlight class within the
				detailcolumn. they are identical.
*/
td.detailcol .article h2,
td.detailcol .highlight h2,
td.detailcol .noborder h2 {
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	background-image: url(images/h2_dot.gif);
	background-repeat: no-repeat;
	font-size:10px;
	font-weight:normal;
	color:#999999;
	text-align:left;
	margin-bottom: 		0px;
	margin-top: 			0px;
   vertical-align: middle;
	line-height: 15px;
	padding-left: 30px;
}

/* purpose: mouse over effect for links in the <h2> tag within article and
				highlight style in the detail column

*/
td.detailcol .article h2 a:hover,
td.detailcol .highlight h2 a:hover,
td.detailcol .noborder h2 a:hover {
  font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#999999;
  text-decoration: underline;
  font-weight: normal;
}

/* purpose: link behaviour for the <h2> tag within article and
				highlight style in the detail column

*/
td.detailcol .article h2 a, td.detailcol .article h2 a:link,
td.detailcol .highlight h2 a, td.detailcol .highlight h2 a:link,
td.detailcol .noborder h2 a, td.detailcol .noborder h2 a:link {
  font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#999999;
  text-decoration: none;
}

/* purpose: visited link behaviour for the <h2> tag within article and
				highlight style in the detail column

*/
td.detailcol .article h2 a:vlink,
td.detailcol .highlight h2 a:vlink,
td.detailcol .noborder h2 a:vlink {
  font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
  color:#999999;
  text-decoration: none;
}

/* purpose: <p> tag style within article in detailcolumn
*/
td.detailcol .article p {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size:11px;
	text-align:		left;
	padding-right:	5px;
	margin-top:		15px;
	margin-bottom: 5px;
}

/* purpose: link style within article in detailcolumn
*/
td.detailcol .article a {
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-align:	left;
	text-decoration: none;
	color: #99CC00;
	font-size: 11px;
}

/* purpose: link style within article and highlight class in detailcolumn
*/
td.detailcol .highlight a,
td.detailcol .noborder a {
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-align:	left;
	text-decoration: none;
	color: #99CC00;
}

/* purpose: link style within article and highlight class in detailcolumn
*/
td.detailcol .article a:hover,
td.detailcol .highlight a:hover {
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-decoration: underline;
}


/* additional ucs-styles
*/

ul.ucsul {
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	display:				block;
	color:				#000000;
	list-style-type: square;
	list-style-position: outside;
	margin:				20px;
	padding:				0px;
	background-color:	#FFFFFF;
	font-size:			11px;
	vertical-align: 	top;
}

.ucs1 {
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #99CC00;
}

.ucs2 {
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.ucs3 {
	font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #99CC00;
}
td.detailcol .article h1.ucs3 {
   font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
	background-image: none;
	background-repeat: no-repeat;
                display: inline;
	font-size:14px;
	font-weight:bold;
	color:#99CC00;
	text-align:left;
	margin-bottom: 		0px;
	margin-top: 			0px;
   vertical-align: middle;
	line-height: normal;
	padding-left: 0px;
}

td.detailcol .article h1.ucs4 {
   font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
	background-image: none;
	background-repeat: no-repeat;
                display: inline;
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	margin-bottom: 		0px;
	margin-top: 			0px;
   vertical-align: middle;
	line-height: normal;
	padding-left: 0px;
}

.ucs4 {
	font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}

.ucs5 {
	font-family:Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CCCCCC;
}

.ucs6 {
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CCCCCC;
}

td.detailcol .article h2.ucs7 {
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	background-image: none;
	background-repeat: no-repeat;
                display: inline;
	font-size:11px;
	color:#000000;
	text-align:left;
	margin-bottom: 		0px;
	margin-top: 			0px;
   vertical-align: middle;
	line-height: normal;
	padding-left: 0px;
}


/* purpose: style of the highlight class within the overview column
*/
td.overviewcol .highlight {
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight:normal;
   font-size:11px;
	background-color:#EEEEEE;
	padding-bottom:5px;
	vertical-align:top;
	border:1px;
	border-style:solid;
	margin-top:5px;
	border-color:#99CC00;
	width:182px;
}

/* purpose: style of the highlight class within the overview column
*/
td.overviewcol .noborder {
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight:normal;
   font-size:11px;
	background-color:#FFFFFF;
	padding-bottom:5px;
	vertical-align:top;
	border:1px;
	border-style:solid;
	margin-top:5px;
	border-color:#FFFFFF;
	width:182px;
}


/* purpose: style of the <h1> tag within highlight class in the overview column
*/
td.overviewcol .highlight h1,
td.overviewcol .noborder h1{
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	color:				#000000;
	background-color: #99CC00;
	font-weight:		bold;
	font-size:			11px;
	line-height:		16px;
	vertical-align:	middle;
	padding-left:		8px;
	padding-right:		8px;
	margin-bottom: 	0px;
	margin-top: 		0px; /*this is the space between two divs*/
}

td.overviewcol .noborder h1{
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	background-color: #FFFFFF;
}


/* purpose: <p> tag style within highlight class in the overview column
*/
td.overviewcol .highlight p,
td.overviewcol .highlight marquee,
td.overviewcol .noborder p,
td.overviewcol .noborder marquee,
{
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-align:			left;
	padding-left:		5px;
	padding-right:		5px;
	margin-top:			5px;
	margin-bottom:    5px;
}

td.overviewcol .highlight a,
td.overviewcol .noborder a{
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-align:				left;
	text-decoration: none;
	color: #99CC00;
}

td.overviewcol .highlight a:hover,
td.overviewcol .noborder a:hover{
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-decoration: underline;
}

/* purpose: style of the highlight class within the overview column
*/
td.overviewcol .footnote,
td.overviewcol .footnote a,
td.overviewcol .footnote a:visited,
td.overviewcol .footnote a:hover
{
	color: #888888;
}

TD                { font-size:11px; color:#000000; font-family:Verdana, Arial, Helvetica, Geneva, sans-serif; font-weight: normal }
TD a              { font-size:11px; color:#000000; font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;  text-decoration:underline }

TR.light          { background-color: #EEEEEE; }
TD.light          { background-color: #EEEEEE; }
TR.dark           { background-color: #CCCCCC; }
TD.dark           { background-color: #CCCCCC; }
TD.menu_mark      { background-color: #999999; }
TD.menu_mark_sel  { background-color: #000000; }
TD.content_mark   { background-color: #A5B4E4; }
TD.container_mark { background-color: #DAB56D; }
TR.imageBorder    { background-color: #CCCCCC; }
TD.imageInner     { background-color: #EEEEEE; font-size:10pt; color:#000000; font-family:Verdana, Arial,Helvetica, Geneva; }




/* purpose: style of the article class within the overview column
*/
td.overviewcol .article {
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-weight:normal;
   font-size:11px;
	background-color:#EEEEEE;
	padding-bottom:5px;
	vertical-align:top;
	border:1px;
	border-style:solid;
	margin-top:5px;
	border-color:#000000;
	width:182px;
}

/* purpose: style of the <h1> tag within article class in the overview column
*/
td.overviewcol .article h1 {
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	color:				#99CC00;
	background-color:	#000000;
	font-weight:		bold;
	font-size:			11px;
	line-height:		16px;
	vertical-align:	middle;
	padding-left:		8px;
	padding-right:		8px;
	margin-bottom: 	0px;
	margin-top: 		0px; /*this is the space between two divs*/
}

/* purpose: paragraph and marquee behaviour of articles in the overview
				column
*/
td.overviewcol .article p,
td.overviewcol .article marquee {
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-align:			left;
	padding-left:		5px;
	padding-right:		5px;
	margin-top:			5px;
	margin-bottom:    5px;
}

/* purpose: link behavour of articles in the overview column
*/
td.overviewcol .article a {
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-align:				left;
	text-decoration: none;
	color: #99CC00;
}

td.overviewcol .article a:hover {
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-decoration: underline;
}

/* purpose: navigation menu style, ie an unsorted list
*/
ul#mainnav {
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	display:				block;
	color:				#999999;
	list-style: none outside none;
	margin:				0px;
	padding:				0px;
	background-color:	#FFFFFF;
	font-size:			11px;
	vertical-align: 	top;
	width: 182px; /*this width sets the width for the first column !!!*/
	font-weight: normal;
}

/* purpose: navigation menu style for the several listitems
*/
ul#mainnav li {
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	border-bottom: 	1px solid #FFFFFF;
	margin:				0px;
	background-image: url(images/dot.gif);
	background-repeat: no-repeat;
	vertical-align:	top;
	padding:				0;
	padding-left:		30px;
	height:				15px;
	text-align: left;
}

/* purpose: behaviour of the activated list item within the menu
*/
ul#mainnav .active {
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	border-bottom: 	1px solid #FFFFFF;
	margin:				0px;
	background-image:  url(images/active_dot.gif);
	background-repeat: no-repeat;
	vertical-align:	 top;
	padding:				 0;
	padding-left:		 30px;
	height:				 15px;
	text-align: 		 left;
        color: #000000;
        font-weight:bold;
}

ul#mainnav .fxactive {
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	border-bottom: 	1px solid #FFFFFF;
	margin:				0px;
	background-image:  url(images/active_fxdot.gif);
	background-repeat: no-repeat;
	vertical-align:	 top;
	padding:				 0;
	padding-left:		 30px;
	height:				 15px;
	text-align: 		 left;
        color: #000000;
        font-weight:bold;
}

ul#mainnav li a:link, ul#mainnav li a:visited {
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	color:				#999999;
	text-decoration: 	none;
}


ul#mainnav li a:hover {
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	color:				#000000;
	text-decoration: 	underline;
}


/* purpose: styles for the footnote
*/
.footnote {
	color: #888888;
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	width:182px;
}

.footnote a {
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	color: #888888;
	text-decoration: none;
        font-size: 9px;
}



.footnote a:hover {
  text-decoration: underline;
}

/* purpose: styles for the menulinks for flexive content-link-menu
   and link-link-menu
*/
td.overviewcol .linkmenu {
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	font-size:  11px;
	color: #000000;
	width:182px;
}

td.overviewcol .linkmenu a {
  font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
  color: #000000;
  text-decoration: underline;
}

td.detailcol .linkmenu
{
   font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	font-size:  11px;
	color: #000000;
	width:480px;
}

td.detailcol .linkmenu a {
  font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size:  11px;
  color: #000000;
  text-decoration: underline;
}


/* purpose:style of old ucs page including the popupmenu styles of flexive
*/
/*BODY      { background-color: #FFFFFF;}*/
TR.bodybg { background-color: #FFFFFF;}
TD.bodybg { background-color: #FFFFFF;}

.title     { font-size:10px; color:#243b85;font-family:Verdana, Arial,Helvetica, Geneva; font-weight: normal;}
.title a   { font-size:10px; color:#243b85;font-family:Verdana, Arial,Helvetica, Geneva;font-weight: normal; text-decoration:none}

.linkText     { font-size:10px; color:#000000;font-family:Verdana, Arial,Helvetica, Geneva; font-weight: normal;}
.linkText a   { font-size:10px; color:#000000;font-family:Verdana, Arial,Helvetica, Geneva;font-weight: normal; text-decoration:none}

.container_title     { font-size:10px; color:#a87528;font-family:Verdana, Arial,Helvetica, Geneva; font-weight: normal;}
.container_title a   { font-size:10px; color:#a87528;font-family:Verdana, Arial,Helvetica, Geneva;font-weight: normal; text-decoration:none}

.titleDate     { font-size:10px; color:#999999; font-family:Verdana, Arial,Helvetica, Geneva; }
.titleDate a   { font-size:10px; color:#999999; font-family:Verdana, Arial,Helvetica, Geneva; text-decoration:none}

.pageFooter    { font-size:9px; color:#999999; font-family:Verdana, Arial,Helvetica, Geneva; }
.pageFooter a   { font-size:9px; color:#999999; font-family:Verdana, Arial,Helvetica, Geneva; text-decoration:none}


.text     { font-size:10px; color:#000000; font-family:Verdana, Arial,Helvetica, Geneva; font-weight: normal}
.text a   { font-size:10px; color:#FFBB22; font-family:Verdana, Arial,Helvetica, Geneva; font-weight: bold; text-decoration:none}



.flexive     { font-size:8pt; color:#0000FF; font-family:Verdana, Arial,Helvetica, Geneva; }
.flexive a   { font-size:8pt; color:#0000FF; font-family:Verdana, Arial,Helvetica, Geneva; text-decoration:none}

.flexiveInactive     { font-size:8pt; color:#9999FF; font-family:Verdana, Arial,Helvetica, Geneva; }
.flexiveInactive a   { font-size:8pt; color:#9999FF; font-family:Verdana, Arial,Helvetica, Geneva; text-decoration:none}

.flexiveInherited     { font-size:8pt; color:#FF99FF; font-family:Verdana, Arial,Helvetica, Geneva; }
.flexiveInherited a   { font-size:8pt; color:#FF99FF; font-family:Verdana, Arial,Helvetica, Geneva; text-decoration:none}

TD.flexive_popupMenu { font-size:10px; color:#FFFFFF; font-family:Verdana, Arial,Helvetica, Geneva; background-color: #2d4d60; }
TD.flexive_popupMenu a { font-size:10px; color:#FFFFFF; font-family:Verdana, Arial,Helvetica, Geneva; background-color: #2d4d60; }

.navigation           { font-size:10px; color:#333333; font-family:Verdana, Arial,Helvetica, Geneva; }
.navigation a         { font-size:10px; color:#333333; font-family:Verdana, Arial,Helvetica, Geneva; text-decoration:none}
.navigationactive     { font-size:10px; color:#000000; font-family:Verdana, Arial,Helvetica, Geneva; }
.navigationactive a   { font-size:10px; color:#000000; font-family:Verdana, Arial,Helvetica, Geneva; text-decoration:none}
.navigationInactive   { font-size:10px; color:#AAAAAA; font-family:Verdana, Arial,Helvetica, Geneva; }
.navigationInactive a { font-size:10px; color:#AAAAAA; font-family:Verdana, Arial,Helvetica, Geneva; text-decoration:none}

.error     { font-size:10px; color:#DA8D00; font-family:Verdana, Arial,Helvetica, Geneva; }

A:hover   {text-decoration: underline; }

ul.blue { font-size:10px; color:#000066; font-family:Verdana, Arial,Helvetica, Geneva; }


.inputs { border-width:0;border-style:solid;background-color: #D8D8D8;font-size:10px; color:#000000; font-family:Verdana, Arial,Helvetica, Geneva; font-weight: normal }


.eventcategory { font-size:8pt;  color:#000000; font-family:Verdana, Arial, Helvetica, Geneva, sans-serif; font-weight: normal}
.eventdate     { font-size:8pt;  color:#990000; font-family:Verdana, Arial, Helvetica, Geneva, sans-serif; font-weight: normal}
.eventplace    { font-size:8pt;  color:#000000; font-family:Verdana, Arial, Helvetica, Geneva, sans-serif; font-weight: normal}
.eventcountry  { font-size:8pt;  color:#000000; font-family:Verdana, Arial, Helvetica, Geneva, sans-serif; font-weight: normal}
.eventtitle    { font-size:10px; color:#000000; font-family:Verdana, Arial, Helvetica, Geneva, sans-serif; font-weight: normal}
.eventtitle a  { font-size:10px; color:#000000; font-family:Verdana, Arial, Helvetica, Geneva, sans-serif; font-weight: normal; text-decoration:none}
