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

h5
{
	color: #000;
	font: bold 80% Arial, Helvetica, sans-serif;
	margin:0 0 4px 0;
}


a img
{
	border:0px
}

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

dl
{
	margin-top:5px;
}

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

#printlogo
{
	display:none;
}

#container
{
	width: 760px;
	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:0px;
	top:118px;
	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, .mapBox 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, .mapBox 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, .mapBox ul ul 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 90% 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;
	float:right;
	width:640px;
	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
{
	margin-bottom:4px;
    border:0px;
}

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

.moretopics
{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px dotted #ccc;
}

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

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

.morestories ul li, .moretopics 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%;
}