/*- - - - - - - - - Main stylesheet Gemeente Oegstgeest- - - - - -*/
*
{
	
}

body
{
	font-family:		verdana;
	font-size:			.8em;
	margin:0;
	padding:0;
}

#container
{
	width:				900px;
	margin:				0 auto;
	min-height:			70em;
	border-left:		#196B2B 10px solid;
	position:			relative;
}

#header
{
	position:absolute;
	top:0;
	width:100%;
	background: 		transparent url(../images/raadheader.png) top left no-repeat;
	height:				290px;
	z-index:			0;
}

#header img
{
	margin-left:18px;
	margin-top:40px;
}
	
a img 
{
	border:				none;
}
	
#content
{
	padding-top:		295px;
	margin-left:		250px;
	min-height:		50em;
	width:			32em;
	padding-bottom:		4em;
	float:left;
}

#content.search
{
	margin-left:		2em;
	width:				50em;

}

#content img{
	max-width:32em;
	margin-top:	2em;
	margin-bottom:2em;
	}

#content.newwindow img{
	margin:0!important;
	padding:0!important;
	}
	
/*--------------------koppen------------------------*/

h1
{
	color:				#196B2B;
	font-weight:		bold;
	font-size:			1.2em;
	
}

h2
{
	color:				#196B2B;
	font-weight:		bold;
	font-size:			1.1em;
	}

h3
{
	color:				#000;
	font-weight:		bold;
	font-size:			1em;
	}

a, a:hover{
	color:#000;
}
/*--------------------hoofdmenu--------------------*/

#mainmenu
{
	position:absolute;
	z-index:999;
	top:153px;
	left:0;
	
}

.skip
{
	display:none;
}

#menu 
{
	background:#D81333;
	padding: 0;
	margin: 0;
	padding-top:8px;
	list-style: none;
	height:27px;
	padding-left:0;
	}

#menu li
{
	position:relative;
	}

#menu  ul
{
	left:-999999em;
	width:auto;
	background:#FEC02E;
	position:absolute;
	top:20px;
	padding:0;
	padding-left:5px;
	margin:0;
	margin-left:-4px;
}

#menu  ul li
{
	margin:0;
	padding:5px 2px 2px 0;
}

#menu li:hover ul,li.over ul
{
	left:auto;
	}
	
li.over ul{
	display:block;
	}
	
#homebutton
{
	position:absolute;
	top:50px;
}

#menu li ,#homebutton 
{
	float:			left;
	margin-left:	.4em;
	margin-right:	1em;
	list-style:		none;
	padding-left:	.5em;
}
	
#menu li a , #homebutton 
{
	background:		transparent url(../images/geelblokjeklein.png) 0 .7em  no-repeat;
	border-bottom: 	2px solid #D81333; 
	color:			#000;
	float:			left;
	font-family:	verdana;
	font-size:		.9em;
	font-weight:	bold;
	padding-top:	.3em;
	padding-left:	1em;
	text-align:		left;
	text-decoration:none;
	/*width:			10em;*/
}

#menu li a:hover, #menu li a.active , #homebutton li a:hover
{
	
	text-decoration: none;
	border-bottom: 2px solid #FEC02E; 

}

/*-------------------topmenu--------------------*/

#topmenu
{
	position:		absolute;
	right:			30px;
	top:			35px;
	width:			12em;
	height:			80px;
	list-style:		none;
	background:		transparent url(../images/blokjes.png) top left no-repeat;
	padding-left:	2em;
	padding-top:	0;
	margin-top:		0;
	line-height:	1.7;
	z-index:		10;
	
}

#topmenu ul
{
	margin-top:-5px;
	margin-left:0;
	padding:0;
	list-style-type:none;
}

#topmenu ul li a
{
	text-decoration:	none;
	background:			none;
	color:				#575757;
	font-weight:		bold;
	font-size:			.85em;
}

#topmenu ul li a:hover
{
	text-decoration:	underline;
	color:				#575757;
}

/*-------------folders uit hoofdmenu-items----------------*/

#subnavlist  ul {
	margin-top:			1em;
	margin-left:		2em;
	width:				15em;
	padding-bottom:		1em;
	list-style: 		none!important;	
	padding-left:		0;
	line-height:		1.3;
}

#subnavlist ul li a,#menu ul li a{
	
	background:			transparent url(../images/roodblokjeklein.png) 0 .4em no-repeat;
	text-decoration:	none;
	color:				#000;
	font-family:		verdana;
	font-weight:		bold;
	font-size:			90%;		
	padding-left:		1.4em;
	width:				14em;
}

#subnavlist ul li ul li a,#menu ul li ul li  a{
	font-weight:		normal;
	}
	
/*- - - - - -  blokjes - - - - - - - - - - -*/

/*Direct naar en Uitgelicht*/
#links{
	float:left;
	margin-top:		1em;
	width:			15em;
	margin-left:	-52.5em;
}

#links ul li {
	list-style:			none!important;
	padding-left:		0;
	margin-top:			.7em;
	margin-left:		-2.6em;
		}

#links ul li a{
	text-decoration:	none;
	color:				#000;
	font-size:			85%;
	}
	
#direct ul li  a{
	background: 		url(../images/roodstreepje.png) center left no-repeat;
	}
	
	
/*- - - - - - - - - klikpad- - - - - - - - - -*/
#klikpad
{
	position:		absolute;
	top:			267px;
	left:			27px;
	font-size:		.8em;
	color:			#575757;
	z-index:		1;
}

#klikpad a
{
	color:			#575757;
	font-weight:	normal;
}

#klikpad a:hover
{
	text-decoration:underline;
	color:			#575757;
	font-weight:	normal;
}

#klikpad p strong
{
	font-weight:	normal;
}

#klikpad p
{
	font-weight:	normal;
}

/*- - - - - -  blokjes - - - - - - - - - - -*/


/*---submenu documenten----*/

#navigation{
	position:			absolute;
	top:				145px;
	width:				15em;
	margin-left:		2em;
}

/*Komende en Laatste vergaderingen*/

#links,#sidebar_themas,#sidebar_verg
{
	padding-top:	23em;
	width:			15em;
	margin-left:	-49.5em;
	float:			left;
}


#links ul, #sidebar_themas ul, #sidebar_verg ul, #sidebar_organen ul
{
	margin-top:1em;
	margin-left:-.3em;
}

#sidebar_themas{
	margin-top:1em;
	}
	

#laatste_themas ul li ,#sidebar_themas ul li ,#agendapunten ul li,#sidebar_verg ul li,#navigation ul li{
	list-style:			none!important;
	background: 		url(../images/roodstreepje.png) center left no-repeat;
	padding-left:		.2em;
	margin-top:			.2em;
	margin-left:		-3em;
	}

#links ul li a, #laatste_themas ul li a, #sidebar_themas ul li a,#agendapunten ul li a,#content #komendevergaderingen ul li a,#content #laatstevergaderingen ul li a,#sidebar_verg ul li a,#navigation ul li a{
	background: 		url(../images/roodstreepje.png) center left no-repeat;
	text-decoration:	none;
	color:				#000;
	font-size:			85%;
	padding-left:		2em;
	display:			block;
	line-height:		1;
	}

#sidebar_verg ul li a{
	background:none;
}



#agendapunt_documenten ul li a
{	
	line-height:1.4;
	word-break:break-strict;
}
	
	
/*Online regelen*/

#sidebar
{
	position:absolute;
	top:370px;
	left:690px;	
}

#online h2{
	background:			transparent url(../images/geel-top.png) no-repeat top left;
	top:				3em;
	width:				198px;
	padding-top:		1.5em;
	padding-left:		1em;
	height:				60px;	
}

#online{
	margin-left:		1px;
	min-height:			6em;
}

#online ul{
	margin-top:			-2em;
	margin-left:		0.1em;
	padding-bottom:		2em;
	border:				3px solid #196B2B;
	border-top:			none;
	width:				158px;
	}

#online ul li {
	list-style:			none!important;
	background: 		url(../images/roodstreepje.png) center left no-repeat;
	padding-left:		1.5em;
	margin-top:			.7em;
	margin-left:		-2.6em;
	width:				174px;
	}

#online ul li a{
	text-decoration:	none;
	color:				#000;
	font-size:			85%;
	}

/*onderwerpen A-Z*/

#onderwerpen h2{
	background:			transparent url(../images/geel-top.png) no-repeat top left;
	top:				3em;
	width:				198px;
	padding-top:		1.5em;
	padding-left:		1em;
	height:				60px;	
}

#onderwerpen{
	margin-left:		1px;
	min-height:			6em;
}

#onderwerpen ul{
	margin-top:			-2em;
	margin-left:		0.1em;
	padding-bottom:		2em;
	border:				3px solid #196B2B;
	border-top:			none;
	width:				158px;
	}

#onderwerpen ul li {
	list-style:			none!important;
	/*background: 		url(../images/roodstreepje.png) center left no-repeat;*/
	padding-left:		1.5em;
	margin-top:			.7em;
	margin-left:		-3em;
	width:				174px;
	}

#onderwerpen ul li a{
	text-decoration:	none;
	color:				#000;
	font-size:			85%;
	}

/*extra, uitgelicht per hoofdstuk*/


#extra h2{
	background:			#fff url(../images/geel-top.png) no-repeat top left;
	top:				3em;
	width:				198px;
	padding-top:		1.5em;
	padding-left:		1.5em;
	height:				30px;
	margin-left:		-1.4em;
}

#extra{
	margin-left:		1px;
	font-size:			85%;
	margin-left:		0;
	padding-bottom:		2em;
	padding-left:		1.3em;
	padding-right:		1em;
	border:				3px solid #FEC02E;
	border-top:			none;
	width:				173px;
}

/*#extra ul{
	margin-top:			-2em;
	}

#extra ul li {
	list-style:			none!important;
	background: 		none!important;
	padding-left:		0;
	margin-top:			.3em;
	margin-left:		-2.6em;
	width:				174px;
	}

#extra ul li a{
	color:				#000;
	}
*/

	
/*- - - - - - - - -INLOGGEN/UITLOGGEN - - -*/


#inloggen_link, #uitloggen_link
{
	position:absolute;
	top:100px;
	left:717px;
	color:				#575757;
	font-weight:bold;
	font-size:85%;
	z-index:100;
	text-decoration:none;
	}

#inloggen_link:hover, #uitloggen_link:hover
{
	
}

#uitloggen:hover
{
	
}

/*- - - - - - - - - footer - - - - - - - - - -*/

#footer
{
	clear:		both;
	margin-top:-.5em;

}

#footer ul
{	
	height:				5em;
	float:right;
}

#footer ul li
{
	color:				#575757;
	float:				left;
	padding-right:		.5em;
	font-size:			.8em;
	font-weight:		bold;
	list-style:			url(../images/grijsblokje.png);
	margin-left:		1.5em;
	margin-right:		1em;
}

#footer a
{
	color:				#666;
	text-decoration:	none;
}

#footer a:hover
{
	text-decoration:	underline;
}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#main
{
	border-top:		1px solid #800080;
	min-height:		18em;
	padding:		0 1em 1em 1em;	
	padding-bottom:	1em;
	margin-top:		8em;
	
}



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


#sform fieldset,#inloggen fieldset,#aboform fieldset
{
	padding:.5em;
}
	
#search fieldset
{
	position:			absolute;
	top:				300px;
	width:				18em;
	margin-left:		53.5em;
	border:				none;
}


#search fieldset legend,#inloggen fieldset legend{
	display:none;
	}
	
#search #q
{
	background:			#CCCCCC;
	color: 				#000;
}
	
input.zoekbutton {
	background:transparent url(../images/icons/advanced_search.gif) no-repeat;	
	border:none;
	width:4em;
	}

#content #searchresults
{
	margin-bottom:3em;
	padding-top:17em;
}

#searchresults li
{
	list-style:			none;
	padding-left:		0;
	margin-left:		-2.5em;
	display:			block;
	margin-bottom:		1.2em;
	}

#searchresults li img{
	float:left;
	margin-left:-2em;
	margin-top:-1.4em;
}


#searchresults li a
{
	color:				#000;
}

span.searchresultnumber
{
	margin:0;
	padding:0;
}

#search_stukken #vd, #search_stukken #td, #search_stukken #ty, #search_stukken #vy, #sform #vd, #sform #td, #sform #ty, #sform #vy {
margin-bottom:0.4em;
width:4em;
}
#search_stukken #vm, #search_stukken #tm, #sform #vm, #sform #tm {
margin-bottom:0.4em;
width:6.5em;
}

#zoeknavigatie ul {
	border-top:#575757 1px solid;
	display:block;
	list-style-type:none;
	margin-left:-2.5em;
	padding-top:1em;
	padding-bottom:2em;
}

#zoeknavigatie  ul li
{
	display:inline;
	
}

#zoeknavigatie  a
{
	color:#000;
	margin-right:.3em;
}

/*--------------sitemap-----------------*/


#sitemap  ul {
	margin-top:			2em;
	margin-left:		2em;
	/*width:				15em;*/
	padding-bottom:		2em;
	list-style: 		none!important;	
	padding-left:		0;
	line-height:		1.7;
}

#sitemap ul li a{
	
	background:			transparent url(../images/roodblokjeklein.png) 0 .4em no-repeat;
	text-decoration:	none;
	color:				#000;
	font-family:		verdana;
	font-weight:		bold;
	/*font-size:			90%;		*/
	padding-left:		1.4em;
	/*width:				14em;*/
}

#sitemap ul li ul li a{
	font-weight:		normal;
	}


/*---------------Formulieren------------*/

#content fieldset{
	border: #FEC02E 1px solid;
	}
	
#content form legend
{
	font-size:80%;
}

#aboform legend ,#sform legend
{
	display:none;
}

#aboform input  {
	/*width:16em;*/
	}
	
#sform input.submit
{
	float:right;
}

#sform input, #sform select
{
	float:left;
	margin-bottom:.5em;
}
#sform fieldset
{
	position:absolute;
	top:33em;
	padding-right:10em;
	width:40em;
}


#sform label
{
	display:block;
	float:left;
	width:15em;
	margin-bottom:.5em;
}

#sq
{
	width:20em;
}

#sform br
{
	clear:both;
}
		
#sform select
{
	
}

/*-----------------Nieuws----------------------*/

#newsperiod
{
	position: absolute;
	top: 23em;
	left: 2em;
	width: 16em;
}

#newsperiod ul li a
{
	padding: .2em!important;
	color: 				#000;
}

#newsyears, #jaren ul
{	width: 30em;
	float: left;
	margin-right: 1em;	
}

#jaren ul{
	position:absolute;
	top:27em;
	left:19.5em;
	}

	
#jaren li{
	width: 4em;
	float: left;
	}

#jaren ul li a{
	
	padding-right:.5em!important;
}

.current_year a {
	color:#D81333!important;
	font-weight:bold;
	}
	
#vergaderingen{
	position:absolute;
	top:31em;
	left:16.4em;
	list-style:none;
	line-height:1.7;
	}
	
#newsmonths
{
	width: 6em;
	float: left;
}

#newsyears ul, #newsmonths ul, #jaren ul
{
	list-style: none;
	margin-left: 0;
	padding-left:0;
		
}

#newsperiod li.active a
{
	background: #CCCCCC;
	border-bottom: 1px solid #DADADA;
}

#newsperiod li.active  a:hover
{
	background: #ECECEC;
}

#newsperiod a:hover, #vergaderingen li a:hover, #jaren ul li a:hover
{
	/*background: #ECECEC;
	border-bottom: 1px solid #DADADA!important;*/	
	line-height:1,2;
}

#newsitems p
{
	margin-bottom: 2em;
}

#newsitems ul{
	list-style:none;
	
	}
#newsitems ul li{

	margin-left:-3em;
	margin-top:2em;
}

#newsitems h2
{
	float:left;
	margin-top:.3em;
	margin-bottom:1em;
	min-width:255px;
	margin-left:0;
	padding-left:1em;
	background: transparent url(../images/roodblokje.png) 0 .2em no-repeat;
	clear:right;
}

#newsitems h2:hover
{
	
}

#newsitems h2 a
{
	text-decoration:none;
	color:#000;
	text-align:left;
	padding-left:2em;
}


#date
{	
	list-style:none;
	margin-left:-3em;
	margin-top:0;

}
/*----------raadsite------------------*/
	
#agendapunten *
{
	border: 			0px dashed grey;
	color:				black;	
	}

#agendapunten table
{
	border-collapse:	collapse;
	margin-left: 		0;
}

#agendapunten table caption
{
	display:			none;
}

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

#agendapunten table tr.active, #agendapunten table tr.actief
{
	background:			#f3f3f3;
}

#agendapunten table tr a:link
{
	color:				#000;
	
}

#agendapunten table tr td
{
	border-bottom:		1px solid #ccc;
	
	padding-bottom:		.6em;
	padding-top:		.6em;
	vertical-align:		top;
	/*font-size: 			.9em;*/
}

#agendapunten td.first
{
	margin: 			0;
	padding: 			0;
	padding-right:		.3em;
	padding-top:		.5em;
	text-align:			left;
	vertical-align:		top;
	width:				1.5em;
}

#agendapunten td.title
{
	vertical-align: 	top;
	padding-top: 		.5em;
	width:				27em;
	
}

#agendapunten td.last
{
	margin-top: 		.3em;
	margin-right: 		.3em;
	padding-left:		.2em;
	vertical-align: 	top;
}

#agendapunten td.last a
{
	display: 			inline;
}

#agendapunten td a
{
	cursor:				pointer;
	text-decoration:	none;
	display: 			block;
	padding-left:		0.5em;
	margin-left:		-,5em;
}

#agendapunten td a:hover
{
	background: 		#f3f3f3;
}

#agendapunten td a.icon
{
	float:				right;
	
}

span.Toelichting{
	font-weight:normal;
	display:block;	
	font-size:.9em;	
	}

.description{
	font-weight:bold;
	display:block;
}

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

#agendapunt_documenten
{
	margin-bottom:		1.3em;
	padding-top:		0em;
}

#agendapunt_documenten h3
{
	color:				#196B2B;
	padding-left:		0em;	
	font-style:			normal!important;
	font-size:			1.1em;
}

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

#documenten ul li, #agendapunt_documenten ul li
{
	background:			url(../images/icons/x-office-document.png) no-repeat top left;
	margin-bottom:		.6em;
	padding-left:		1em;
}

#documenten ul li, #agendapunt_documenten ul li a{
	display:			block;
	font-size:			85%;
	list-style:			none!important;
	
}

#agendapunt_documenten ul li
{
	padding-left:0;
	margin-left:0;
}

#documenten ul li a{
	padding-left:1em;
	}
	

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


.nonvisual
{
	position:absolute;
	top:-9999em;
	height:none;
}

/*----raadsite ------*/

#laatste_themas{
	margin-top:2em;
	}
#laatste_themas h2{
	font-style:normal;
	font-size:1em;
	}
	
#content #komendevergaderingen ul li,#content #laatstevergaderingen ul li{
	list-style:			none!important;
	background: 		url(../images/roodstreepje.png) center left no-repeat;
	padding-left:		.3em;
	margin-top:			.7em;
	margin-left:		-3em;
	}


table.verord
{	
	width: 100%;
	margin-left:0;	
}

table.verord td.verordomschr
{
	width: 50%;
	vertical-align:top;
}

table.verord th, table.verord caption
{
	position: absolute;
	left: -999em;
}

table.verord td
{
	/*border-bottom: 1px solid #ECECEC;
	padding-top: .3em;
	padding-bottom: .3em;	*/
}

.themadocomschr{
	font-size:85%;
}

table.verord td a
{
	color: #000;
	background:			url(../images/icons/x-office-document.png) no-repeat top left;
	width:30em;
	padding-right:2em;
	padding-left:2em;
	font-size:85%;
	vertical-align:top;
}

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

span.play
{
        background:             url(../images/icons/media-playback-start.png) no-repeat right top;
        float:                          right;
}

span.pause
{
        background:             url(../images/icons/media-playback-pause.png) no-repeat right top;
        float:                          right;
}

span.bijlage_true
{
        background:             url(../images/icons/mail-attachment.png) no-repeat right top;
        float:                  right;
}

input.bttn
{
	width:8em !important;
	float:right;
	margin-top:1em;
}

#name
{
	width:22em !important;
}