/* 
	
	Agenda-component.xsl / Agenda-item-component.xsl
	Bestaande uit een Titel boven de items. Ieder item wordt door .row bij elkaar gehouden.
	.row en .row2 zijn beide opgemaakt in CSS om het mouseover-effect te simuleren.
	
*/
.agenda-component
{
	width: 100%; 
	float:left; 
	clear:both;
}
		
	.agenda-component h3
	{
		font-family:arial; 
		padding-left:0px;  
		margin:0px;
		text-indent: 2px; 
		border:1px solid #17235A;
		width:100%; 
		background-color: #17235A; 
		color:#ffffff;
		clear:both;
	}
			
	.agenda-component .row
	{
		width:100%; 
		display:block; 
		float:left; 
		background-color:#ffffff; 
		border:1px solid #17235A;
		border-top:0px;
	}
	
	.agenda-component .rowhover
	{
		width:100%; 
		display:block; 
		float:left; 
		background-color:#C0C1E4; 
		border:1px solid #17235A;
		border-top:0px;
	}	
			
	.agenda-component .date
	{
		width:150px; 
		float:left; 
		display:block;
		margin: 2px;
	}
	
	.agenda-component .date span
	{
		clear:both; 
		margin: 2px;
		display:block;
	}
				
	.agenda-component .description
	{
		width:280px; 
		float:left; 
		display:block;
		margin: 2px;
	}
	.agenda-component a
	{
		color: #003366; 
		text-decoration:underline;

	}				

/* 

	File-component.xsl
	
*/

.file-component
{
	width: 100%; 
	background-color: #cccccc; 
	float:left; 
	clear:both;
}

	.file-component .icon
	{
		width: 23px; 
		float:left;
	}
	
	.file-component .size
	{
		padding-left: 0;  
		display: block; 
		float: left; 
		position:relative; 
		left:23px;
	}
	
	.file-component .modified
	{
		padding-left: 23px;
		display:block; 
		float:left;
	}				
	
	.file-component .header
	{
		font-weight: bold;
	}	
					
				

/*
        Quote-component.xsl
*/

.quote 
{
	padding: 0px;
	width: 100%;
	display: block;
	clear:both;
}

	.quote q
	{
		font-style: italic;
		font-size: 1.1em;
		display:block;
		padding:10px 20px 0px 10px;
	}
		
	.quote .name
	{
		text-align: center;
		font: bold 1em verdana;
		display: block;
		padding:10px 20px 0px 10px;
	}
			
	.quote .link
	{
		text-align: right;
		display: block;
		padding:0px 20px 0px 0px;
		height: 20px;
	}


.wistjedat
{
	padding: 0;
	width: 100%;
	clear:both;
	display: block;
}	

	.wistjedat blockquote
	{
		font-style: normal;
		display:block; 
		padding:0 25px 10px 10px;
		margin:0;
		width:208;
	}
			
	.wistjedat h3
	{
		font-style: bold;
		display: block;
		margin:0;
		padding: 5px 0 5px 5px;
		
	}
	


/*
        Streaming-component.xsl
*/

.streaming-component
{
	display:block; 
	float:left; 
	clear:both;
}

	.streaming-component .header
	{
		background-color: #000000; 
		color:#ffffff; 
		display:block; 
		float:left;
	}	
	
	.streaming-component .header span
	{
		clear:both; 
		display:block; 
		float:left; 
		margin-left:15px; 
		text-indent: 15px;
	}
	
	.streaming-component .embed	
	{
		background-color: #444444;
	}
	
	.streaming-component .invis
	{
		display:none;
	}		


/*
        header-component.xsl
*/

.header-component
{
	clear: both;  
	width:100%;
}
    	
    	/*
		.header-component h2
    		{background-color: #000000; width:100%; font-family: tahoma; font-size:16px; 
    		border: 1px solid #ffffff; color:#ffffff; line-height:150%; text-indent: 5px; margin:0px; padding:0px;}
    		
    	.header-component h3
    		{width:100%; font-family: tahoma; line-height:150%;
    		background-color:#ffcc00; text-indent: 5px; margin:0px; padding:0px;}    		
		*/
/*
       poll.xsl
*/

.poll-component
{
	width: 100%; 
	float:left; 
	clear:both;
}

	.poll-component h3
	{

	}

	.poll-component table
	{
		padding: 0px; 
		margin: 5px; 
		border-collapse: collapse;
	}	
		   
	.poll-component form
	{
		margin: 0px;
	}


/*
       Text&Picture component       
*/

div.picture-component
{
	clear:		both;
	margin-bottom: 5px;

}
    
	div.picture-component div.center 
	{
		clear:		both;
	}
    
	div.picture-component div.left,
	div.picture-component div.right,
	div.picture-component div.center
	{
		margin-bottom: 0px;
		display: table;
		width: 30%;
	}

	div.picture-component div.center
	{
		text-align:	center;
		margin:		0 auto;
	}
	
	div.picture-component div.left div.row
	{
		display: table-row;
	}

	div.picture-component div.left div.row div.cell
    {
      display:		table-cell;
    }
 
	div.picture-component div.left
    {
      float:		left;
      margin:	0 15px 15px 0;
    }
    

	div.picture-component div.right
    {
      float:		right;
      margin:	0 0 15px 15px;
    }

	div.picture-component div.caption
    {
      font-style:	italic;
    }



/*
       RSS component       
*/

.component-spacing
{
	clear:both;
}
/***
#	@Module:		Image component | Logopage
#	@Last Update:	25-03-2008
/****/	
	.logo-image {
		margin: .2em 1em;
		border: 1px solid #036;
		padding: 1em;
	}
	.logo-image .thumbnail {
		margin: 0 10px 10px 0;
	}
	.logopage {
	
	}
	.logopage .logo {
		float: left;
		width: 150px;
		height: 150px;
		overflow: hidden;
		margin: 8px;
	}

	
form ol li, form li  {
	margin: 0;
	padding: 0;
	list-style: none !important;
	clear: both;
	width: 100%;
	
}
	.clear {
		clear:both;
	}
	.hanform {
	
	}
	.hanform .input {
		margin-bottom: 10px;
	}
	.hanform label {
		font-weight: bold;
		width: 200px;
		display: block;
		float: left;
		text-align: left;
		
	}
	.hanform label.error {
		float: none;
		color: #CC2027;
		margin-left: 200px;
	}
	.hanform .input input, .hanform .input select {
		width: 200px;
		border: 1px solid #000;
	}
	.hanform .button {
		width: auto!important;
	}
	.hanform ol {
		float: none;
		clear: both;
	}
	.hanform .input.radio li label {
		font-weight: normal;
		width: auto;
	}
	.hanform .input.radio li {

	}
	.hanform .input.radio input {
		width: auto;
		float: left;
		margin-right: 5px;
		border: none;
	}
	.hanform .input.other label {
		display: none;
	}