/*
	main stylesheet Oostzaan gemeentehuis
*/

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

.nonvisual, .extra
{
	position:absolute;
	top:-999em;
	left:-999em;
	height:0;
}

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

p
{
	margin: 0;
	padding: 0;
}

a:link
{
	color:				#FA6A30;
	text-decoration: 	underline;
}
a:visited
{
	color:				#000;
}
a:hover
{
	color:				#EE8F02;
}
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;	
}

.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;
}

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

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

.sitetitel
{
	color:			#fa6a30;
	font-size:		1.6em;
	font-weight:	normal;
	margin:			0;
	margin-left:	.5em;
	padding:		0;
	padding-top:	.5em;
	background:		#fff;
	width:			215px;
	height:			59px;
}

.sitetitel span {
	color:#000000;
	display:block;
	font-size:55%;
}

/*----------------------------------------------------------------------------*/
#path
{
	background:		#fc8b2a;
	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;
	clear:			both;
}

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

#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 #news img
{
	padding:		1em;
	padding-top:	0;
	padding-left:	0;
}

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

#content fieldset{
	border:			none!important;
}

#content fieldset legend{
	display:		none;
}

#content img
{
	border: 		none;
}

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

#content #formulier textarea{
	width:			291px;
}


#content #sform fieldset
{
	padding:		1em;
}

input.dlInputTypeText, textarea.dlInputTypeText
{
	font-family:	"Lucida Sans Unicode","Trebuchet MS",Arial;
	font-size:		100%;
	width:			20em;
}

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

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

#content #back
{
	display:		block;
	width:			4em;
}

#content #formulier td br
{
	display:		none;
}


/*----------------------------------------------------------------------------*/
#sidebar
{
	position:		absolute;
	top:			9.5em;
	right:			0;	
	background:		#FDA725;
	height:			34em;	
	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 #FDA725;
	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;
}

#sform input, select
{
	font-family:	"Lucida Sans Unicode","Trebuchet MS",Arial,Sans;
}


/*------zoekresultaten---*/
form#io4search
{
position: absolute;
top: 12em;
width: 700px;

}



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

#numberofresults {
	position: absolute;
	top: 15.5em;
}

#zoeknavigatie{
	padding-bottom:1em;
	margin-top: 5em;
	padding-left: 1em;
	}

#zoeknavigatie p{
	margin-top:1em;
	
	}
	
#zoeknavigatie ul { margin-left: 0px; padding-left: 0px; }
	
#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:0;
	list-style-type:none;
	padding-left:1em;
	width: 770px;
	margin-top: 16em;
	clear: both;
}

#searchresults li{
	margin-top: 30px;
}

#searchresults h3{
	font-size: 1.1em;
	margin: 4px 0;
}
#searchresults h3 span.hidden{
	position: absolute;
	text-indent: -999em;
	left: -999em;
	
}

	

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

fieldset.narrow
{
	width: 30%;
	float: right;
}

p.suggestion
{
	position: absolute;
	top: 24em;
}

label.hide{
	display: none;
	position: absolute;
	text-indent: -999em;
	left: -999em;
}

p.warning
{
	position: absolute;
	top: 288px;
}


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


	
	
/*----------------------------------------------------------------------------*/
#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;
}

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

#options h3
{
	display:		none;
}

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

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

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

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

#options ul #zoom a {
	font-weight:bold;
	text-transform:capitalize;
	padding: 0.1em;
}

#options ul #zoom a.text_sml {
	font-size: .9em;
	margin-left: 1.8em;
}

#options ul #zoom a.text_mid {
	font-size:1.2em;
}

#options ul #zoom a.text_lrg {
	font-size:1.5em;
}


#options ul #rss
{
	background:		url(../images/rss.png) .05em .05em no-repeat;
	border:			none;
}

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

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


/*----------------------------------------------------------------------------*/
#quicknavigation
{
	position:	absolute;
	top:		0;
	left:		0;	
	width:		100%;

	background:	#fa6a30;
	border-bottom:	1px solid white;
}

#quicknavigation h2
{
	display:	none;
}

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

#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:	1em;
	text-decoration: none;
	width:		4.3em;
	background:	#FA6A30;
}

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

#quicknavigation ul li a:hover
{
	color:				#FA6A30;
	text-decoration:	underline;
	background:	#FFFFFF;
}

#quicknavigation ul li.sitenav
{
	float:			right;
	height:			1.9em;
	margin:			0;
	margin-left:	.1em;
	text-align:		center;
	text-transform: uppercase;
}

#quicknavigation ul li.sitenav a
{
	width:			14.7em;
}

/*----------------------------------------------------------------------------*/
#navigation
{
	position:		absolute;
	top:			9.5em;
	left:			0;
	background:		#FA6C34;
	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;
	margin-bottom:	1em;
	width:			10em;
}

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

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

#nav li a, #modules li a, #navpers li a
{
	background:		url(../images/wittepijl.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, #navpers li ul, #navpers li ul li ul
{
	list-style:		none;
	margin:			0;
	margin-top:		.5em;
	padding:		0;
}

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

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

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

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

.collapsed
{
	display:		none;
}

.expanded
{
	display:		block;
}

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

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

/*----------------------------------------------------------------------------*/
#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:		.5em;
}

/*----------------------------------------------------------------------------*/
#newsperiod{
	position:		absolute;
	top:			13.5em;
	left:			20.5em;
	width:			44em;	
	}

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

#newsmonths
{
	border-top:		1px solid #FEC56D;
	clear:			left;
	width:			99%;
	padding-bottom:	3em;
}

#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
{
	position:		relative;
	margin-top:		-1em;
	padding-top:	2em;
}

#newsitems h2
{
	color:			#8C8C8C;
	font-size:		0.9em;
	font-weight:	normal;
	margin:			0;	
	padding:		0;
	padding-bottom:	1em;
	padding-top:	1em;
	clear:			left;
}

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

#article h2{
	padding-bottom:	1em!important;
	}
	
#article ul {
	padding-left:1.2em;
	margin-left:0;
}

#article p{
	padding-bottom:1em;
}


#about{
	padding-top:	1.5em!important;
	}
	
	
.eventmeta a, .newsmeta a
{
	color:#8c8c8c;
}

.newsmeta, .eventmeta
{
	font-size:.9em;
	color:#8c8c8c;
	
	padding-top:1em !important;
	clear:both;
	height:2em;
	padding-bottom:1.5em !important;
}

.newsmeta li, .eventmeta li
{
	float:left;
	padding-right:1em !important;
}

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

#newsitems p, #bekendmakingenitem p{
	padding-bottom:1em;	
}

#newsitems li, #bekendmakingenitem li
{
	list-style: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;
}

#newsitems img
{
	padding:		1em;
	padding-top:	0;
	padding-left:	0;
}

#newsitems a.more
{
	display:		none;
}

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

#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;
}

/* formulier */

form hr
{
	display:		none;
}

/* navigatiepijl */

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

#pijl img
{
	border:			none;
}

.red
{
	color:			red;
	font-weight:	bold;
}

#alphabet ul
{
	margin:0;
	padding:0;
	padding-top:1em;
	list-style-type:none;
	height:6em;
}

#alphabet ul li
{
	float:left;
	
	margin:0;
	padding:0;
	margin:.1em;
}

#alphabet ul li a, span.selected
{
	display:block;
	text-align:center;
	width:1.6em;
	padding:.6em;
	border:1px solid #FDA725;
}

span.selected
{
	background:#FA6C34;
	color:white;
	font-weight:bold;
	border:1px solid #FA6C34;
}

dt
{
	margin-top:1em;
	font-weight:bold !important;
	color:#363641;
}

dd
{
	margin:0;
	padding:0;
	margin-top:.2em;
}

#regeling div
{
	border-bottom:1px solid #FA6C34;
	padding-bottom:1em;
	margin-bottom:1em;
}

#regeling h2
{
	margin:0;
	padding:0;
}

#regeling #hoofdtekst h2
{
	margin-bottom:.5em;
}

#regeling #hoofdtekst p
{
	margin:0;
	margin-bottom:1em;
}

/*kalendermodule*/

p.kalender_navigatie
{
	width: 60em;
}

p.kalender_navigatie a
{
	text-decoration: none;
	font-size: 1.4em;
}

p.kalender_navigatie a.forward
{

	background: url(../images/arrow.png) no-repeat left center;
	padding-left: 32em;
}

p.kalender_navigatie a.backward
{
	background: url(../images/arrow_left.png) no-repeat right center;
	padding-right: 2em;
}

#calendar li
{
	float: left;
	list-style:none;
}

div.month_container
{
	height: 16.5em;
	width: 15em;
	float: left;
	margin-right: 2em;
	margin-bottom: 1em;
	margin-top: 1em;
}

#blokken #kalender div.month_container
{
	float: none;	
}

#kalender h3, div.kolom h2
{
	text-transform: uppercase;
	font-size: 1em;
}

div.day_container
{
	float: right;
	margin-top: 1.4em;
	width: 48em;
}

div.day_container ul
{
	padding: 0;
	margin: 0;
	border: none;
}

div.day_container li
{
	list-style: none;
	background: none;
}

div.day_container li.activiteit
{
	border: 1px solid #ececec;
	margin-bottom: 1em;
	padding: 1em;
}

div.day_container li.activiteit a
{
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #FF6633!important;
	display: inline;
}

div.day_container li.activiteit h2
{
	margin-top: 0;
	border: none;
}

div.day_container li.activiteit ul
{
	margin: 0!important;
	padding: 0!important;	
}

.month
{
	width: 15em;
	clear: right;
}

.month caption
{
	text-align: left;
	font-size: 1.2em;
}

.month caption a, .month caption a:hover
{
	text-decoration: none;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #EE8F02!important;
}

.month th
{
	padding-bottom: .5em;
	text-align: center!important;
}

.month td
{
	text-align: center;
	width: 1.6em;
	height: 1.6em;
}

.month td.day a, .month td.day span
{
	display: block;
	color: #666;
	border: 1px solid #ccc;
	text-decoration: none;
	font-weight: normal;
	width: 1.8em;
}

.month td.day a:hover
{
	color: #FF6633;
	border: 1px solid #FF6633;
	text-decoration: underline;
}

.month td.day a.active
{
	background: #ececec;
	margin: 0;
	padding: 0;
	font-weight: bold;
}

/* formulierfix 01 okt 2010 */

#content #formulier {overflow: hidden }

#content #formulier label, #content #formulier input { margin: 3px 0px; }
#content #formulier label { width: 20em; float: left; margin-right: 10px;  }
#content #formulier label.forchecks { width: 20em; padding-top: 2px; margin-left: 15px; }
#content #formulier span { clear: both; display: block; line-height: 150%; padding-top: 10px; }
#content #formulier input { float: left; }
#content #formulier textarea { width: 300px; }
#content #formulier p.formsubmit { clear: both; overflow: hidden;}
#content #formulier p.formsubmit input { width: auto; }
#content #formulier #veld455 { float: none; }

#content #formulier br { width: 100%; display: block; clear: both; height: 1px; line-height: 1px; }

#content #formulier div { clear: both; margin-bottom: 5px;}
#content #formulier div label { clear: none; float: none; } 
#content #formulier div br { position: absolute; left: -9999px;  }


span#openingstijden { margin-top: 10px; display: block; }
span#openingstijden a, span#openingstijden a:link { color: #000000; }