html, body, form
{
  height: 100%;
  margin: 0px;
  padding: 0px;
}

body 
{
  font-family: Verdana ;
  font-size: 12px;
  color: #333300;
  background-color: #cccccc;
}

table
{
  width: 100%;
  margin: 0px;
  padding: 0px;
  border: 0px; 
  border-spacing: 0px; 
  border-collapse: collapse;
}

td
{
  padding: 0px;
  margin: 0px;
}

@font-face {
  font-family: 'PapyrusBold';
  src: url('PapyrusBold.eot') format('embedded-opentype'), url('PapyrusBold.otf') format('opentype');
}

.divMain
{
  width: 100%;
  height: 100%;
  border: 0px;
  padding: 0px;
}

.tableCentered
{
  margin: 0 auto;
  width: 800px;
  background-color: #ffffff;
}

.tdVerticalStrip
{
  padding:1px;
  width: 3px;
  background-color: #ffffff;
}

.tdMasterHeader
{
  background-color: #BD796B;
  background-image: url('../images/header_back.gif'); 
  background-repeat: repeat-x;
}

.tdHorizHeaderSpace
{
  height: 6px;
}

.tdHorizFooterSpace
{
  height: 6px;
}

.tdHorizFooterLine
{
  height: 3px;
  background-color: #BD796B;
}

.tdMasterFooter
{
  background-color: #F5F0EA;
}

.tdLeftBar
{
  width:190px; 
}

.tdMenuSpace, .tdMenuSpace2
{
  border: 0px;
  padding: 0px;
  height: 2px;
}

.tdMenuSpace2
{
  height: 3px;
}

.tdMenuButton
{
  padding: 0px 0px 0px 28px;
  background: url('../images/button_icon.png') no-repeat #f5ebe9;
  background-position: 0px center;
  border: 1px solid #d2a49b;
  height: 24px;
  width: 190px;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
}

.Level1
{
  padding: 0px 0px 0px 35px;
  background-position: 7px center;
}

.tdMenuButtonSelected
{
  padding: 0px 0px 0px 28px;
  background: url('../images/button_icon.png') no-repeat #f5ebe9;
  background-position: center left;
  border: 1px solid #d2a49b;
  height: 24px;
  width: 190px;
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
}

.tdVerticalLine
{
  padding: 1px;
  width: 6px;
  background: url('../images/vert_dots.gif') repeat-y #ffffff;
  background-position: 50% 0%;
  
}

.tdPhotoFrame
{
  text-align: center;
  vertical-align: middle;
}

.imgPhoto
{
  border-color: #000000;
  border-width: 1px;
  border-style: solid;
  margin: 0px;
  padding: 1px;
}

.tdBoxHeader
{
  height: 20px;
  border: 1px solid #0E0905;
  background-color: #bd786c;
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
}

.tdBoxContent
{
  border: 1px solid #0E0905;
  background-color: #E0DCD3;
  text-align: center;
  vertical-align: middle;
  font-size: 9px;
  padding: 8px;
}

.tdBoxFooter
{
}

.tdCopyright
{
  font-size: 8px;
  font-weight: bold;
  padding: 0px 10px 10px 10px;
  text-align: center;
}

.tdFooterLinkSpacer
{
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}

.tdFooterRow
{
  padding: 5px;
  text-align: center;
  font-size: 9px;
}

.tdFooterLink
{
  text-align: center;
  vertical-align: middle;
  padding: 5px;
}

a:link {
	color: #a56052;
  font-size: inherit;
}
a:visited {
	color: #a56052;
}
a:hover {
	color: #FF0000;
}
a:active {
	color: #FF0000;
}

.tdPageHeader
{
  text-align: left;
  padding: 0px 3px 3px 6px;
  border-bottom: 1px dashed #d2a49b; 
}

.divPageHeader
{
  position: relative;
  top: -5px;
  left: -2px;
  height: 34px;
  display: inline-block;
  overflow: hidden;
  font-family: PapyrusBold, 'Lucida Calligraphy', Tahoma;
  font-size: 30px;
  background-color: transparent;
  font-variant: small-caps;
  _color: #fff;
  text-shadow: 2px 2px 3px #ad6a5d;
}

.tdWelcomeMessage
{
  padding: 20px;
  margin: 0px auto;
  font-family: 'Lucida Calligraphy', Tahoma;
  font-size: 20px;
  text-shadow: 2px 2px 3px #ad6a5d;
  text-align: center;
}

.tdHomeContent
{
  padding: 1px;
  height: 350px;
  background: url('../images/vooraansig.jpg') no-repeat #fff;
  background-position: 50% 50%;
}

.tableHomeScripture
{
  width: 100%;
  height: 100%;
}

.tdHomeScripture
{
  text-align: center;
  font-size: 10px;
  vertical-align: bottom;
  padding: 0px 16% 2% 16%;
}

.tdGeskiedenis
{
  padding: 0px 1px 1px 1px; 
  text-align: justify; 
  font-size: 11px;
}

.divGeskiedenisLogo
{
  float: right; 
  display: inline-block; 
  padding: 10px 0 0 6px;
}

.pFirstWord
{
  color: #a85b4e;
  font-weight: bold;
  font-size: 1em;
}

.tdContentBox
{
  padding: 5px;
}

.tdInfoBox
{
  padding: 3px 1px 5px 1px;
}

.tdInfoBoxHeader
{
  height: 25px;
  border: 1px solid #c88a7d;
  background: url('../images/bullet1.png') no-repeat #EDE7E6; 
  background-position: 6px 7px;
  text-align: left;
  padding-left: 24px;
  vertical-align: middle;
  font-size: 13px;
  font-weight: bold;
  color: #000000;
}

.tdInfoBoxContent
{
  border: 1px solid #c88a7d;
  background-color: #fff;
  text-align: left;
  vertical-align: middle;
  font-size: 10px;
  padding: 4px;
}

.trInfoRow
{
  border-bottom: 1px dashed #96888b;
}

.tdInfoLabel
{
  width: 150px;
  text-align: left;
  font-weight: bold;
  vertical-align: top;
  padding: 4px;
}

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

.tableWandelgang
{
  width: auto;
  margin: 0 auto;
  border-collapse:separate;
  border-spacing: 1px;
}

.tdWandelgangNotice
{
  font-size: 11px;
  padding: 8px 2px 8px 2px;
}

.tdWandelgangNoticeSmall
{
  font-size: 10px;
  padding: 8px 2px 8px 2px;
}

.tdCalendarYear
{
  border: 1px solid #bbb;
  width: 90px;
  height: 30px;
  text-align: center;
  vertical-align: middle;
  padding: 1px;
  font-size: 16px;
  font-weight: bold;
}

.tdCalendarYearSelected
{
  background-color: #f5ebe9;
}

.tdCalendarMonthName
{
  padding: 1px;
  background-color: #f5ebe9;
  border: 1px solid #bbb;
  width: 40px;
  height: 40px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  font-variant: small-caps;
}

.tdCalendarYearName
{
  padding: 1px;
  background-color: #f5ebe9;
  border: 1px solid #bbb;
  width: 50px;
  height: 40px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  font-variant: small-caps;
}

.tdCalendarDay
{
  padding: 1px;
  border: 1px solid #bbb;
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

.tdCalendarDayAdminNoFile
{
  padding: 1px;
  border: 1px solid #bbb;
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #bbb;
}

.tdCalendarDayAdmin
{
  padding: 1px;
  border: 1px solid #bbb;
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: darkgreen;
}

.tdCalendarDayHover
{
  cursor: pointer;
  color: #fff;
  background-color: #999;
}

.tdCalendarDayHoverAdmin
{
  color: #bbb;
  cursor: url(../images/upload.png), -moz-zoom-in;
  background-color: #999;
}

.tdCalendarDayNoFile
{
  padding: 1px;
  border: 1px solid #bbb;
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #bbb;
  cursor: not-allowed;
}

.tdCalendarBlank
{
  background-color: rgb(225,225,225);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px);
}

.tdSkakel
{
  padding: 6px 3px 1px 20px;
  background: url('../images/link-icon-small.png') no-repeat #fff;
  background-position: 3px 8px;
  font-size: 16px;
  font-variant: small-caps;
}

.tdJeugLogo
{
}

.imgJSKLogo
{
  display: inline-block;
  float: right;
  width: 180px;
  height: 180px;
}

.tableCalendar
{
  border-collapse:separate;
  border-spacing: 1px;
}

.tdCalendarMonthNameLarge
{
  padding: 1px;
  background-color: #f5ebe9;
  border: 1px solid #bbb;
  width: 40px;
  height: 30px;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  font-variant: small-caps;
}

.tdCalendarWeekName
{
  border: 1px solid #bbb;
  width: 40px; 
  height:90px;
  font-size: 16px;
  font-weight: bold;
  text-align:center;
  background-color: #f5ebe9;
}

.tdCalendarWeek
{
  border: 1px solid #bbb;
  padding: 1px;
  width: 250px;
  vertical-align: top;
}

.tdCalendarWeekHoliday
{
  background-color: #f5ebe9;
  border: 1px solid #bbb;
  padding: 1px;
  width: 250px;
  vertical-align: top;
}

.Today
{
  background-color: rgb(225,225,225);
  background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(255,255,255,.5) 5px, rgba(255,255,255,.5) 10px);
}

.divCalendarDay
{
  width: 22px;
  font-size: 16px;
  font-weight: bold;
  padding: 2px;
  border: 1px solid #888;
  background-color: #eee;
  text-align: center;
  vertical-align: top;
}

.tdCalendarDayBigEvent
{
  text-align: right;
  font-weight: bold;
  font-size: 11px;
}

.tdCalendarDayEvent
{
  text-align: right;
  font-weight: bold; 
  font-size: 10px;
}

.tdCalendarDayBirthday
{
  text-align: right;
  font-size: 10px;
}

.tdCalendarDayBigEventToday
{
  text-align: left;
  font-weight: bold;
  font-size: 10px;
}

.tdCalendarDayEventToday
{
  text-align: left;
  font-weight: bold; 
  font-size: 9px;
}

.tdCalendarDayBirthdayToday
{
  text-align: left;
  font-size: 9px;
}

.tdCalendarDaySpace
{
  font-size: 3px;
}

.tdCalendarButtons
{
  padding: 5px 5px 0px 5px;
  width: 20px;
  vertical-align: bottom;
}

.imgCalendarButton
{
  height: 28px;
  width: 28px;
  cursor: pointer;
}

.Sondag
{
  color: #FF0000;
}

.tdCalendarDayNo
{
  vertical-align: top;
  width: 20px;
}

.tdCalendarDayContent
{
  padding: 2px;
  vertical-align: top;
}

.tdKandelaarLink
{
  font-size: 10px;
  font-weight: bold;
  padding: 8px 0px 0px 0px;
}

.tdLabel
{
  width: 140px;
  padding: 2px 0px;
  vertical-align: top;
  text-align: left;
  font-weight: bold;
  font-size: 11px;
}

.tdEdit
{
  padding: 2px 0px;
  vertical-align: top;
  text-align: left;
  font-size: 11px;
}

.tdButtonRow
{
  padding: 2px;
  border-top: 1px dashed #444;
}

.tdSubmit
{
  width: 75px;
  font-size: 11px;
}

.tdStatus
{
  font-size: 10px;
  vertical-align: middle;
  font-weight: bold;
}

.tdRequired
{
  padding: 6px 0px 0px 0px;
  width: 15px;
  text-align: center;
  vertical-align: top;
  color: red;
  font-weight: bold;
  font-size: 12px;
}

.tdNotice
{
  font-size: 10px;
}

.tablePreke
{
  border-spacing: 2px;
  border-collapse: separate;
}

.tdPreekDay
{
  text-align: center;
  vertical-align: middle;
  border: 1px solid #999;
  padding: 2px;
  font-size: 11px;
  font-weight: bold;
  height: 50px;
  width: 70px;
  font-variant: small-caps;
  background-color: #f5ebe9;
}

.tdPreekPageNo
{
  text-align: center;
  vertical-align: middle;
  border: 1px solid #999;
  padding: 2px;
  font-size: 11px;
  font-weight: bold;
  height: 20px;
  width: 20px;
  font-variant: small-caps;
  background-color: #f5ebe9;
  cursor: pointer;
}

.tdPreekPageNoSelected
{
  text-align: center;
  vertical-align: middle;
  border: 1px solid #999;
  padding: 2px;
  font-size: 11px;
  font-weight: bold;
  height: 20px;
  width: 20px;
  font-variant: small-caps;
  background-color: #ddd;
}

.tdPreekPageNoHover
{
  background-color: #ddd;
}

.tdPreek
{
  vertical-align: top;
  border: 1px solid #999;
  padding: 2px;
  font-size: 11px;
  cursor: pointer;
  width: 245px;
}

.tdPreekHover
{
  background-color: #ddd;
}

.tdPreekHeader
{
  font-weight: bold;
}

.tdPreekLine
{
  font-size: 10px;
}

.tdPreekTeksLabel
{
  width: 45px;
  font-weight: bold;
}

.tdPreekColumn
{
  width: 280px;
  vertical-align: top;
  padding: 2px;
}

.tdPreekColumnHeader
{
  font-size: 16px;
  font-variant: small-caps;
  font-weight: bold;
  padding: 2px;
  height: 25px;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #999;
}

.tdPreekColumnSpace
{
  padding: 1px;
  width: 6px;
  height: 6px;
  font-size: 2px;
}

.tdPreekLabel
{
  padding: 2px;
  font-weight: bold;
  font-size: 11px;
  width: 70px;
  vertical-align: top;
}

.tdPreekText
{
  padding: 2px;
  font-size: 11px;
}

.tdPsalmLabel
{
  width: 30px;
}

.tdPreekFormat
{
  font-size: 10px;
  padding: 2px;
}

.NowPlaying
{
  color: red;
}

.imgAudio
{
  height: 16px;
  width: 16px;
  cursor: pointer;
}

.tablePrekeFilter
{
  border-bottom: 1px dashed #aaa;
  margin-bottom: 8px;
}

.tdPrekeFilterHeader
{
  font-size: 14px;
  font-weight: bold;
  font-variant: small-caps;
  background-color: #f5ebe9;
  border: 1px solid #000;
  padding: 3px; 
}

.tdPrekeFilterBlankLine
{
  font-size: 1px;
  height: 2px;
}

.tdPrekeFilterLabel
{
  padding: 2px;
  font-size: 11px;
  font-weight: bold;
}

.tdPrekeFilterField
{
  padding: 2px;
  font-size: 11px;
}

.tdPrekeNoResults
{
  font-size: 10px;
  color: red;
  text-align: center;
  padding: 20px;
}

.audiojs
{
  width: 100%;
  height: 24px;
}

.audiojs .play-pause 
{ 
  width: 15px; 
  height: 20px; 
  padding: 2px 8px 0px 0px; 
}

.audiojs p 
{ 
  width: 25px; 
  height: 20px; 
  margin: -3px 0px 0px -1px; 
}

.audiojs .scrubber 
{ 
  background: #5a5a5a; 
  width: 130px; 
  height: 12px; 
  margin: 5px; 
}

.audiojs .progress
{
  height: 10px;
  width: 0px;
}

.audiojs .loaded
{
  height: 10px;
}

.audiojs .time 
{ 
  float: left; 
  height: 24px; 
  line-height: 24px; 
}

.audiojs .error-message 
{ 
  height: 20px;
  width: 100%;
  line-height: 20px;
  overflow: hidden; 
}

/*
.audiojs 
{ 
  width: 100%;
  height: 24px; 
  background: #404040;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444));
  background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); 
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); 
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); 
}

.audiojs .play-pause 
{ 
  width: 15px; 
  height: 20px; 
  padding: 2px 8px 0px 0px; 
}

.audiojs p 
{ 
  width: 25px; 
  height: 20px; 
  margin: -3px 0px 0px -1px; 
}

.audiojs .scrubber 
{ 
  background: #5a5a5a; 
  width: 130px; 
  height: 12px; 
  margin: 5px; 
}

.audiojs .progress 
{ 
  height: 10px; 
  width: 0px; 
  background: #ccc;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ccc), color-stop(0.5, #ddd), color-stop(0.51, #ccc), color-stop(1, #ccc));
  background-image: -moz-linear-gradient(center top, #ccc 0%, #ddd 50%, #ccc 51%, #ccc 100%); 
}

.audiojs .loaded 
{ 
  height: 10px; 
  background: #000;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222), color-stop(0.5, #333), color-stop(0.51, #222), color-stop(1, #222));
  background-image: -moz-linear-gradient(center top, #222 0%, #333 50%, #222 51%, #222 100%); 
}

.audiojs .time 
{ 
  float: left; 
  height: 25px; 
  line-height: 25px; 
}

.audiojs .error-message 
{ 
  height: 24px;
  line-height: 24px; 
}*/