/***************************************************************
 main classes for template
***************************************************************/


/* global
***************************************************************/
* 											{
											margin					: 0;
											padding					: 0px;
											font-family				: arial, helvetica, sans-serif;
											font-size				: 12px;
											line-height				: 1.55em;
											color					: #4d4d4d;
											}
body 										{
											background-color		: #eef7f2;
											background-image		: url('/fclisse-d5/gfx/bck_body.jpg');
											background-repeat		: no-repeat;
											background-position		: 0 0
											}
.lowercase 									{
											text-transform			: lowercase;
											}
.left 										{
											float					: left;
											}
.right 										{
											float					: right;
											}
.center										{
											text-align				: center;
											}
.hidden 									{
											display					: none;
											}
img, a img 									{
											border					: none;
											margin					: 0;
											padding					: 0;
											}
h1 											{
											background-color		: #279363;
											color					: #fff;
											font-size				: 1.65em;
											font-weight				: normal;
											padding					: 0px 0px 0px 10px;
											border-top				: 6px solid #fff;
											width					: 960px;
											margin					: 0px 0px 12px 0px;
											clear					: both;
											}
h2 											{
											background-color		: #279363;
											background-image		: url('/fclisse-d5/gfx/bck_heading.gif');
											background-repeat		: repeat-y;	
											color					: #fff;
											font-size				: 1.0em;
											padding-left			: 10px;
											border-left				: 1px solid #55aa58;
											border-top				: 1px solid #55aa58;
											border-right			: 1px solid #55aa58
											}
h3 											{
											background-color		: #afd8c0;
											font-size				: 1.0em;
											padding-left			: 8px;
											color					: #000;
											}
h4 											{
											font-size				: 1.0em;
											margin-top				: 8px;
											padding-left			: 18px;
											color					: #165630;
											}
h5 											{
											font-size				: 1.0em;
											margin-top				: 8px;
											}
h6											{
											font-size				: 1.0em;
											margin-top				: 8px;
											padding-left			: 0px;
											color					: #165630;
											}
fieldset 									{
											border					: none;
											}
.clearfix:after 							{
											clear					: both;
											content					: ".";
											display					: block;
											height					: 0;
											visibility				: hidden;
											margin					: 0;
											padding					: 0;
											}
.clear 										{
											clear					: both;
											}
a 											{
											text-decoration			: none;
											}
a:hover 									{
											text-decoration			: underline;
											}
.date 										{
											color					: #fff;
											padding					: 6px 10px 0px 4px;
											}
.hide 										{
											display					: none;
											}
.show 										{
											display					: block;
											}


/* lists
***************************************************************/
div.box li 									{
											list-style-type			: none;
											margin-left				: 8px;
											padding-left			: 10px;
											font-weight				: bold;
											}


/* layout
***************************************************************/
#container2									{
											margin					: 0px auto 10px auto;
											width					: 970px;
											}
#sitebanner2								{
											background-image		: url('/fclisse-d5/gfx/sitebanner2-fclisse-d5.jpg');
											background-position		: right top;
											background-repeat		: no-repeat;
											width					: 970px;
											height					: 120px;
											float					: left;
											}
#sitebanner-oud								{
											background-image		: url('/fclisse-d5/gfx/sitebanner-fclisse-d5.jpg');
											background-position		: right top;
											background-repeat		: no-repeat;
											width					: 970px;
											height					: 200px;
											float					: left
											}
#footer 									{
											border-top				: 1px solid #4d4d4d;
											width					: 970px;
											float					: left;
											margin					: 12px 0px;
											text-align				: right;
											}
#col_1third 								{
											width					: 315px;
											float					: left;
											margin					: 0 12px 0 0;
											padding					: 0;
											}
#col_2third 								{
											width					: 643px;
											float					: left;
											margin					: 0;
											padding					: 0;
											}
#col_3third									{
											background-color		: #fff;
											width					: 945px;
											float					: left;
											margin					: 0;
											padding					: 8px 12px 8px 12px;
											}
div.col_1third_left 						{
											width					: 315px;
											float					: left;
											margin					: 0px 12px 0 0;
											}
div.col_1third_right 						{
											width					: 315px;
											float					: left;
											}

.bannerpage {
 position:absolute;
 top:50px;
 left:270px;
}




/* navbar
***************************************************************/
#navbar 									{
											clear					: both;
											height					:0px;
											}
#navbar ul 									{
											list-style				: none;
											}
#navbar li 									{
											float					: left;
											background-color		: #133c23;
											border-left				: 1px solid #4c7b69;
											border-top				: 1px solid #4c7b69;
											border-right			: 1px solid #4c7b69;
											font-weight				: bold;
											letter-spacing			: 1px;
											background-image		: url('/fclisse-d5/gfx/bck_nav.gif');
											background-repeat		: repeat-x; 
											margin-left				: 0px; 
											margin-right			: 4px; 
											margin-top				: 0px; 
											margin-bottom			: 0px;
											}
#navbar li a 								{
											display					: block;
											padding					: 5px 16px 5px 16px;
											color					: #fff;
											text-transform			: uppercase;
											text-decoration			: none;
											}
#navbar li.selected 						{
											text-transform			: uppercase;
											background-image		: url('/fclisse-d5/gfx/bck_nav_selected.gif');
											background-repeat		: repeat-x;
											background-color		: #fff;
											border-left				: 1px solid #fff;
											border-top				: 1px solid #fff;
											border-right			: 1px solid #fff;
											}
#navbar li.selected a 						{
											color					: #dc0023;
											}
#navbar li:hover 							{
											background-image		: url('/fclisse-d5/gfx/bck_nav_over.gif');
											background-color		: #133c23;
											border-left				: 1px solid #68b4a9;
											border-top				: 1px solid #68b4a9;
											border-right			: 1px solid #68b4a9;
											}
#navbar li.selected:hover 					{
											background-image		: url('/fclisse-d5/gfx/bck_nav_selected.gif');
											background-color		: #fff;
											border-left				: 1px solid #fff;
											border-top				: 1px solid #fff;
											border-right			: 1px solid #fff;
											}


/* subnav
***************************************************************/
#subnav 									{
											background-color		: #fff;
											height					: 24px;
											width					: 970px;
											float					: left;
											clear					: both;
											}
#subnav ul 									{
											padding					: 0;
											list-style				: none;
											}
#subnav li 									{
											float					: left;
											margin					: 0px;
											padding					: 5px 8px 0px 16px;
											font-weight				: bold;
											letter-spacing			: 0.5px;
											}
#subnav li a 								{
											color					: #dc0023;
											}
#subnav li.selected 						{
											background-image		: url('/fclisse-d5/gfx/bullet_li_selected.gif');
											background-repeat		: no-repeat;
											background-position		: 5px 12px;
											color					: #dc0023;
											text-decoration			: none
											}
#subnav li.selected:hover 					{
											color					: #dc0023;
											text-decoration			: underline;
											}


/* tabs
***************************************************************/
ul.ui-tabs-nav li 							{
											float					: left;
											margin					: 0;
											padding					: 0;
											}
#col_3third.live ul.ui-tabs-nav 			{
											float					: left;
											margin					: 0;
											margin					: 0px 0px 0px 8px;
											}
ul.ui-tabs-nav a 							{
											text-decoration			: none;
											}	
#tabcontainer2 ul.ui-tabs-nav li a:hover,
#tabcontainer ul.ui-tabs-nav li a:hover 	{
											background-image		: url('/fclisse-d5/gfx/bck_btn_tail_over.gif');
											background-repeat		: repeat-x
											}
#col_2third div.main ul.ui-tabs-nav,
#col_1third ul.ui-tabs-nav 					{
											color					: #fff;
											padding					: 0;
											margin					: 3px 0px 0px 0px;
											list-style				: none;
											}
#col_2third div.main ul.ui-tabs-nav li a,
#col_1third ul.ui-tabs-nav li a 			{
											background-image		: url('/fclisse-d5/gfx/bck_btn_tail.gif');
											background-repeat		: repeat-x;
											background-color		: #d50e2e;
											border-left				: 1px solid #f56980;
											border-top				: 1px solid #f56980;
											border-right			: 1px solid #f56980;
											font-weight				: bold;
											color					: #fff;
											font-size				: 0.9em; 
											margin-left				: 0px; 
											margin-right			: 4px; 
											margin-top				: 0px; 
											margin-bottom			: 0px; 
											padding-left			: 6px; 
											padding-right			: 6px; 
											padding-top				: 0px; 
											padding-bottom			: 0px;
											}
#col_2third div.main ul.ui-tabs-nav li.ui-tabs-selected a,
#col_1third ul.ui-tabs-nav li.ui-tabs-selected a
											{
											background-image		: url('/fclisse-d5/gfx/bck_btn_tail_selected.gif');
											background-repeat		: repeat-x;
											background-color		: #fff;
											border-left				: 1px solid #fff;
											border-top				: 1px solid #fff;
											border-right			: 1px solid #fff;
											color					: #4d4d4d;
											cursor					: text;
											}
#col_2third div.main ul.ui-tabs-nav li.ui-tabs-selected a:hover,
#col_1third ul.ui-tabs-nav li.ui-tabs-selected a:hover 
											{
											background-image		: url('/fclisse-d5/gfx/bck_btn_tail_selected.gif');
											text-decoration			: none;
											}
#col_1third div.tabdata 					{
											background-color		: #fff;
											width					: 315px;
											margin					: 0;
											padding					: 0;
											float					: left;
											}
#col_3third ul.ui-tabs-nav,
#col_2third ul.ui-tabs-nav 					{
											padding					: 0;
											margin					: 8px 0px 0px 8px;
											list-style				: none;
											}
#col_3third ul.ui-tabs-nav li a,
#col_2third ul.ui-tabs-nav li a 			{
											background-image		: url('/fclisse-d5/gfx/bck_btn_tail.gif');
											background-repeat		: repeat-x;
											background-color		: #d50e2e;
											border-left				: 1px solid #f56980;
											border-top				: 1px solid #f56980;
											border-right			: 1px solid #f56980;
											font-weight				: bold;
											color					: #fff; 
											margin-left				: 0px; 
											margin-right			: 2px; 
											margin-top				: 0px; 
											margin-bottom			: 0px; 
											padding-left			: 6px; 
											padding-right			: 6px; 
											padding-top				: 2px; 
											padding-bottom			: 2px;
											}
#col_3third ul.ui-tabs-nav li.ui-tabs-selected a,
#col_2third ul.ui-tabs-nav li.ui-tabs-selected a
											{
											background-image		: url('/fclisse-d5/gfx/bck_btn_tail_selected.gif');
											background-repeat		: repeat-x;
											background-color		: #fff;
											border-left				: 1px solid #fff;
											border-top				: 1px solid #fff;
											border-right			: 1px solid #fff;
											color					: #4d4d4d;
											cursor					: text;
											}
#col_3third ul.ui-tabs-nav li.ui-tabs-selected a:hover,
#col_2third ul.ui-tabs-nav li.ui-tabs-selected a:hover 
											{
											background-image		: url('/fclisse-d5/gfx/bck_btn_tail_selected.gif');
											}
#col_2third div.tabdata 					{
											background-color		: #fff;
											width					: 635px;
											margin					: 0;
											padding					: 3px;
											float					: left;
											}
#col_2third div.greenish div.tabdata 		{
											background-color		: #fff;
											width					: 620px;
											margin					: 0;
											padding					: 3px;
											float					: left;
											}
#col_3third div.greenish div.tabdata 		{
											/* zie live */
											}


/* boxes
***************************************************************/
div.box 									{
											margin-bottom			: 12px;
											background-color		: #fff;
											}
div.greenish 								{
											background-color		: #afd8c0;
											margin					: 0;
											padding					: 0;
											}
div.greenish div.tabdata 					{
											background-color		: #afd8c0;
											margin					: 0;
											padding					: 0;
											border-right			: 8px solid #afd8c0;
											border-bottom			: 8px solid #afd8c0;
											border-left				: 8px solid #afd8c0;
											}
div.box p 									{
											padding					: 8px 12px 12px 12px;
											}
div.box h4 									{
											color					: #000;
											font-size				: 1.0em;
											padding					: 0px 12px 0px 12px;
											}
div.leftcolumn 								{
											width					: 215px;
											float					: left;
											padding					: 8px 4px 12px 4px;
											}
div.rightcolumn 							{
											width					: 413px;
											margin					: 8px 4px 0 0;
											float					: left;
											}
	
	
/* news box
***************************************************************/
div.news 									{
											margin					: 12px 3px 0px 3px;
											background-color		: #fff;
											}
div.content 								{
											margin					: 12px 3px 0px 3px;
											background-color		: #fff;
											}
div.news h3 								{
											background-color		: #afd8c0;
											font-size				: 1.0em;
											line-height				: 1.8em;
											color					: #000;
											padding					: 0px 0px 0px 5px;
											height					: 21px;
											margin-bottom			: 4px;
											}
div.content h3 								{
											background-color		: #afd8c0;
											font-size				: 1.0em;
											line-height				: 1.8em;
											color					: #000;
											padding					: 0px 0px 0px 5px;
											height					: 21px;
											margin					: 8px 0 4px 0;
											}
h3 a 										{
											color					: #000;
											}
div.content h3 span.right,
div.news h3 span.right 						{
											display					: block;
											background-color		: #165630;
											color					: #fff;
											font-weight				: normal;
											line-height				: 1.8em;
											height					: 21px;
											padding					: 0px 12px;
											}
div.news img 								{
											margin-right			: 8px;
											margin-bottom			: 4px;
											border					: 1px solid #000;
											}
div.content p 								{
											line-height				: 1.3em;
											margin					: 0 0 8px 8px;
											padding					: 0;
											}
div.news p 									{
											line-height				: 1.3em;
											margin					: 0;
											padding					: 0;
											}
div.content a.more,
div.news a.more 							{
											color					: #dc0023;
											font-weight				: bold;
											}


/* tail
***************************************************************/
span.tail 									{
											margin					: 0px;
											padding					: 0px;
											clear					: both;
											display					: block;
											}
span.tail span.right 						{
											margin-right			: 8px;
											}
span.no_link 								{
											background-color		: #b5d37d;
											border-bottom			: 3px solid #fff;
											height					: 10px;
											margin					: 3px 3px 0px 3px;
											}
span.has_link a 							{
											background-color		: #d40f2f;
											background-image		: url("/..gfx/bck_btn_tail.gif");
											background-repeat		: repeat-x;
											background-position		: 0 -1px;
											display					: block;
											text-align				: right;
											color					: #fff;
											font-size				: 0.9em;
											height					: 17px;
											margin					: 3px;
											padding-right			: 8px;
											}
span.has_link a:hover 						{
											background-image		: url('/fclisse-d5/gfx/bck_btn_tail_over.gif');
											text-decoration			: none
											}
span.no_gallery 							{
											background-color		: #c8e5d4;
											height					: 19px;
											padding					: 0;
											border-bottom			: 3px solid #fff;
											margin					: 0px;
											}
span.has_gallery 							{
											background-color		: #c8e5d4;
											margin					: 0px;
											height					: 19px;
											padding					: 2px;
											}
span.has_gallery a 							{
											background-color		: #ebf6ef;
											background-image		: url('/fclisse-d5/gfx/arrow_news_gallery.gif');
											background-repeat		: no-repeat;
											background-position		: 110px 0px;
											margin					: 0px;
											padding-left			: 4px; 
											padding-right			: 65px; 
											padding-top				: 1px; 
											padding-bottom			: 1px;
											}


/* buttons, arrows & co
***************************************************************/
li.has_gallery 								{
											background-image		: url('/fclisse-d5/gfx/arrow_gallery.gif');
											background-repeat		: no-repeat;
											background-position		: 0 0px;
											margin-left				: 0px; 
											margin-right			: 0px; 
											margin-top				: 1px; 
											margin-bottom			: 3px;
											}
li.has_gallery a 							{
											margin					: 0px 0px 0px 12px;
											}
img.button_teaser 							{
											margin-bottom			: 8px;
											}


/* content
***************************************************************/
#multimedia #flashplayer 					{
											width					: 358px;
											height					: 218px;
											display					: block;
											}
div.insert 									{
											width					: 378px;
											margin					: 2px 0 12px 12px;
											float					: right;
											}
div.insert img 								{
											margin					: 0px;
											border					: none;
											}
div.insert h3 								{
											background-color		: #fff;
											font-size				: 1.0em;
											padding-left			: 5px;
											margin					: 0;
											}
div.insert p.description 					{
											background-color		: #e3f2e9;
											font-weight				: bold;
											padding					: 2px;
											margin					: -5px 0 0 0;
											text-align				: right;
											}
div.insert ul 								{
											background-color		: #e3f2e9;
											margin					: 0;
											padding					: 4px 0;
											}
div.insert li.has_gallery 					{
											background-image		: url('/fclisse-d5/gfx/arrow_small_gallery.gif');
											background-repeat		: no-repeat;
											background-position		: 4px 0px;
											margin-left				: 0px; 
											margin-right			: 0px; 
											margin-top				: 1px; 
											margin-bottom			: 3px;
											}
div.insert li.has_gallery a 				{
											margin					: 0px 0px 0px 12px;
											}


/* tables
***************************************************************/
table 										{
											border-spacing			: 0px 0px;
											border					: 3px solid #fff;
											width					: 100%;
											}

table.2third 								{
											width					: 642px;
											float					: right;
											padding					: 8px 4px 12px 4px;
											}

th 											{
											background-color		: #fff;
											border-bottom			: 1px solid #fff;
											text-align				: left;
											padding-left			: 10px;
											padding-right			: 10px;
											font-size				: 0.9em;
											font-weight				: bold;
											}
td, th 										{
											background-color		: #e5f3eb;
											border-top				: 1px solid #fff;
											border-bottom			: 1px solid #aad4ab;
											padding-left			: 10px;
											padding-right			: 10px;
											font-size				: 0.9em;
											}
td a 										{
											color					: #dc0023;
											font-weight				: bold;
											}
td a img 									{
											border					: none;
											}
td.alternate, th.alternate 					{
											background-color		: #cfe9d2;
											}
th.center, td.center 						{
											text-align				: center;
											}
th.right, td.right 							{
											text-align				: right;
											float					: none;
											}
table.goals th 								{
											font-size				: 1.8em;
											}

table.goals th span.flag 					{
											margin					: 4px 2px 2px 2px;
											}
th.divider, td.divider 						{
											background-color		: #fff;
											padding					: 2px;
											border					: 1px solid #fff;
											}
td.icon img 								{
											padding					: 0px 0 0 8px;
											}
table.blank 								{
											border-spacing			: 0px 0px;
											border					: 1px solid #c0c0c0;
											width					: 80%;
											text-align				: center;
											margin					: 10px auto;
											}
table.blank th 								{
											background-color		: #fff;
											border-bottom			: none;
											text-align				: left;
											font-size				: 0.9em;
											}
table.blank td 								{
											background-color		: #fff;
											border					: none;
											font-size				: 1.0em;
											}
td.title , th.title 						{
											background-color		: #afd8c0;
											border					: none;
											padding-left			: 4px;
											padding-right			: 4px;
											}
th.title span.flag 							{
											margin					: 2px 2px 2px 2px;
											}
td.weekend									{
											font-weight				: bold;
											font-style				: normal;
											font-stretch			: wider;
											color					: red;
											}
#green-line									{
											line-height				: 1px;
											vertical-align			: middle;
											background-image		: url('/fclisse-d5/gfx/green-line.jpg');
											background-repeat		: repeat-x;
											}
#red-line									{
											line-height				: 1px;
											vertical-align			: middle;
											background-image		: url('/fclisse-d5/gfx/red-line.jpg');
											background-repeat		: repeat-x;
											}
#col_2third h4 								{
											color					: #2d8351;
											font-size				: 1.2em;
											}
.tabledata									{
											border-collapse			: collapse;
											}
.tabledata .green							{
											border-bottom			: 2px solid #165630;
											}
.tabledata .red								{
											border-top				: 2px solid #ff0000;
											}

/**************************************************************
 mini-sites; gallery, live & ek_momenten
***************************************************************/

/* gallery thumbs
***************************************************************/
div.highlights 								{
											background-image		: url("/fclisse-d5/gfx/bck_gallery_highlights.gif");
											background-repeat		: repeat-x;
											background-position		: bottom;
											height					: 140px;
											}

div.thumb 									{
											padding					: 0;
											float					: left;
											}
div.highlights div.thumb 					{
											text-align				: center;
											width					: 107px;
											padding					: 0;
											margin					: 12px 41px;
											float					: left;
											}	
div.thumb img.thumb 						{
											width					: 99px;
											padding					: 0 3px;
											}
div.thumb img 								{
											margin-right			: 12px;
											}
div.thumb p.description 					{
											font-weight				: bold;
											padding					: 0;
											margin					: -10px 0 0 0;
											text-align				: center;
											line-height				: 1.2em;
											}

/* live
***************************************************************/
#col_3third.live div.greenish div.tabdata 	{
											background-color		: #fff;
											width					: 578px;
											margin					: 0;
											padding					: 3px;
											float					: left;
											}

#col_3third.silverlight div.greenish div.tabdata, /* Added */
#col_3third_2.live div.greenish div.tabdata {
											background-color		: #fff;
											width					: 942px;
											margin					: 0;
											padding					: 3px;
											float					: left;
											}
#col_3third.silverlight.tabdata,
#col_3third_2.live .tabdata,
#col_3third.live 							{
											background-color		: #fff;
											width					: 964px;
											float					: left;
											margin					: 0;
											padding					: 3px;
											}
#col_3third_2.live h2,
#col_3third.live h2 						{
											background-color		: #279363;
											background-image		: url('/fclisse-d5/gfx/bck_heading.gif');
											background-repeat		: repeat-y;
											border					: medium none;
											color					: #fff;
											font-size				: 1.0em;
											padding-left			: 10px; 
											padding-right			: 10px; 
											padding-top				: 7px; 
											padding-bottom			: 7px;
											}
#col_3third.live .greenish 					{
											padding					: 8px 0 0 8px;
											height					: 305px;
											}
#col_3third.live .greenish table 			{
											width					: 562px;
											}
#col_3third_2.live .greenish 				{
											padding					: 8px 0 0 0px;
											height					: 287px;
											}
#col_3third_2.live .tabdata,
#col_3third.live .tabdata 					{
											overflow				: auto;
											height					: 272px;
											background-color		: #fff;
											}
div.wide table 								{
											width					: 658px;
											float					: left;
											}
.tabdata div.split,
#col_3third.live .greenish div.split table 	{
											width					: 281px;
											float					: left;
											}
	
	
/* tooltip agenda
***************************************************************/

#hintbox	{ 														/* CSS for pop up hint box */
									position		: absolute;
									top				: 0;
									background-color: #eef7f2;
									width			: 180px; 		/* Default width of hint */ 
									padding			: 3px;
									border			: 1px solid #c8c8c8;
									font			: normal 11px Verdana;
									line-height		: 18px;
									z-index			: 100;
									border-right	: 3px #c8c8c8;
									border-bottom	: 3px #c8c8c8;
									visibility		: hidden;
			}

.hintanchor	{ 														/* CSS for link that shows hint onmouseover */
									font-weight		: bold;
									color			: #1e7b42;
			}