/*****************************/
.clear{clear:both;}
/*****************************/
/*index.hmtl */
html, body {
	height: 100%;
	font-family: "Arial", Tahoma, Verdana, Trebuchet MS, sans-serif;
	font-size:13px;
	line-height:18px;	
	margin: 0;
}


img {
	border: 0;
}

.vlak_1 a.button:link {
	background-position: right top;
	background-repeat:no-repeat;
	text-decoration:none;
	margin:0;
	padding:0;
}

.vlak_1 a.button.home			 	{ background-image:url(../templateimages/home_btn.gif) no-repeat right top; }
.vlak_1 a.button.begraafplaats 		{ background-image:url(../templateimages/begraafplaats_btn.gif) no-repeat right top; }
.vlak_1 a.button.video				{ background-image:url(../templateimages/video_btn.gif) no-repeat right top; }
.vlak_1 a.button.virt_graven		{ background-image:url(../templateimages/virt_graven_btn.gif) no-repeat right top;}
.vlak_1 a.button.plattegrond		{ background-image:url(../templateimages/plattegrond_btn.gif) no-repeat right top; }
.vlak_1 a.button.agenda				{ background-image:url(../templateimages/agenda_btn.gif) no-repeat right top; }
.vlak_1 a.button.nieuws				{ background-image:url(../templateimages/nieuws_btn.gif) no-repeat right top;}
.vlak_1 a.button.contact 			{ background-image:url(../templateimages/contact_btn.gif) no-repeat right top;}

a.button:hover  {
	background-position:right bottom;
	cursor:pointer;
	margin:0;
	padding:0;
}
a.button.selected  {
	background-position:right center;
	cursor:pointer;
	margin:0;
	padding:0;
}

a.button {
	display:block;
	height:25px;
	width:190px;
	margin:0;
	padding:0;
}

a {
text-decoration:none;
	margin:0;
	padding:0;
	color:#000000;
}

a:hover {
text-decoration:none;
	margin:0;
	padding:0;
	color:#ababbc;
}

#preloader {
	display:none;
	margin:0;
	padding:0;
}

.selected {
	color: #c92066!important;
	margin:0;
	padding:0;
}

#vlak_1 p {
	font-size:12px;


}



/*form */
.form-naam					{width:520px; font-size:12px; color:#5e6e65; height:40px; vertical-align:top;}
.form-naam span				{text-align:left; height:40px; float:left;}
.form-naam input 			{border:1px solid #5e6e65; float:right; height:18px; width:250px; margin-right:70px; font-size:12px; font-family:"Trebuchet MS" Arial;}
.form-naam textarea 		{border:1px solid #5e6e65; float:right; height:110px; width:250px; margin-right:70px; font-size:12px; font-family:"Trebuchet MS" Arial;}
.form-naam select 			{border:1px solid #5e6e65; float:right; height:22px; width:250px; margin-right:70px; font-size:12px; font-family:"Trebuchet MS" Arial;  }

/*.form-naam .option.Tussenwoning {background-color: #F30;}*/

.form-naamGroter   			{width:460px; font-size:12px; color:#5e6e65; vertical-align:top; height:130px;}
.form-naamGroter span		{text-align:left; height:100px; float:left;}
.form-naamGroter textarea 	{border:1px solid #5e6e65; float:right; height:110px; width:250px; margin-right:10px; font-size:12px; font-family:"Trebuchet MS" Arial;}
.form-naam a				{float:right; text-align:right; margin:10px 70px 0 0; display:inline; }




#header {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#ffffff;
	width:976px;
	height:115px;
	margin-top:35px;

}


#logo {

	width:333px;
	height:90px;	
	/*float:left;*/
}

#logo_HG {
	background-image:url(../templateimages/logo_heldergroen_wit.gif);
	background-repeat:no-repeat;
	margin-left:762px;
	height:33px;
	
}

#welkom_home {
	background-image:url(../templateimages/home_welkom.gif);
	background-repeat:no-repeat;
	width:117px;
	height:36px;
	margin-left:645px;
	margin-top:-40px;	
}

#homevlak {
	width:976px;
	height:667px;
}

#vlak_1 {
	background-color:#ffffff;
	width:235px;
	height:677px;
	float:left;
	text-align:right;
	margin:0;
	padding:0;
}
#navigatie {
	width:190;
	float:right;
	text-align:right;
	margin:0;
	padding:16px 0;
	
}

#lint {
	 background-image:url(../templateimages/lint_home.jpg);
	 background-repeat:no-repeat;
	 width:234px;
	 height:230px;
	 margin:0;
	 float:right;
}
#slogan {
	float:left;
	
	background-repeat:no-repeat;
	width:202px;
	height:150px;
	margin:0;
}

#concept_HG {
	float:left;
	width:202px;
	height:30px;
	margin:0;
	margin-left:10px;

}

#vlak_2 {
	background-color: #FFFFFF;
	width:528px;
	height:677px;
	float:left;

}



#tekstvlak_home {
	vertical-align:top;



}

#welkom_tekst {
	width:355px;
	height:140px;
	margin-top:20px;	
	float:left;
	

}

#content_image {
	
	width:155px;
	height:252px;
	margin-top:9px;
	float:right;
	color: #000000;
	font-size:10px;
	text-align:center;
	

}
 /* opzet2 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#tekst_opzet2 {
	width:500px;
	margin-top:20px;	
	
}


#image_opzet2 {
	background-color:#c92066;
	background-repeat:no-repeat;
	width:500px;
	height:150px;
	margin-top:20px;
    color:#FFFFFF;
}	

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/	


 /* opzet3 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#tekst_opzet3 {
	width:233px;
	margin-top:20px;	
	float: left;
	
}

#tekst2_opzet3 {
	width:260px;
	margin-top:8px;
	margin-left:246px;	
	float: left;
	
}


#image_opzet3 {
	background-color:#c92066;
	background-repeat:no-repeat;
	width:275px;
	height:165px;
	margin-top:20px;
	margin-left:236px;
    color:#FFFFFF;
	
}

#image2_opzet3 {
	background-color:#c92066;
	background-repeat:no-repeat;
	width:236px;
	height:165px;
	margin-top:-200px;
	margin-left:15px;
	color:#FFFFFF;
	
}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/	

 /* opzet4 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#tekst_opzet4 {
	width:285px;
	margin-top:20px;
	margin-left:225px;
}


#image_opzet4 {
	background-color:#c92066;
	background-repeat:no-repeat;
	width:210px;
	height:248px;
	margin-top:20px;
	float:left;
	color:#FFFFFF;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/	



 /* opzet5 //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#tekst_opzet5 {
	width:500px;
	margin-top:20px;	
}

#image_opzet5 {
	background-color:#c92066;
	background-repeat:no-repeat;
	width:210px;
	height:150px;
	margin-top:20px;
	margin-left:60px;
	float:left;
	color:#FFFFFF;
}
#image2_opzet5 {
	background-color:#c92066;
	margin-top:20px;
	color:#FFFFFF;
	float:left;
	width:225px;
	height:150px;
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/	



#vlak_3 {
	background-color:#FFffff;
	width:213px;
	height:677px;
	float:left;

}

#video {	
	background-repeat:no-repeat;
	width:204px;
	height:128px;
	margin-left:9px;
}



#gast {
	
	background-repeat:no-repeat;
	width:204px;
	height:23px;
	margin-left:9px;
}
#virtule_graven {
	
	background:url(../templateimages/zoek_bg.jpg) no-repeat;
	width:204px;
	height:126px;
	margin-left:9px;
	margin-top:3px;
}
#kop_agenda {
	background:url(../templateimages/kop_agenda.gif) no-repeat;
	width:204px;
	height:24px;
	margin:0 0 0 9px;
	
}
#kop_graven {
	background:url(../templateimages/kop_graven_klein.gif) no-repeat;
	width:204px;
	height:28px;
	margin:0 0 0 9px;
	
}

.button {
	text-align:center;

}

#agenda_tekst {
	width:180px;
	margin:0 0 0 9px;
	background: url(../templateimages/kant_lijn.gif) no-repeat;

}

#gast_tekst {
	height:615px;
	width:180px;
	margin:0 0 0 9px;
	background: url(../templateimages/line.gif) no-repeat;

}

#gast_tekst p {
		padding:20px 0 0 10px;
		margin:0px;
}

#agenda_tekst p {
		padding:20px 0 0 10px;
		margin:0px;

}

#kop_nieuws {
	background:url(../templateimages/kop_nieuws.gif) no-repeat;
	width:204px;
	height:24px;
	margin:0 0 0 9px;

}

#nieuws_tekst {
	width:180px;
	margin:0 0 0 9px;
	background: url(../templateimages/kant_lijn.gif) no-repeat;

}

#nieuws_tekst p {
		padding:20px 0 0 10px;
		margin:0px;

}

#nieuws_tekst A{
		padding:0 0 0 2px;
		margin:0px;
		color:#000000;
}

#nieuws_tekst a:hover {
text-decoration:none;
	margin:0;
	color:#ababbc;
}


/*begraafplaats */

#begraafplaats {
	background-image:url(../templateimages/begraafplaats.gif);
	background-repeat:no-repeat;
	width:145px;
	height:45px;
	margin-left:617px;
	margin-top:-60px;

}




#subheader{
	width:528px;
	
}

#begraaf_tekst{
	width:500px;
	height:294px;
	margin-top:25px;
	margin-left:5px;	
	float:left;
}

#begraaf_tekst p{
	padding-left:10px;
}

#begraaf_tekst  a{
	color:black;
}

#begraaf_tekst a:hover{
	color:#999999;
}

#vlak_3_begraaf{
	background-color:#FFFFFF;
	width:184px;
	height:677px;
	float:left;
	
}
#submenu  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#c92066;
	font-size:13px;
	

	
}

#submenu a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000000;
	
}

#submenu a:hover{
	color:#6d6f72;
}

.sub a. selected {
	color: #c92066!important;
}

#A-Z  {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	width:527px;
	text-align:center;
	color:#c92066;
	

	
}

#A-Z a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#000000;
	
}

#A-Z a:hover{
	color:#6d6f72;
}

.A-Z a. selected {
	color: #c92066!important;
}

/*video*/


#videovlak {
	background:#FFFFFF;
	width:487px ;
	vertical-align:left;
	margin:0;
	margin-top:25px;
	padding:0;	
}

#video_item {
	width:487px ;
	height:85px;
	margin:0;
	padding:0;
	display:block;
	float:left;	
}

#graf_item {
	width:487px ;
	height:90px;
	margin:0;
	padding:0;
	display:block;
	float:left;
	vertical-align:top;
}

#graf_item a, #graf_item a:visited {
background:#FFFFFF;
	width:330px ;
	height:84px;
	margin:0;
	padding-left:20px;
	float:left;
	color:#000000;
	display:block;
	text-decoration:none;
}

#graf_item  #graf_item a:active {
background:#737477;
	width:330px ;
	height:84px;
	margin:0;
	padding-left:20px;
	float:left;
	color:#FFFFFF;
	display:block;
	text-decoration:none;
}

#graf_item a.active {
	background:#000000;
	color:#00FFFF;
	display:block;
	text-decoration:none;
}

#graf_item img {
float:left;
padding:0px;
}

#video_item a, #video_item a:visited {
background:#FFFFFF;
	width:330px ;
	height:84px;
	margin:0;
	padding-left:20px;
	float:left;
	color:#000000;
	display:block;
	text-decoration:none;
}

#video_item  #video_item a:active {
background:#737477;
	width:330px ;
	height:84px;
	margin:0;
	padding-left:20px;
	float:left;
	color:#FFFFFF;
	display:block;
	text-decoration:none;
}

#video_item a.active {
	background:#000000;
	color:#00FFFF;
	display:block;
	text-decoration:none;
}

#video_item img {
float:left;
padding:0px;
}

.test {
	padding:0px;
}

#video_welkom{
	background-image:url(../templateimages/video_tekst.gif);
	background-repeat:no-repeat;
	width:150px;
	height:20px;
	margin-left:700px;
	margin-top:-30px; 
	
}

/* Virtuele graven*/
#virtuele_welkom{
	background-image:url(../templateimages/welkom_virtuelegraven.gif);
	background-repeat:no-repeat;
	width:105px;
	height:36px;
	margin-left:655px;
	margin-top:-39px;
}
#kop_virtuele {
	background-image:url(../templateimages/kop_virtuelegraven.gif);
	background-repeat:no-repeat;
	width:528px;
	height:23px;
}

#virtuele_image{
	background-image:url(../templateimages/virtuele_image.jpg);
	background-repeat:no-repeat;
	width:528px;
	height:103px;
}
#virtuele_tekst {
	width:492px;
	height:113px;
	margin-left:10px;
	margin-top:15px;
}

#login {
	background-image:url(../templateimages/zoek.gif);
	background-attachment:fixed;
}

#login a {
	color: #000000;
}

#login a:hover {
	color:#c92066;
}

input.login {
	background-position: 201px -3px;
	border:1px #C92066 solid;
	width: 127px;
	height: 15px;
	background-attachment:fixed;
	margin-top:5px;
}

textarea.login {
	background-position: 201px -3px;
	border:1px #C92066 solid;
	background-attachment:fixed;
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px
	
}

input.zoekgraf {
  width: 98px;  
  height: 23px;  
  margin: 0;  
  padding: 0;  
  border: 0;  
  bottom:0;
  background: transparent url(../templateimages/buttons_gravenzoeken.gif) no-repeat center top;  
  text-indent: -1000em;  
  cursor: pointer;
  cursor: hand;
}
input.registreren {
  width: 82px;  
  height: 23px;  
  margin: 0;  
  padding: 0;  
  border: 0;  
  bottom:0;
  background: transparent url(../templateimages/button_registreren.gif) no-repeat center top;  
  text-indent: -1000em;  
  cursor: pointer;
  cursor: hand;
}

input.zoekvirtueelgraf {
  width: 148px;  
  height: 23px;  
  margin: 0;  
  padding: 0;  
  border: 0;  
  bottom:0;
  background: transparent url(../templateimages/buttons_virtuelegravenzoeken.gif) no-repeat center top;  
  text-indent: -1000em;  
  cursor: pointer;
  cursor: hand;
}
input.verzenden {
  width: 73px;  
  height: 23px;  
  margin: 0;  
  padding: 0;  
  border: 0;  
  bottom:0;
  background: transparent url(../templateimages/button_verzenden.gif) no-repeat center top;  
  text-indent: -1000em;  
  cursor: pointer;
  cursor: hand;
}
input.wachtwoord {
  width: 151px;  
  height: 23px;  
  margin: 0;  
  padding: 0;  
  border: 0;  
  bottom:0;
  background: transparent url(../templateimages/button_wachtwoord.gif) no-repeat center top;  
  text-indent: -1000em;  
  cursor: pointer;
  cursor: hand;
}

input.update_gevens {
  width: 108px;  
  height: 23px;  
  margin: 0;  
  padding: 0;  
  border: 0;  
  bottom:0;
  background: transparent url(../templateimages/buttons_update_gevens.gif) no-repeat center top;  
  text-indent: -1000em;  
  cursor: pointer;
  cursor: hand;
}
input.wissen {
  width: 73px;  
  height: 23px;  
  margin: 0;  
  padding: 0;  
  border: 0;  
  bottom:0;
  background: transparent url(../templateimages/button_wissen.gif) no-repeat center top;  
  text-indent: -1000em;  
  cursor: pointer;
  cursor: hand;
}
input.beheer{
  width: 112px;  
  height: 23px;  
  margin: 0;  
  padding: 0;  
  border: 0;  
  bottom:0;
  background: transparent url(../templateimages/button_beheer_berichten.gif) no-repeat center top;  
  text-indent: -1000em;  
  cursor: pointer;
  cursor: hand;
}


input.foto{
  width: 47px;  
  height: 23px;  
  margin: 0;  
  padding: 0;  
  border: 0;  
  bottom:0;
  background: transparent url(../templateimages/button_foto.gif) no-repeat center top;  
  text-indent: -1000em;  
  cursor: pointer;
  cursor: hand;
}
input.aanmelden{
  width: 74px;  
  height: 23px;  
  margin: 0;  
  padding: 0;  
  border: 0;  
  bottom:0;
  background: transparent url(../templateimages/button_aanmelden.gif) no-repeat center top ;  
  text-indent: -1000em; 
  cursor: pointer;
  cursor: hand;
}

input.gastenboek{
  width: 80px;  
  height: 23px;  
  margin: 0;  
  padding: 0;  
  border: 0;  
  bottom:0;
  background: transparent url(../templateimages/button_gastenboek.gif) no-repeat center top ;  
  text-indent: -1000em; 
  cursor: pointer;
  cursor: hand;
}
input.tekst{
  width: 47px;  
  height: 23px;  
  margin: 0;  
  padding: 0;  
  border: 0;  
  bottom:0;
  background: transparent url(../templateimages/button_tekst.gif) no-repeat center top ;  
  text-indent: -1000em; 
  cursor: pointer;
  cursor: hand;
}
input.gegevens{
  width: 68px;  
  height: 23px;  
  margin: 0;  
  padding: 0;  
  border: 0;  
  bottom:0;
  background: transparent url(../templateimages/button_gegevens.gif) no-repeat center top ;  
  text-indent: -1000em; 
  cursor: pointer;
  cursor: hand;
}

#virtuele_graven {
	width:124px;
	height:291px;
	margin-top:12px;
	margin-left:10px;
	
	float:left;
}

#vir_image_1 {
	width:123px;
	height:85px;
	margin-top:12px;
}

#vir_image_2 {

	width:123px;
	height:85px;
	margin-top:2px;
	

}
#vir_image_3 {

	width:123px;
	height:85px;
	margin-top:2px;
	

}
#virtuele_graven_1 {
	width:124px;
	height:291px;
	margin-top:30px;
	margin-left:10px;
	color:#FFFFFF;
	font-weight:normal;
	
}

#vir_1 {
	
	width:295px;
	height:85px;
	margin-top:35px;
}

#vir_2 {

	width:295px;
	height:85px;
	margin-top:2px;
	

}
#vir_3 {

	width:295px;;
	height:85px;
	margin-top:2px;
}
/* Virtuele graven vervolgpagina*/
#virtuele_welkom_vervolg{
	background-image:url(../templateimages/welkom_graf.gif);
	background-repeat:no-repeat;
	width:150px;
	height:20px;
	margin-left:643px;
	margin-top:-30px;
}

#kop_virtuele_vervolg {
	background-image:url(../templateimages/kop_graven.gif);
	background-repeat:no-repeat;
	width:528px;
	height:23px;
}
#gegevens {
	width:315px;
	margin-top:12px;
}


#grafsteen {
	background-image:url(../templateimages/graf.gif);
	background-repeat:no-repeat;
	height:84px;
	width:123px;
	float:left;
}
#naam {
	height:84px;
	width: auto;
	margin-left:130px;
	font-size:13px;

}
#plattegrond_graf {
	background-image:url(../templateimages/plattegrond_graf.gif);
	background-repeat:no-repeat;
	width:316px;
	height:104px;
	float:right;
	margin-top:10px;
}

#foto_vlak {
	background-image:url(../templateimages/foto_vlak.gif);
	background-repeat:no-repeat;
	width:318px;
	float:right;
	margin-top:8px;
}
#foto1{

	background-repeat:no-repeat;
	width:50px;
	height:35px;
	margin-top:15px;
	float:left;

	
}
#foto2{
	background-repeat:no-repeat;
	width:50px;
	height:35px;
	margin-top:15px;
	margin-left:3px;
	float:left;
}
#groot_grafsteen {

	background-repeat:no-repeat;
	width: 316px;
	margin-top:100px;
}
#verhaal {
	width:180px;


	margin-top:0;
	padding-top:10px;
	margin-left:10px;
	text-align:left;
}

/*plattegrond */


#plattegrond {
	background-image:url(../templateimages/plattegrond.gif);
	background-repeat:no-repeat;
	width:528px;
	height:328px;
	margin-top: 30px;
}
#tekstvlak_plat {
	width:466px;
	height:132px;
	margin-left:10px;
	margin-top:10px;

}

#welkom_plat{
	background-image:url(../templateimages/welkom_plat.gif);
	background-repeat:no-repeat;
	width:150px;
	height:20px;
	margin-left:660px;
	margin-top:-25px;
}
/*agenda */

#welkom_agenda {
	background-image:url(../templateimages/welkom_agenda.gif);
	background-repeat:no-repeat;
	width:150px;
	height:20px;
	margin-left:701px;
	margin-top:-30px;
}

#agenda_image {
	background-image:url(../templateimages/agenda_image.jpg);
	background-repeat:no-repeat;
	width:528px;
	height:191px;
}

#kop_agenda_lang {	
  	background-image:url(../templateimages/kop_agenda_lang.gif);
	background-repeat:no-repeat;
	width:526px;
	height:23px;
}
#tekst_vlak_agenda {
	background-color:#FFFFFF;
	width:519px;
	height:auto;
	margin-top:24px;
	margin-left:8px;
	font-size:13px;	
}

tekst_vlak_agenda a {
	color:#000000;

}
#lijn {
	background-image:url(../templateimages/lijn.gif);
	background-repeat:no-repeat;
	width:519px;
	height:2px;

	
}
/*agenda*/

#nieuws_image {
	background-image:url(../templateimages/nieuws_image.jpg);
	background-repeat:no-repeat;
	width:528px;
	height:216px;
}
#welkom_nieuws {
	background-image:url(../templateimages/welkom_nieuws.gif);
	background-repeat:no-repeat;
	width:150px;
	height:14px;
	margin-left:701px;
	margin-top:-30px;
}


/*contact*/

#contact_image {
	background-image:url(../templateimages/contact_image.jpg);
	background-repeat:no-repeat;
	width:528px;
	height:241px;
}
#welkom_contact {
	background-image:url(../templateimages/welkom_contact.gif);
	background-repeat:no-repeat;
	width:150px;
	height:20px;
	margin-left:696px;
	margin-top:-30px;
}

.adres{ width:260px; float:left;}
.adres a{ color:#ca2166;}
.anwb{ width:200px; float:right; text-align:left;}