/*
 *	Layout wormerland.nl
 *	(c) GemeenteOplossingen.nl - FN 2008
 *	
 *	Wormerland.nl	#00b0f0 - #80d8f8 - #c0ebfb		blue
 *	Publieksbalie	#5bac26 - #add693 - #d6eac9		green
 *	Besluitvorming	#c00046 - #e080a3 - #efc0d1		red						 */
 
*
{
	margin:				0;
	padding:			0;
}

html
{
	height:				100%;
}

body
{
	background:			#fff url(../images/body.png) repeat-x top left;
	font-family:		Arial,Sans-Serif;
	font-size:			76%;
	height:				100%;
	text-align:			center;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
a:link
{
	color:				#c00046;
	text-decoration: 	underline;
}
a:visited
{
	color:				#000;
}
a:hover
{
	background:			#efc0d1;
	color:				#000;
	text-decoration:	underline;
}
a:active
{
	color:				#000;
}

#direct a{

color:					#fff;
}

#direct a:hover{

color:					#000;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h1,h2,h3,h4,h5,h6
{
	font-family:		"Trebuchet MS",Arial,Sans-Serif;
	}

h1
{
	color:				#c00046;
	font-size:			2em;
	font-weight:		bold;
	margin:				.6em;
	margin-left:		0;
	
}

h2
{
	color:				#c00046;
	font-size:			1.4em;
	font-weight:		bold;
	margin:				.6em;
	margin-left:		0;
	margin-top:			1em;
}

h3
{
	color:				#c00046;
	font-size:			1.6em;
	font-weight:		bold;	
	margin:				.4em;
	margin-left:		0;
}

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

h5
{
	font-size:			1.2em;
	font-weight:		bold;	
}

p, ul, ol
{
	line-height:		150%;	
	margin-bottom:		1em;
}

ul
{
	margin-left:		1.2em;
}

ol
{
	margin-left:		1.6em;
}

img
{
	border:				none;
}

.left
{
	float:				left;
	padding-right:		1em;
}

.right
{
	float:				right;
	padding-left:		1em;
}

.center
{
	text-align:			center;
}

td
{
	vertical-align:		top;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#container
{
	position:			relative;
	min-height:				100%;
}

/*#content{
	min-height:			40em;
	}
*/	

#content
{
        background:              url(../images/menu.png) no-repeat 0 5em;
        margin-left:            -28em;
        padding-left:           28em;
		min-height:				60em;
	}

#content.clearfix
{
	padding-bottom:1em!important;
}

#content.nosidebar
{
	padding-top: 3.4em;
	width:76em;
	padding-left:0;
        background:              none !important;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header_container
{
	background:			url(../images/header_bottom.png) no-repeat bottom center;
	height:				121px;
	padding-top:		1.6em;
}

	#header
	{
		background:			url(../images/header.png) no-repeat 28.2em 0;
		height:				8.3em;
		margin:				0 auto;
		position: 			relative;
		width:				79.4em;
	}
	
		#header img
		{
			float:				left;
			margin-left:		1em;
			margin-top:			.8em;
			width:				6em;
		}
		
		#header p
		{
			float:				left;
			font-family:		"Trebuchet MS",Arial,Sans-Serif;
			margin-top:			30px;
		}
		
		#header span.small
		{
			color:				#c00046;
			display:			block;
			font-size:			.9em;
			margin-left:		-2em;
		}
		
		#header span.title
		{
			font-size:			1.6em;
			margin-left:		1.6em;
		}
	
#header_container:after
{
	clear:				both;
	content:			".";
	display:			block;
	height:				0;
	visibility:			hidden;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#centered
{
	margin:				0 auto;
	position: 			relative;
	text-align:			left;
	padding-left:			1em;
	padding-bottom:		0;
	width:				77.4em;
	min-height:			100%;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#main
{
	margin-left:		33%;
	min-height:			100%;
	margin-top:			0;
	padding-left:		1.5em;
	position:			relative;
	}

#klikpad
{
	color:				#616161;
	font-size:			90%;
	margin-bottom:		0;
	padding-top:		1em;
}
	
	#klikpad a
	{
		color:			#616161;
	}	

	#intro
	{
		padding-bottom:		11em;
	}
	
		#intro h1
		{
			margin-top:		.2em;
		}
		
			#intro table tr td
			{
				line-height:		150%;
			}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#menu ul{

}
#menu li a.active
{
	background:white;
	color:black;
}
#menu li a.active:hover
{
	background:white;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */	
	#content h1
	{
		margin-top:		.2em;
		clear:			both;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */	
	#options
	{
		position:		absolute;
		left:			-26.8em;
		top:			2.6em;
	}
	
		#options ul
		{
			list-style-type:	none;
		}
		
		#options ul li
		{
			float:				left;
		}
		
		#options ul li a
		{
			color:				#616161;
			display:			block;
			font-size:			90%;
			margin-right:		1em;
			padding-left:		1.6em;
		}
		
		#options ul li a.print
		{
			background:			url(../images/icons/print.png) no-repeat center left;
		}
		
		#options ul li a.print:hover
		{
			background:			#efc0d1 url(../images/icons/print.png) no-repeat center left;
			color:				#000;
		}
		
		#options ul li a.zoom
		{
			background:			url(../images/icons/zoom.png) no-repeat center left;
			color:				#000;
		}
		
		#options ul li a.zoom:hover
		{
			background:			#efc0d1 url(../images/icons/zoom.png) no-repeat center left;
			color:				#000;
		}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#nav
{
	position:			absolute;
	left:				-1.2em;
	top:				-1.6em;
	height:				1.6em;
	width:				70em;
}

#nav ul
{
	list-style-type:		none;
	}
	
#nav ul li
	{
	float:				left;
	}
		
#nav ul li a
	{
	color:				#fff;
	display:			block;
	font-size:			90%;
	font-weight:		normal;
	padding-bottom:		.1em;
	padding-left:		1em;
	padding-right:		1em;
	text-decoration:	none;
	}
		
#nav ul li a:hover
	{
	background:			none;
	color:				#000;
	text-decoration:	underline;
	}
			
#nav ul li a.selected
	{
	background:			#fff;
	color:				#000;
		}

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

#overlay
{	background:			url(../images/swoosh.png) no-repeat top right;
	height:				8.3em;
	width:				51.35em;
	float:				right;
	}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#all_navigation
{
	position:			absolute;
	top:				-142px;
	left:				0;
	background:			#c00046;
	font-size:			90%;
	width:100%;
}

	#sites ul, #topnav ul
	{
		list-style:		none;
		margin:			0;
	}
	
		#sites ul li, #topnav ul li
		{
			float:			left;
		}
		
			#sites ul li a, #topnav ul li a
			{
				color:			#fff;
				display:		block;
				padding:		.2em 1.2em;
				text-decoration:none;
			}
			
			#sites ul li.selected a, #sites ul li a:hover
			{
				background:		#fff;
				color:			#000;
			}
			
			#sites ul li a:hover, #topnav ul li a:hover
			{
				text-decoration:underline;
			}
			
			#topnav ul li a:hover
			{
				background:		none;
				color:			#000;
			}
	
	#topnav
	{
		width:			32em;
		float:			right;
	}
			
		#topnav fieldset
		{
			margin:0;
			border:				none;
		}
		
		#topnav legend, #topnav label
		{
			display:			none;
		}
		
		#q
		{
			border:				1px solid #999;
			color:				#000;
			font-family:		Arial,Sans-Serif;
			font-size:			100%;
			margin-left:		1em;
			padding:			0;
			padding-left:		.3em;
			width:				10em;
		}
		
		#topnav input.sub
		{
			float:none;
			margin-top:.1em;
			font-size:			90%;
			height:				1.8em;
			width:				3.5em;	
			clear:				both;
		}		

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


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#subnavmain
{
	position:			absolute;
	left:				0;
	top:				6.4em;
	
	background:			#c00046 url(../images/rtop_green.png) no-repeat top right;
	color:				#fff;
	min-height:			35em;
	padding:			1em;
	padding-top:		0;
	text-align:			left;
	width:				24.4em;
}

	#subnavmain h2
	{
		color:				#e080a3;
		margin-top:			.4em;
	}
	
	#subnavmain ul
	{
		list-style-type:	none;
		margin-left:		-.9em;
		width:				26.3em;
	}
	
		#subnavmain ul li a
		{
			background:			url(../images/nav/plus_blue.png) no-repeat 1em .6em;
			color:				#fff;
			border-bottom:		.05em solid #e080a3;
			display:			block;
			padding:			.25em;
			padding-left:		2.9em;
			text-decoration:	none;
		}
		
		#subnavmain ul li a:hover, #subnavmain ul li a.selected
		{
			background:			#fff url(../images/nav/plus_black.png) no-repeat 1em .6em;
			color:				#000;
			text-decoration:	underline;
		}
		
		#subnavmain ul li a.selected
		{
			background:			#fff url(../images/nav/min_black.png) no-repeat 1em .6em;
			color:				#000;
			text-decoration:	none;
		}
		
		#subnavmain ul li.opened a
		{
			background:			#e080a3 url(../images/nav/min_black_on_lblue.png) no-repeat 1em .6em;
			color:				#000;
			text-decoration:	none;
		}
		
			#subnavmain ul li.opened ul li a
			{
				background:			url(../images/nav/plus_black_on_lblue.png) no-repeat 1em .6em;	
			}
			
			#subnavmain ul li.opened ul li a:hover
			{
				background:			#fff url(../images/nav/plus_black.png) no-repeat 1em .6em;
				color:				#000;
				text-decoration:	underline;
			}
			
			#subnavmain ul li.opened a.selected
			{
				background:			#fff url(../images/nav/min_black.png) no-repeat 1em .6em;
			}
			
			#subnavmain ul li.opened a.selected:hover
			{
				background:			#fff url(../images/nav/min_black.png) no-repeat 1em .6em;
				text-decoration:	none;
			}
		
			#subnavmain ul ul
			{
				background:			#e080a3;
				margin-bottom:		0;
				margin-left:		0;
			}
			
				#subnavmain ul ul li a
				{
					background:			url(../images/nav/plus_black_on_lblue.png) no-repeat 1em .6em;
					color:				#000;
				}

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

#aboform fieldset,#inloggen fieldset
{
	border:				1px solid #e080a3;
	padding:			1em;
	margin-left:		0;	
	line-height:		1.5;
	margin-bottom:		1em;
	margin-top:			1em;
}	

#verg
{
	width: 15em;
	clear: both;
}
	
	
#content_search {
/*	min-height:30em;*/
}
	
#inloggen select
{
	font-size:90%;
	float:left;
	margin-bottom: 5px;
}
	
#aboform fieldset legend, #inloggen fieldset legend,#results fieldset legend
{
	color:				#000;
	font-weight:		normal;
	margin-bottom:		0em;
	margin-left:		0;
	}

#aboform fieldset .bttn{
	margin-top:		1em;
	float:right;
	}
	
#aboform label
	{
	width: 13em;
	float: left;
	}

form fieldset br
{
	clear:both;
}

#aboform input
{
	float: left;
}
	
#inloggen label
{
	margin-top:			1em;
	width:				10em;
	float:left;
}

#inloggen input
{
	margin-top:			1em;
}

#inloggen a
{
	text-decoration:	none;
	color:				#000;
}

#inloggen a:hover
{
	background: 		#fff;
	color:				#C00046;
}
	
#type
	{
	display:			block;
	float:				left;
	padding:			.05em;
	width:				15.4em;
	}
		
input.submit
	{
	margin-left:		.8em;
	padding:			.1em;
	width:				5em;
	font-size:			.8em;
	}
	
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#searchresults 
{
	list-style-type:	none;
	padding-top:		1em;
	margin-top:19em;
}

#searchresults li
{
	padding-left:2em;
	padding-bottom:		.2em;
	clear:				both;
}

.searchresultnumber
{
	background:			#efc0d1;
	border-bottom:		1px solid white;
	color:				white;
	display:			block;
	float:				left;
	font-size:			1.8em;
	height:				4em;
	margin-left:		-2em;
	padding-top:		.2em;
	padding-left:		.3em;
	padding-right:		.3em;
	text-align:			center;
	width:				1.5em;
}

/*--------- Zoeken ---------*/

#zoeknavigatie
{
	padding-top:3em;
	clear:both;
}
#zoeknavigatie ul li{
	width: 55px;
	background-color: 		#efc0d1;
	color:					#000;
	display:				block;
	text-decoration:		none;
	float:left;
	text-align:center;
}
	
#zoeknavigatie ul li a{
	width: 55px;
	background-color: 		#fff;
	color:					#000;
	display:				block;
	text-decoration:		none;
	float:left;
}

#zoeknavigatie ul li a:active {
	background-color: 		#efc0d1;
	color:					#000;
	display:				block;
	text-decoration:		none;
	float:left;
}

#zoeknavigatie ul li a:hover {
	background-color: 		#efc0d1;
	color:					#000;
	display:				block;
	text-decoration:		none;
	float:left;
	float:left;
}

#zoeknavigatie p {
	clear:both;
	padding-top:1em;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer
{
	background:			#e080a3;
	border-bottom:		.4em solid #c00046;
	border-top:			1px solid #fff;
	height:				10em;
	overflow:			hidden;
	padding-top:		1em;
	text-align:			center;
	width: 				100%;	/* ie7.. */
	position:			relative;
	}

	#contents
	{
		margin:				0 auto;
		position: 			relative;
		width:				79.4em;
	}
	
	#contents div
	{
		float:				left;
		padding-left:		1.5em;
		text-align:			left;
		width:				24.75em;
	}
	
	#contents h3
	{
		color:				#fff;
		font-family:		Arial,Sans-Serif;
		font-size:			1.4em;
		font-weight:		bold;
	}
	
		#contents div dl dt
		{
			clear:				left;
			color:				#fff;
			float:				left;
			font-size:			90%;
			line-height:		150%;
			margin-top:			.1em;
			text-transform:		uppercase;
			width:				10em;
		}
		
		#contents div dl dd
		{
			float:				left;
			line-height:		150%;
			width:				15em;
		}
		
			#contents div dl dd a
			{
				color:				#000;
			}
			
			#contents div dl dd address
			{
				font-style:			normal;
			}
		
	body.main #contents #c2
	{
		padding-left:		1.8em;
		width:				24.6em;
	}
	
	#contents #c2 a
	{
		color:				#000;
	}
	
	#contents #c3
	{
		background:			url(../images/visual_footer_red.png) no-repeat bottom right;
		height:				10em;
		width:				25.1em;
	}
	
	#c2 ul, #c3 ul
	{
		list-style:			none;
		margin:				0;
	}
	
		#c2 ul li strong
		{
			font-weight:		normal;
		}
		
		#c2 ul li.options a
		{
			color:				#000;
			margin-right:		1em;
			padding-left:		1.6em;
		}
		
			#c2 ul li.options a.print
			{
				background:			url(../images/icons/print.png) no-repeat center left;
			}
			
			#c2 ul li.options a.zoom
			{
				background:			url(../images/icons/zoom.png) no-repeat center left;
			}
			
			#c2 ul li.options a.print:hover
			{
				background:			#efc0d1 url(../images/icons/print.png) no-repeat center left;
			}
			
			#c2 ul li.options a.zoom:hover
			{
				background:			#efc0d1 url(../images/icons/zoom.png) no-repeat center left;
			}
		
		#c3 ul li a
		{
			color:				#000;
		}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.nonvisual
{
	position:			absolute;
	top:				-999em;	
	height:				0;
}

.skip
{
	position:			absolute;
	width:				100%;
}

.skip a
{
	position:			absolute;
	left:				-999em;
	
	background:			#efc0d1 url(../images/icons/snelkoppeling.png) no-repeat top left;
	border-bottom:		.2em solid #c00046;
	color:				black;
	display:			block;
	font-size:			.8em!important;
	padding:			.5em!important;
	padding-right:		1em!important;
	padding-left:		2em!important;
	text-decoration:	none!important;
	z-index:			2;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#sidebar_themas ul{
	margin-top:			0;
	padding-bottom:		2em;
	padding-left:		0;
	}
	
#sidebar{
	width:20em;
	margin-top:1em;
	}

#sidebar ul{
	list-style:none;
	
	}
	
#sidebar ul li a{
	text-decoration:none;
	background:				transparent url(../images/go_red.png) no-repeat .1em .7em;
	}
	
#sidebar ul li a:hover{
	background:				transparent url(../images/go_black.png) no-repeat .1em .7em;
}
	
#zoek{
	position:absolute;
	left:27em;
}
	
#zoek fieldset
{
	border:none;
	margin-left:0;
	padding-left:0;
}

#snelzoeken legend,#snelzoeken2 legend
{
	display:none;
	width:20em;
}
#snelzoeken label,#snelzoeken2 label
{
	display:none;
}
#snelzoeken q,#snelzoeken2 q{
width:15em;
}
#content table caption{
display:none;
}

#content table.verord, #results
{
	border-collapse:collapse;
	max-width:100%;
}

#content table.verord th, #results th
{
	color:white;
	background:#C00046;

}

#content table.verord tr td,
#content table.verord th,
#results th,
#results td
{
	padding:.5em;
	border-bottom:1px solid #ccc;
}

#content table.verord td a
{
	max-width:10em!important;
}

#gegevens label
{
	width:150px;
	float:left;
}
.cb
{
	float:left;
	margin-top:5px;
	margin-right:2em;
}

#agendapunten .first a{
	background:				transparent url(../images/go_red.png) no-repeat .1em .7em;
	/*border-bottom:			1px solid #ccc;*/
	color:					#000;
	display:				block;
	padding:				.2em 1.5em .2em 1.5em;
	text-decoration:		none;
}

#agendapunten .first a:hover{
	color:					#C00046;
	background:				transparent url(../images/go_black.png) no-repeat .1em .7em;
	/*border-bottom:			1px solid #000;*/
}

#agendapunten .title a{
	color:					#000;
	display:				block;
	text-decoration:		none;
}

#agendapunten .title a:hover{
	background:				#fff;
	color:					#C00046;
	display:				block;
	text-decoration:		none;
}

#agendapunten .title{
	width:					350px;
}

#documenten li{
	list-style:none;
}

#documenten li a{
	margin-left:			-12px;
	list-style:none;
	color:					#000;
	display:				block;
	text-decoration:		none;
}

#documenten li a:hover{
	background:				#fff;
	color:					#C00046;
	display:				block;
	text-decoration:		none;
}

#jaren a{
	background:				transparent url(../images/go_red.png) no-repeat .1em .7em;
	color:					#000;
	display:				block;
	text-decoration:		none;
	padding:				.2em 1.5em .2em 1.5em;
}

#jaren a:hover{
	background:				#fff;
	color:					#C00046;
	display:				block;
	text-decoration:		none;
	background:				transparent url(../images/go_black.png) no-repeat .1em .7em;
}

#agendapunt_documenten li {
	list-style:none;
}

#agendapunt_documenten a{
	list-style:none;
	margin-left:			-12px;
	color:					#000;
	display:				block;
	text-decoration:		none;
	padding:				.2em 1.5em .2em 1.5em;
	background:				transparent url(../images/go_red.png) no-repeat .1em .7em;
}

#agendapunt_documenten a:hover{
list-style:none;
	background:				#fff;
	color:					#C00046;
	display:				block;
	text-decoration:		none;
	background:				transparent url(../images/go_black.png) no-repeat .1em .7em;
}

#laatste_themas li{
	list-style:none;
}

#laatste_themas a{
	list-style:none;
	margin-left:			-12px;
	color:					#000;
	display:				block;
	text-decoration:		none;
	padding:				.2em 1.5em .2em 1.5em;
	background:				transparent url(../images/go_red.png) no-repeat .1em .7em;
}

#laatste_themas a:hover{
list-style:none;
	background:				#fff;
	color:					#C00046;
	display:				block;
	text-decoration:		none;
	background:				transparent url(../images/go_black.png) no-repeat .1em .7em;
}

/* Search form documenten */
#search_stukken fieldset
{
	background: 		#C00046;
	color:				white;
	margin-bottom: 		2em;
	padding: 			1em;
	border:				none;
}

#search_stukken th
{
	color: 				white;
	border-bottom: 		1px solid #C00046;
}

#search_stukken td
{
	border-bottom: 		1px solid #C00046;
}

#search_stukken td a
{
	color: 				#00257E;
}

#search_stukken legend
{
	display: none;
}

#search_stukken #vd, #search_stukken #td, #search_stukken #ty, #search_stukken #vy, #sform #vd, #sform #td, #sform #ty, #sform #vy
{
	margin-bottom: 			.4em;
	width: 					5em;
}

#search_stukken #vd
{
	margin-left: 1em;
}

#search_stukken #td
{
	margin-left: 1.3em;
}

#search_stukken #vm, #search_stukken #tm, #sform #vm, #sform #tm
{
	margin-bottom: 			.4em;
	width: 					10em;
}

#search_stukken input.sub
{
	margin-left: 			25em;
	margin-top: 			1em;
	padding-left: 			2em;
	padding-right: 			2em;
}

#search_stukken label
{
	width: 					7em;
}

#search_stukken table
{
	margin-top: 			2em;
	width: 					100%;
}

#search_stukken caption
{
	left: 				-999em;
	position: 			absolute;
}

#search_stukken th
{
	font-weight: 		bold;
}

#search_stukken th.volgnummer
{
	width: 				2em;
}

#search_stukken td.volgnummer
{
	font-size: 			1.4em;
}

#search_stukken th.extra
{
	text-align: 		right;
	width:				6em;
}

#search_stukken td.mw
{
	font-style: 		italic;
	text-align: 		right;
}