@charset "utf-8";
/* CSS Document */

/* =reset 
*****************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0px; padding:0px;}

/***100%height***/
#Form1 {height:100%;}
html,body {margin:0;padding:0;height:100%;}
#wrapperOuter {	height:auto !important;height:100%;min-height:100%;}
/******/

	/*** standaard ***/
	ul { list-style: disc outside none; }
	img, fieldset { border: 0 none; }
	p { margin: 0 0 15px; }
	h1 { color: #E60000; display: block; font-family: 'Times New Roman'; font-size: 29px; font-weight: bold; padding: 0 0 7px; }
	h2 { color: #EE0001; font-size: 16px; font-weight: bold; line-height: 24px; margin: 0; }
	h3 { color: #EE0001; font-size: 12px; }
	ul { margin: 0 0 15px 20px; }
	ol { margin: 0 0 15px 20px; }
	hr { border-style: none none solid; border-width: 0 0 1px; float: left; height: 1px; margin: 0 0 10px; position: relative; width: 100%; }
	a { color: #FFFFFF; text-decoration: underline; }
	a:visited { color: #306E85; text-decoration: none; }
	a:hover { color: #306E85; text-decoration: none; }
	.cboth { clear: both; }

/*** body ***/
body { background: none repeat scroll 0 0 #FFFFFF; color: #000000; font-family: arial; font-size: 12px; }

	/*** wrapperOuter ***/
	#wrapperOuter { background: url(/images/headerpicmask.jpg) no-repeat scroll center top #00A6A1; float: left; position: relative; width: 100%; }

		/*** wrapper ***/
		#wrapper { margin: 0 auto; padding-left: 90px; padding-right: 95px; width: 795px; }

			/*** header ***/
			#header { background: url(/images/headerarea.png) repeat-x scroll 0 0 transparent; height: 51px; margin: 25px auto 0 -95px; padding-left: 95px; padding-right: 95px; position: relative; width: 790px; z-index: 999; }
			#header #logo { height: 175px; left: 135px; position: absolute; top: -25px; width: 175px; }

				/*** mainmenu ***/
				#mainmenu { float: right; margin-right: -7px; width: 100%; }
				#mainmenu ul { float: right; margin: 0; max-width: 600px; }
				#mainmenu ul li { float: left; list-style: none outside none; padding-left: 7px; padding-right: 7px; }
				#mainmenu ul li a { color: #FFFFFF; font-size: 11px; font-weight: bold; text-align: center; text-decoration: none; }
				#mainmenu ul li a:hover { text-decoration: underline; }
				/*** mainmenu2 ***/
				#mainmenu2 { float: right; width: 100%; }
				#mainmenu2 ul { float: right; font-size: 11px; font-weight: bold; margin: 3px 0 0; max-width: 600px; }
				#mainmenu2 ul li { color: #00A6A1; float: left; height: 23px; list-style: none outside none; padding-top: 5px; position: relative; }
				#mainmenu2 ul li div.separator { text-align: center; width: 30px; }
				#mainmenu2 ul li a { color: #00A6A1; display: block; height: 100%; text-decoration: none; }
				#mainmenu2 ul li a:hover { cursor: pointer; text-decoration: underline; }
				#mainmenu2 ul li ul { background: url(/images/pixel.png) repeat scroll 0 0 transparent; border: 1px solid #A6C3E1; float: none; right: 0; margin-top: 28px; overflow: hidden; padding-left: 10px; padding-right: 10px; position: absolute; top: 0; visibility: hidden; width: auto; min-width: 180px; }
				#mainmenu2 ul li ul:hover { visibility: visible; }
				#mainmenu2 ul li:hover ul { visibility: visible; }
				#mainmenu2 ul li ul li { border-bottom: 1px solid #82ADDE; display: block; float: none; height: auto; margin-bottom: -1px; text-align: right; width: auto; }
				#mainmenu2 ul li ul li a { color: #785399; margin-bottom: 5px; margin-top: 5px; text-align: right; white-space: nowrap; width: 100%; }

			/*** contentwrapper ***/
			#contentwrapper { min-height: 410px; position: relative; width: 790px; }
			#contentwrapper #contenttop { background: url(/images/contenttop.png) no-repeat scroll 0 0 transparent; height: 50px; margin-left: -15px; margin-top: -10px; width: 825px; }
			#contentwrapper #contentbottom { background: url(/images/contentbottom.png) no-repeat scroll 0 0 transparent; height: 25px; margin-left: -15px; width: 825px; }
			#contentwrapper #hometxt { left: 160px; position: absolute; top: 90px; }
			#contentwrapper #blockarea { bottom: 0; position: absolute; width: 810px; }
			#contentwrapper .block { background: url(/images/blockbg.png) no-repeat scroll 0 0 transparent; float: left; height: 100px; margin-left: -10px; overflow: hidden; padding-bottom: 20px; padding-left: 12px; padding-right: 12px; position: relative; width: 256px; }
			#contentwrapper .block h3 { background: url(/images/blocktop.png) repeat scroll 0 0 transparent; color: #FFFFFF; display: block; margin-bottom: 5px; margin-left: -4px; margin-top: 0; padding-left: 5px; padding-right: 5px; text-align: center; }
			#contentwrapper .block p { color: #00A6A2; font-size: 11px; line-height: 14px; margin-bottom: 0; overflow: hidden; padding-left: 10px; padding-right: 20px; }
			#contentwrapper .block button { background: url(/images/blockbtn.png) no-repeat scroll 0 0 transparent; border: medium none; bottom: 5px; cursor: pointer; float: right; height: 26px; margin-bottom: 5px; position: absolute; right: 17px; width: 26px; }

				/*** content ***/
				#content { background: url(/images/contentbg.png) repeat-y scroll 0 0 transparent; margin-left: -15px; padding: 60px 20px 15px; width: 784px; }
				#content #headerimg { float: left; margin-top: -90px; overflow: hidden; position: relative; width: 784px; }
				#content #headerimg img { max-width: 787px; }
				#content #headerimg #imgmask { background: url(/images/imgmask.png) no-repeat scroll 0 0 transparent; bottom: 0; height: 52px; left: 0; position: absolute; width: 787px; }

					/*** contenttxt ***/
					#contenttxt { clear: both; float: left; padding-left: 60px; padding-right: 60px; position: relative; width: 664px; }
					#contenttxt h2 { color: #00A6A1; display: block; float: left; font-size: 18px; margin-bottom: 25px; margin-top: 20px; padding-right: 20%; width: 80%; }
					#contenttxt a.back { color: #00A6A1; display: block; float: right; font-weight: bold; text-align: right; width: 20%; }
					#contenttxt p { clear: both; margin: 0; }
					#contenttxt .review { float: right; margin-bottom: 15px; padding-right: 285px; width: 379px; }
					#contenttxt .review a.lees { color: #00A6A1; display: block; float: right; }
					#contenttxt .overview { clear: both; margin-bottom: 15px; }
					#contenttxt .overview a.lees { color: #00A6A1; display: block; float: right; width: 80px; }
					#contenttxt .overview .date { float: left; height: 100%; width: 70px; }
					#contenttxt .overview p { clear: none; float: left; width: 514px; }
					#contenttxt .necr { background: url(/images/necr.png) no-repeat scroll 0 0 transparent; float: left; height: 192px; margin: 2px; overflow: hidden; padding-left: 10px; padding-right: 10px; position: relative; width: 307px; }
					#contenttxt .name { font-size: 20px; font-weight: bold; margin-bottom: 7px; margin-top: 70px; text-align: center; }
					#contenttxt .dates { font-size: 16px; font-weight: bold; text-align: center; }
					#contenttxt a.rbrief { bottom: 15px; color: #7C599B; font-size: 14px; left: 0; padding-left: 15px; position: absolute; }
					#contenttxt a.condoleance { bottom: 15px; color: #7C599B; font-size: 14px; padding-right: 15px; position: absolute; right: 0; }

			/*** footerwrapper ***/
			#footerwrapper { bottom: 0; margin: 0 auto; padding-left: 95px; padding-right: 95px; width: 790px; }

			/*** footer ***/
			#footer { height: 60px; margin: 0 auto; }
			#footer p { color: #FFFFFF; display: block; font-size: 11px; font-weight: bold; height: 18px;
			 margin-left: -15px; padding-left: 15px; padding-right: 15px; text-align: center; width: 795px; }
			#footer p#footertop { background: url(/images/footerbg.png) no-repeat scroll 0 0 transparent; color: #00A6A2; margin-bottom: 10px; padding-top: 2px; }
			#footer p#footerbottom { margin-bottom: 0; }
			#footer p#footerbottom a { color: #ABE4E3; }	
		
		/*** guestbookcontainer ***/
		#gbcontainer { display: none; }
		
			/*** guestbook ***/
			#guestbook { height: 500px; margin-right: 20px; padding-left: 40px; padding-right: 40px; width: 480px; }
			#guestbook h4 { color: #00A6A2; display: block; font-size: 14px; font-weight: normal; margin: 0 auto 10px; text-align: right; width: 480px; }
			#guestbook h4 #cname { font-size: 18px; font-weight: bold; }
			#guestbook #form { background: none repeat scroll 0 0 #E9E9E9; border: 2px solid #ADADAD; margin: 0 auto 10px; padding: 5px; width: 470px;}
			#guestbook #formtitle { color: #00A6A2; font-size: 14px; height: 25px; margin-top: 5px; }
			#guestbook #form #txtarealead { font-size: 10px; margin-bottom: 0; margin-left: 115px; }
			#guestbook #form p { display: block; }
			#guestbook #form p input { border: 1px solid #E4E4E4; float: right; margin-right: 125px; width: 230px; }
			#guestbook #form p textarea { border: 1px solid #E4E4E4; float: right; height: 100px; margin-right: 15px; width: 340px; }
			#guestbook #form button { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E4E4E4; clear: both; cursor: pointer; font-size: 10px; margin-left: 115px; }
			#guestbook .entry { border: 2px solid #ADADAD; margin: 0 auto 20px; width: 480px; }
			#guestbook .entry .entrytop { background: none repeat scroll 0 0 #FFFCE4; border-bottom: 1px solid #ADADAD; float: left; font-weight: bold; height: 17px; padding-left: 20px; padding-top: 3px; width: 460px; }
			#guestbook .entry .entrytop .lead { float: left; width: 50px; }
			#guestbook .entry .entrytop .naam { float: left; height: 17px; overflow: hidden; width: 300px; }
			#guestbook .entry .entrytop .entrydate { float: right; font-size: 11px; font-weight: normal; margin-right: 10px; text-align: right; }
			#guestbook .entry .entrycontent { font-size: 11px; padding: 5px; }


