#beheer { /* bevat hoofdikonen voor beheer, incl. ikoon voor uitklap extra div */
	z-index:5000;
}

.melduser { /* melding gebruikersnaam boven de rechter kolom */
	font-size:11px;
	letter-spacing:1px;
}

#tinyedit_parent {
	position:absolute;
	top:280px;
	left:-99999px;
	padding-bottom:150px; /* Nodig om het editorveld gemakkelijk een eind naar beneden te kunnen vergroten */
}

#useradmin, #zwevendadmin {
	width:48.4em;
	margin:0 auto;
}

#tinymeld h1, #tinymeld h2, #tinymeld p { /* Correctie voor naar links verspringen inhoud tinymeld */
	margin-left:20px;
}

.hoekjescontainer { /* bevat de potloodikoontjes etc. linksboven editable teksten */
	height:19px;
}

#iallmeld { /* div met toelichting bij ineens editen meerdere subpags */
	display:none;
}

#backup { /* tbv ikoon voor terugzetten vorige versie van met html-editor bewerkte pagina */
	display:none;
}

#editmarker, #editactief {
	display:none;
}

.editcontainer { /* Markeer editable gebied voor redacteuren en beheerders */
	width:95%;
	padding:1px 7px 7px 7px;
	margin-bottom:20px;
}
.noeditcontainer { /* Mbv js geplaatst, en dan de opmaak van .editcontainer opheffend, zodat redacteur indruk krijgt van definitieve pagina */
	display:block;
	width:95%;
	padding:0;
}
.edithoekje1, .edithoekje2, .edithoekje3, .edithoekje4 { /* tbv ikonen in linker bovenhoek editcontainer; resp. 1 ikoon, 2, 3, 4 ikonen bevattend */
	height:19px;
	margin:0;
	padding-left:3px;
	padding-top:3px;
	overflow:visible;
	float:right;
	position:relative;
}
.edithoekje1 {
	width:20px;
}
.edithoekje2 {
	width:40px;
}
.edithoekje3 {
	width:65px;
}
.edithoekje4 {
	width:85px;
}
#helpveld { /* uitklapbare div voor helptekst tbv redacteuren */
	width:85%;
	background-color:floralwhite;
	display:none;
	margin-top:30px;
	padding:10px;
}

ul.inhoudhoog li {
	padding:0px;
	margin : 4px 0 4px 0;
	list-style-image:none;
	list-style-type:none;
	height:27px;
	line-height:27px;
}

span.handle {
/*
    background-color: #E8A400;
    color:white;
*/
	cursor: move;
}

ul.inhoudhoog li.over {
	background-color:#fcb;
}

/* ============ TBV MENUBEHEER ================ */

div.kruimel2 a, div.kruimel2 button { /* Voor terug-link boven menubeheer */
	padding-left:47px;
}
h1.kruimel2, p.kruimel2 { /* Voor terug-link boven menubeheer */
	padding-left:71px;
}

#sitmap, #mainkop, #nieuwsberichten, #verslagen, #dorpshuisbeheer, #tinymeld {
	color:white;
	font-family:Verdana,Arial,Helvetica,Univers,Sans-Serif;
	width:53em;
	margin:0 auto;
}
#nieuwsberichten, #verslagen, #dorpshuisbeheer, #tinymeld {
	color:black;
	padding-left:4.4em;
}
#dorpshuisbeheer input, #dorpshuisbeheer textarea, #nieuwsberichten input, #nieuwsberichten textarea, #verslagen input, #verslagen textarea, #tinymeld input, #tinymeld textarea {
	width:53em;
}
#nieuwsberichten textarea {
	height:5em;
}

#sitmap img, #mainkop img, #nieuwsberichten img, #dorpshuisbeheer img {
	border:none;
	margin:0 1px;
	vertical-align:middle;
}

/* hieronder voor alle divs in #sitmap twee extra divs, omwille van tabbertab*/

#sitmap div
{
	margin:6px 20px;
	padding-top:5px;
	overflow:hidden;
	padding-bottom:5px;
	padding-left:5px;
	font-weight:bold;
	font:14px Arial,Helvetica,Univers,Sans-Serif;
	color:black;
}
#sitmap div div, #sitmap2 div div {
	width:auto;
}

#sitmap div div div {
	border: 1px solid #fcc;
}

#sitmap div div div div div {
	color:black;
}

#sitmap div em { /* om in menubeheer lettercode te plaatsen indien keywords etc.ontbreken */
	display:inline;
	color:red;
	font-weight:bold;
}

#sitmap div em.extrakeywords { /* tbv melding in menubeheer van door redacteur opgegeven extra keywords - aanvullend op de automatisch gegenereerde keywords */
	display:inline;
	color:green;
	font-weight:bold;
}

ul#tabbernav {
	margin-left:68px;
}

#ptt1, #ptt2, #ptt3, #ptt4, #ptt5 {
	margin-left:-20px;
}

/* Home */
#ptt1 div, li#tt1 a {
	background:#7993AE;
}
#ptt1 div div {
	background:#A0B8B6;
}
#ptt1 div div div {
	background:lightblue;
}

#ptt1 div div div div {
	background:#D8E7F6;
}

/* Inspiratie */
#ptt2 div, li#tt2 a {
	background:#5B934A;
	color:white;
}
#ptt2 div div {
	background:green;
}
#ptt2 div div div {
	background:lightgreen;
}

#ptt2 div div div div {
	background:honeydew;
}


/* Meditatie */
#ptt3 div, li#tt3 a {
	background:#FFB93F;
}
#ptt3 div div {
	background:beige;
}
#ptt3 div div div {
	background:moccasin;
}

#ptt3 div div div div {
	background:papayawhip;
	color:black;
}


/* Gebed */
#ptt4 div, li#tt4 a {
	background:#DE3435;
}
#ptt4 div div {
	background:salmon;
}
#ptt4 div div div {
	background:navajowhite;
}

#ptt4 div div div div {
	background:snow;
	color:black;
}


/* Mystiek */
#ptt5 div, li#tt5 a {
	background:#BB3089;
	color:white;
}
#ptt5 div div {
	background:purple;
}
#ptt5 div div div {
	background:lavender;
}

#ptt5 div div div div {
	background:lavenderblush;
	color:black;
}

/* Home */
#ptt6 div, li#tt6 a {
	background:#7993AE;
}
#ptt6 div div {
	background:#A0B8B6;
}
#ptt6 div div div {
	background:lightblue;
}

#ptt6 div div div div {
	background:#D8E7F6;
}

/* Inspiratie */
#ptt7 div, li#tt7 a {
	background:#5B934A;
	color:white;
}
#ptt7 div div {
	background:green;
}
#ptt7 div div div {
	background:lightgreen;
}

#ptt7 div div div div {
	background:honeydew;
}


/* Meditatie */
#ptt8 div, li#tt8 a {
	background:#FFB93F;
}
#ptt8 div div {
	background:beige;
}
#ptt8 div div div {
	background:moccasin;
}

#ptt8 div div div div {
	background:papayawhip;
	color:black;
}


/* Gebed */
#ptt9 div, li#tt9 a {
	background:#DE3435;
}
#ptt9 div div {
	background:salmon;
}
#ptt9 div div div {
	background:navajowhite;
}

#ptt9 div div div div {
	background:snow;
	color:black;
}


/* Mystiek */
#ptt10 div, li#tt10 a {
	background:#BB3089;
	color:white;
}
#ptt10 div div {
	background:purple;
}
#ptt10 div div div {
	background:lavender;
}

#ptt10 div div div div {
	background:lavenderblush;
	color:black;
}

#sitmap u {
	text-decoration:none;
	display:none;
}

.verborgenpag {
	text-decoration:line-through;
}

em.menuhandle { /* beheericonen bovenaan tabbladen in menubeheer */
	border:2px solid #C00;
	height:20px;
	background:floralwhite;
	padding:4px 4px 0 4px;
}
em.menuhandle img {
	vertical-align:middle;
}

#sitmap #tabber div.menubeheer { /* dit pad is nodig, om te verhinderen dat deze div de kleuren overneemt van de andere div voor de pagina's */
	border: none;
	background:transparent;
	height:24px;
	vertical-align:top;
	display:inline;
	margin:0;
	padding:0;
	padding-top:2px;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}

/* handle voor verplaatsen */
.ha {cursor: move;}

/*markering met geel van een deel van de eip-teksten , zodat ze goed opvallen */
.markitem {
    color:black;
    background-color:yellow;
}
/*alternatief voor vorige, nu nog niet gebruikt */
.markitemlicht {
    color:black;
    background-color:lightyellow;
}

.infowinheader, .infowinbody { /* infowindow in menubeheer, komt te voorschijn wanneer blauwe i-tje aangewezen. Op basis van js-boxover-script. */
	width:500px;
	font-family:arial,helvetica,sans-serif;
	margin:0;
}
.infowinheader {
	padding:6px;
	padding-left:12px;
	font-weight:bolder;
	text-transform:uppercase;
	border:1px solid #7993AE;
	color:#4B7A98;
	background-color:#D8E7F6;
	font-size:11px;
}
.infowinbody {
	padding:6px;
	padding-left:12px;
	background-color:white;
	border-bottom:1px solid #7993AE;
	border-left:1px solid #7993AE;
	border-right:1px solid #7993AE;
	color:#1B4966;
	font-size:10px;
}

/* ================== VELDEN VOOR BEWERKEN PAGINAEIGENSCHAPPEN IN MENUBEHEER ================ */

.pagedit /* tbv opmaak velden wanneer pagina bewerkt wordt in menubeheer */
{
	margin:0 20px 0 20px;
}
td.useredit {width:360px; vertical-align:middle;}
td.useredit input {width:95%; vertical-align:middle;}
.pagedit input, .pagedit textarea {width:450px; margin-top:0; float:none;}
.pagedit textarea {height:50px;}
.pagbutton { /* alinea waarin bewaarbutton voor pagedit */
	text-align:center;
	margin:20px auto;
}
.pagbutton img { /* images in de buttons */
	vertical-align:middle; margin:3px 0 3px 0;
}

.klembord { /* tbv klemborden bij menubeheer, waarop tijdelijke tekst geplaast kan worden */
	width:190px;
	height:95px;
	margin:auto;
	margin-bottom:20px;
	display:block;
}

/* =======  CSS TBV DE FILMPJES EN DE "ZWEVENDE DIV" WAARIN ZE VERTOOND WORDEN ======= */

div#moviebox, #moviekop, #moviebalk, #moviebody {
	width:600px;
}

div#moviebox {
	position:absolute;
	top:10px;
	left:180px;
	height:800px;
	background-color:#FFFFE0;
	display:none;
	z-index:99000;
}

#moviebalk {
	background-color:lightblue;
	font-weight:bold;
	text-align:right;
}

.mhandle {
	float:left;
}

#moviekop {
	padding-top:15px;
	vertical-align:middle;
}

#moviebody {
	height:570px;
	overflow:show;
}

#mvorig, #movielinks, #mvolgend {
	float:left;
}
#mvorig {
	margin:0 15px 0 15px;
	padding-top:10px;
}
#mvolgend {
	margin:0 0 0 15px;
	padding-top:10px;
}
#movielinks {
	vertical-align:top;
	width:440px;
}


/* ======= MELDING ADVERTEERDER IN RECHTER KOLOM =======  */

#vbMiniadv { /* Bevat tekst "Voorbeeld mini-advertentie" wanneer adverteerder ingelogd en op de eigen pagina is */
	color:red;
	font-size:12px;
	font-weight:normal;
	font-family:Geneva,Arial,Univers,sans-serif;
	color:#C00;
	font-variant: small-caps;
	margin:20px 0 5px 0;
}
#vbMiniadv em {
	color:#F70;
	font-variant: normal;
	font-style:normal;
	font-size:11px;
	text-transform:none;
}

#contactgegevens { /* p waarin de contactgegevens van een adverteerder (ingelogd), die door de marginTop voldoende afstand houdt tot het potloodikoon */
	margin-top:17px;
}

#subnavbijwerk {
}

#subnavbijwerk a {
	color:#F70;
	text-decoration:underline;
}
#subnavbijwerk a:hover {
	color:#F70;
	text-decoration:none;
}

/* history bijhouden in Ajax adhv iframe en form */
.historyFrame{
	
}
#historyElement{
	position:absolute;
	left:-1000px;
}

#citaatinvoer { /* bevat Ajax-formulier voor invoer citaten en aforismen */
	display:none;
}


ul.bullets li.lilaatst, ul.nulbullets li.lilaatst, ul.useradmin li.lilaatst {
	margin-bottom:0;
}
.bullets li a, .nulbullets li a, ul.useradmin li a { /* links in lijst mét opsommingstekens zichtbaar maken dmv oranje kleur */
	color: #F70;
	text-decoration:underline;
}
.bullets li a:hover, .nulbullets li a:hover, ul.useradmin li a:hover {
	color: #F70;
	text-decoration:none;
}

ul.bullets, ul.useradmin {
	padding-left: 0;
	margin-left: 18px;
	/* width:95%; uitgeschakeld, want levert anders problemen met weergave van de opsomtekens op: die vallen dan weg */
}
ul.bullets li, ul.useradmin li {
	list-style: none outside url(pics/list.gif);
	margin-bottom:8px;
}

.useradmin u {
	text-decoration:none;
	display:none;
}

#beheer {
	margin-left:15px;
}


/* ========= CORRECTIES VOOR INSTELLINGEN IN CSS SITE KLANT ======= */

.mceToolbarContainer img, .edithoekje1 img, .edithoekje2 img, .edithoekje3 img, .edithoekje4 img, #beheer img, #beheerextra img, #beheertoggle img, #sitmap img, #mainkop img, #dorphuisbeheer img, #nieuwsberichten img, #verslagen img, #moviemarker img, h1 img {
	margin: 0;
	padding:0;
}
.JSWindowTitleStyle img, .JSWindowContentStyle img {
	margin: 2px;
	padding:2px;
	vertical-align:middle;
}

.JSWindowTitleStyle, .JSWindowContentStyle {
	line-height:120%;
	padding:0;
	margin:0;
	font-size:100%;
}

.JSWindowTitleStyle {color:black;}
.JSWindowContentStyle td {vertical-align:top;padding-left:15px;}
.JSWindowContentStyle input, .JSWindowContentStyle textarea {width:270px;}

#incenter {
	margin-left:auto;
	margin-right:auto;
}

img.ajaxicon { /* instellingen voor images in css overrulen voor ajax-iconen */
	margin:0;
	padding:0;
	vertical-align:middle;
}
button {
	vertical-align:middle;
}

/*====================TABELLEN IN MOVABLE POPUP DIVS =========*/

td.actlabel {
	width:100px;
}
td.actedit {
	width:300px;
}
td.actedit input, td.actedit textarea {
	width:260px;
}

td.actedit textarea {height:11em;}


/* ==================== TBV DATE PICKER ====================*/

.dpDiv {
	line-height:100%;
	width:190px;
}
.dpTable {
	border-right: #aaaaaa 1px solid; border-top: #aaaaaa 1px solid; font-size: 12px; border-left: #aaaaaa 1px solid; color: #505050; border-bottom: #aaaaaa 1px solid; font-family: tahoma, arial, helvetica, sans-serif; background-color: #ece9d8; text-align: center;
	width:190px;
}
.dpTR {
	
}
.dpTitleTR {
	
}
.dpDayTR {
	
}
.dpTodayButtonTR {
	
}
.dpTD {
	border-right: #ece9d8 1px solid; border-top: #ece9d8 1px solid; border-left: #ece9d8 1px solid; border-bottom: #ece9d8 1px solid;
	width:12px;
}
.dpDayHighlightTD {
	border-right: #aaaaaa 1px solid; border-top: #aaaaaa 1px solid; border-left: #aaaaaa 1px solid; border-bottom: #aaaaaa 1px solid; background-color: #cccccc;
	width:12px;
}
.dpTDHover {
	border-right: #888888 1px solid; border-top: #888888 1px solid; border-left: #888888 1px solid; cursor: pointer; color: red; border-bottom: #888888 1px solid; background-color: #aca998;
	width:12px;
}
.dpTitleTD {
	width:12px;
}
.dpButtonTD {
	width:12px;
}
.dpTodayButtonTD {
	width:12px;
}
.dpDayTD {
	border-right: #aaaaaa 1px solid; border-top: #aaaaaa 1px solid; border-left: #aaaaaa 1px solid; color: white; border-bottom: #aaaaaa 1px solid; background-color: #cccccc
}
.dpTitleText {
	font-weight: bold; font-size: 12px; color: gray
}
.dpDayHighlight {
	font-weight: bold; color: #4060ff
}
.dpButton {
	padding-right: 0px; padding-left: 0px; font-weight: bold; font-size: 10px; background: #d8e8ff; padding-bottom: 0px; color: gray; padding-top: 0px; font-family: verdana, tahoma, arial, helvetica, sans-serif
}
.dpTodayButton {
	font-weight: bold; font-size: 10px; background: #d8e8ff; color: gray; font-family: verdana, tahoma, arial, helvetica, sans-serif
}

/*=======================TBV TIMEPICKER=================*/

#timepicker {
	 z-index:300000;
	 margin:0;
	 padding:0;
	 position:absolute;
	 display:none;
	 left:100px;
	 top:100px;
	 background:#0030AD;
	 color:#fff;
	font: 10px verdana,arial,helvetica,sans-serif;
	width:50em;
}

#timepicker img {
	padding:0;
	margin:0;
}

#timePickerContent table {
	 margin:0;
	 border-width:3px;
	 border-style:solid;
	 border-color:#0033AA;
	 padding:0;
	 background:white;
}
#timePickerContent {
	clear:both;
}

#tpHead {
	background:#f0f0f0 url(/pics/timepicker/titleback.gif);
}

#tpHead div {
	position:relative;
	float:left;
	font-size:80%;
	font-weight:bold;
	vertical-align:bottom;
	text-align:center;
	padding-top:5px;
	margin-bottom:-8px;
}
#tpHead div img {
	cursor:hand;
}
#tpHead div#close {
	text-align:left;
	width:4em;
}
#tpTitel {
	width:10em;
}
#tpTabs {
	width:20em;
}
#tpClose img {
	margin:1px 0 0 10px;
}

#timePickerContent {
	background:#fff;
	width:470px;
}

#timePickerContent table {
	background:#f0f0f0 url(/pics/timepicker/titleback.gif);
	font-size:11px;
	color:#000000;
}

#timePickerContent td {
	background:#ffffff;
	width:30px;
	padding:4px;
}
#timePickerContent a {
	text-decoration:none;
	color:#000000;
	display:block;
}

/*========== TBV CONTEXT-AFHANKELIJKE INSTRUCTIEFILMS ======*/

#movietarget, #moviebron {display:none;}
.moviekader {
	border: medium double red;
	padding:8px;
	width:590px;
}
.moviekader p {
	color:red;
	margin:auto;
	width:500px;
}

#beheerextra {
	width:125px;
	vertical-align:middle;
	height:auto;
	background:#fff;
}
#d1 {
	z-index: 1000000;
	text-align: left;
	width: 135px; 
	position: absolute; 
	display: none; 
	border: #CCCCCC solid 1px; 
	padding: 1px 1px 0px 1px; 
	overflow: hidden;
	background-color: #eee;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	padding:5px;
}

#beheerextra a {
	font-size:80%;
	text-decoration:none;
}

/* ========= CORRECTIES VOOR INSTELLINGEN IN CSS SITE KLANT ======= */

.mceToolbarContainer img, .edithoekje1 img, .edithoekje2 img, .edithoekje3 img, .edithoekje4 img, #beheer img, #beheerextra img, #beheertoggle img, #sitmap img, #mainkop img {
	margin: 0;
	padding:0;
}

div.kruimel2 img, div.kruimel2 button {
	margin:0;
	padding:1px 10px;
}
div.kruimel2 button.first {
	margin-left:47px;
}
h1.kruimel2, p.kruimel2 { /* Voor terug-link boven menubeheer */
	padding-left:71px;
}

#afdekdiv { /* Om rest van pagina af te dekken indien een Ajax-"venster" actief is */
	z-index:2000;
	background:#85BBEF;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	position:abolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	margin:0;
	display:none;
}