/* reset css */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, 
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; } 
table { border-collapse: collapse; border-spacing: 0; }

/* site css */
body	{
	font				: 1em "Arial", Helvetica, sans-serif;
	text-align			: center;
	background			: #fff url(../img/header_grijs.jpg) repeat-x left 101px;
}

.toegankelijkheid	{
	display				: none;
}


/* --------------------------------	*/
/* clear						 	*/
/* --------------------------------	*/
.clear:after	{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}
	
.clear	{	display		: inline-block;	}
/* start verbergen voor IE-mac \*/
* html .clear 	{ height	: 1%;}
.clear 			{ display	: block;}
/* einde van verbergen IE-mac */

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	margin				: 0;
	_margin				: -1px 0 0 0;
	width				: 100%;
	text-align			: left;
	background			: url(../img/content_bg.gif) repeat-y 152px top;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	position			: relative;
	z-index				: 100;
	padding				: 72px 0 0 30px;
	height				: 29px;
	background			: #FFF;
}

#menu > li	{
	float				: left;
	position			: relative;
	padding				: 0 10px;
}
	
#menu > li > a	{
	float				: left;
	height				: 24px;
	border-top			: 5px solid #FFF;
	text-indent			: -900em;
	background			: url(../img/menu.png) no-repeat;
}

#menu li a.home			{ width: 32px;	background-position: left top; }
#menu li a.uitvaartzorg	{ width: 141px;	background-position: -32px top; }
#menu li a.diensten		{ width: 58px;	background-position: -173px top; }
#menu li a.agelink		{ width: 100px;	background-position: -231px top; }
#menu li a.nieuws		{ width: 44px;	background-position: -331px top; }
#menu li a.contact		{ width: 51px;	background-position: -375px top; }

#menu > li:hover > a,
#menu > li.hover > a,
#menu > li.actief > a {
	border-top			: 5px solid #b13f46;
}
			
/* submenu */
#menu li ul	{
	position			: absolute;
	top					: 22px;
	left				: -999em;
	width				: 150px;
	padding				: 10px 0 8px 0;
	background			: url(../img/submenu-bg.png) no-repeat left bottom;
}

#menu li:hover ul,
#menu li.hover ul	{
	left				: 10px;
}

#menu li li a {
	display				: block;
	width				: 140px;
	padding				: 4px 5px;
	color				: #b13f46;			
	text-decoration		: none;
	font-weight			: 900;
	font-size			: 0.7em;
}

#menu li li a:hover {
	color				: #535353;
}

#menu li li.actief a,
#menu li li.actief a:hover {
	color				: #FFF;
	background			: #b13f46;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 302px;
	width				: 994px;
}

/* headers per hoofdpagina */
.header_index		{	background: url(../img/header/home.jpg) no-repeat left top; }
.header_uitvaart	{	background: url(../img/header/uitvaart.jpg) no-repeat left top; }
.header_agelink		{	background: url(../img/header/agelink.jpg) no-repeat left top;	}
.header_diensten	{	background: url(../img/header/diensten.jpg) no-repeat left top; }
.header_nieuws		{	background: url(../img/header/nieuws.jpg) no-repeat left top; }
.header_contact		{	background: url(../img/header/contact.jpg) no-repeat left top; }

#header h1	{
	position			: absolute;
	top					: 320px;
	left				: 30px;
	z-index				: 10;
}

#header h1 a	{
	display				: block;
	text-indent			: -9000px;
	overflow			: hidden;
	width				: 118px;
	height				: 50px;
	background			: url(../img/logo.gif) no-repeat;

}

/* Intropagina */
#header #intro {
	position			: absolute;
	left				: 670px;
	top					: 15px;
	width				: 310px;
	font-size			: 0.7em;
	font-weight			: bold;
	line-height			: 1.5em;
	color				: #FFF;
}


/* --------------------------------	*/
/* main							 	*/
/* --------------------------------	*/
#main	{
	display				: block;
	position			: relative;
	margin				: -127px 0 0 0;
}


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	padding				: 47px 13px 100px 200px;
	width				: 502px;
	font-size			: 0.7em;
	line-height			: 1.5em;
	min-height			: 128px;
	background			: url(../img/content_bg_onder.png) no-repeat 152px bottom;
}

#content h2	{
	color				: #b13f46;
	font-size			: 1.6em;
	line-height			: 1.2em;
	
	letter-spacing		: 0.05em;
	margin				: 0 0 5px 0;
	width				: 270px;
}

#content h3	{
	color				: #535353;
	font-size			: 1.2em;
	margin				: 0 0 10px 0;
	width				: 270px;
}

#content strong	{
	color				: #b13f46;
	font-weight			: bold;
	text-decoration		: none;
}

#content a, a:visited, a:active	{
	color				: #b13f46;
	text-decoration		: none;
}

#content a:hover	{
	color				: #b13f46;
	text-decoration		: underline;
}

#content .gedicht	{
	display				: block;
	position			: relative;
	width				: 300px;
	height				: 235px;
	overflow			: hidden;
	margin				: 10px 0 0 20px;
	background			: url(../img/gedicht.png) no-repeat left top;
}

#content .gedicht p	{
	position			: absolute;
	left				: -900em;
	top					: 0;
}

/* formulieren */
#content input, #content select, #content textarea	{
	border				: solid 1px #b13f46;
	font				: 1em Arial;
	padding				: 1px;
	max-width			: 260px;
}

#content input.radio, #content input.checkbox 	{
	border				: none;
}

#content input.button 	{
	cursor				: pointer;
	background			: #b13f46;
	color				: #fff;
	font-weight			: bold;
	margin				: 5px 0;
}

#content input.fout	{
	border				: 1px solid red;
	background-color	: #F7F7F7;
}

#content .melding	{
	color				: red;
	margin				: 10px 0;
}

/* --------------------------------	*/
/* Quote						 	*/
/* --------------------------------	*/
#main .quote {
	position			: absolute;
	left				: 680px;
	top					: 150px;
	width				: 265px;
	font-size			: 1.3em;
	line-height			: 1.5em;
	font-family			: Georgia, "Times New Roman", Times, serif;
	color				: #516187;
}

#main .quote:before { content: ' ' /* FIXME: content: open-quote; */ }
#main .quote:after { content: ' ' /* FIXME: content: close-quote; */ }

#main .quote span {
	font-size			: 1.4em;
	line-height			: 0.1em;
}


/* --------------------------------	*/
/* contactformulier				 	*/
/* --------------------------------	*/
.formmodule	h4	{
	display				: none;
}

.formmodule	h5	{
	font-size			: 1em;
	font-weight			: bold;
	color				: #c45963;
}

.formmodule	#label_fm_form1_actie	{
	display				: none;
}

.formmodule .label	{
	font-weight			: bold;
}


.formmodule .fm_form1_actie .veld:after	{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}
	
.formmodule .fm_form1_actie .veld	{	
	display				: inline-block;	
	margin-bottom		: 10px;
}

.formmodule .veld label	{
	display				: block;
	margin				: -0.1em 0 -1em 0;
	
}

/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	overflow			: hidden;
	color				: #fff;	
	background			: #fff;
}

/* --------------------------------	*/
/* fotos						 	*/
/* --------------------------------	*/
#fotos	{
	padding				: 20px 0 0 0;
}

#fotos a.prev,
#fotos a.next	{
	display				: block;
	height				: 70px;
	width				: 10px;
	float				: left;
	overflow			: hidden;
	text-indent			: -900em;
	background			: url(../img/fotos_nav.gif) no-repeat left top;
}

#fotos a.prev		{ background-position: 0 top; 	}
#fotos a.prev:hover	{ background-position: -11px top; 	}
#fotos a.next		{ background-position: -22px top; 	}
#fotos a.next:hover	{ background-position: -33px top; 	}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	border				: 1px solid #B13F46;
	overflow			: hidden; 
}

#googlemaps	{
	width				: 400px;
	height				: 400px;
	background			: #eee;
	text-align			: left;
	font				: 0.7em Arial;
	color				: #000;
}

#googlemaps a	{
	color				: #000;
}


/* --------------------------------	*/
/* lightbox						 	*/
/* --------------------------------	*/
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1090;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* jQuery lightBox plugin - Gallery style */
#gallery {
	padding			: 30px 0 0 0;
	width			: 420px;
	margin			: 0;
}
#gallery ul>li {
	margin			: 0 0 0 -2px;
}
#gallery ul { list-style: none; left:0}
#gallery ul li { 
	display			: inline; 
	padding			: 2px 2px 0 2px;	
	width			: 90px;
	height			: 90px;
}
#gallery ul img {
	border			: 2px solid #fff;
	border-width	: 5px;
}
#gallery ul a:hover img {
	border			: 2px solid #D3D3D3;
	border-width	: 5px;
	color			: #fff;
}
#gallery ul a:hover { color: #fff; }

#gallery .meer_fotos {
	right			: 10px;
	position		: relative;
	clear			: both;
}