html
{
	overflow-x: hidden;
	overflow-y: scroll;
	margin-left:auto; 
	margin-right:auto; 
	text-align: center;
}

html,body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	font-size: 12px;
	color: #333;
	line-height: 16px;
	font-family: Tahoma, Verdana, Helvetica, "Trebuchet MS", Sans-Serif;
}

body {
	behavior: url("/fileadmin/templates/main/csshover.htc");
}

p
{
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 16px;
}

img
{
	border: 0;
	margin: 0;
	/*behavior: url("pngbehavior.htc");*/
}

table
{
	border-collapse: collapse;
}

td, th
{
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
}

div
{
	text-align: left;
}


/*    */


img.sitebackground
{
	position: absolute; 
	left: 0; 
	top: 0; 
	z-index: 0;
}

hr
{
	border: 0;
}

#container
{
	width: 970px;
	height: 550px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -275px 0 0 -480px;
	z-index: 10;
}

	#molecatenlogo
	{
		position: absolute;
		top: -8px;
		left: 10px;
		width: 140px;
		height: 100px;
		z-index: 200;
	}
	#molecatenlogo a
	{
		text-decoration: none;
	}
	#molecatenlogo .logo
	{
		position: relative;
		z-index: 1;
		/*background: url(images/molecaten_logo.png) no-repeat left top;*/
		display: block;
		width: 150px;
		height: 104px;
		cursor: pointer;
		
	}
	#molecatenlogo .logo span
	{
		display: none;
	}
	
	#parkhome
	{
		position: absolute;
		top: 27px;
		left: 10px;
		z-index: 205;
	}
	#parkhome a
	{
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#parkhome a:hover
	{
		color: #bf3600;
	}
	
	#parkhome a span
	{
		display: none;
	}
	
	#kaartmolecaten
	{
		position: absolute;
		top: 2px;
		left: 775px;
		width: 175px;
		height: 95px;
		z-index: 250;
		text-align: center;
	}

	#topnavigation 
	{
		position: absolute;
		right: 83px;
		margin: 0 10px 0 0;
		padding: 0;
	}
		#topnavigation li
		{
			display:block;
			float:left;
			font-size:11px;
			font-weight: bold;
			/* line-height:20px; */
			list-style-image:none;
			list-style-position:outside;
			list-style-type:none;
			margin: 0;
			padding: 0;
			vertical-align:middle;
			white-space:nowrap;
			text-transform: lowercase;
		}
			#topnavigation li a
			{
				color: #014e97;
				margin: 0 5px 0 5px;
				text-decoration: none;
			}
			#topnavigation li.active a
			{
				color: #f26522;
			}
			#topnavigation li a:hover
			{
				color: #f26522;
			}
			
			#topnavigation li.language a
			{
				width: 16px;
				display:block;
				margin: 0 0 0 5px;
			}
			#topnavigation li.language a span
			{
				visibility: hidden;
			}
			#topnavigation li.nl a
			{
				background: url(images/nl.gif) no-repeat left center;
			}
			#topnavigation li.de a
			{
				background: url(images/de.gif) no-repeat left center;
			}
			#topnavigation li.uk a
			{
				background: url(images/uk.gif) no-repeat left center;
			}

	#languagenavigation
	{
		position: absolute;
		right: 5px;
		width: 86px;
		height: 15px;
		display: block;
		text-align: center;
	}
	#languagenavigation img
	{
		padding: 0;
		margin: 3px 4px 0 0;
	}
			
	#contentcontainer
	{
		position: absolute;
		width: 100%;
		height: 100%;
		top: 20px;
		z-index: 20;
	}
	
	#contentshadow
	{
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 1;
		background: url(images/bg_content_shadow.png) no-repeat left top;
	}
	
	#homepageshadow
	{
		position: relative;
		width: 100%;
		height: 100%;
		z-index: 1;
		background: url(images/bg_homepage_shadow.png) no-repeat left top;
	}

		#mainnavigation 
		{
			position: absolute;
			background: url(images/bg_top_molecaten.png) no-repeat left top;
			left: 0;
			width: 100%;
			display: block;
			height: 30px;
			z-index: 20000;
		}
			#mainnavigation ul
			{
				position: absolute;
				left: 160px;
				margin: 7px 0 0 0;
				padding: 0;
				z-index: 1000;
				width: 810px;
				/*height: 30px;*/
			}
				#mainnavigation ul li
				{
					display: block;
					float: left;
					font-size: 12px;
					font-weight: bold;
					list-style-image: none;
					list-style-position: outside;
					list-style-type: none;
					margin: 0;
					padding: 0 0 8px 0;
					vertical-align: middle;
					white-space: nowrap;
					/*height: 30px;*/
				}
					#mainnavigation ul li a
					{
						margin: 0 15px 5px 0;
						display: block;
						color: #fff;
						text-decoration: none;
					}
					#mainnavigation ul li a:hover
					{
						color: #bf3600;
					}
					#mainnavigation ul li.active a
					{
						color: #bf3600;
					}
					#mainnavigation ul li.last
					{
						float: right;
						margin: 0 8px 0 0;
					}
					#mainnavigation li ul
					{
						display: none;
						position: absolute;
						top: 16px;
						left: auto;
						z-index: 1001;
						opacity: .9;
						filter: alpha(opacity=90);
					}
					

					#mainnavigation li li
					{
						width: 180px;
						color: #fff;
						font-size: 11px;
						display: block;
						float: none;
						background-color: #f7cbb5;
						/*height: 20px;*/
						padding: 3px 0px 1px 10px;
						border: 1px solid #f15b20;
						border-top: 0;
						white-space: normal;
					}
					#mainnavigation li li a
					{
						color: #bf3600;
					}
					#mainnavigation li li a:hover
					{
						color: #fff;
					}
					#mainnavigation ul li li.last
					{
						float: left;
						margin: 0;
					}
					#mainnavigation ul li.active li.active a
					{
						color: #fff;
					}

					#mainnavigation li:hover ul, li.over ul 
					{
						display: block;
					}
					
					
					
		#contenthome 
		{
			position: absolute;
			top: 30px;
			height: 336px;
			width: 960px;
			/*background: url(images/molecaten_home_image.jpg) no-repeat left top;*/
		}
		
		#content
		{
			position: absolute;
			top: 30px;
			height: 430px;
			width: 100%;
			background: url(images/bg_content_molecaten.png) no-repeat left top;
		}
			.xmlprogram 
			{
			
			}
				.xmlprogram  select
				{
					margin: 10px 0 10px 0;
				}
				
				.xmlprogram  table.xmlprogramtable
				{
					width: 100%;
					margin: 10px 0 20px 0;
				}
				
				.xmlprogram  tr.activityrow0
				{
					background-color: #f7cbb5;
					border-top: 1px solid #f15b20;
					border-bottom: 1px solid #f15b20;
				}
				
				.xmlprogram  tr
				{
					width: 100%;
				}
				
				.xmlprogram  td
				{
					padding: 5px;
				}
				
				.xmlprogram  td.activitytime
				{
					width: 50px;
					font-weight: bold;
					border-right: 1px solid #f15b20;
				}
				
				.xmlprogram  td.activitytime, .xmlprogram  div.activitytitle
				{
					font-weight: bold;
				}
				
			
			#contentheader
			{
				position: absolute;
				top: 45px;
				left: 330px;
				width: 390px;
				height: 300px;
			}
			
			#breadcrumb a
			{
				color: #f15b20;
			}
			
			#breadcrumb
			{
				position: absolute;
				top: 0px;
				left: 330px;
				width: 425px;
				font-size: 11px;
				height: 37px;
			}
			
			#breadcrumb	span
			{
				display: block;
				position: absolute;
				bottom: 0px;
			}
		
			#contentimage
			{
				position: absolute;
				top: 45px;
				left: 10px;
				width: 300px;
				height: 375px;
			}
			
			#contentimage #contentflashimage1
			{
				width: 300px;
				height: 375px;
			}
			#contentimage  #contentflashimage2, #contentimage  #contentflashimage3, #contentimage  #contentflashimage4
			{
				display: none;
			}
			#contentfontsize
			{
				position: absolute;
				top: 97px;
				left: 666px;
				width: 60px;
				height: 20px;
				text-align: right;
			}
				#contentfontsize a
				{
					text-decoration: none;
					color: #333;
				}
				#contentfontsize a:hover
				{
					color: #f15b20;
				}
				#contentfontsize .fontsmall
				{
					font-size: 12px;
					margin: 0 0 0 4px;
				}
				#contentfontsize .fontmedium
				{
					font-size: 18px;
					margin: 0 0 0 4px;
				}
				#contentfontsize .fontlarge
				{
					font-size: 24px;
					margin: 0 0 0 4px;
				}
			
			#scrollArea 
			{
				background:transparent url(images/scrollarea_molecaten.gif) repeat-y scroll center top;
				/*border:medium none;*/
				/*display:none;*/
				overflow:hidden;
				position:absolute;
				height:282px;
				left:744px;
				top:125px;
				width:16px;
				z-index: 10010;
			}
			
				#scroller
				{
					background: url(images/scroller_molecaten.gif) repeat-y scroll center top;
					/*background:#810406 none repeat scroll 0%;*/
					position:absolute;
					width:16px;
					z-index: 10020;
				}
				
			#scrollButtonUp
			{
				background:transparent url(images/scrollbar_arrow_up_molecaten.gif) no-repeat;
				position:absolute;
				width:16px;
				height:16px;
				left:744px;
				top: 109px;
				z-index: 10021;
			}
			
			#scrollButtonDown
			{
				background:transparent url(images/scrollbar_arrow_down_molecaten.gif) no-repeat;
				position:absolute;
				width:16px;
				height:16px;
				left:744px;
				top:407px;
				z-index: 10022;
			}
			
			#textcontent
			{
				padding-right: 3px;
				position: absolute;
				width: 99%;
			}
			
			#mainheader
			{
				position: absolute;
				top: 100px;
				left: 330px;
				width: 340px;
				overflow: hidden;
				z-index: 1001;
			}
			
			#maincontent
			{
				position: absolute;
				top: 125px;
				left: 330px;
				width: 398px;
				height: 290px;
				overflow: hidden;
				z-index: 1000;
			}
				#maincontent p
				{
					line-height: 18px;
					color: #333;
					text-align: justify;
					margin: 0 0 10px 0;
					padding: 0;
				}
				
				#maincontent td p
				{
					margin: 0 0 0 0;
					padding: 0;
				}
				
				#maincontent a
				{
					color: #f15b20;
				}
				#maincontent h1, #mainheader h1
				{
					line-height: 18px;
					font-size: 14px;
					font-weight: bold;
					color: #f15b20;
					text-align: left;
					margin: 0 0 8px 0;
					padding: 0;
				}
				#maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6
				{
					line-height: 18px;
					font-size: 12px;
					font-weight: bold;
					color: #f15b20;
					text-align: left;
					margin: 0;
					padding: 0;
				}
				#maincontent ul
				{
					margin: 8px 0 16px 0;
					padding: 0;
				}
				#maincontent ul li
				{
					margin: 0 0 4px 16px;
					padding: 0;
					color: #333;
				}
				#maincontent form
				{
					margin: 0;
					padding: 0;
				}
				#maincontent img
				{
					padding: 0;
					margin: 0 0 3px 0;
				}
				
				#maincontent .rekenregels
				{
					font-size: 11px;
					font-style: italic;
				}
				
				#maincontent .arrangement
				{
					margin: 5px 0 5px 0;
					width: 100%;
				}
				
				#maincontent .arrangementprijs, #maincontent .standaardprijs
				{
					float: right;
				}
				
				#maincontent .csc-sword
				{
					font-style: italic;
					color: #f15b20;
				}
				
				#maincontent .tx-mininews-pi1-listrowField-datetime
				{
					font-size: 10px;
					color: #333;
					margin: 0;
					padding: 0;
				}
				
				#maincontent .tx-mininews-pi1-listrowField-teaser a
				{
					color: #333;
				}
				
				#maincontent .csc-mailform
				{
					border: 0;
					margin: 0;
					padding: 0;
				}
				#maincontent .csc-mailform-field
				{
					margin: 0 0 5px 0;
					clear: both;
				}
				
				#maincontent div.csc-mailform-label
				{
					margin: 15px 0 10px 0;
					clear: both;
					font-weight: bold;
				}
				
				#maincontent span.csc-mailform-label
				{
					clear: both;
					font-weight: normal;
					margin: 0 0 10px 0;
				}
				
				
				#maincontent .csc-mailform-field label
				{
					display: block;
					width: 200px;
					float: left;
					padding-bottom: 5px;
				}
				#maincontent .csc-mailform-submit
				{
					width: 100px;
					height: 20px;
					margin: 20px 0 0 200px;
					border: 1px solid #f15b20;
					color: #333;
					
				}
				#maincontent input, #maincontent textarea, #maincontent select
				{
					font-size: 11px;
					color: #333;
					padding: 0 0 0 3px;
					border: 1px solid #f7cbb5;
					background-color: #fff;
				}
				#maincontent input
				{
					height: 15px;
				}
				
				
			#contenthome #flashcontainer
			{
				/*display: none;*/
			}

			#contenthome #flashcontainer h1
			{
				position: absolute;
				height: 50px;
				top: 105px;
				left: 160px;
				font-family: Myriad, Tahoma, Verdana, Helvetica, "Trebuchet MS", Sans-Serif;
				font-size: 40px;
				font-weight: normal;
				color: #ffd204;
				padding: 5px 0 0 0;
				margin: 0;
			}
			#contenthome #flashcontainer h2
			{
				position: absolute;
				top: 140px;
				left: 140px;
				width: 500px;
				height: 20px;
				font-size: 18px;
				font-weight: normal;
				color: #fff;
				text-align: right;
				padding: 0;
				margin: 0;
			}
			
			#contenthome #flashcontainer #flashcontent
			{
				position: absolute;
				top: 161px;
				left: 140px;
				width: 480px;
				height: 150px;
				color: #333;
				padding: 35px 10px 0 10px;
				background: url(images/bg_flashcontent.png) no-repeat left top;
				z-index: 30;
			}
			#contenthome #flashcontainer #flashicon
			{
				position: absolute;
				display: block;
				top: 172px;
				left: 150px;
				z-index: 40;
			}
			#contenthome #flashcontainer #flashcontent p
			{
				line-height: 20px;
			}
			#contenthome #flashcontainer #flashimage1
			{
				width: 960px;
				height: 336px;
			}
			#contenthome #flashcontainer #flashimage2, #contenthome #flashcontainer #flashimage3, #contenthome #flashcontainer #flashimage4
			{
				display: none;
			}
		
			#contenthome  .leftbannercontainer
			{
				position: absolute;
				top: 45px;
				left: 4px;
				height: 316px;
				width: 180px;
				margin: 0;
				padding: 0;
				z-index: 1600;
				text-align: center;
			}

			#contenthome  .bannercontainer
			{
				position: absolute;
				top: 10px;
				left: 775px;
				height: 316px;
				width: 180px;
				margin: 0;
				padding: 0;
				z-index: 1500;
			}
			
			#content  .bannercontainer
			{
				position: absolute;
				top: 104px;
				left: 775px;
				height: 316px;
				width: 175px;
				margin: 0;
				padding: 0;
				z-index: 1600;
			}
			
				.bannercontainer .csc-header, .leftbannercontainer .csc-header
				{
					display: none;
				}
			
				.bannercontainer .smallbanner, .leftbannercontainer .smallbanner
				{
					width: 100%;
					/*height: 70px;*/
					margin: 0 0 5px 0;
					padding: 0;
					line-height: 0;
					font-size: 1px;
					text-align: center;
				}
				#content .searchform
				{
					position: absolute;
					top: 254px;
					left: 775px;
					height: 316px;
					line-height: 16px;
					width: 180px;
					height: 161px;
					padding: 9px 0 0 0;
					margin: 0;
					background: url(images/bg_searchform.png) no-repeat left top;
					z-index: 3500;
					/*opacity: .90;
					filter: alpha(opacity=90);*/
				}
				#contenthome .searchform
				{
					position: absolute;
					top: 160px;
					left: 775px;
					height: 316px;
					line-height: 16px;
					width: 180px;
					height: 161px;
					padding: 9px 0 0 0;
					margin: 0;
					background: url(images/bg_searchform.png) no-repeat left top;
					z-index: 3500;
					/*opacity: .90;
					filter: alpha(opacity=90);*/
				}
				
				.searchform .dropdown, .bannercontainer .searchform .button
				{
					font-size: 11px;
					color: #333;
				}
				.searchform .dropdown
				{
					width: 155px;
					height: 18px;
					margin: 2px 10px 0 10px;
					padding: 0;
				}
				.searchform .dropdown .dropdownbar
				{
					padding: 1px 0 0 6px;
					display: inline;
					width: 131px;
					height: 17px;
					float: left;
					background: url(images/dropdown-bars.gif) no-repeat left top;
					z-index: 101;
				}
				.searchform .dropdown .dropdownbardisabled
				{

					padding: 1px 0 0 6px;
					display: inline;
					width: 131px;
					height: 17px;
					color: #999;
					float: left;
					background: url(images/dropdown-bars-disabled.gif) no-repeat left top;
					z-index: 101;
				}
				
				
				.searchform .dropdown .dropdownselector
				{
					cursor: pointer;
					display: inline;
					width: 18px;
					height: 18px;
					float: right;
					background: url(images/dropdown-selector.gif) no-repeat left top;
					margin: 0;
					padding: 0;
					z-index: 102;
				}
				
				.searchform .dropdown .dropdownselectordisabled
				{
					display: inline;
					width: 18px;
					height: 18px;
					float: right;
					background: url(images/dropdown-selector-disabled.gif) no-repeat left top;
					margin: 0;
					padding: 0;
					z-index: 102;
				}
				
				.searchform .dropdown .dropdowncontent
				{
					position: absolute;
					padding: 0;
					left: 10px;
					top: 180px;
					width: 153px;
					height: 76px;
					display: none;
					background-color: #eee;
					border: 1px solid #ccc;
					z-index: 500;
					overflow: auto;
					overflow-x: hidden;
					overflow-y: scroll;
					
				}
				.searchform .dropdown .dropdowncontent ul
				{
					margin: 0;
					padding: 0;
				}
				.searchform .dropdown .dropdowncontent ul li
				{
					list-style-image:none;
					list-style-position:outside;
					list-style-type:none;
					margin: 0;
					padding: 0;
					white-space:nowrap;
					border-bottom: 1px solid #e0e0e0;
					cursor: pointer;
					height: 17px;
				}
				.searchform .dropdown .dropdowncontent ul li a
				{
					color: #333;
					text-decoration: none;
					display: block;
					width: 100%;
					padding: 1px 0 0 6px;
					height: 17px;
				}
				.searchform .dropdown .dropdowncontent ul li a:hover
				{
					background-color: #f15b20;
					color: #fff;
				}
				
				.searchform .divider
				{
					margin: 1px 0 0 0;
					font-size: 11px;
					color: #333;
					width: 100%;
					text-align: center;
				}
				
				.searchform .button
				{
					font-size: 11px;
					padding: 2px 0 0 0;
					height: 20px;
					_padding: 3px 0 0 0;
					_height: 19px;
					background: url(images/form-searchbutton-molecaten.gif) no-repeat left top;
					margin: 5px 10px 0 10px;
					text-align: center;
					cursor: pointer;
				}

	#themecontainer
	{
		position: absolute;
		top: 396px;
		width: 100%;
		height: 150px;
		z-index: 50;
	}
		#themecontainer .theme
		{
			position: absolute;
			top: 0;
			width: 310px;
			height: 150px;
			margin: 0;
		}
			#themecontainer .theme h2 span
			{
				visibility: hidden;
			}
			#themecontainer .theme h2 a
			{
				display: block;
				width: 258px;
				margin: 5px 0 0 50px;
				height: 40px;
				padding: 0;
				text-decoration: none;
			}
			#themecontainer .theme ul
			{
				margin: 0 7px 0 0;
				position: absolute;
				bottom: 10px;
				right: 5px;
			}
			#themecontainer .theme ul li
			{
				font-size:12px;
				font-weight: bold;
				line-height: 14px;
				list-style-image:none;
				list-style-position:outside;	
				list-style-type:none;
				margin: 0;
				padding: 0;
				text-align: right;
			}
			#themecontainer .theme ul li a
			{
				text-decoration: none;
			}

		#zeeblock
		{
			left: 0;
			margin: 0;
			/*background: url(images/bg_theme_zeeblock.gif) no-repeat left top;*/
		}
			#zeeblock ul li a
			{
				color: #f48800;
			}
			#zeeblock ul li a:hover
			{
				color: #ffd204;
			}
		#natuurblock
		{
			left: 325px;
			margin: 0;
			/*background: url(images/bg_theme_natuurblock.gif) no-repeat left top;*/
		}

			#natuurblock ul li a
			{
				color: #18a04f;
			}
			#natuurblock ul li a:hover
			{
				color: #aaef99;
			}
		#waterblock
		{
			left: 650px;
			margin: 0;
			/*background: url(images/bg_theme_waterblock.gif) no-repeat left top;*/
		}
			#waterblock ul li a
			{
				color: #044480;
			}
			#waterblock ul li a:hover
			{
				color: #94caef;
			}
			
	#contentthemecontainer
	{
		position: absolute;
		top: 490px;
		width: 100%;
		height: 55px;
		z-index: 50;
	}
	#contentthemecontainer .theme
		{
			position: absolute;
			top: 0;
			width: 310px;
			height: 55px;
			margin: 0;
		}
			#contentthemecontainer .theme h2 span
			{
				visibility: hidden;
			}
			#contentthemecontainer .theme h2 a
			{
				display: block;
				height: 45px;
				padding: 0;
				margin: 0;
				text-decoration: none;
			}
			
		#contentzeeblock
		{
			left: 0;
			margin: 0;
			/*background: url(images/bg_theme_contentzeeblock.gif) no-repeat left top;*/
		}

		#contentnatuurblock
		{
			left: 325px;
			margin: 0;
			/*background: url(images/bg_theme_contentnatuurblock.gif) no-repeat left top;*/
		}

		#contentwaterblock
		{
			left: 650px;
			margin: 0;
			/*background: url(images/bg_theme_contentwaterblock.gif) no-repeat left top;*/
		}