body {
	margin: 0;
	text-align: center;
	color: #2d2b23;
   font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
   font-size: 13px; 
	}

table {
   font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
   font-size: 13px;
   }

/*** style for common elements ***/

a {
	color: #6d6454;
	text-decoration: none;
	}

	a:hover {
		text-decoration: underline;
		}

input, select, textarea {
	padding-left: 2px;
	color: #606060;
   font-family: "Lucida Sans Unicode", Verdana, sans-serif;
   font-size: 13px; 
	border: solid 1px #bebab2;
	background: #fff url('../Webmasters/Images/pr/bg_input.gif') no-repeat;
	}	

col {
	background: none;
	}	

img {
	border: none;
	}

blockquote {
	margin: 10px 0; padding: 10px 10px 1px 10px;
	font-family: Georgia, Serif;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	background: #f1f0e8;
	}

	blockquote p {
		margin-bottom: 10px;
		}

/*** style for common classes ***/
			
.error, #divErrors {
	color: red;
	font-style: italic;
	}

.show {
	display: inline-block;
	display: -moz-inline-box;
	width: 62px; height: 18px;
	background: url('../Webmasters/Images/btn_bekijk.gif') no-repeat;
	}		

	.readmore span, .show span {
		display: none;
		}		
	
.search {
	width: 62px; height: 18px;
	cursor: pointer;
	border: 0;
	background: url('../Webmasters/Images/btn_zoek.gif') no-repeat;
	}
				
.print {
	padding-top: 4px; padding-right: 30px;
	width: 110px!important; width: 140px; height: 16px!important; height: 20px;
	border-right: solid 1px #a8a8a8;
	background: url('../Webmasters/Images/print.gif') 115px top no-repeat;
	}

.center {
	text-align: center;
	}

.close {
	cursor: pointer;
	background: url('../Webmasters/Images/plus.gif') 7px 10px no-repeat;
	}
	
.open {
	cursor: pointer;
	background: url('../Webmasters/Images/min.gif') 7px 10px no-repeat;
	}

.top {
	padding-top: 4px;
	vertical-align: top;
	}

.clear {
	clear: both;
	margin: 0;
	height: 1px;
	color: #fff;
	border: none;
	background: #fff;
	}
	
/*** style for buttons ***/

a span {
	display: none;
	}
			
.button,
.text .button {
	display: inline-block;
	padding: 2px 14px 0 14px;
	height: 20px!important; height: 22px;
	color: #fff;
	text-decoration: none;
	background: url('../Webmasters/Images/bg_button.png') repeat-x;
	}

	.button:hover {
		color: #326;
		text-decoration: none;
		background: url('../Webmasters/Images/bg_button_over.png') repeat-x;
		}

	.button span {
		display: inline;
		}

.button2 {
	display: inline-block;
	padding: 2px 10px 0 10px;
	height: 20px!important; height: 22px;
	color: #47443a;
	text-decoration: none;
	background: url('../Webmasters/Images/bg_button2.png') repeat-x;
	}

	.button2:hover {
		text-decoration: none;
		background: url('../Webmasters/Images/bg_button2_over.png') repeat-x;
		}
		
/*** style for headers ***/

h1 {
	margin: 0 0 12px 0; padding: 0;
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
	}

h2	{
	margin: 0; margin-bottom: 6px;	
	font-size: 13px;
	font-weight: normal;
	}

h3	{
	margin: 10px 0;	
	font-size: 100%;
	font-weight: normal;
	color: #ea981e;
	}

h4, h5 {
	margin: 0; padding: 7px 0 7px 25px;
	height: auto!important; height: 1px;
	color: #0095e3;
	font-size: 13px;
	border-top: solid 1px #fff;
	}			

/*** style for layout ***/

#body {
	/*position: relative;*/
	margin: 0 auto; padding: 0;
	width: 980px;
	min-height: 725px;
	text-align: left;	
	}

#header {
	padding: 9px 0 15px 8px;
	}

#logo {
	text-decoration: none;	
	}

	#logo img {
		border: none;			
		}
		
/*** style for menu ***/

#nav {
	position: relative;
	z-index: 999;
	clear: both;
	margin: 0 0 14px 0; padding: 0;
	height: 30px;
	list-style: none;
	font-size: 14px;
	}

	#nav li { /* all list items */
		float: left;
		padding: 3px 4px;
		text-align: center;
		border-right: dotted 1px #9f998f;
		}

		#nav li.first {
			border-left: dotted 1px #9f998f;
			}

		#nav li.last {
			float: right;
			}					

		#nav li a {
			display: block;
			padding: 2px 6px 4px 6px;
			color: #837e71;
			text-decoration: none;
			}	
	
			#nav li a:hover, #nav li a.active {
				color: #2d2b23;
				background: #e7e5e3;
				}

		#nav li ul { /* second-level lists */
			position: absolute;
			left: -999em;
			z-index: 999;
			margin: 3px 0 0 0; padding: 0;
			width: 200px;
			list-style: none;			
			border: solid 1px #e7e5e3;
			}

			#nav li.last ul { /* position last rollout right to left */
				}	
				
			#nav li ul li {
				padding: 0;
				text-align: left;	
				border-right: none;	
				background: #fff;
				}			

				#nav li ul li a {
					display: block;
					margin: 0; padding: 3px 10px;
					width: 180px!important; width: 200px;					
					}

					#nav li ul li a:hover {
						color: #2d2b23;
						background: #e7e5e3;
						}						

#nav li ul li ul { /* third-level lists */
	position: absolute;
	left: -999em;
	z-index: 999;
	margin: -24px 0 0 194px; padding: 0;
	width: 180px;
	list-style: none;
	text-align: left;				
	}
			
	#nav li ul li ul li a {
		width: 160px!important; width: 180px;					
		background: #fff;
		}								

 /* using left instead of display to hide menus because display: none isn't read by screen readers */

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}	

/*** style for app ***/

#app {
	width: 100%;
	overflow: auto;
	margin: 0; padding: 0;
	}

/*** style for homepage ***/

#columnleft, #flexpotcolumn {
	float: left;
	margin: 0;
	width: 294px;
	}

	#flexpotcolumn {
		margin: 66px 0 0 0;
		width: 300px;
		}

	#columnleft .flexpot, #flexpotcolumn .flexpot, .searchmortician .flexpot, #contentright .searchmortician .flexpot, #contentright .flexpot {
		margin-bottom: 14px; padding: 0;		
		background: #e0e0d7 url('../Webmasters/Images/bg_rounded_top.png') no-repeat;
		}

		#flexpotcolumn .flexpot, #contentright .flexpot {
			background: #e0e0d7 url('../Webmasters/Images/bg_rounded_top2.png') no-repeat;
			}

	.searchmortician .flexpot {
		width: 294px;	
		}

		#flexpotcolumn .flexpot {
			margin-bottom: 20px;
			}
	
		.flexpot h2 {
			color: #665599;
			font-weight: bold;
			}

		.flexpot .content {
			padding: 8px 14px 0 14px;
			text-align: left;
			}

			.searchmortician .flexpot .content {
				padding: 8px 2px 0 14px;
				}		

		.flexpot table {
			color: #6d6454;
			font-size: 12px;
			}		

			.flexpot table th {
				text-align: left;
				font-weight: normal;
				}

		#columnleft .flexpot select, #flexpotcolumn .flexpot select, .searchmortician .flexpot select {
			margin: 0 0 5px 0;
			width: 167px;
			}

#thuiswinkel {
	display: block;
	margin-bottom: 14px;
	}

.roundedbtm {
	overflow: hidden;
	height: 10px; line-height: 10px;
	background: #e0e0d7 url('../Webmasters/Images/bg_rounded_btm.png') no-repeat;
	}

	.roundedbtm2 {
		overflow: hidden;
		height: 10px; line-height: 10px;
		background: #e0e0d7 url('../Webmasters/Images/bg_rounded_btm2.png') no-repeat;
		}				

#spacercolumn {
	float: left;
	margin: 0 20px 0 0;
	width: 170px; height: 10px;
	}	

#columnright {
	float: left;
	margin: 0 0 0 14px;
	width: 672px;
	}	

#flexpots {
	clear: both;
	color: #6d6454;
	}

	#flexpots .flexpot {
		float: left;
		padding: 0 15px;
		width: 306px!important; width: 336px;
		}	

		#flexpots .flexpot h2 {
			margin: 0 0 10px 0;
			font-size: 18px;
			font-weight: normal;
			line-height: 24px;
			}	

		#flexpots .flexpot p {
			display: inline;
			margin: 0;
			line-height: 17px;
			}

/*** style for content ***/

#content {
	position: relative;
	float: left;
	margin: 30px 20px 0 0!important;margin: 30px 15px 0 0;
	padding: 0;
	width: 470px;	
	}

	.text {
		padding: 0 4px 20px 0;
		line-height: 17px;
		border-bottom: dotted 1px #9f998f;
		}

		.text p {
			margin-top: 0;
			}

		.text a {
			color: #665599;			
			}

			.text a:after {
				content: ' \00BB';
				}

/*** style for morticians ***/

#morticians {
	position: relative;
	z-index: 1;
	overflow-y: visible!important;
	overflow-y: hidden;	
	margin-bottom: 8px; padding: 14px 0 0 0;
	height: 252px!important; height: 266px;
	background: #e0e0d7;
	}

	.mortician {
		float: left;
		width: 168px; height: 252px;
		}

	.face {
		text-align: center;
		}	

		.face img {
			width: 168px; height: 205px;			
			}

	.mortician a {
		color: #048;
		text-decoration: none;
		}	
				
	.mortician .introduce {
		overflow: hidden;
		padding: 5px 5px 0 5px;
		height: 42px!important; height: 47px;
		line-height: 15px;
		text-align: center;
		background: url('../Webmasters/Images/bg_quotes.png') left top repeat-y;
		}

.infoballoon {
	display: none;
	position: absolute;
	left: 78px; top: 156px;
	padding-left: 14px;
	z-index: 999;
	height: 56px;
	background: url('../Webmasters/Images/txtballoon_left.png') left top no-repeat;
	}

	#morticians .infoballoon div {
		display: inline-block;
		padding: 9px 10px 0 10px;
		min-width: 200px; width: auto!important; width: 200px;
		height: 47px!important; height: 56px;
		white-space: nowrap;
		background: url('../Webmasters/Images/txtballoon_right.png') right top no-repeat;
		}

		.infoballoon div span {
			color: #665599;
			}

	.infoballoon.pos2 {
		left: 246px;
		}

	.infoballoon.pos3 {
		left: 414px;
		}

	.infoballoon.pos4 {
		left: 582px;
		}

#break {
	
	}

/*** style for contentleft ***/

#contentleft {	
	float: left;
	margin: 66px 20px 0 0; padding: 0;
	width: 170px;
	}
* html #contentleft {display: inline;}

	#contentleft ul {
		margin: 0; padding: 0 0 10px 0;
		list-style: none;
		line-height: 18px;
		}	

		#contentleft li {
			margin: 0 0 5px 0;
			}	

		#contentleft li a {
			color: #837e71;
			text-decoration: none;
			}

			#contentleft li a.active {
				color: #2d2b23;
				}

			#contentleft li a:hover {
				color: #2d2b23;
				}

/*** style for condolences ***/	

#contentright {
	float: left;
	margin: 66px 0 0 0; padding: 0;
	overflow: hidden;
	width: 300px;
	}

	.image {
		text-align: center;
		background: #f1f0e8;
		}

	#contentright img {
		display: inline;
		border: none;
		}					

	#caption {
		margin: 0; padding-top: 1px;
		text-align: left;
		line-height: 16px;
		border-bottom: solid 1px #fff;
		background: #fff;
		}

		#caption a {
			color: #665599;
			}

		#caption p {
			margin: 7px 0; padding: 0;
			}

	#contentright .flexpot {
		margin: 0 0 14px 0;
		}						
				
/*** style for loginhome ***/

#loginhome {
	width: 100%;
	}		

#loginhome {
	margin: 10px 0 0 10px;
	width: 290px;
	}		

	#loginhome th {
		text-align: left;
		font-weight: normal;
		}

	.submit {
		text-align: right;
		}		

/*** style for morticianmap ***/	

#morticianmap {
	margin: 0 0 7px 0; padding: 0;
	height: 400px;
	}									
	
/*** style for freepage ***/

.freepage {
	line-height: 16px;
	}
	
.freepage p {
	margin: 7px 0; padding: 0;
	}

	.freepage blockquote {
		margin: 0; padding: 0;
		background: url('../Webmasters/Images/bg_quote.gif') center top no-repeat;
		}

		.freepage blockquote p {
			margin: 0; padding: 10px 15px;
			background: url('../Webmasters/Images/bg_quote_bottom.gif') center bottom no-repeat;
			}

		.freepage a {
			font-weight: bold;
			}	

/*** style for morticianoverview ***/	

#search_placeholder {
	clear: both;
	padding: 0 0 20px 0;
	line-height: 17px;
	border-bottom: dotted 1px #9f998f;
	}

#morticianoverview {
	margin: 10px 0 0 0;
	width: 464px;
	}

	#morticianoverview th {
		padding-bottom: 10px;
		text-align: left;
		}

		#morticianoverview td {
			vertical-align: top;
			}
			
		#morticianoverview .view {
			vertical-align: bottom;
			}

			#morticianoverview .details strong {
				color: #665599;
				}

	#morticianoverview a {
		font-weight: normal;
		}

.paging {
	color: #837e71;
	}

	.paging a {
		color: #837e71;
		}

	.paging span {
		color: #000;
		}

/*** style for morticiandetails ***/

#morticiandetails {
	margin: 0; padding: 0 0 20px 0;
	border-bottom: dotted 1px #9f998f;
	}

	#morticiandetails a {
		margin: 0 0 0 10px;
		}

	#morticiandetails h1 {
		margin: 10px 0 5px 10px;
		}

	#morticiandetails p {
		margin: 10px 0;
		}

#morticianinfo {
	display: block;
	margin: 30px 0 0 8px; padding: 10px 5px 0 0;
	border-top: solid 1px #e1e4e4;
	}

	#morticianinfo a {
		display: block;
		margin-bottom: 5px;
		padding-left: 12px;
		font-weight: normal;
		background: url('../Webmasters/Images/menuitem.gif') left 2px no-repeat;		
		}

#morticianlogo {
	overflow-x: hidden;
	margin: 0;	
	}

	#morticianlogo img {
		margin: 0 auto;
		border: none;
		}

.morticiandetails {
	text-align: center;
	}

/*** style for contact ***/	

#contact {
	margin: 10px 0 10px 0; padding: 0 0 20px 0;
	border-bottom: dotted 1px #9f998f;
	}

	#contact tfoot td {
		padding-top: 10px;
		}

/*** style for footer ***/

#footer {
	clear: both;
	margin: 16px 0 0 0; padding: 0;
	list-style: none;
	color: #a29e95;
	}

	#footer li {
		display: inline;
		}

	#footer a {
		color: #837e71;
		text-decoration: none;
		}															

		#footer a:hover {
			text-decoration: underline;
			}