diens/* mac hide\*/


/* layout kenmerken */

html, body {height:100%}
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:760px;
	background: url('img/main/back.gif');
}
#outer{
	height:100%;
	min-height:100%;
	width:760px;
	text-align:left;
	margin:auto;
	position:relative;
	background: url('img/main/backmain.gif');
}
html>body #outer{
height:auto;
}
#innerwrap {
	float:left;
	width:627px;
}
#header{
	position:absolute;
	top:0;
	left:0;
	width:750px;
	height:161px;
	background:#fff;
	overflow:hidden;
	z-index:100;
	background: url('img/main/logo-kloosterkerk.gif') #fff no-repeat right;
}
#header img {
	margin: 10px;
}
#left {
	position:relative;
	width:130px;
	float:left;
	margin-top:161px;
	padding-bottom:24px;
}
#right {
	position:relative;
	width:133px;
	float:right;
	margin-top:161px;
	padding-bottom:0px;
}
#footer {
	position: absolute;
	left:0;
	bottom:0;
	width:760px;
	clear:both;
	height:24px;
	background: url('img/main/footer.gif') no-repeat;
}
* html #footer {
	\height:24px;
	he\ight:24px;
}
div {
	margin-top:0
}
#centrecontent {
	width:477px;
	margin-left: 10px;
	float:right;
	margin-top:161px;
	padding-bottom:24px;
	line-height: 130%;
}
#clearfooter {
	width:100%;
	height:25px;
	clear:both
}
#naam {
	position: relative;
	top: 0px;
	left: 10px;
	width: 113px;
	height: 30px;
	background: url('img/main/logo-naam.gif') #fff;
}
#foto {
	position: relative;
	margin: 10px 0 0 10px;
	height: 335px;
	width: 113px;
	background: #fff url('img/photo/right-foto-1.jpg') top;
	background-repeat: no-repeat;
	float: left;
}
#zoeken {
	position: relative;
	float: left;
	margin: 15px 0 0 10px;
	width: 113px;
	height: 65px;
	background: url('img/main/zoekenwebsite.gif') no-repeat;
}
.zoekbox {
	border: 1px solid #c0c0d4;
	font-family: Tahoma, Verdana, Sans serif;
	font-size: 12px;
	width: 110px;
	margin-top: 10px;
	margin-left:-7px;
}
.zoekbutton {
	float: right;
	margin: 10px;
	margin-right:0;
	width: 40px;
	height: 9px;
}


/* hoofdmenu kenmerken */

#menu {
	position: absolute;
	margin-left: 10px;
	margin-top: 60px;
	width: 130px;
	height: 210px;
}
#menu ul.navigation, ul.navigation li  {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#menu ul.navigation li a {
	width: 120px;
	height: 26px;
	display: block;
	background-repeat: no-repeat;
	background-position: -120px 0px;
	margin-top: 0;
	* margin-top: -3px;
}
#menu ul.navigation li a:hover {
	background-position: 0px 0px;
}
#menu a#home { background-image: url('img/menu/home.gif'); }
#menu a#activiteiten { background-image: url('img/menu/activiteiten.gif'); }
#menu a#agenda { background-image: url('img/menu/agenda.gif'); }
#menu a#nieuws { background-image: url('img/menu/nieuws.gif'); }
#menu a#profiel { background-image: url('img/menu/profiel.gif'); }
#menu a#jeugd-jongeren { background-image: url('img/menu/jeugd-jongeren.gif'); }
#menu a#monument { background-image: url('img/menu/monument.gif'); }
#menu a#contact { background-image: url('img/menu/contact.gif'); }
#menu a#verwijzingen { background-image: url('img/menu/verwijzingen.gif'); }

#menu span, #submenu span {
	visibility: hidden;
	height: 0;
	width: 0;
	display: none;
}

/* submenu kenmerken */

#submenu {
	position: relative;
	left: 10px;
	width: 113px;
	margin-top: 10px;
	background: url('img/main/back.gif');
}

#submenu ul.navigation, ul.navigation li  {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#submenu ul.navigation li a {
	width: 113px;
	height: 21px;
	display: block;
	background-repeat: no-repeat;
	background-position: -113px 0px;
	margin-top: 0px;
}

#submenu ul.navigation li a:hover {
	background-position: 0px 0px;
}
#submenu a#kerkdiensten { background-image: url('img/menu/kerkdiensten.gif'); }
#submenu a#preken { background-image: url('img/menu/preken.gif'); }
#submenu a#verhuur { background-image: url('img/menu/verhuur.gif'); }
#submenu a#faq { background-image: url('img/menu/faq.gif'); }
#submenu a#dienstenveiling { background-image: url('img/menu/dienstenveiling.gif'); }
#submenu .topitem {
	padding-top: 10px
}

/* voorpagina kenmerken */

#header-top {
	position: relative;
}
#header-top img {
	border:0px none;
	display: block
}
.frontvlak {
	width: 477px;
	min-height: 220px;
	margin-top: 10px;
	background: url('img/main/backfront.gif');
	padding-bottom: 7px;
	padding-top: 10px;
}
.frontvlak ul {
	margin-right: 15px;
}
#mededelingen {
	width: 477px;
	height: 30px;
	margin-top: 10px;
	background: url('img/main/header-mededelingen.gif');
}
.frontvlak table {
	width: 450px;
	margin: 10px;
}
.tijd {
	width: 85px;
	vertical-align: top;
}
.datum {
	width: 30px;
	vertical-align: top;
}

/* kenmerken standaard elementen */

table {
	font-family: Tahoma, Trebuchet MS, Verdana, Sans serif;
	font-size: 84%;
	margin: 10px;
}
h2, h3 {
	font-family: Tahoma, Trebuchet MS, Verdana, Sans serif;
	font-size: 84%;
	color: #99042e;
	
}
h2 {
	margin: 10px;
}
h3 {
	margin: 4px 10px 0 10px;
}
.leesverder {
	letter-spacing: -3px;
}
p {
	font-family: Tahoma, Trebuchet MS, Verdana, Sans serif;
	font-size: 84%;
	color: #000;
	margin: 10px;
}
a:link, a:visited, a:active {
	color: #99042e;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.frontvlak ul {
	margin-top: 15px;
}
.frontvlak li {
	list-style-image: url('img/main/opsommingsteken.gif');
	margin-top: 1px;
	font-family: Tahoma, Trebuchet MS, Verdana, Sans serif;
	font-size: 84%;
	color: #000;
	}
ul.lijstlinks a {
	color: #000;
	text-decoration: none;
	}
ul.lijstlinks a:hover {
	color: #000;
	text-decoration: underline;
	}
img	{
	border: 0px none;
	display: block
	}
.kolom1 {
	width: 140px;
	vertical-align: top;
}
.kolom2 {
	width: 150px;
	vertical-align: top;
	height: 25px;
}
.kolom3 {
	width: 180px;
	}
td {
	vertical-align: top;
}
.tussenrij {
	height: 5px;
	}
.formfields {
	width: 250px;
	border: 1px solid #c4c4c4;
	font-family: Trebuchet MS, Verdana, Tahoma;
	font-size: 84%;	
	color: #000;
}
.extramargin {
	margin-bottom: 10px;
}
.input, .input-aantal {
	border: #d4d4d4 1px solid;
	font-family: Tahoma, Trebuchet MS, Verdana, Sans serif;
	font-size: 100%;
	color: #000;
}
.input {
	width: 250px;	
}
.input-aantal {
	width: 50px;
	margin-top: 3px;
}
.ledenwereldwijd {
	position: relative;
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #99042E;
	width: 450px;
	min-height: 178px;
}
.ledenwereldwijdfoto {
	float: left;
	margin: 5px;
}
.ledenwereldwijd p {
	margin-left: 160px;
	margin-right: 10px;
}
.ledenwereldwijd ul {
	margin-left: 180px;
	margin-right: 10px;
	padding:0
}
#help { 
	position: absolute;
	width: 180px;
	padding: 5px;
	visibility: hidden;
	color: #fff;
	text-decoration: none;
	border: 1px solid #000;
	background: #333;
}
#turing {
	width: 252px;
	background: #70a9af;
	height: 25px;
	margin: 0;
}
.captcha {
	width: 60px;
	height: 20px;
	border: 0;
	font-family: Trebuchet MS, Verdana, Tahoma;
	font-size: 100%;	
	color: #000;
	height: 18px;
	margin-top: 2px;
}
.liturgie {
	display: inline;
	border: 0;
}
.turingimage {
	margin-left: 1px;
	margin-top: 3px;
}
.helpimage {
	margin-left: 3px;
	margin-top: 3px;
}	
.kolomhelp {
	width: 26px;
}
.kolomturing {
	width: 64px;
	}

#monumenttalen li {
	margin-top: 5px;
}
	
#list-nl {
	list-style-image: url('img/main/vlag-nl.gif');
}
#list-gb {
	list-style-image: url('img/main/vlag-gb.gif');
}
#list-du {
	list-style-image: url('img/main/vlag-du.gif');
}#list-fr {
	list-style-image: url('img/main/vlag-fr.gif');
}#list-sp {
	list-style-image: url('img/main/vlag-sp.gif');
}#list-it {
	list-style-image: url('img/main/vlag-it.gif');
}

a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.slidea {background:url('img/gallery/exterieur1a.jpg');}
a.slideb {background:url('img/gallery/avondmaalstafel1a.jpg');}
a.slidec {background:url('img/gallery/interieur1a.jpg');}
a.slided {background:url('img/gallery/orgel1a.jpg');}
a.slidee {background:url('img/gallery/cats1a.jpg');}
a.slidef {background:url('img/gallery/orgel2a.jpg');}
a.slideg {background:url('img/gallery/apostelkapel1a.jpg');}
a.slideh {background:url('img/gallery/exterieur2a.jpg');}
a.slidei {background:url('img/gallery/interieur2a.jpg');}
a.slidej {background:url('img/gallery/interieur3a.jpg');}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}

#container_top {position:relative; width:425px; height:425px; background: url('img/main/background-gallery.gif'); border:1px solid #a49188; margin:1em auto;}
#container_top img {border:0px none;}
#container_top .thumbs {position:absolute; left:0; top:0;}
#container_top a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:110px; left:5px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_top a.gallery:hover span:first-line {font-family: Tahoma, Verdana, Sans serif; font-size: 84%; font-style:normal; color:#99042E;}
#container_top a.gallery:active, #container_top a.gallery:focus {border:1px solid #000;}
#container_top a.gallery:active em, #container_top a.gallery:focus em {display:block; position:absolute; width:402px; height:250px; top:160px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}

a.gallery2, a.gallery2:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:47px; height:75px; float:left; margin:4px; z-index:50;}
a.slide1 {background:url('img/gallery/exterieur3a.jpg');}
a.slide2 {background:url('img/gallery/interieur4a.jpg');}
a.slide3 {background:url('img/gallery/raam3a.jpg');}
a.slide4 {background:url('img/gallery/orgel3a.jpg');}
a.slide5 {background:url('img/gallery/preekstoel1a.jpg');}
a.slide6 {background:url('img/gallery/raam1a.jpg');}
a.slide7 {background:url('img/gallery/bloemen1a.jpg');}
a.slide8 {background:url('img/gallery/toren1a.jpg');}
a.slide9 {background:url('img/gallery/raam2a.jpg');}
a.slide10 {background:url('img/gallery/orgel4a.jpg');}
a.slide11 {background:url('img/gallery/kb1a.jpg');}
a.slide12 {background:url('img/gallery/beeld1a.jpg');}
a.slide13 {background:url('img/gallery/wandelruimte1a.jpg');}
a.slide14 {background:url('img/gallery/graf1a.jpg');}
a.gallery2 em, a.gallery2 span {display:none;}
a.gallery2:hover {border:1px solid #fff;}

#container_top2 {position:relative; width:425px; height:615px; background: url('img/main/background-gallery2.gif'); border:1px solid #a49188; margin:1em auto;}
#container_top2 img {border:0px none;}
#container_top2 .thumbs2 {position:absolute; left:0; top:0;}
#container_top2 a.gallery2:hover span {display:block; position:absolute; width:402px; height:50px; top:163px; left:5px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_top2 a.gallery2:hover span:first-line {font-family: Tahoma, Verdana, Sans serif; font-size: 84%; font-style:normal; color:#99042E;}
#container_top2 a.gallery2:active, #container_top2 a.gallery2:focus {border:1px solid #000;}
#container_top2 a.gallery2:active em, #container_top2 a.gallery2:focus em {display:block; position:absolute; width:250px; height:400px; top:195px; left:5px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}

.imglinks {
	float: left;
	margin: 5px 5px 5px 0;
}
.imgrechts {
	float: right;
	margin: 5px 0 5px 5px;
}
.kolom-aantal {
	width: 50px	
}
.kolom-omschrijving {
	width: 350px;
}
.groepact {
	margin-top: -7px;
	margin-left: 10px;
	font-weight: bold;
	margin-bottom: 0;
}
.tabel-act a {
	color: #000;
}

/* ------------------- pagina bestuur kenmerken */

.tabel-bestuur {
	width: 100%;
	border: 1px solid #ddd4e4;
	background: #f5f4f5;
}
.tabel-bestuur .foto {
	width: 80px;
	padding-bottom: 3px;
}

/* ------------------- geloofsvragen kenmerken */

#geloofsvragen {
	margin: 5px 0 0 10px;
}
#geloofsvragen img {
	margin-top: 5px;
}
/* ------------------- service details kenmerken */

#service-details img {
	float: left;
	margin: 0 6px 0 3px;
}
#service-details td {
	padding-bottom: 3px;
}

/* ------------------- dienstenveiling details kenmerken */

.checkbox {
	width: 10px;
}

/* ------------------- steun kenmerken */

#highlights {
	margin: 10px 0 0 10px
}
#highlights img {
	margin-bottom: 10px;
}

/* ------------------- social media kenmerken */

#socialmedia {
	width: 113px;
	margin: 10px 0 0 10px
}
#socialmedia img {
	float: left;
	margin-right: 6px;
	display: inline;
}

/* ------------------- chat kenmerken */

.button {
	background:#99042e;
	color: #fff;
	font-size: 91%;
	font-family: verdana, arial;
	border: 0 none;
}
.error {
	color: #99042e;
	font-weight: bold;
}
.message {
	width: 300px;
	border: 1px solid #c4c4c4;
	font-family: Trebuchet MS, Verdana, Tahoma;
	font-size: 94%;	
	color: #000;
}
.chatdate {
	font-family: Trebuchet MS, Verdana, Tahoma;
	font-size: 74%;
	color: #2f3b47;
	margin-left: 10px;
}
.chatname {
	margin-bottom: 0;
	padding-bottom: 0;
}