@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////////////////
  ////////////////////////////Opmaak html elementen////////////////////////////////////////
  /////////////////////////////////////////////////////////////////////////////////////////*/
  
dl
{
	margin-top:0px;
}

h2
{
	color: #003366;
	font: bold 80% Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding:0 0 4px 0;
	border-bottom:1px solid #ccc;
	text-align:left;
}

h5
{
	padding:3px 0px 3px 3px ;
	margin:0px;width:100%;
	background-color:#21ABD8;
	font:normal 90% Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	float:right;
	width:640px;
	height:auto;
}

/*//////////////////////////////////////////////////////////////////////////////////////////
  ///////////////////////////////////Layout elements///////////////////////////////////////
  /////////////////////////////////////////////////////////////////////////////////////////*/
  
.h5date
{
	float:left;
}

img.icon
{
	float:left;
	padding:3px 6px 0 1px;
}

h5 img
{
	vertical-align:middle;
}

.storyDate
{
    display:block;
	position:relative;
	top: 0px;
	left:0px;
	float:left;
	width:110px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #666;
}

.story_holder
{
 	margin:0;padding:0px 0px 10px 3px;
} 

.story
{
	padding-bottom:2px;
	margin-bottom:20px;
	float:right;
	width:640px;
	height:auto;
}

#drop_list
{
	float:right;
}

.borderdot
{
	border-bottom:1px dotted #ccc;
}

.story p
{
	margin-top:0px
}
 
.audio_eventbox
{
	float:right;
	width:640px;
	height:auto;
	margin-bottom:20px;
	background-color:#FCE9CA;
	border:1px solid #FDA51B;
}

.audio_eventbox p, .video_eventbox p
{
	padding:4px;
	text-align:center;
}

.video_eventbox
{
	float:right;
	width:640px;
	height:auto;
	background-color:#FCE9CA;
	border:1px solid #FDA51B;
	margin:0 0 12px 0;
}

.video_eventbox img
{
	float:left;
}

.story_holder ul.videoList
{ 
	margin:-10px 0 -3px 180px; 
}

.story_holder ul.videoList li
{ 
	font: 80% Verdana, Arial, Helvetica, sans-serif;
	list-style-image: url(/icons/homepage/bullet-triangle-home.gif);
	padding:3px 0 0 3px; 
}
 
.openCloseButton
{
	font:normal 80% Arial, Helvetica, sans-serif;
	cursor:pointer;
	float:right;
	margin: 0 4px 0 0;
	color:#fff;
}

h5 a.openCloseButton
{
	color: #fff;
}

h5 a.openCloseButton:visited 
{
	color: #fff;
}

h5 a.openCloseButton:hover
{
	color:#000;
	font-weight:bold;
	text-decoration:none;
}