/*
	main stylesheet Oostzaan gemeentehuis
*/

body
{
	margin:			0;
	padding:		0;
	font-family:	"Lucida Sans Unicode","Trebuchet MS",Arial;
	font-size:		76%;
}

p,ol,ul,td
{
	font-size:1em;
}

.nonvisual
{
	position:absolute;
	top:-999em;
	left:-999em;
}

.skip
{
	position:absolute;
	display:block;
	font-size:.8em;
	padding:.3em;
	text-decoration:none;
	background:#fff;
	color:black !important;
	z-index:9999999;
}

.skip:focus
{
	left:auto;
}

p
{
	margin: 0;
	padding-bottom: .8em;
}

a:link
{
	color:				#00A600;
	text-decoration: 	underline;
}
a:visited
{
	color:				#000;
}
a:hover
{
	color:				#3796FF;
}
a:active
{}

h1
{
	font-size:	1.8em;
	font-weight:normal;
}

h2
{
	font-size:	1.6em;
	font-weight:normal;
}

h3
{
	font-size:	1.4em;
	font-weight:normal;	
}

h4
{}

h5
{}

h6
{}

/*----------------------------------------------------------------------------*/
#main
{
}

/*----------------------------------------------------------------------------*/
#header
{
	background:		white;
	height:			5.7em;
	margin-top:		1.8em;
}

.sitetitel
{
	color:			#00A600;
	font-size:		1.6em;
	font-weight:	normal;
	margin:			0;
	margin-left:	.5em;
	padding:		0;
	padding-top:	.5em;
}

/*----------------------------------------------------------------------------*/
#path
{
	background:		#17B217;
	border-top:		1px solid white;
	border-bottom:	1px solid white;
	color:			white;
	height:			1.6em;
	padding-left:	1em;
	padding-top:	.2em;
}

#path h2
{
	display:		none;
}

#path strong
{
	font-weight:	normal;
}

#path a
{
	color:				white;
	margin-top:			0.2em;
	text-decoration:	none;
}

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

/*----------------------------------------------------------------------------*/
#content
{
	background:		#fff url(../images/back_content.png) left top repeat-x;
	margin:			0;
	margin-left:	18.5em;
	min-height:		43em;
	padding:		0;
	padding-left:	2em;
	padding-right:	18em;
}

#content h2
{
	color:			#363641;
	margin:			0;
	padding:		0;
	padding-bottom:	.5em;
	padding-top:	.5em;
}

#content #news ul
{
	list-style:		none;
	margin:			0;
	padding:		0;
}

#news li
{
	margin:			0;
	padding:		0;
}

#news li h3
{
	color:			#8C8C8C;
	font-size:		0.9em;
	font-weight:	normal;
	margin:			0;
	margin-bottom:	.7em;
	padding:		0;
	text-align:		right;
	text-transform:	uppercase;
}

#content #news ul li h3 a
{
	color:			#f77a47;
	font-size:		140%;
	float:			left;
	margin:			0;
	padding:		0;
	
	text-decoration:none;
	text-transform:	none;
}

#content #news ul li p
{
	margin:			0;
	padding:		0;
	padding-bottom:	1.2em;
}

#content #news ul li h3 a:hover
{
	text-decoration:underline;
}

#content #news ul li #more
{
	display:		none;
}

#content #news a
{
	color:			#000;
	display:		block;
	margin:			0;
	margin-top:		2em;
	padding:		0;
	text-decoration:underline;
}

#content form
{
	margin-top:		1em;
}

#content #formulier label{
	display:		block;
	float:			left;
	clear:			right;
	width:			15em;
	}
	

#content ol
{
	margin:			0;
	padding:		0;
}

#content ol li
{
	margin-left:	1.8em;
}


/*----------------------------------------------------------------------------*/
#sidebar
{
	position:		absolute;
	top:			9.5em;
	right:			0;
	
	background:		url(../images/back_sidebar_dorp.gif) left bottom no-repeat;
	height:			31.5em;
	
	width:			16em;
}

#sidebar #subnavigation h2
{
	border-bottom:	1px solid white;
	color:			white;
	margin:			0;
	padding:		0;
	padding-left:	1.1em;
	padding-top:	.5em;
}

#subnavigation
{
	margin-bottom:	1em;
}

#subnavigation form
{
	margin:			0;
	padding:		0;
}

#subnavigation label
{
	display:		none;
}

#subnavigation fieldset
{
	border:			none;
	margin:			0;
	padding:		0;
}

#subnavigation fieldset legend
{
	display:		none;
}

#subnavigation input.searchbox
{
	border:			1px solid #363641;
	font-family:	"Lucida Sans Unicode","Trebuchet MS",Arial;
	font-size:		90%;
	height:			1.3em;
	margin:			0;
	margin-left:	1.7em;
	margin-top:		1.1em;
	padding:		.1em;
}

#subnavigation input.searchbutton
{
	cursor:			pointer;
	font-family:	"Lucida Sans Unicode","Trebuchet MS",Arial;
	font-size:		90%;
	height:			1.75em;
	margin:			0;
	margin-left:	.5em;
	padding:		0;
	padding-left:	.2em;
}

#subnavigation ul
{
	list-style:		none;
	margin:			0;
	margin-bottom:	1em;
	margin-left:	.5em;
	margin-top:		.5em;
	padding:		0;
}

#subnavigation ul li
{
	background:		url(../images/rodepijl.png) center left no-repeat;
	border:			1px solid #82c681;
	margin-left:	1.1em;
	margin-bottom:	.6em;
	padding:		0;
	padding-left:	1.2em;
}

#subnavigation ul li a
{
	color:			#000;
	display:		block;
	font-size:		1.1em;
	text-decoration:none;
}

#subnavigation ul li a:hover
{
	text-decoration:underline;
}


/*----------------------------------------------------------------------------*/
#contact
{
}

#contact h2
{
	border-bottom:	1px solid white;
	color:			white;
	margin:			0;
	padding:		0;
	padding-left:	1.1em;
	padding-top:	.1em;
}

#contact address
{
	font-style:		normal;
	font-size:		1.1em;
	margin-top:		1em;
	margin-left:	1.5em;
	padding:		0;
}

#contact address br
{
	display:		none;
}

#adres
{
	display:		block;
	margin-bottom:	.3em;
	margin-left:	.2em;
}

#pcfirst
{
	display:		block;
	margin-bottom:	.3em;
	margin-left:	.3em;
}

#pobox
{
	display:		block;
	margin-bottom:	.3em;
	margin-left:	.6em;
}

#pcsecond
{
	display:		block;
	margin-bottom:	.3em;
	margin-left:	.8em;
}

#telephone
{
	display:		block;
	margin-bottom:	.3em;
	margin-left:	1.2em;
}

#fax
{
	display:		block;
	margin-bottom:	.3em;
	margin-left:	1.7em;
}

#email
{
	margin-left:	2.1em;
}

#email a
{
	font-size:		.9em;
	color:			#000;
}

#route
{
	margin-left:	2.5em;
}

#route a
{
	font-size:		.9em;
	color:			#000;
	line-height:	2;

}

/*----------------------------------------------------------------------------*/
#options
{
	margin-left:	5.5em;
	margin-top:		1em;
	padding:		0;
}

#options h3
{
	display:		none;
}

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

#options ul li
{
	border:			1px solid #82c681;
	display:		block;
	margin-bottom:	.5em;
}

#options ul #print
{
	background:		url(../images/blauweprintbutton.gif) .05em .05em no-repeat;
}

#options ul #zoom
{
	background:		url(../images/blauwezoombutton.gif) .05em .05em no-repeat;
}

#options ul li a
{
	color:			#000;
	display:		block;
	font-size:		1.1em;
	padding-left:	1.8em;
	text-decoration:none;
}

#options ul li a:hover
{
	text-decoration:underline;
}


/*----------------------------------------------------------------------------*/
#quicknavigation
{
	position:	absolute;
	top:		0;
	left:		0;	
	width:100%;
	background:	#00A600;
	border-bottom:	1px solid white;
}

#quicknavigation h2
{
	display:	none;
}

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

#quicknavigation ul li
{
	float:		left;
	margin:		0;
	padding:	0;
}

#quicknavigation ul li a
{
	color:		white;
	display:	block;
	height:		1.7em;
	margin:		0;
	margin-right:	.1em;
	padding-left:	1em;
	padding-top:	.2em;
	padding-right:	.6em;
	text-decoration: none;
	width:		4em;
}

#quicknavigation ul li a.mijn
{
	width:		7em;
}

#quicknavigation ul li a:hover
{
	background:			white;
	color:				#00A600;
	text-decoration:	underline;
}

#quicknavigation ul .sitenav
{
	/*background:		#FA6A30 url(../images/sitenav_gem.gif) left bottom no-repeat;*/
	float:			right;
	height:			1.9em;
	margin:			0;
	margin-left:	.1em;
	text-align:		center;
	text-transform: uppercase;
	/*width:			14.7em;*/
}

#quicknavigation ul .sitenav a
{
	/*background:		url(../images/gem_pijl.gif) 1.4em .5em no-repeat;*/
	padding-left:	2em;
	width:			14.7em;
}

#quicknavigation ul .sitenav a:hover
{
	background:		white;
	color:			#00A600;
}


/*----------------------------------------------------------------------------*/
#navigation
{
	position:		absolute;
	top:			9.5em;
	left:			0;
	
	background:		url(../images/back_menu_dorp.gif) right top no-repeat;
	min-height:		58em;
	margin:			0;
	padding:		0;
	padding-bottom:	5em;
	width:			18.5em;
}

#navigation h2
{
	border-bottom:	1px solid white;
	color:			white;
	margin:			0;
	padding:		0;
	padding-left:	.6em;
	padding-top:	.5em;
	width:			10em;
}

#nav, #modules
{
	list-style:		none;
	margin:			0;
	padding:		0;
	padding-top:	1em;
}

#nav li, #modules li
{
	margin-left:	2.1em;
	margin-bottom:	.8em;
}

#nav li a, #modules li a
{
	background:		url(../images/wittepijl_dorp.png) center left no-repeat;
	color:			#000;
	font-size:		1.1em;
	padding-left:	1em;
	text-decoration:none;
}


/* --- submenu --- */

#nav li ul, #nav li ul li ul
{
	list-style:		none;
	margin:			0;
	margin-top:		.5em;
	padding:		0;
}

#nav li ul li
{
	list-style:		none;
	margin-left:	1em;	
}

#nav li ul li a
{
	color:			white;
}

#nav li ul li ul li
{
	color:			#ccc;
	margin-left:	1.3em;
}

#nav li ul li ul li a
{
	color:			white;
}

.collapsed
{
	display:		none;
}

.expanded
{
	display:		block;
}

#nav li a.opened, #nav li ul a.opened
{
	background:		url(../images/wittepijldown_dorp.png) center left no-repeat;
	text-decoration:underline;
}

#nav li ul li ul li a.opened
{
	background:		none;
	text-decoration:underline;
}

/*----------------------------------------------------------------------------*/
#poll
{
	margin-top:		1.5em;
}

#poll h2
{
	width:			11em;
}

#poll p
{
	margin:			0;
	margin-top:		.6em;
}

#poll span.invoer_regel
{
	display:		block;
	margin:			0;
	padding:		0;
}

#poll span.resultaten
{
	display:		block;
	margin-top:		1em;
}

#poll span.resultaten span
{
	display:		block;
	margin-top:		.5em;
}

#poll span.resultaten span.percentage
{
	display: 		inline;
	margin-left:	.5em;
	width: 			1em;
}

/*----------------------------------------------------------------------------*/
#footer
{
	text-align:		right;
}

#footer p
{
	margin:			0;
	padding:		0;
}

#footer
{
	background:		transparent url(../images/back_body_gem.gif) top right no-repeat;
	position:		relative;
	min-height:		20.8em;
	right:			0;
	bottom:			0;
	margin:			0;
	padding:		0;
	text-align:		right;
}

/*----------------------------------------------------------------------------*/
#about
{
	list-style:		none;
	margin:			0;
	padding:		0;
}

#about li
{
	margin-bottom:	1em;
	margin-top:		1em;
}

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

#newsperiod{
	position:		absolute;
	top:			2em;
	left:			0;
	width:			44em;	
	}
	
#newsmonths
{
	border-top:		1px solid #FEC56D;
	clear:			left;
	width:			99%;
}

#newsyears ul li, #newsmonths ul li
{
	float:			left;
	margin-right:	1em;
	padding:		.5em;
	padding-top:	.2em;
}

#newsyears ul li.active, #newsmonths ul li.active
{
	background:		#FEC56D;
}

#newsyears ul li.active a, #newsmonths ul li.active a
{
	color:			#000;
	cursor:			default;
	text-decoration:none;
}

/*#newsitems
{
	clear:			left;
	padding-top:	.7em;
}
*/

#newsitems
{
	position:		relative;
	margin-top:		-1em;
	padding-top:	2em;
}

#bekendmakingenitem, #article{
	margin-top:		9.5em;
	}

#article h2{
	padding-bottom:	1em!important;
	}
	
#about{
	padding-top:	1.5em!important;
	}
	
#newsitems h3
{
	font-size:		0.9em;
	font-weight:	normal;
	margin:			0;
	
	padding:		0;
	padding-bottom:	1em;
	padding-top:	1em;
	text-align:		right;
	text-transform:	uppercase;
}

#newsitems h3 a
{
	color:			#f77a47;
	font-size:		140%;
	float:			left;
	margin:			0;
	padding:		0;
	
	text-decoration:none;
	text-transform:	none;
}

#newsitems a.more
{
	display:		none;
}

#newsitems ul, #bekendmakingenitem ul
{
	margin:0;
	padding:0;
} 


#newsitems li, #bekendmakingenitem li
{
	list-style-type:none;
	margin:0;
	padding:0;
}

#bekendmakingenitem h2 a
{
	font-size:		80% !important;
}

#newsitems h3 a 
{
	font-size:		100% !important;
}

#bekendmakingenitem h2 a, #newsitems h2 a, #newsitems h3 a, #article h2
{
	color:			#f77a47;
	font-size:		1.2em;
	margin:			0;
	padding:		0;	
	text-decoration:none;
	text-transform:	none;
}

/*------zoekresultaten---*/

.resultnumber {
	border-right:2px solid #FA6A30;
	color:#FA6A30;
	margin-right:0.4em;
	padding-right:0.4em;
}

#zoeknavigatie{
	padding-bottom:1em;	
	}

#zoeknavigatie p{
	margin-top:1em;
	
	}
	
#zoeknavigatie li {
	display:inline;
	width:2em;
	padding-right:1em;
	}

#zoeknavigatie ul li {
	color: #FA6A30;
	}
	

#sform {
	padding:1em;
	position:absolute;
	top:15em;
	left:22.5em;
}

#searchresults{
	padding-top:9em;
	list-style-type:none;
	}
	
#searchresults ul li{
	
	}
	

#searchresults li small {
	color:#666666;
	font-weight:normal;
}

	

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

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

#sitemap ul li h2
{
	border-bottom:	1px solid #FEC56D;
	font-size:		1.6em;
}

#sitemap ul li ul li
{
	font-weight:	bold;
	list-style:		circle;
	margin-left:	1.5em;
	margin-top:		1em;
}

#sitemap ul li ul li ul li
{
	font-weight:	normal;
	list-style:		square;
	margin-top:		.5em;
}

#sitemap ul li ul li ul li ul li
{
	list-style:		disc;
}

/*----------------------------------------------------------------------------*/
/* digitaal loket */

#zoekformulier
{
}

table.dl_lists
{
	margin-top:		1em;
}

#dlHeader
{
	font-weight:	bold;
}

/* formulier */

form hr
{
	display:		none;
}

/* navigatiepijl */

#pijl
{
	border-bottom:	1px solid #1566AE;
	position:		absolute;
	right:			3.3em;
}

#pijl img, #content img
{
	border:			none;
}