#content { min-height: 40em; width: 95%; }
#content h2 { color: #FF9B06; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#sidebar_verg { }

#sidebar_verg h2 { background: url(../images/icons/mail-attachment.png) no-repeat center left; margin-left: .8em; padding-left: 1.4em; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Live streaming */
/*
#live h3 { margin-top: 0; }

#live_film { background: #fff; position: relative; }

#live
{
padding-left: 15px;
padding-top: 10px;
padding-bottom: 7px;
border: 1px solid #ccc;
}

#alternate_live_streams
{
position: absolute;
left: 360px;
top: 60px;
}

#alternate_live_streams ul { list-style: none; }
#alternate_live_streams ul li a, #alternate_live_streams ul li a:link{ background: url(../images/bullet.gif) no-repeat 0px 3px; padding-left: 10px;  line-height: 15pt;}
#alternate_live_streams ul li a:hover, #alternate_live_streams ul li a:active{ color:#696969; }

#next
{
background: url('../images/foto_bg.png') repeat-x top left;
color: white;
width: 200px;
height: 291px;
padding-left: 30px;
padding-top: 30px;
margin: 0;
position: absolute;
right: 0;
top: 0;
}

#next h3 { font-size: 1.6em; }
#next ul { list-style: none; font-size: 1.2em; }
*/

/*************************/
/* CSS voor uitzendingen */
/*************************/

#live_film
{
position: relative;
}

#flashplayer { float: left; margin: 15px; }

#live, #live_audio
{
width: 100%;
height: 350px;
border: 1px solid #CCCCCC;
background: #FFFFFF;
z-index: 4;
position: relative;
}

#live_audio #flashplayer { margin: 30px 15px; }

#MediaPlayer { left: 15px; top: 15px; position: relative; }
.filmcontent #MediaPlayer { left: 0px; top: 0px; }
/* huidige live stream */
#next
{
float: right;
width: 440px;
padding: 0px 20px;
}

#next h3
{
font-size: 1.8em;
font-weight: bold;
color: #FF9B06;
margin-bottom: 10px;
background: url(../images/icons/video.png) no-repeat 0px 3px;
padding-left: 25px;
}

#live_audio #next h3 { background: url(../images/icons/audio.png) no-repeat 0px 3px; }

#next h4 { margin-top: 0px; font-size: 1.2em; }

#next ul { list-style:none; }
#next li { font-size: 1.1em; }
#next li span { font-weight: bold; display: block; width: 120px; float: left; }

#next a, #next a:link { display: block; background: #FF9B06; padding: 4px 7px; position: absolute; top: 10px; right: 10px; color: #FFFFFF; font-weight: bold;  }

/* andere live streams */
#alternate_live_streams
{
width: 480px;
position: absolute;
bottom: 0px;
right: -1px;
z-index: 5;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
}

#alternate_live_streams div
{
border-bottom: 1px solid #CCCCCC;
background: #E4E4E4;
padding: 15px;
position: relative;
height: 60px;
overflow: hidden;
}

#alternate_live_streams h3 { margin: 0px; color: #FF9B06; font-size: 1.2em; padding-left: 20px; }
#alternate_live_streams h4{ margin: 0px; margin-bottom: 10px; font-weight: bold; }

#alternate_live_streams ul { list-style:none; }
#alternate_live_streams li { font-size: 1.1em; float: left; margin-right: 10px; }
#alternate_live_streams li span { font-weight: bold; display: block; width: 60px; float: left; }

#alternate_live_streams a, #alternate_live_streams a:link { display: block; background: #FF9B06; padding: 4px 7px; position: absolute; top: 10px; right: 10px; color: #FFFFFF; font-weight: bold; }

#alternate_live_streams .live_film_container h3 { background: url(../images/icons/camera.png) no-repeat 0px 5px; }
#alternate_live_streams .live_audio_container h3 { background: url(../images/icons/audiobox.png) no-repeat 1px 2px; }


/* Overige style, geen live-uitzending */
.active_sf { background:	#ccc; }
#aanhetwoord { padding-top: 1em; }

#aanhetwoord h2, #sprekers h2, #meerinformatie h2
{
background: 		#fafafa;
margin-left: 		-.7em;
margin-right: 		-.7em;
padding-left: 		.7em;
padding-right: 		.7em;
padding-top: 		.2em;
padding-bottom: 	.2em;	
}

#aanhetwoord h3
{
background: 		url(../images/icons/audio-input-microphone.png) no-repeat center left;
font-size:			1.2em;
margin-left: 		0;
padding-left: 		1.8em;
}

#aanhetwoord p { float: left; margin-left: 1em; }
#aanhetwoord img { float: left; }
#sprekers { padding-bottom: .6em; }
#sprekers h3
{
background: 		url(../images/icons/system-users.png) no-repeat center left;
font-size:			1.2em;
margin-left: 		0;
padding-left: 		1.8em;
}

#sprekers ul
{
height: 			8em;
margin-bottom:		1.5em;
margin-left:		0;
margin-top: 		1em;
overflow: 			auto;	
padding-left:		0;
}

#sprekers ul li
{
background:			url(../images/icons/audio-volume-medium.png) no-repeat .25em 0;
float:				left;
padding-left:		2.2em;
margin-bottom:		.3em;
}

#sprekers ul li span
{
clear:				right;
display:			block;
float:				left;
text-align:			left;
width:				13em;
}

#sprekers ul li em
{
color:				black;
font-size:			.7em;
font-style:			normal;
padding-left:		.8em;

}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#meerinformatie { margin-top: -1em; }

#meerinformatie h2
{
background: 		url(../images/icons/more_information.png) no-repeat center left;	
font-size:			1.2em;
padding-left: 		1.8em;
margin-left: 		0!important;
margin-top:			-.5em;
}

#meerinformatie ul { list-style: none; margin-left: 0; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#agendapunten { 	margin-top: 1em; margin-bottom: 2em; }

span.play, span.pause, span.bijlage_true
{
display:			block;
height: 			16px;
margin-top: 		3px;
margin-right: 		3px;
text-align:			right;	
width: 				16px;
}

span.play { background: url(../images/icons/media-playback-start.png) no-repeat right top; }
span.pause { background: url(../images/icons/media-playback-pause.png) no-repeat right top; }
span.bijlage_true { 	background: url(../images/icons/mail-attachment.png) no-repeat right top; }
span.small { font-size: 85%; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* tableize */
#agendapunten table
{
border-collapse:	collapse;
border-spacing:		0;
margin-left: 		0;
width:				100%;
}

#agendapunten table caption { display: none; }
#agendapunten table tr th { position: absolute; top: -999em; }

#agendapunten table tr.hide
{
/*position:			absolute;
top:				-999em;*/
display: none;
}

#agendapunten table tr.active2, #agendapunten table tr.actief { background: #f3f3f3; }
#agendapunten table tr.actief td { border-bottom: none; }
#agendapunten table tr a:link, #agendapunten table tr a:visited { color: #666!important; font-weight: bold; }
#agendapunten table tr a:hover  { text-decoration: underline; }

#agendapunten table tr td
{
border-bottom:		1px solid #ccc;
min-width:			16px;
padding-bottom:		.6em;
padding-top:		.6em;
vertical-align:		top;
font-size: 			.9em;
line-height: 		16px;
}

#agendapunten .first { width: 26px; }

#agendapunten td.first
{
font-size:			1.2em;
margin: 			0;
margin-left: 		.5em;
text-align:			center;
vertical-align:		top;
line-height: 		10px;
}

#agendapunten tr td.first a { color: #FF9B06!important; }
#agendapunten td.title { vertical-align: top; padding-top: .5em; }
#agendapunten td.last { vertical-align: top; /*width: 6.2em;*/ }
#agendapunten td.last a { float: right; width: 17px; }
#agendapunten td a { cursor: pointer; text-decoration: none; }
#agendapunten td a:hover { /*background: #f3f3f3;*/ }
#agendapunten td a.icon { float: right; }

#agendapunten tr td.title h3
{
display: inline!important;
font-size: 1em;
padding: 0;
margin: 0;
margin-right: 1em;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#documenten { margin-bottom: 1.6em; margin-left: 0; }

#content #documenten h2
{
background: 		url(../images/icons/folder_page.png) no-repeat center left;
padding-left:		24px;
margin: 			10px 0;
}

#agendapunt_documenten h3
{
background: 		url(../images/icons/folder_page.png) no-repeat top left;
font-size:			1.2em;
margin-top:			2em;
padding-left:		1.8em;
}

#documenten ul, #agendapunt_documenten ul
{
list-style:			none;
margin-left: 		0;
padding: 			0;
}

#documenten ul li, #agendapunt_documenten ul li
{
background:			url(../images/icons/documenten_icon.png) no-repeat left top;
margin-bottom:		.6em;
margin-left:		24px;
padding-left:		19px;
display:			table;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#downloaden
{
	margin-bottom: 		1.6em;
	margin-left: 		0;
}

#content #downloaden h2
{
	background: 		url(../images/icons/icon-download.gif) no-repeat left 50%;
	padding-left:		24px;
	font-size:			1.3em;
	margin: 			10px 0;
}

#downloaden ul
{
	list-style:			none;
	margin-left: 		0;
	padding: 			0;
}

#downloaden ul li
{
	background:			url(../images/icons/icon-fragment.gif) no-repeat left 50%;
	margin-bottom:		.2em;
	margin-left:		24px;
	padding-left:		19px;
	display:			table;
}


/* - - - - - - - - - - - - - - - - - - */


#agendapunt_documenten ul li
{
	padding:			.3em .5em .3em 2.2em;
}

#MediaPlayer
{
	margin-bottom: 		1em;
}

li.aantal_documenten, li.aantal_agendapunten, li.thema_lijst, li.status, li.coupled, li.wijken_lijst
{
	padding-left: 		2.3em;
}

.documents ul li , li.aantal_documenten
{
	background: 		url(../images/icons/documenten_icon.png) no-repeat top left;	
	padding:			0 .5em .3em 2.2em;
}

li.aantal_agendapunten
{
	background: 		url(../images/icons/edit-copy.png) no-repeat center left;
	padding:			0 .5em .3em 2.2em;
}

li.thema_lijst
{
	background: 		url(../images/icons/themas_icon.png) no-repeat center left;
	padding:			0 .5em .3em 2.2em;
}

li.status
{
	background: 		url(../images/icons/calendar_edit.png) no-repeat center left;
	padding:			0 .5em .3em 2.2em;
}

li.coupled
{
	background: 		url(../images/icons/edit-copy.png) no-repeat 0 .2em;
	padding:			0 .5em .3em 2.2em;
}

li.wijken_lijst
{
	background: 		url(../images/icons/wijken_icon.png) no-repeat 0 .2em;
	padding:			0 .5em .3em 2.2em;
}

/*----Notitie------------------------------------------------------------*/


/* small icons */
span.note_true, span.note_false
{
	display:		block;
	height: 		16px;
	text-align:		right;	
	width: 			16px;	
	padding-left:	.3em;
	margin-top:		3px;
}

span.note_true
{
	background: 		url(../images/icons/note17px.png) no-repeat right top;
	float: 				right!important;
}
span.note_false
{
	background: 		url(../images/icons/pen17px.png) no-repeat right top;
	float: 				right!important;
}

/* large icons */
span.note_edit, span.note_save, span.note_delete, span.note_historie
{
	height: 		35px;
	text-align:		right;	
	width: 			22px;
	float:			left;
	margin-left:	2px;
}

#notitie span.note_edit, #notitie span.note_save, #notitie span.note_delete, #notitie span.note_historie
{
	
}

span.note_edit
{
	background: 		url(../images/icons/pen22px.png) no-repeat right;
	/*float: 				right;*/
}
span.note_save
{
	background: 		url(../images/icons/floppy22px.png) no-repeat right;
	z-index:100;
}
span.note_delete
{
	background: 		url(../images/icons/trash22px.png) no-repeat right;
	/*float: 				right;*/
}
span.note_historie
{
	background: 		url(../images/icons/history22px.png) no-repeat right;
	/*float: 				right;*/
}

/*main notitie style*/
#agendapunten table tr.note_hide, #agendapunten table tr td a.note_hide, #notesave.note_, div.note_hide
{
	display:			none;
}

#sidebar_verg ul li a span{
	display:block;
float:none;
margin:0;
padding:0;
}

.note
{
	border: 			2px solid #ccc;
	background-color:	#FFFF9C;
	padding:			0.5em;
	margin-bottom:		1.5em;
	min-height:			15em;	
	margin-left:		2em!important;
	margin-right:		.4em!important;
}

span.note_header
{
	background: 		url(../images/icons/note35px.png) no-repeat right top;
	height: 			35px;
	display:			block;	
}
span.note_header ul
{
	margin-left:		0;
	padding:			0 0 0 8.3em;
	height: 			35px;
	background:			url(../images/icons/notitietekst.png) no-repeat left;
	border:				none;
}

.note span.note_header ul{
	list-style-type:	none!important;	
	padding-left:		8em !important;
}

.note span.note_header ul li
{
	margin-right: 12px;
	float: left;
}


.note form textarea
{
	display:			block;
	width:				100%;
	min-height:			9em;
	margin-top:			.7em;
	}

.note pre, .note p{
	font-size:			1em!important;
	font-family:		Tahoma,Arial,Sans-Serif;
	padding-left:		.2em;
	padding-top:		.5em;
	line-height:		170%!important;
}

#notitie .note pre{
	font-size:			1em!important;
}

.note fieldset{
	border:				none;
}

.note h4{
	padding-left:		.2em;
	padding-top:		1em;
}

.note #historie_meer{
	display:			block;
	padding-top:		1.5em!important;
	padding-left:		.2em;
	width:				4em;
	text-decoration:	underline!important;	
	font-size:			1em;
	}

#historie h4{
	font-size:1em;
}
#historie h4 .datum{
	display:block;
	float:right;
}
#historie h4 .versie{
	float: left;
}
#historie p{
	margin-top:1.5em;
}

.note a:hover{
	background:			none!important;
}

li#noteedit, li#notedelete, li#notehistorie{
	display:block;
	float:left;
	width:3em;
}

#document
{
	float:left;
	margin-top:10px;
}
#notitie
{
	float: right;
	width: 25em;
	margin-top:10px;
}

#content h1{
	width:28em;
}


#title_note_icon{
	width:3em;
	display:block;
	float:right;
	margin-top:-2em;
}

#main h1.hide
{
	display: none;
}

#print_links{
	position:relative;
	width:43em;
	height:2em;
}

a.print_pagina 
{
    display:block;
	float:left;
	margin-left:.6em;
	color: #666;
	background: url('../images/print.png') no-repeat;
	padding-left: 22px;
}

#sidebar_verg ul li  a.doc {
display:		block;
width:			14em;
}

#documenten ul li a{

}

#documenten ul li a.doc {
display:		block;
width:			46em;
float:			left;
}

#documenten ul li a span{
	display:block;
	margin:0;
	padding:0;
}

.attachement
{
	background: #F3F3F3;
}

.filmcontent
{
	width: 400px;
	/*margin-left: 43px;*/
	float: left;
}

.film
{
}

.fragments
{
	width: 200px;
	max-height: 330px;
	overflow:auto;
	float: left;
	margin-top: 10px;
	padding-right: 10px;
	border-right: 1px dashed #ccc;
}

.persons
{
	float: left;
	width: 200px;
	/*height: 350px;*/
	max-height: 350px;
	margin: 10px;
	margin-top: 0;
	border-right: 1px dotted #ccc;
	overflow:auto;	
}

.persons a
{
	width: 120px; 
	display: block;
	float: left;
	padding:0;
}

.persons em
{
	float: right;
	display: block;
	}

.persons li
{
	border-bottom: 1px dotted #ccc;
	margin-bottom: 2px;
	padding-bottom: 2px;
}

.persons li:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.persons li {
	display: inline-block;
}
 
html[xmlns] .persons li {
	display: block;
}
 
* html .persons li {
	height: 1%;
}

.speaking
{
	width: 220px;
}

.speaking p
{
	padding-bottom: 1em;
}

.speaking img
{
	width: 75px;
	float: left;
	margin-right: 10px;
	padding-bottom: 15px;
}

.speaking:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.speaking {
	display: inline-block;
}
 
html[xmlns] .speaking {
	display: block;
}
 
* html .speaking {
	height: 1%;
}

.speaking h3
{
	padding: 0;
	margin: 0;
	padding-bottom: 5px;
}

.speaking p
{
	margin: 0;
}

.speaking p a
{
	font-weight: bold;
}

.speakers ul
{
	width: 180px!important;
	margin: 0;
}

.speakers h3
{
	position: absolute;
	left: -999em;
}

.fractie
{
	display: block;
	font-weight: normal;
}

.fragments h2, .persons h2, .more h3
{
	padding: 0;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 10px;
}

.fragments ul, .info ul
{
	margin: 0;
	padding: 0;
	list-style: none!important;
}

.more h4
{
	margin-top: 0;
}

.info
{
	width: 220px;
	/*border-left: 1px dashed #ccc;*/
}

.documents
{
}
/*Vergaderingen homepage*/
#links
{
	border-top: 1px dotted #666;	
	position: relative;
	height: 26em;/*250px;*/
}

#links h2
{
	padding-bottom: 1em;
	border-bottom: 1px dotted #666;	
}

#komendevergaderingen
{
	position: absolute;
	left: 0;
	width: 425px;
}

#laatstevergaderingen
{
	position: absolute;
	right: 0;
	width: 425px;
}

#komendevergaderingen h3
{
	background: #FF9B06 url('../images/komende_vergaderingen.png') repeat-x top left;
	padding: .8em;
	padding-top: 95px;
	color: white;
}

#laatstevergaderingen h3
{
	background: #666 url('../images/laatste_vergaderingen.png') repeat-x top left;
	padding: .8em;
	padding-top: 95px;
	color: white;
}

#laatstevergaderingen ul, #komendevergaderingen ul, div.orgaan ul, #vergaderingen
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#laatstevergaderingen ul li a, #komendevergaderingen ul li a, div.orgaan ul li a, #vergaderingen li a
{
	display: block;
	padding-top: .2em;
	padding-bottom: .2em;
	padding-left: 1em;
	border-bottom: 1px solid #ccc;
	background: url('../images/bullet.png') no-repeat left center;
	color: #666;
	font-weight: bold;
}

#laatstevergaderingen ul li a:hover, #komendevergaderingen ul li a:hover, div.orgaan ul li a:hover, #vergaderingen li a:hover
{
	border-bottom: 1px solid #999;
}

#sidebar_organen
{
	margin-top: 5px;
	padding-top: 25px;
	border-top: 0px dotted #666;	
	background: #ececec;
	padding: 15px;
}

#sidebar_organen ul
{
	padding: 0;
	margin: 0;
}

#sidebar_organen div.orgaan
{
	width: 265px;
	height: 100px;
	float: left;
	border-right: 1px solid #ececec;
	padding: 10px;
	padding-left: 0;
	margin-right: 10px;
	margin-bottom: 10px;
}

#sidebar_organen div.orgaan h3
{
	/*background:#666;*/
	color: #666;
	margin: -10px;
	margin-bottom: 5px;
	padding: 10px;
}

#sidebar_organen div.orgaan a
{
	font-weight: bold;
	color: #666;
}

#sidebar_organen:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
#sidebar_organen {
	display: inline-block;
}
 
html[xmlns] #sidebar_organen {
	display: block;
}
 
* html #sidebar_organen {
	height: 1%;
}

#vergaderingen
{
	margin-top: 75px;
	width: 285px;
}

#jaren
{
	position: absolute;
	top: 95px;
	border-bottom: 1px dotted #666;
	width: 95%;
	margin-bottom: 15px;
}

#jaren ul
{
	list-style: none;
}

#jaren ul li
{
	float: left;
	padding: 10px;
}

#jaren ul li a
{
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
}

#jaren ul li.current_year a
{
	color: #FF9B06;
}

/*----END Notitie-------------------------------------------------------*/

.uitzending_waarschuwing
{
	width: 14%;
}
div.info div.documents ul li.doc, #documenten ul li.doc { background: url(../images/icons/file/doc.gif) no-repeat top left; }
div.info div.documents ul li.docx, #documenten ul li.docx { background: url(../images/icons/file/doc.gif) no-repeat top left; }
div.info div.documents ul li.xls, #documenten ul li.xls { background: url(../images/icons/file/xls.gif) no-repeat top left; }
div.info div.documents ul li.xlsx, #documenten ul li.xlsx { background: url(../images/icons/file/xls.gif) no-repeat top left; }
div.info div.documents ul li.ppt, #documenten ul li.ppt { background: url(../images/icons/file/ppt.gif) no-repeat top left; }
div.info div.documents ul li.pptx, #documenten ul li.pptx { background: url(../images/icons/file/ppt.gif) no-repeat top left; }
div.info div.documents ul li.pdf, #documenten ul li.pdf { background: url(../images/icons/file/pdf.gif) no-repeat top left; }
div.info div.documents ul li.txt, #documenten ul li.txt { background: url(../images/icons/file/txt.gif) no-repeat top left; }