/**********
* Algemene opmaak
**********/
#body	{position:	absolute;	left:	50%;	width:	800px;	margin-left:	-400px;	height:	601px;	text-align:	left;}
#links	{position:	absolute;	left:	0px;	top:	  0px;	width:	254px;	height:	519px;	background: rgb(0,171,196);}
#boven	{position:	absolute;	left:	255px;	top:	  0px;	width:	516px;	margin: 0px 0px 0px 28px;}
#midden	{position:	absolute;	left:	255px;	top:	138px;	width:	516px;	height:	auto;	z-index:	2;	background-color:	#FFFFFF;	border-bottom:	50px solid #FFFFFF;}
#onder	{position:	absolute;	left:	  0px;	top:	519px;	width:	800px;	height:	91px;	z-index:	1;	background-color:	#FFFFFF;	overflow:	hidden;}

/**********
* Algemene waarden
**********/
body{	margin: 0px auto;	font-family:	Arial, sans-serif;	color:	rgb(102,102,102);	font-size:	12px;}
p{		margin:	0px 0px 14px 28px;}
ul + p{	margin:	 0px 0px 0px 28px;}
ul{		margin:	 -14px 0px 14px 54px;}

h1{		margin:	0px 0px 30px 28px;	color:	rgb(0,171,196);	text-transform: uppercase;	font-size:	17px;}
a{color:	#3F3F3F;}
/*hr{border:	0px;	height:	15px;	width:	539px;	background-image:	url(afbeeldingen/divider.jpg);	background-repeat:	no-repeat;	background-position:	center;	margin-top:	28px;}
*/hr{margin:	28px 0px 0px 28px;	width:	539px;	text-align:	center;}

table{border-collapse:	collapse;	margin:	0px 0px 0px 28px;}
tr{border-collapse:	collapse;}
th{border-collapse:	collapse;}
td{border-collapse:	collapse;}
div#speler{position:	absolute;	margin:	28px;}

/**********
* De menuitems
**********/
p.menu{margin:	9px 0px 0px 27px;	font-size:	9px;}
a.menulink:link,
a.menulink:active,
a.menulink:visited,
a.menulink:hover,
a.huidig:link,
a.huidig:active,
a.huidig:visited,
a.huidig:hover{	color:	#FFFFFF;	font-size:	17px;	font-weight:	bold;	text-decoration:	none;	margin-bottom:	17px;}
a.submenu:link,
a.submenu:active,
a.submenu:visited,
a.submenu:hover{	color:	#FFFFFF;	font-size:	12px;	text-decoration:	none;	margin-bottom:	17px;}
/**********
* De foto's
**********/
img{	border: none;}
img.sfeerfoto{}
img.mainfoto{	float:	right;	width:	244px;	margin:	0px 0px 14px 14px;}
img.agendafoto{	float:	right;	width:	 50px;	margin:	10px 28px 28px 28px;}
img.welkomfoto{	float:	right;	width:	100px;	margin:	10px 28px 28px 28px;}

/**********
* Googlesearch onzichtbaar maken
********/

div.breadcrumb{
	position: absolute;
	left: 0px;
	width: 66%;
}

div.search{
	position: absolute;
	right: 0px;
	width: 34%;
}


/**********
* De items die in main staan.
**********/
p.mededeling{	text-align:	justify;}
p.mededelinglijst{}
a.mededeling{	font-size:	17px;	color:	rgb(102,102,102);	text-decoration:	none;	font-weight:	bold;}
h1.nieuws{	margin:	14px 0px 0px 28px;}
h1.welkom{	margin:	0px 0px 0px 28px;}

/*Agenda*/
table.agendatabel{font-size:	14px;	float:	left;}
tr.agendatabel_maand{}
tr.agendatabel_week{}
tr.agendatabel_inhoud{}
td.agendatabel_navigatie{font-size:	12px;	text-align:	right;}
td.agendatabel_titel{	text-align:	center;}
td.agendatabel_weeknaam{}
td.agendatabel_dagnaam{}
td.agendatabel_week{		text-align:	right;	font-size:	12px;	padding-right:	3px;	width:	18px;}
td.agendatabel_dag_anders{background: rgb(0,171,196);}
td.agendatabel_activiteit{background: rgb(172,202,87);}
td.agendatabel_dag{}
a.agendatabel_navigatie{	text-decoration:	none;}
a.agendatabel_week{			text-decoration:	none;}
a.agendatabel_activiteit{	text-decoration:	none;}
a.agendatabel_dag{			text-decoration:	none;}

table.agenda{float:	left;	width:	330px;	margin:	0px 0px 0px 28px;}
tr.agenda_kop{}
tr.agenda_titel{	text-align:	center;	font-weight:	bold;}
tr.agenda_inhoud{}
td.agenda_kop_vandaag{}
td.agenda_kop_weergave{	text-align:	right;}
td.agenda_kop_weergave_formulier{text-align:	center;}
td.agenda_titel{	background:	rgb(229,243,246);	margin: 12px 0px 0px 0px}
td.agenda_inhoud_maand{background:	rgb(229,243,246);}
td.agenda_inhoud_dag_en_tijd{width:	120px;}
td.agenda_inhoud_Titel{font-weight:	bold;}
td.agenda_inhoud_tekst{}
td.agenda_inhoud_tekst > p {	margin:	0px;}
td.agenda_inhoud_dag{background:	rgb(229,243,246);}
td.agenda_inhoud_tijd{width:	80px;}
td.agenda_inhoud_leeg{	text-align:	center;}
form.agenda_weergave{}

table.agenda_outlook{float:	left;	width:	518px;	margin:	0px 0px 0px 28px;}
tr.agenda_outlook_kop{}
tr.agenda_outlook_titel{	text-align:	center;	font-weight:	bold;}
tr.agenda_outlook_inhoud{}
td.agenda_outlook_kop_vandaag{}
td.agenda_outlook_kop_weergave{	text-align:	right;}
td.agenda_outlook_kop_weergave_formulier{text-align:	center;}
td.agenda_outlook_titel{	background:	rgb(229,243,246);	margin: 12px 0px 0px 0px}
td.agenda_outlook_inhoud_maand{background:	rgb(229,243,246);}
td.agenda_outlook_inhoud_dag_en_tijd{width:	140px;}
td.agenda_outlook_inhoud_Titel{font-weight:	bold;}
td.agenda_outlook_inhoud_tekst{}
td.agenda_outlook_inhoud_tekst > p {	margin:	0px;}
td.agenda_outlook_inhoud_dag{background:	rgb(229,243,246);}
td.agenda_outlook_inhoud_tijd{width:	80px;}
td.agenda_outlook_inhoud_leeg{	text-align:	center;}

/* Downloadlijst*/

table.downloadlijst{margin:	0px 0px 0px 28px;}
p table.downloadlijst{margin:	0px 0px 0px 0px;}
td.downloadlijstnaam		{width:	150px;}
td.downloadlijstuitleg	{width:	190px;}
td.downloadlijstdatum	{width:	 90px;}
td.downloadlijstsubmit	{width:	 98px;}
img p{float:	right;}

/**********
* Vacatures
**********/
table.vacatures{}
td.vacaturenaam{	font-weight:	bold;	font-size:	14px;}
td.taakveld{		font-style:	italic;}
td.omschrijving{	}
td.contactpersoon{font-style:	italic;	padding:	0px 0px 14px 0px}



/**********
* Fotoboek.php
**********/
table.kerkenraad{	margin:	28px 0px 28px 28px;	width:	557px;}
td.kerkenraad{	vertical-align:	top;	text-align:	center;	padding-bottom:	20px;}
img.kerkenraadfoto{}
img.kerkenraadfoto_nietaanwezig{margin:	51px 0px 51px 0px;}

/**********
* Kerkdiensten
**********/
#kerkdienst{position:	absolute;	left:	0px;	top:	254px;	margin:	0px 0px 0px 28px;	background-color:	rgb(229,243,246);	color:	rgb(0,171,196);	padding:	15px;	width:	486px;}
h2.kerkdienst{font-size:	12px;	margin:	14px 0px 0px 28px;}
div#kerkdienst h2.kerkdienst{font-size:	14px;	margin:	0px;	margin-bottom:	14px;}

p.kerkdienst + p		{font-size:		12px;	margin:	0px 0px 0px 28px;	padding:	0px;}
p.kerkdienst + p + p	{font-size:		12px;	margin:	0px 0px 0px 28px;	padding:	0px;}
p.kerkdienst		{font-size:		12px;	margin:	0px 0px 0px 28px;	padding:	0px;}
div#kerkdienst p		{font-size:		14px;	margin:	0px;				padding:	0px;}
span.dienstopmerking{}
h3.kerkdienst{font-size:	14px;	margin:	0px;}
img.download	{margin:	0px 0px 0px 0px;	border:	0px;}
/**********
* Contactgegevens kerk
**********/
p.contactgegevens{border:	1px solid #000000;	padding:	3px;	margin:	0px;	color:	#F9F9F9;	font-size:	11px;}

/**********
* Kantoor gerelateerde layout
**********/
form.kantoormenu{margin:	0px 0px 0px 28px;}
table.formulier{margin:	0px 0px 0px 28px;}
a.kantoorlink:link,
a.kantoorlink:active,
a.kantoorlink:visited,
a.kantoorlink:hover{	color:	#FFFFFF;	font-size:	17px;	font-weight:	bold;	text-decoration:	none;	margin-bottom:	17px;}
textarea.kantoor{	width:	350px;	height:	250px;}
input.kantoorfile,
input.kantoor{	width:	350px;}
td.bottom{		text-align:	center;}
textarea.meta{	width:	400px; height:	200px;}
input.meta{		width:	100px;}
p.error{background-color: #ACCA57; border:	solid 1px #000000;}

/**********
* SPGM gallery
**********/
IMG.img-picture { border: 1px solid #666666; }
IMG.img-folder { border: 0px; }
IMG.img-galicon { border: 1px solid #666666; }
IMG.img-thumbnail { border: 1px solid #666666; }
IMG.img-thumbnail-selected { border: 1px solid rgb(0,171,196) }
IMG.img-picture-prev { border: 0px; }
IMG.img-picture-next { border: 0px; }
IMG.img-thmbnavi-prev { border: 0px; }
IMG.img-thmbnavi-next { border: 0px; }
IMG.img-new { border: 0px; }

TABLE.table-wrapper {background-color: #ffffff;	width: 539px;	padding: 0px;	text-align: center;	margin:	0px 0px 0px 28px;}
DIV.div-galheader {		margin:	0px 0px 0px 0px;	color:	rgb(0,171,196);	text-transform: uppercase;	font-size:	17px;	font-weight:	bold;	text-align: left;}
a.fotoalbumlijst{		margin:	0px 0px 0px 0px;}

TD.td-thumbnails-thumb {
  padding: 5px;
  font-family:  arial, verdana, helvetica, sans-serif;
  color:        #666666;
  font-size:    8pt;
  background-color: transparent;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: center;
}

TD.td-thumbnails-thumb-selected {
  padding: 5px;
  font-family:  arial, verdana, helvetica, sans-serif;
  color:        #666666;
  font-size:    8pt;
  font-weight:  bold;
  background-color: transparent;
  white-space: nowrap;
  vertical-align: bottom;
  text-align: center;
}

DIV.div-thumbnails-caption {
  font-family:  arial, verdana, helvetica, sans-serif;
  color:        #666666;
  font-size:    8pt;
  font-weight:  normal;
  background-color: transparent;
}

TABLE.table-main-title {}

TD.td-main-title {
  font-family:  arial, verdana, helvetica, sans-serif;
  color:   #666666;
  font-size:    12pt;
  font-weight:  bold;
  background-color: transparent;
}

/* De credits */
td.td-main-title-spgm-link {	color:#cccccc;	font-size:8pt;	font-family: arial;	text-align: center;	background-color: transparent;}
a.a-spgm-link {				color: #b7cce0;	font-size:8pt;	font-family: arial;	background-color: transparent;}



TABLE.table-gallisting-grid {
}

TD.td-gallisting-cell {width:	0px;}

TABLE.table-galitem {
  width: 100%;
}

TD.td-galitem-icon {
  padding-right: 10px;
}

TD.td-galitem-title {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    9pt;
  width:        100%;
  text-align: left;
  font-weight: bold;
  color: #666666;
  z-index:	1;
  overflow:	visible;
}

TD.td-galitem-caption {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    8pt;
  text-align: left;
}

TABLE.table-picture {
  width: 100%;
  text-align: center;
}

TD.td-picture-navi {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    10pt;
  font-weight:  bold;
  color:        #666666;
  text-align: center;
  background-color: transparent;
}

TD.td-zoom-factors {
  padding: 3pt;
  text-align: center;
}

INPUT.button-zoom-factors {
  border: 1px solid #666666; 
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    9pt;
  font-weight: bold;
  color:        #666666;
  background-color: #dddddd;
  text-align: center;
}

TD.td-picture-pic {}

TD.td-picture-filename {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    8pt;
  font-weight: bold;
  text-align: center;
  background-color: #ececec;
  padding:7px;
  background-color: transparent;
}

TD.td-picture-caption {
  font-family:  arial, verdana, helvetica, sans-serif;
  font-size:    8pt;
  text-align: center;
  background-color: #ececec;
  padding:7px;
  background-color: transparent;
}

TABLE.table-thumbnails {margin: 0px auto 0px auto;}
TABLE.table-shadows {	border-collapse: collapse;	margin: 0px auto 0px auto;	padding: 0px;}

TD.td-thumbnails-navi {
  color: #666666;
  border-top: 2px solid #666666;
  font-family:	verdana, helvetica, arial, sans-serif;
  font-size:	10pt;
  font-weight:	bold;
  text-align: right;
  padding: 8px;
}

SPAN.span-filters {
  font-size:    8pt;
  font-weight: normal;
}





TD.td-shadows-right {
  background-image: url(shadow_right.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  width: 0px;
  margin: 0px;
  padding: 0px;
}

TD.td-shadows-bottom {
  background-image: url(shadow_bottom.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  height: 0px;
  margin: 0px;
  padding: 0px;
}

TD.td-shadows-bottomright {
  background-image: url(shadow_bottomright.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  width: 0px;
  margin: 0px;
  padding: 0px;
}

TD.td-shadows-main {
  margin: 0px;
  padding: 0px;
}