/***************************************************/
/* Global stylesheet file Gemeente Tiel            */
/* Version:	1.0, july 2008		                     */
/*                                                 */
/* Produced by: Act One                            */
/* Author: P.L.A. Engels													 */
/***************************************************/


@import url("nav.css");

/* COLORSCHEME: */
/*

donkergeel	#b4a400
geel				#ffe01b
lichtgeel		#fff59b
grijs				#5e5e5e
lichtgrijs	#dddddd

*/

.web { /* v.m. body */
	background: #949494 url(../img/bg_wrapper.gif) top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #5e5e5e;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
}
img {
	border: 0;
}
hr {
	color: #999;
	background-color: #999;
	height: 1px;
	border: 0;
}

h1 {
	font-size: 1.6em;
	padding: 0 20px;
}
/*
h2 {
	font-weight: normal;
	font-size: 1.3em;
}
h3 {

}
h4 {
	font-size: 1em;
}
h5 {
	
}
p {
	margin: 0 0 20px 0;
}
*/
a {
	text-decoration: underline;
	color: #5e5e5e;
}
a:hover {
	text-decoration: none;
	color: #000;
}
form {
	margin: 0;	
}
.kwadraat {font-size: 0.5em;}
.right {
	text-align: right;
}
.fright {
	float: right;
}
.rss {
	background: transparent url(../img/rss.png) no-repeat top left;
	padding-left: 15px;	
}

.fleft {
	float: left;
}

.center {
	text-align: center;
}
.frame {
	float: right;
	border: 1px solid #cecece;
	display: inline;
	margin: 0 20px 8px 8px;
}
	.frame img {
		border: 2px solid #fff;
		display: block;
	}
.clearall,
.clear {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}
.show{
	display: block;	
}
.hide{
	display: none;
}
.foto {border: 1px solid #cecece; float: right; padding: 2px; margin: 0 0 10px 10px;}
.foto img {display: block;}
.fotolinks {border: 1px solid #cecece; float: left; padding: 2px; margin: 0 10px 10px 0;}
.fotolinks img {display: block;}
.btn {
	background-color: #000;
	color: #fff;
	font-size: 8pt;
	font-weight: bold;
	border: 1px solid #000;
	padding: 1px 0 1px 0;
	cursor: pointer;
}
a.btn {
	text-decoration: none;
	font-weight: bold;
	padding: 2px 8px;	
}
.btn:hover {
	background-color: #666;
}
.btn-top {
	background: transparent url(../img/arrow-up.gif) 100% 50% no-repeat;
	padding: 3px 20px;
}
.lnk-more {
	color: #b4a400;
	text-decoration: none;
	white-space: nowrap;
}
.lnk-comments {
	background: transparent url(../img/icon-react.gif) top left no-repeat;
	color: #b4a400;
	text-transform: uppercase;
	font-size: 0.8em;
	text-decoration: none;
	padding-left: 15px;
}
.lnk-all {
	background: transparent url(../img/arrow-l.gif) 95% 40% no-repeat;
	padding: 3px 20px;
	border-top: 1px dotted #cecece;
	text-decoration: none;
	display: block;
	clear: both;
	font-weight: bold;
}
.lst-download {

}
	.lst-download li {
		list-style-type: none;
		margin: 0 20px !important;
	}
	.lst-download li a {
		background: transparent url(../img/icon-pdf.gif) 0 1px no-repeat;
		padding-left: 20px;
	}
.lst-request {

}
	.lst-request li {
		list-style-type: none;
		margin: 0 20px !important;
	}
	.lst-request li a {
		background: transparent url(../img/icon-form.gif) 0 1px no-repeat;
		padding-left: 20px;
	}
.lst-archief {
	margin-left: 0 !important;
}
	.lst-archief li {
		border-bottom: 1px dotted #ccc;
		list-style-type: none;
		margin: 0;
		margin-left: 20px !important;
		padding: 0;
	}
		.lst-archief li:hover {
			background: #eee;	
		}
	.lst-archief li span.date {
		color: #999;
		display: block;
		float: left;
		text-transform: lowercase;
		width: 100px;
	}

/* LAYOUT                                          */
/***************************************************/
#wrapper {
	background: transparent url(../img/bg.png) top center repeat-y;
}
#container {
	margin: 0 auto;
	text-align: left;
	width: 930px;
	padding-left: 15px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
}
	#header {
		position: relative;
		height: 145px;
		background: #fff url(../img/bg_header.jpg) 0 20px no-repeat;
		border-bottom: 1px solid #ddd;
	}
	#main {

	}
	#footer {
		background-color: #fff;
		clear: both;
		border-top: 1px solid #ddd;
		padding: 5px 20px;
		font-size: 0.85em;
	}

/* HEADER                                          */
/***************************************************/
#topnav {
	height: 20px;
	text-align: right;
	padding: 0 20px;
	font-size: 0.85em;
	line-height: 20px;
}
.logo {
	margin: 5px 0 25px 18px;
}
#search {
	position: absolute;
	top: 40px;
	left: 275px;
}
	#search label {
		display: none;	
	}
	#search input#vraag {
		border: 1px solid #000;
		color: #5e5e5e;
		font-size: 1em;
		padding: 2px 2px 3px 2px;
		width: 280px;
	}
	#search form,
	#search a {
		float: left;
	}
	#search a {
		margin-top: 4px;
	}
#nav {
	background: #000;
	display: block;
	padding: 0 0 0 20px;
	height: 30px;
}
#user {
	height: 25px;
	clear: both;
	text-align: right;
	padding: 0 20px;
	line-height: 22px;
}

/* FOOTER                                          */
/***************************************************/
#copy {
	float: left;
}
#legal {
	float: right;
}
#legal ul {
	padding: 0;
	margin: 0;
}
#legal ul li {
	padding: 0;
	margin: 0;
	float: left;
	list-style-type: none;
	margin-left: 10px;
}

/* SERVICE */
/***************************************************/
#col3 h4 {
	font-size: 1em;
	margin: 4px 0 0 0;	
}
#col3 select {
	font-size: 0.85em;
	width: 100%;
	margin: 2px 0;
}
#col3 .btn {
	float: right;
	margin: 2px 0;
	width: 100px;
}
#col3 label {
	float: left;
	width: 100px;
}
#col3 input {
	float: left;
	font-size: 0.85em;
}
#zoekfilter {
	background: #ffe01b url(.../img/bg_filter.gif) bottom left repeat-x;
	color: #000;
	padding: 5px 10px;
	border-bottom: 1px solid #fff;
	height: 190px;
}
	#zoekfilter #beschikbaar {
		display: block;
		text-align: center;
		margin-bottom: 5px;
	}
	#zoekfilter p {
		margin-top: 5px;	
	}
	#zoekfilter select,
	#zoekfilter input {
		font-size: 1em;
	}
	#zoekfilter ul {
		margin-left: -20px;
	}	
#mijnomg {
	background-color: #fff59b;
	color: #000;
	padding: 5px 10px;
	height: 65px;
	border-bottom: 1px solid #fff;
}
	#mijnomg input {
		border: 1px solid #000;
		width: 95px;
	}


#nieuwsbrief {background-color:#ffe01b; border-bottom:1px solid #fff; color: #000; padding: 5px 10px; display:block; height:70px;}
#nieuwsbrief strong {}
#nieuwsbrief p {margin:0;}
#nieuwsbrief input {border:1px solid #000; font-size:10pt; width:95px;}
#nieuwsbrief input.btn {font-size:8pt; width:85px; padding:2px 10px; margin-right:3px;}

#belmenu {background-color:#fff59b; border-bottom:1px solid #fff; color:#000; padding:5px 10px; height:100px;}
#belmenu p {margin:0;}
#belmenu form {margin-top:5px;}
#belmenu input {border:1px solid #000; font-size:10pt; width:95px;}
#belmenu span {color:#666; margin-left:100px;}
#belmenu input.btn {font-size:8pt; width:85px; padding:2px 10px; margin-right:3px;}

#projecten {
	
}
	.project {
	}
	.project a {
		width: 219px;
		height: 85px;
		border-bottom: 1px solid #fff;
		border-left: 1px solid #fff;
		background-color: #e5e5e5;
		text-decoration: none;
		vertical-align: middle;
		display: block;
		cursor: pointer;
	}
	.project a.dark {
		background-color: #ddd;	
	}
	.project a:hover {
		background: #b4a400;
		color: #fff;
	}
	.project img {
		width: 85px;
		height: 85px;
		float: right;	
	}
	.project span {
		width: 114px;
		height: 65px;
		padding: 10px 10px 10px 5px;
		display: block;
		margin: auto 0;
		text-decoration: none;
		font-weight: bold;
		vertical-align: middle;
	}

.trigger {
	border-bottom: 1px solid #fff;
	padding: 5px 10px 10px 10px;
}
.trigger h4 {
	color: #b4a400;
}
.trigger p {
	margin-top: 0;	
}
.trigger ul {
	margin: 0;
	padding: 0;
}
.trigger ul li {
	/* background: transparent url(../img/arrow-l.gif) 2px 6px no-repeat; */
	background: transparent url(../img/icon-info.gif) 0px 3px no-repeat;
	list-style-type: none;
	margin: 0;
	padding: 3px 10px 3px 16px;}
.trigger ul li a {
	text-decoration: none;
}
.trigger ul li a:hover {text-decoration: underline;}

#heldenmoed,
#uitintiel,
#jongin {background: #fff; margin-bottom: 1px;}
#heldenmoed a,
#uitintiel a,
#jongin a {text-decoration: none;}
#heldenmoed img,
#uitintiel img,
#jongin img {float: right; margin: 0 5px 5px 0;}


/* PANELS - RECHTERKOLOM */
#p_uitintiel {border-bottom:none; display:block; padding: 0;}
#p_uitintiel a {background: #fff; display:block; padding: 5px 10px 10px 10px; text-decoration:none;}
#p_uitintiel a strong {padding-top: 10px;}
#p_uitintiel a img {float: right;}

#p_brandweer {border-bottom:none; display:block; padding: 0; margin: 0;}
#p_brandweer a {background: #fff; display:block; padding: 5px 10px 10px 10px; text-decoration:none;}
#p_brandweer a img {float: right;}

#p_denkvooruit {border-bottom:none; padding: 0;}
#p_denkvooruit a {background: #fff; display:block; padding: 5px 10px 10px 10px; text-decoration:none;}
#p_denkvooruit a img {float: right;}

#p_calamiteitgz {border-bottom:none; padding: 0;}
#p_calamiteitgz a {background: #fff; display:block; text-decoration:none;}
#p_calamiteitgz a span {display:block; padding: 5px 10px 10px 10px;}
#p_calamiteitgz a span.clear {padding:0;}


/* CONTENT                                         */
/***************************************************/
#col0,
#col1,
#col2,
#col3 {
	float: left;
}
#col0 {
	width: 705px;
	margin: 0 1px;
	background: #fff;
	padding-bottom: 15px;
}
#col1 {
	width: 186px; /* -2px for borders */
	margin: 0 1px;
}
#col2 {
	width: 520px;
	margin-right: 1px;
	padding-bottom: 15px;
}
#col3 {
	width: 220px;
}

#pagetools {
	float: right;
	padding: 4px 20px;
	
}
#pagetools a {
	text-decoration: none;
}
#pagetools img {
	margin-right: 5px;
	margin-top: 2px;
}
#font1 {
	color: #b4a400;
}


/* BEKENDMAKINGEN - toegevoegd door AM 27 Aug 2010 */
#main #col2 #readcontent #content ul.lst-results {margin:0; padding:0; }
#main #col2 #readcontent #content ul.lst-results li {border-bottom:1px dotted #cecece; list-style: none; padding-left: 40px; background-position:0 1px; background-repeat: no-repeat; line-height:34px;}
#main #col2 #readcontent #content ul.lst-results li.li_gemeente {background-image: url(/img/icon-gemeente.gif);}
#main #col2 #readcontent #content ul.lst-results li.li_provincie {background-image: url(/img/icon-provincie.gif);}
#main #col2 #readcontent #content ul.lst-results li.li_waterschap {background-image: url(/img/icon-waterschap.gif);}
#main #col2 #readcontent #content ul.lst-results li.li_regiosamenwerking {background-image: url(/img/icon-overheid.gif);}
#main #col2 #readcontent #content ul.lst-results li.li_ministerie {background-image: url(/img/icon-overheid.gif);}
#main #col2 #readcontent #content ul.lst-results li.li_antwoord {background-image: url(/img/icon-antwoord.gif);}
#main #col2 #readcontent #content ul.lst-results li span {float:left; font-weight:bold;}
#main #col2 #readcontent #content ul.lst-results li a {padding-left:15px;}
/* BEKENDMAKINGEN - einde toevoeging AM */

/* TOOLTIPS */
.tool-tip {
	color: #fff;
	width: 145px;
	z-index: 13000;
	margin-top: -5px;
	margin-left: -161px;
	text-align: left;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(../img/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../img/bubble.png) bottom right;
}
.tooltip {
	float: left;
	margin: 1px 3px 0 0;
}


/* Sitemap */
.folderdiepte2 {margin-top: 15px !important;}
.folderdiepte3 {margin-left: 50px !important; list-style-type: circle;}
.pde .folderdiepte3 {margin-left: 0px !important;}
/*
.folderdiepte4 {padding-left: 40px;}
*/

#oudennieuw a {
	background: url(../img/p-oudennieuw.gif) top left no-repeat;
	border-bottom: 1px solid #fff;
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	height: 75px;
	text-indent: -9999px;
}

/* READSPEAKER */
#readme .reader {background:#999; border-bottom:2px;}
#readme .btn_read {background:#999;}
#readme .btn_read a {background: url(../img/icon-listen.gif) 5px 2px no-repeat; color:#fff; font-weight:bold; padding:2px 20px; text-decoration:none; display:block;}

/* DREMPEVRIJ TABELHEADERS */
th.normal {font-weight:normal;}
th.padl20 {padding-left:12px;}



/* Show elements when JavaScript is turned on */
html #FilterForm {display:none;}
html.js #FilterForm {display:block;}
html #checkBalieForm {display:none;}
html.js #checkBalieForm {display:block;}
#zoekfilter ul {
	margin:0;
	padding:0 0 0 15px;
}