/* @override
	http://protestantsekerk.be/sitewide/screen.css
	https://www.protestantsekerk.be/sitewide/screen.css
*/

@import url('http://vpkb.be/sitewide/screen.css/');

html { height: 100%; }
body { height: 100%; margin: 0; background: #fff url('http://vpkb.be/sitewide/images/back.base.v.2.jpg') repeat-x scroll center top; }

.container {}

#hd { position: relative; top: 0; height: 152px; padding: 0; background: transparent; }

	#external { position: relative; float: right; top: 5px; color: #639DE5; }
	#external a, #external a:link { color: #639DE5; }
	#external a:hover { color: #68A4EE; }

	#topnav { position: absolute; top: 70px; right: 0; text-align: right; }
	
	#hd h1 { position: relative; margin: 0; padding: 0; }
	#hd h1 a, #hd h1 a:link {
		background: transparent url('http://vpkb.be/sitewide/images/logo.v.2.3.jpg') no-repeat scroll 0 0;
		display: block;
		height: 118px;
		overflow: hidden;
		position: absolute;
		text-indent: -5000px;
		top: 2px;
		left: -20px;
		width: 250px;
	}
	
	#hdnav {
		position: absolute;
		bottom: 0;
		height: 32px;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
	}
	
		#hdnav li { float: left; width: 157.5px; margin-right: 1px; overflow: hidden; }
		#hdnav li.last { margin-right: 0; }
		#hdnav li a, #hdnav li a:link {
			display: block;
			height: 26px;
			padding: 6px 0 0 0;
			color: #fff;
			text-align: center;
			background: #639de5 url('http://vpkb.be/sitewide/images/hd.nav.link.v.1.jpg') repeat-x scroll center top;
			text-decoration: none;
		}
		#hdnav li a:hover { color: #fff; background: #68a4ee url('http://vpkb.be/sitewide/images/hd.nav.hover.v.1.jpg') repeat-x scroll center top; }
		#hdnav li a.active, #hdnav li a.active:link { color: #4e83cc; background: #d4e5ff url('http://vpkb.be/sitewide/images/hd.nav.active.v.1.jpg') repeat-x scroll center top; }
		
		#hdnavsub li a.active, #hdnavsub li a.active:link { color: #003466; }

#bd {}

	#features .message,
	#greeting .message {
		padding: 10px;
	}

		#features .message h3,
		#greeting .message h3 {
			display: block;
			background: #fff;
			padding: 0 10px 5px 5px;
			margin: 0px 0px 20px 0;
		}

		#features .message h3 a, #features .message h3 a:link,
		#greeting .message h3 a, #greeting .message h3 a:link {
			color: #4F83CE;
			text-decoration: underline;
		}

		#features .message p,
		#greeting .message p {
			float: left;
			background: #fff;
			padding: 5px 10px 5px 5px;
			margin: 10px 0 0 -10px;
		}

	#features { position: relative; height: 220px; margin: 20px 0; background: #fff; }
	#features img { width: 610px; height: 200px; margin: 10px; position: absolute; top: 0; left: 0; z-index: -1; }
	#features .message { width: 610px; height: 200px; position: absolute; z-index: 1; }
	
	#greeting { position: relative; float: right; height: 220px; margin: 20px 0; background: #fff; }
	#greeting img { width: 290px; height: 200px; margin: 10px; position: absolute; top: 0; left: 0; z-index: -1; }
	#greeting .message { width: 290px; height: 200px; position: absolute; z-index: 1; }

	#features .message p.more, #greeting .message p.more { position: absolute; bottom: 10px; right: 10px; padding: 5px 5px 0 5px; margin: 0; }
	#features .message p.more { width: 610px; }
	#greeting .message p.more { width: 280px; }
	#features .message p.more a,
	#greeting .message p.more a,
	.message p.more a { display: block; text-decoration: none; text-align: right; }
		
	#selectarticle img { width: 120px; float:left; margin:0 1.5em 1.5em 0; padding:0; }
	
	img#organigram { padding: 10px 0 0 0; }
	
	#zoeker {}

		img.kerkprent { float: right; width: 240px; padding: 2px; margin-bottom: 20px; border: 1px solid #99ccff; }

		#zoeker a { text-decoration: none; }
		#zoeker ul {
			float: left;
			list-style: none;
			margin: 0 10px 0 0;
			padding: 0 0 8px 0;
			background: transparent url('http://vpkb.be/sitewide/images/zoeker.shade.bottom.jpg') no-repeat scroll bottom right;
/*			background: white url('http://vpkb.be/sitewide/images/zoeker.left.jpg') repeat-y scroll center left;
			border-top: 2px solid #ccc;
			border-bottom: 1px solid #ccc;*/
		}
		#zoeker ul span#listtop {
			display: block;
			height: 8px;
			background: transparent url('http://vpkb.be/sitewide/images/zoeker.shade.top.jpg') no-repeat scroll top right;
		}
		#zoeker ul li {
			padding: 2px;
			background: transparent url('http://vpkb.be/sitewide/images/zoeker.shade.jpg') repeat-y scroll center right;
			border-top: 1px solid transparent;
			border-bottom: 1px solid transparent;
/*			background: transparent url('http://vpkb.be/sitewide/images/zoeker.right.jpg') repeat-y scroll center right;
			border-bottom: 1px solid #ccc;*/
		}
		#zoeker ul li.ui-tabs-selected {
			background: white;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}
		#zoeker ul li a {
			display: block;
			color: #99ccff;
		}
		#zoeker ul li.ui-tabs-selected a, #zoeker ul li a:hover {
			color: #003466;
		}

		#zoeker div.kerk {
			padding: 8px 0 0 0;
		}
			#zoeker div.kerk img {
				float: right;
				width: 146px;
				padding: 2px;
				border: 1px solid #99ccff;
			}

		.ui-tabs-hide {
			display: none;
		}

#totop { margin-top: 20px; }
#totop a, #totop a:link { display: block; text-align: right; }

#ft { background: #003466 url('http://vpkb.be/sitewide/images/ft.shade.v.2.jpg') repeat-x scroll center top; margin: 20px 0 0 0; padding: 20px 0; position: relative; }

	dl.sitemap { list-style-type: none; margin: 0; }
		dl.sitemap dt { margin: 0; }
		dl.sitemap dd { margin: 0 0 0 .5em; }
		dl.sitemap dt a, dl.sitemap dd a { text-decoration: none; }
		dl.sitemap dt a:hover, dl.sitemap dd a:hover { text-decoration: underline; }
		dl.sitemap dt a { color: #FFCC66; }
		dl.sitemap dd a { color: #99ccff; }

	#siteinfo { background: #99ccff; }
	#siteinfo .box { margin: 0; }
	#siteinfo dl dd { margin: 0; }

.box { clear: both; background: transparent; }