/*********************
 * START GLOBAL STYLE
 */

/*--------------------------------
 * COMMON COLORS
 * -------------------------------
 * 
 * input-border-gray => #646D67
 * content-background-green => #cecd01
 * extra-headers-background-green => #a6b115
 * extra-headers-color-gray => #63606d
 * extra-background-green => #babf0b
 * menu-hover-background => #0099FF
 * -------------------------------
 */

	body
	{
		font-family:Verdana,Helvetica,Arial,Helvetica,sans-serif;
		color:#565656;
		font-size:12px;
	}
	
	hr
	{
		height:1px;
		background-color:#000;
		border:0;
		clear:both;
	}
	
	input.text
	{
		padding:0 3px;
		line-height:1.8em;
	}
	
	input.button
	{
		cursor:pointer;
		line-height:1.2em;
		font-size:1em;
	}
	
	label
	{
		line-height:1.8em;
	}
	
	strong
	{
		font-weight:bold;
	}

/************************************* START HEADER *****************************************/

	#cityInfo img
	{
		margin-left:4px;
		margin-top:3px;
	}
	
	#cityInfo
	{
		background:url("/images/redesign/logo_bg.png") no-repeat scroll 0 0 transparent;
		left:21px;
		position:absolute;
		height:137px;
		width:190px;
		top:46px;
		z-index:100;
	}
	
	#cityInfo #cityInfoWrapper /*FOR IE PNG FIX JAVASCRIPT POSITIONING ERROR*/
	{
		left:21px;
		position:absolute;
		height:137px;
		width:190px;
		top:46px;
	}
	
	#cityInfo .contactInfo
	{
		text-align:left;
		color:#000;
		margin-left:4px;
		font-size:11px;
		line-height:13px;
		margin-bottom:0px;
	}
	
	#cityInfo .contactInfo a
	{
		color:#000;
		text-decoration:none;
	}
	
	#cityInfo a, #cityInfo a:hover
	{
		text-decoration: none;
	}
	
	#cityInfo a.openingInfo
	{
		display:block;
		padding:3px 0px;
		font-size:10px;
		font-weight:bold;
		margin:5px 0px;
	}
	
	#cityInfo p a:hover
	{
		text-decoration:underline;
	}
	
	#cityInfo form
	{
		padding:5px;
	}
	
	#cityInfo form input.text
	{
		width:135px;
		border:1px solid #484848;
	}
	
	#cityInfo form input.button
	{
		border:none;
		background-color:transparent;
		font-size:13px;
	}
	
	#header ul
	{
		position:static;
		float:left;
		font-size:100%;
		width:733px;
		font-size:11px;
		background-color:#d5d5d5;
		height:30px;
		line-height:27px;
	}
	
	#header ul li
	{
		float:left;
		
	}
	
	#header ul a:link, #header ul a:visited
	{
		display:block;
		padding:3px 5px;
		color:black;
		text-decoration:none;
		float:left;
	}
	
	#header ul span
	{
		line-height:34px;
	}
	
	#header ul a:hover, #header ul a:active
	{
		text-decoration:underline;
	}
	
	#header form#search
	{
		background-color:#D5D5D5;
		float:left;
		height:30px;
		width:233px;
	}
	
	#content form#search #searchModules label input
	{
		margin-right:5px;
	}
	
	#content form#search input.submit
	{
		margin-top:5px;
	}
	
	#searchString
	{
		margin-top:20px;
	}
	
	#header form input#txtSearch
	{
		background:url("/images/redesign/search_txt.jpg") no-repeat scroll 0 0 transparent;
		border:medium none;
		float:left;
		height:28px;
		margin:0;
		padding:0 0 0 10px;
		width:188px;
	}
	
	#header form input.button
	{
		background:transparent url("/images/redesign/search_btn.jpg") no-repeat scroll 0px 0px;
		width:34px;
		height:28px;
		text-indent:-9999px;
		border:none;
		float:left;
		padding:0px;
		margin:0px;
	}
	
	ul#primaryNavigation
	{
		left:220px;
	}
	
	ul#secondaryNavigation
	{
		right:10px;
		font-weight:bold;
	}
	

/************************************* END HEADER ***************************************/


/*********************************** START NAVIGATION ********************************/

	#navigation
	{
		text-align:center;
	}
	
	#eventBanner
	{
		padding:20px 0;
	}
	
	#websiteNavigation
	{
		position:relative;
		padding:0px;
		margin:0 auto;
		text-align:left;
		float:left;
		width:220px;
	}
	
	#websiteNavigation .newsNav, #websiteNavigation ul.verticalNavigation
	{
		float:left;
	}
	
	
	#websiteNavigation a:link, #websiteNavigation a:visited
	{
		display:block;
		padding:3px 7px;
		color:white;
		font-size:90%;
		font-weight:bold;
		text-decoration:none;
	}
	
	#websiteNavigation a:hover, #websiteNavigation a:active
	{
		text-decoration:underline;
	}
	
/*dynamic navigation*/
	
	#websiteNavigation ul.verticalNavigation li a, #websiteNavigation ul.verticalNavigation li ul
	{
		float:left;
	}
	
	#websiteNavigation ul.verticalNavigation li a
	{
		width:146px;
	}
	
	#websiteNavigation ul.verticalNavigation li.menu_active a
	{
		background: transparent url("/images/redesign/nav_top.jpg") no-repeat scroll 0px 0px;
		color:#FFFFFF;
	}
	
	#websiteNavigation ul.verticalNavigation li.menu_active a:hover
	{
		background:none !important;
		background-color:transparent;
	}
	
	#websiteNavigation ul.verticalNavigation li span
	{
		color:#fff;
		float:right;
		line-height:18px;
		margin-right:5px;
		font-weight:bold;
		text-align:center;
		width:9px;
	}
	
	#websiteNavigation li.menu_active.current , #websiteNavigation li.menu_active.current ul li, 
	#websiteNavigation li.menu_active, #websiteNavigation li.menu_active ul li
	{
		background-color:#eb6c31 !important;
	}
	
	#websiteNavigation li.menu_active.current, #websiteNavigation li.menu_active
	{
		background: transparent url("/images/redesign/nav_bottom.jpg") no-repeat scroll 0px 100%;
	}
	
	 #websiteNavigation li.menu_active ul li
	 {
	 	background:none !important;
		background-color:#eb6c31 !important;
	 }
			
	#websiteNavigation li.menu_active.current ul li a, #websiteNavigation li.menu_active ul li a
	{
		background:none !important;
		color:#FFF !important;
	}
	
	#websiteNavigation li.menu_active.current a:hover
	{
		background:none !important;
		background-color:transparent !important;
	}
	
	#websiteNavigation li.menu_active.current a
	{
		color:#FFFFFF;
		background: transparent url("/images/redesign/nav_top.jpg") no-repeat scroll 0px 0px;
	}
	
	#websiteNavigation li.menu_active.current ul a
	{
		color:white;
	}
	
	#websiteNavigation ul.verticalNavigation li ul
	{
		display:none;
		margin-left:10px;
		margin-bottom:5px;
		
	}
	
	
	#websiteNavigation ul.verticalNavigation li ul.active
	{
		display:block;
	}
	
	#websiteNavigation ul.verticalNavigation li ul li a, #websiteNavigation ul.verticalNavigation li.current ul li a
	{
		padding-left:5px;
		color:#6B6B6B;
		font-style:normal;
		background:none;
		background-color:#f5f5f5;
		width:203px;
		height:auto;
		font-size:90%;
		font-weight:normal;
		text-transform: none;
		line-height: 19px;
	}
	
	 #websiteNavigation ul.verticalNavigation li.current ul li a
	{
		width:165px !important;
	}
	
	#websiteNavigation ul.verticalNavigation ul.active li.menu_active.current a
	{
		font-weight:bold;
		text-decoration:underline;
	}
	
	#websiteNavigation ul.verticalNavigation ul.active li.menu_active.current ul li a
	{
		font-weight:normal !important;
		text-decoration:none !important;
	}
	
	#websiteNavigation ul.verticalNavigation li ul li a:hover
	{
		background:none;
		background-color:#eb6c31;
	}
	
	#websiteNavigation ul.verticalNavigation li  ul li
	{
		margin:0px;
		padding: 4px 0;
	}
	
	#websiteNavigation ul.verticalNavigation li  ul li span
	{
		left:195px;
	}
	
	#websiteNavigation ul.verticalNavigation li  ul li ul li span
	{
		left:185px;
	}
	
	#websiteNavigation ul.verticalNavigation li  ul li ul li ul li span
	{
		left:175px;
	}
	
	#websiteNavigation ul.verticalNavigation li  ul li ul li ul li ul li span
	{
		left:165px;
	}
	
	#websiteNavigation ul.verticalNavigation li  ul li ul li ul li ul li ul li span
	{
		left:155px;
	}
	
	#websiteNavigation ul.verticalNavigation li ul li ul.active
	{
		border-color:#ddd;
	}
	
	#websiteNavigation ul.verticalNavigation li ul li ul li a, #websiteNavigation ul.verticalNavigation li ul li.current ul li a
	{
		color:#6B6B6B;
		width:192px;
	}
	
	#websiteNavigation ul.verticalNavigation li ul li ul li ul li a{
		width:181px;
	}
	
	#websiteNavigation ul.verticalNavigation li ul li ul li ul li ul li a{
		width:170px;
	}
	
	#websiteNavigation ul.verticalNavigation li ul li ul li ul li ul li ul li a{
		width:160px;
	}
	
	div#navigationBottom
	{
		position:absolute;
		bottom:0;
		left:0px;
		height:8px;
		width:205px;
	}
	
/*subdomains*/

	ul#subdomains
	{
		margin: 15px 0;
	}
	
	ul#subdomains li
	{
		margin:10px 7px;
		width:130px;
	}
	
	ul#subdomains a:link, ul#subdomains a:visited
	{
		padding:0px 0px 1px 15px;
		background-position: 3px center;
		background-repeat:no-repeat;
	}
	
	ul#subdomains li#navPresent
	{
		margin-bottom:30px;
	}
	
	li#navPresent a
	{
		background-image:url(/images/empty/actueel.gif);
	}
	
	li#navYouth a
	{
		background-image:url(/images/empty/jonginpeer.gif);
	}
	
	li#navSeniors a
	{
		background-image:url(/images/empty/senioren.gif);
	}
	
	li#navSport a
	{
		background-image:url(/images/empty/sport.gif);
	}
	
	li#navCulture a
	{
		background-image:url(/images/empty/cultuur.gif);
	}

/*********************************** END NAVIGATION *************************************/


/************************************* START CONTENT ***************************************/

	#content
	{
		font-size: 100%;
		padding-right:0px !important;
	}
	
	#data table tr td input
	{
		width: auto !important;
		padding:0px 5px 0px 5px;
	}
	
/* fontSize */

	#fontSize
	{
		float:right;
		width:73px;
		margin-right:2px;
	}
	
	#fontSize .container
	{
		width:55px;
		height:21px;
		text-align:center;
		background:url("/images/redesign/letterSize_bg.jpg") #AAC431 no-repeat;
		float:right;
	}
	
	#fontSize a 
	{
		color:white;
		text-transform:uppercase;
		text-decoration:none;
		padding:0 2px;
	}
	
	#fontSize .container a.active
	{
		text-decoration:underline;
	}
	
	#fontSize a.size1
	{
		font-size:12px;
	}
	
	#fontSize a.size2
	{
		font-size:14px;
	}
	
	#fontSize a.size3
	{
		font-size:16px;
	}
	
	.breadcrumbs
	{
		height:26px;
		line-height:26px;
		width:615px;
		float:left;
		margin-bottom:20px;
	}
	
	.breadcrumbs a
	{
		color:#565656 !important;
	}
	
	.breadcrumbs a:hover
	{
		text-decoration:underline !important;
	}

/** headers */

	#fontSize .container a
	{
		color:#FFF !important;
	}

	#content h1 a, #content h2 a, #content h3 a, #content h4 a, #content h5 a, #content h6 a
	{
		color:#484848;
	}
	
	#content h1 a:hover, #content h2 a:hover, #content h3 a:hover, #content h4 a:hover, #content h5 a:hover, #content h6 a:hover
	{
		color:#eb6c31;
		text-decoration:underline;
	}

	#content h1
	{
		font-size: 1.5em;
		margin-bottom: 1em;
		font-weight: normal;
		clear:both;
		color:#eb6c31;
	}
	#content h2
	{
		font-size: 1.2em;
		margin-bottom: 10px;
		margin-top: 25px;
		padding-bottom:3px;
		font-weight: normal;
		border-bottom:1px dashed #658214;
		clear:both;
	}
	
	
	#rightBlockWrap h2, #extra h2
	{
		border:none;
	}
	
	
	#content h2 span
	{
		color:#565656;	
	}
	
	#content h3
	{
		font-size: 1.1em;
		border-bottom: 1px dotted #333333;
		margin-bottom: 10px;
		color:#eb6c31;
	}
	#content h4, #content h5, #content h6 {
		font-size: 0.9em;
	}

/** anchors */

	#content a, #content a:link, #content a:visited
	{
		text-decoration: none;
		cursor:pointer;
		color:#eb6c31;
	}
	
	#content a:visited
	{
		color: #eb6c31;
	}

	#content a:hover, #content a:active {
		
	}
	
	#content p a:hover, #content p a:active {
		
		text-decoration:underline;
	}
	
	#content p img
	{
		margin-right:10px !important;
		clear:both;
	}
	
	#content h2 img
	{
		padding:0px !important;
		margin-right:5px !important;
	}
	
	#content a.print
	{
		line-height:35px;
	}
	
	#content a.print img
	{
		margin:0;
		border:0;
		float:left;
	}
	
	#content div#navTop
	{
		clear:both;
	}

/** images */
	
	#content img
	{
		border: 1px solid #fff;
		margin:10px;
	}

/** paragraphs */
	
	#content p {
		line-height: 1.5em;
		text-align:justify;
	}

/** lists */
	
	#content ul {		
		margin:1em 0 1em 2em;
		list-style-type: square;
		line-height:1.5em;
	}
	
	#content ol
	{
		list-style-type: decimal;
		list-style-position: inside;
	}
	
/** loket files **/
	#data .left, #data .right{
		width:auto !important;
	}
	
	#data .right input.text
	{
		width:300px;
	}

/** tables */

	#content table
	{
		width:100%;
		margin:20px 0;
		line-height: 140%;
	}
	
	#content th
	{
		border-bottom: 1px solid black;
		font-weight:bold;
		background-color:#63606d;
		color:#fff;
		padding:2px 5px;
		border:1px solid #555;
	}
	
	#content tr.alt
	{
		background-color:#e4e4e4;
	}
	
	#content td
	{
		color:black;
		padding:2px 5px;
	}
	
	#content td input, #content td select
	{
		color:black;
	}
	
	#content td a:link, #content td a:visited
	{
		color:#000;
	}

/* address */
	
	#content address 
	{
		margin:1em 0;
	}
	
	#content address .fn /* formal name */
	{
		font-weight:bold;
	}

/* contact */

.wrapper a{
	cursor: pointer;
}

#innerContentWrapper
{
	float:left;
	margin-right:15px;
	width:506px;
}

#organisation
{
	float:right;
	overflow:hidden;
	width:168px;
	background: transparent url("/images/redesign/rightBlock_bg.jpg") repeat-y scroll 0px 0px;
}

#organisation h2{
	font-size:100%;
	color:#565656;
	font-weight:bold;
	margin-top:15px;
	text-transform: uppercase;
}

#organisation div.top
{
	background: transparent url("/images/redesign/rightBlock_corners.jpg") repeat-y scroll 0px 0px;
	width:168px;
	height:9px;
	float:left;
	overflow:hidden;
}

#organisation div.bottom
{
	background: transparent url("/images/redesign/rightBlock_corners.jpg") repeat-y scroll 0px -9px;
	width:168px;
	height:9px;
	margin-top:20px;
	overflow:hidden;
	clear:both;
}

#content #organisation a:link, #content #organisation a:visited
{
	color: #565656;
}

#content #organisation a:hover
{
	color: black;
}

#organisation #contentRelated li, #organisation ul.forms li, #organisation ul.downloads li
{
	list-style-type: square;
	margin-left: 15px;
}

#rightBlockWrap table, #rightBlockWrap table td
{
	margin:0px;
	padding:0px;
	color:#565656;
}

#rightBlockWrap ul#contentDownloads img
{
	width:16px;
}

#rightBlockWrap ul#contentDownloads li
{
	margin-bottom: 5px;
}

#rightBlockWrap ul#contentDownloads li a
{
	line-height:16px;
	background:url("/images/icon_download.gif") no-repeat scroll 0 0 transparent;
	padding-left:27px;
	min-height:19px;
	padding-top: 5px;
}

#organisation #rightBlockWrap
{
	margin-left:10px;
	margin-right:5px;
	float:left;
}

#organisation #rightBlockWrap ul
{
	margin:0px;
	padding:0px;
}

#organisation ul li
{
	list-style-type:none;
	margin-bottom: 1em;
}

#commerceSearch #search input.text
{
	line-height:normal !important;
}

#commerceSearch #search input.button
{
	padding:0px 5px 0px 5px;
	
}


/* letters plugin*/

	#content div.letters
	{
		margin:10px 0;
		padding:5px;
		border:1px solid;
		border-left:0;
		border-right:0;
		font-size:12px;
		letter-spacing:3px;
		text-align:center;
		color:gray;
	}
	
	#content div.letters a
	{
		color:black;
	}
	
	#content div.letters a.current
	{
		font-weight:bold;
	}

/* page numbers */

	#content #pages
	{
		list-style:none;
	}
	
	#content #pages li
	{
		float:left;
		padding-right:3px;
	}

/* other stuff */
	
	.backtotop a
	{
		display:block;
		position:absolute;
		right:-18px;
		background: transparent url( /images/terug_boven.png ) no-repeat;
		width: 18px;
		height: 17px;
		overflow:hidden;
		text-indent: -999px;
	}
	
	#content li.searchresult p.icon a
	{
		line-height:34px;
	}
	
	#content li.searchresult img
	{
		border:0px;
		margin:0px;
		float:left;
	}

	#react
	{
		clear:both;
	}
	
	#content #nextEvents span.date
	{
		line-height:14px;
	}
	
	#innerContentWrapper table td img
	{
		margin-right:5px;
	}
	
/************************************* END CONTENT ***************************************/


/*********************************** START FOOTER ***************************************/
	
	#footer
	{
		background:url("/images/redesign/footer_bg.jpg") no-repeat scroll 50% 0 transparent;
		clear:both;
		padding:10px;
		text-align:center;
		width:auto;
		font-size:11px;
	}
	
	#footer a:link, #footer a:visited
	{
		color:#484848;
		text-decoration:none;
		padding:0 3px;
		font-weight:bold;
	}
	
	#footer a:hover, #footer a:active
	{
		text-decoration:underline;
	}
	
	#printFooter
	{
		display: none;
	}

/*********************************** END FOOTER ***************************************/

/*
 * END GLOBAL STYLE
 ********************/