@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////////////////
  ////////////////////////////Opmaak html elementen////////////////////////////////////////
  /////////////////////////////////////////////////////////////////////////////////////////*/
  
body
{
	margin: 0;
	padding: 0;
	color: #000;
	/*background-image:url(/icons/background/bg.jpg);
	background-repeat:repeat-y;*/
}

p, dl, blockquote
{
	font: normal 80% Verdana, Arial, Helvetica, sans-serif;
}

blockquote ul
{
	font: normal 120% Verdana, Arial, Helvetica, sans-serif;
}

blockquote p
{
	font: normal 100% Verdana, Arial, Helvetica, sans-serif;
}

sup 
{
	line-height: 0;
	vertical-align: text-top;
	font: normal 75% Verdana, Arial, Helvetica, sans-serif;
}

h1
{
	color: #003366;
	font: 120% Arial, Helvetica, sans-serif;
	margin-top:0px;
	text-align:center;
	font-weight:lighter;
}

h2
{
	color: #036;
	font: 92% Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
}

h3
{
	color: #003366;
	font: 90% Arial, Helvetica, sans-serif;
	margin: 0px;
}

h4
{
	color: #003366;
	font: bold 90% Arial, Helvetica, sans-serif;
	margin:0 0 12px 0;
}

a img
{
	border:0px
}

td
{
	font: normal 80% Arial, Helvetica, sans-serif;
}

dl
{
	margin-top:5px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////
  ///////////////////////////////////Layout elements///////////////////////////////////////
  /////////////////////////////////////////////////////////////////////////////////////////*/

#printlogo
{
	display:none;
}

#homecontainer
{
	width: 950px;/*760*/
	text-align: left;
}
#subcontainer
{
	width: 760px;/*760*/
	text-align: left;
}

#header
{
	height: 75px;
	width: 100%;
	position: relative;
}

div#mainnav
{
	margin-bottom:24px;
	padding:2px;
	background-color:#003366;
	color:#fff;
	font:normal 85% Arial, Helvetica, sans-serif;
}

#storyDate, .storyDate
{
	position:absolute;
	left:2px;
	top:120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #666;
}

.mainContent p
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
	margin:0 0 12px 0;
}

a, .mainContent a:link, .story a:link
{ 
	color:#0066CC;
	text-decoration:none;
}

a:visited, .mainContent a:visited, .story a:visited
{ 
	color:#004890;
	text-decoration:none;
}

a:hover, .mainContent a:hover, .mainContent a:active, .story a:hover, .story a:active
{
	color: #004890;
	text-decoration:underline;
}

.mainContent ul li, .story_holder ul li, .story ul li
{ 
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	list-style-image: url(/icons/homepage/bullet-triangle-home.gif);
	margin:0px;
	padding:3px 0 0 3px; 
}

.mainContent ol li, .story_holder ol li, .story ol li
{
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:3px 0 0 3px; 
}

.mainContent ul ul li, .mainContent ol ul li, .mainContent ul ol li, .story_holder ul ul li, .story_holder ol ul li, .story_holder ul ol li
{
	list-style-image: url(/icons/homepage/bullet-block-home.gif);
	margin:0px;
	padding:3px 0 0 0;
	font-size: 100%;
}

.mainContent ol ol li, .story_holder ol ol li
{
	margin:0px;
	padding:3px 0 0 0;
	font-size: 100%;
}

ul.indentList{
    font: 88% Verdana, Arial, Helvetica, sans-serif;
    clear:both;
	margin:0 0 0 184px; 
	padding:0px;
}

ul.indentList ul{
    list-style-image: url(/icons/homepage/bullet-block-home.gif);
	margin:0 0 0 10px; 
	padding:0px;
}

ul.indentList ul li{
    list-style-image: url(/icons/homepage/bullet-block-home.gif);
}

blockquote.bq
{
	font-style:italic;
	background-color:#E8E8E8;
	margin:15px;
	padding:15px;
	border:1px solid #ccc;
}

blockquote.bqright
{
	font-style:italic;
	background-color:#E8E8E8;
	margin:15px;
	padding:15px;
	border:1px solid #ccc;
	width:40%;
	float:right;
}

blockquote.bqleft
{
	font-style:italic;
	background-color:#E8E8E8;
	margin:15px;
	padding:15px;
	border:1px solid #ccc;
	width:40%;
	float:left;
}

.date
{
	font: normal 85% Arial, Helvetica, sans-serif;
	color: #666666;
}

.more
{
	display:block;
	padding:0px 0px 8px 0px;
	margin-top:-10px;
	text-align: right;
	font:normal  80% Arial, Helvetica, sans-serif;
	font-style:italic;
}

.bar
{
	height:15px;
	background-color:#21ABD8;
	text-align:center;
	color:#FFFFFF;
	font: bold 90% Arial, Helvetica, sans-serif;
	margin:6px 0 20px 0;
	padding:4px 0 4px 0;
}

.blueBg
{
	background-color:#21ABD8;
}

.redBg
{
	background-color:#FFDCD3;
}

.grayBg
{
	background-color:#eeeeee;
}

.blue
{
	color:#21ABD8;
}

.darkblue
{
	color: #036;
}

.orange
{
	color:#FDA51B;
}

.red
{
	color:#f30;
}

.grey
{
	color:#666;
}

p.pressContact
{
	background-color:#E8E8E8;
	text-align:center;
	vertical-align:middle;
	padding:10px;
	margin-top:5px;
	border:1px dotted #ccc;
}

.footnote 
{
	padding-bottom:2px;
	text-align:left;
	margin: 0px 0px 0px 190px;
	float:left;
	width: 560px;
	height:auto;
	font: normal 70% Arial, Helvetica, sans-serif;
	color: #666666
}

.breadcrumb
{
	padding-left:2px;
	text-align:right;
	margin: 0px 0px 0px 0px;
	float:right;
	width: 520px;
	height:auto;
	font: normal 70% Arial, Helvetica, sans-serif;
	color: #666666
}

#footer
{
	padding:5px;
	clear: both;
	text-align: center;
}

/*//////////////////////////////////////////////////////////////////////////////////////////
  ///////////////////////////////////Foto and caption ///////////////////////////////////////
  /////////////////////////////////////////////////////////////////////////////////////////*/

.image_right
{   
	float:right;
    margin: 3px 0px 2px 4px;  
	padding:0px;
	text-align:center;
	clear:both;
}

.image_left
{    
    float:left;
	margin: 3px 6px 2px 0px; 
	padding:0px;
	text-align:center;
	clear:both;
}

.float_left
{    
    float:left;
	margin: 3px 6px 2px 0px; 
	padding:0px;
	text-align:center;
}

.border
{    
	border: 1px solid #999;
	vertical-align:bottom;
}

.image_left p, .image_right p, .float_left p
{ 
	font: normal 65% Arial, Helvetica, sans-serif;
	color:#666;
	padding:0px;
	margin:0px;
	clear:both;
	width:150px;
}  

.image_right p.w200, .image_left p.w200
{
	width:200px;
}
 
.image_right p.w250, .image_left p.w250
{
	width:250px;
}

#rightCol img.logo, #leftCol img.logo
{
	margin-bottom:4px;
    border:0px;
}

#rightCol .more, #leftCol .more
{
	display:block;
	border-top:1px solid #fff;
	padding:1px 3px 1px 0px;
	margin-top:0px;
	text-align: right;
	font:normal  70% Arial, Helvetica, sans-serif;
	font-style:italic;
}

/*//////////////////////////////////////////////////////////////////////////////////////////
  ///////////////////////////////////Tables layout/////////////////////////////////////////
  /////////////////////////////////////////////////////////////////////////////////////////*/
  
.programtbl
{
	margin-top:10px;
	padding:0px;
	width:99%;
	border:0px;
	background-color:#FDA51B;
	border-collapse:collapse;
}

.phototbl{
	margin-top:10px;
	padding:0px;
	width:100%;
	border:0px;
	background-color:#fff;
	border-collapse:collapse;
}

.phototbl td
{ 
	background-color:#EEEEEE; /*DFDFDF*/
	text-align:center;
	border-collapse:collapse;
	border:1px solid #fff;
	padding:8px 2px 4px 2px;
	vertical-align:top;
	width:33%;
}
.phototbl td p
{ 
	text-align:left;
	padding:4px;
	margin:0px;
}
.phototbl td p a
{ 
	font: normal 100% Arial, Helvetica, sans-serif;
}

table.photonav{
	font: normal 120% Arial, Helvetica, sans-serif;
}

.basictbl
{
	margin-top:10px;
	padding:0px;
	width:100%;
	border:0px;
	background-color:#21ABD8;
	border-collapse:collapse;
}

.programtbl a
{
	font:normal 75% Verdana, Arial, Helvetica, sans-serif;
}

.programtbl img,.basictbl img
{
	margin:0px 4px;
}

.programtbl td
{ 
	background-color:#FFFFFF;
	text-align:center;
	border-collapse:collapse;
	border:1px solid #FDA51B;
	padding:4px 2px 4px 2px;
}

.basictbl td
{
	background-color:#FFFFFF;
	text-align:center;
	border-collapse:collapse;
	border:1px solid #21ABD8;
	padding:4px 2px 4px 2px;
}

.programtbl th, .basictbl th
{
	color:#fff;
	font: normal 85% Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

.basictbl th
{
	border-left:1px solid #21ABD8;
}

.programtbl th
{
	border-left:1px solid #FDA51B;
}

.programtbl td, .basictbl td
{
	font: normal 75% Arial, Helvetica, sans-serif;
}

.programtbl td li, .basictbl td li, .pr_tbl td li
{
	font-size:90%;
}

th.text_left, td.text_left
{
	text-align:left;
	padding:1px 4px 1px 4px;
}

td.orangeBg
{
	background-color:#FCE9CA;
}

td.blueBg
{
	background-color:#C8EDFA;
}

td.grayBg
{
	background-color:#eeeeee;
}

.pr_tbl
{
	margin-top:10px;
	padding:0px;
	width:100%;
} 
	
.pr_tbl th
{
	text-align:center;
	background-color:#E8E8E8;
	padding:5px;
	vertical-align:top;
	font: normal 85% Arial, Helvetica, sans-serif;
} 
	
.pr_tbl td
{
	border-bottom:1px solid #E8E8E8;
	font: normal 75% Arial, Helvetica, sans-serif;
}

/*//////////////////////////////////////////////////////////////////////////////////////////
  /////////////////////////////////// More story's box//////////////////////////////////////
  /////////////////////////////////////////////////////////////////////////////////////////*/

.morestories
{
	margin-bottom:10px;
}

.morestories h4
{
	border-bottom: 1px solid #ccc;
	font:bold 80% verdana;
	color: #003366;
	padding:2px 4px;
}

.morestories ul
{
	margin:-10px 4px 0px 26px;
	padding:0px;
}

.morestories ul li
{
	list-style-image: url(/icons/homepage/bullet-triangle-home.gif);
	padding:5px 0 0 0px;
	font: bold 70% verdana, Helvetica, sans-serif;
	vertical-align:middle;
}

.morestories ul ul
{
	margin:0px 4px 0px 16px;
	padding:0px;
}

.morestories ul ul li
{
	list-style-image: url(/icons/homepage/bullet-block-home.gif);
	margin:0px;
	padding:4px 0 0 0;
	font-size: 100%;
}


/*//////////////////////////////////////////////////////////////////////////////////////////
  ///////////Here starts the module.css - css for summit is now in one style page////////////////
  /////////////////////////////////////////////////////////////////////////////////////////*/


/*//////////////////////////////////////////////////////////////////////////////////////////
  ////////////////////////////Opmaak html elementen////////////////////////////////////////
  /////////////////////////////////////////////////////////////////////////////////////////*/

h2
{
	color: #003366;
	font: bold 92% Arial, Helvetica, sans-serif;
	text-align:left;
	margin-top:0px;
	margin-bottom:12px;
}

/*//////////////////////////////////////////////////////////////////////////////////////////
  ///////////////////////////////////Layout elements///////////////////////////////////////
  /////////////////////////////////////////////////////////////////////////////////////////*/

h1.moduleTitle
{
	color: #003366;
	background-color: #fff;
	font: 120% Arial, Helvetica, sans-serif;
	text-align: center;
	font-weight: lighter;
	margin-bottom:12px;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #f30;
}

h2.center
{
	text-align:center;
	margin-top:6px;
	margin-bottom:24px;
}

.story a.moduleMore
{
	display:block;
	padding:0px;
	margin:0px;
	text-align:right;
	font:normal 80% Arial, Helvetica, sans-serif;
	font-style:italic;color:#f30;
}

.story a.moduleMore:visited
{
	color:#f30;
}

#contents 
{
	margin: 0px 230px 0px 190px;
	padding:0px 0px 10px 2px;
}
#subcontents 
{
	margin: 0px 0px 0px 190px;
	padding:0px 0px 10px 2px;
}

.mainContent, .story
{
	float:right;
	width:525px;/*410px*/
	height:auto;
}
.submainContent, .substory
{
	float:right;
	width:565px;/*410px*/
	height:auto;
}

.story
{
	margin-bottom:12px;
}

div#contents div.story p
{ 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
	margin-top:0px /*deze margin zorgt er voor de paragraaf(P) op de zelfde manier aansluit(spatie) aan de H2 dan de foto langs de P*/
}

#contents .story .image_left p, .image_right p
{
	font-weight:normal;
}

.mainProgramme 
{
	float:right;
	width:755px;
	height:auto;
}

/*////////////////////////////////////////////////////////////////////////////////////////////
  ////////////////////////////////////// Right & Left colunm////////////////////////////////////////
  /////////////////////////////////////////////////////////////////////////////////////////*/

#rightCol
{
	float: right;
	width: 215px;
	text-align:center;
}

#leftCol
{
	float: left;
	width: 180px;
	text-align:center;
	background-color:#EBEBEB;
}

#rightCol p, #leftCol p
{
	font: normal 70% Arial, Helvetica, sans-serif;
	color:#666666;
	margin:2px
} 

#rightCol a:link, #leftCol a:link
{ 
	color:#0066CC;
}

#rightCol a:visited, #leftCol a:visited
{ 
	color:#004890;
}

#rightCol a:hover, #rightCol a:active, #leftCol a:hover, #leftCol a:active 
{
	color: #004890;
	text-decoration:underline;
}

#from_event
{
	background-color:#FCE9CA;
	margin-bottom:8px;
}

#from_event ul
{
	border-bottom:1px solid #FDA51B;
	border-left:1px solid #FDA51B;
	border-right:1px solid #FDA51B;
}

#from_event ul ul
{
	border:0px;
}

#from_event h3
{
	background-color:#FDA51B;
	font:bold 75% Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align: center;
}

#event
{
	background-color:#FCE9CA;
	margin-bottom:8px;
}

#event h3
{
	background-color:#FDA51B;
	font:bold 75% verdana;
	color:#fff;
	text-align: center;
	border-bottom:2px solid #fff;
}

.leftMenu
{
	background-color:#EBEBEB;
	margin-bottom:8px;
}

.leftMenu h3
{
	background-color:#999;
	font:bold 75% Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align: left;
	border-bottom:2px solid #fff;
	padding-left:3px;
}

#news,#text,#links,#opinion,#bio,#biographies,#content,#pdflib,#misc
{
	background-color:#C8EDFA;
	margin-bottom:8px;
}

#news h3,#text h3,#links h3,#opinion h3,#bio h3,#biographies h3,#content h3,#pdflib h3,#misc h3
{
	background-color:#21ABD8;
	font:bold 75% Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align: center;
	border-bottom:2px solid #fff;
}

#topic
{
	background-color:#FFDCD3;
	margin-bottom:8px;
}

#topic h3
{ 
	background-color:#FF3300;
	font:bold 75% Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align: center;
	border-bottom:2px solid #fff;
}

#multi
{
	background-color:#D0FBA1;
	margin-bottom:8px;
}

#multi h3
{
	background-color:#85E122;
	font:bold 75% Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	text-align: center;
	border-bottom:2px solid #fff;
}

#rightCol ul, #leftCol ul
{
	font: 65% Verdana, Arial, Helvetica, sans-serif;
	list-style-image: url(/icons/homepage/bullet-triangle-home.gif);
	margin:0 0 3px 0;
	padding:0px 0px 2px 8px;
	text-align:left;
}

#rightCol ul li, #leftCol ul li
{
	padding:1px 1px 0px 0px;
	margin:0 0 0 14px;
}

#rightCol ul ul, #leftCol ul ul
{ 
	font: 95% Verdana, Arial, Helvetica, sans-serif;
	list-style-image: url(/icons/homepage/bullet-block-home.gif);
}

#rightCol ul ul li, #leftCol ul ul li
{
	padding:1px 1px 0px 0px;
	margin:0 0 0 -6px;
}

#rightCol ul a, #leftCol ul a
{
	text-decoration:none;
}