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

/* HOME                                         	 */
#snelnaar {
	background-color: #f1f1f1;
	padding: 20px;
	height: 160px;
}
	#snelnaar strong {
		font-size: 1em;
		margin: 0;
	}
	#snelnaar ul {
		margin: 0;
		padding: 0;
	}
	#snelnaar ul li {
		margin: 0;
		padding: 2px 0;
		list-style-type: none;
	}
	#snelnaar ul li a {
		background: transparent url(../img/arrow-l.gif) 2px 4px no-repeat;
		text-decoration: none;
		padding-left: 15px;
	}
#adres {
	padding: 5px 20px;
	border-bottom: 1px solid #f1f1f1;
}
#bereik {
	padding: 10px 20px;
}
	#bereik ul {
		margin: 0;
		padding: 0;
	}
	#bereik ul li {
		margin: 0;
		padding: 2px 0;
		list-style-type: none;
	}
	#bereik ul li a {
		background: transparent url(../img/arrow-l.gif) 2px 4px no-repeat;
		text-decoration: none;
		padding-left: 15px;
	}
	
#intro {
	padding: 8px 0 0 0;
}
h1.home,
h2.home {
	font-size: 1.5em;
	padding: 0 22px;
	margin: 8px 0 0 0;
	display: none;
}
#intro h2 {display: none;}
#intro p {
	padding: 0 22px 11px 22px;
	margin: 0;
	line-height: 1.5em;
}


#nieuw {
	border-bottom: 1px solid #cecece;
/*	height: 182px; */
}

#nieuw div div {
	padding: 0 20px 6px 20px;
}
	#nieuw div div p {
		margin: 0;	
	}
	#nieuw div div ul {
		margin: 0;
		margin-top: 8px;
		padding: 0;
	}
	#nieuw div div ul li {
		margin: 0;
		background: transparent url(.../img/icon-info.gif) 1px 3px no-repeat;
		padding: 3px 18px;
		list-style-type: none;
	}
	#nieuw div div ul li span {
		color: #666;
		margin-right: 8px;
	}
	#nieuw div div p.right {font-weight: bold;}
#actualiteiten ul li {background: white; padding-left: 2px !important;}

#bekendmakingen ul li {background: white; margin-left: 0 !important; padding-left: 4px !important;}
#verkeer ul li {background: white; padding-left: 4px !important;}

#highlights {
	margin-top: 0px;
	border-bottom: 1px solid #cecece;
}
#highlights div.teaser {
/*
	border-left: 1px solid #cecece;
*/
	float: left;
	width: 259px;
	height: 78px;
	display: block;
/*
	margin-left: -1px !important;
*/
	overflow: hidden;
	background: #ffffee;
	cursor: pointer;
}
#highlights div.teasersplit {float:left; width: 1px; height: 78px; background: #cecece;}
#highlights div.teaser a {
	text-decoration: none;
}
#highlights div.teaser:hover {
	background: #ddd;
}
#highlights div.teaser img {
	width: 75px;
	height: 75px;
	float: left;
	margin: 0px 5px;
}
#highlights div.teaser.temp img {
	width: 259px;
	height: 78px;
	float: left;
	margin: 0;
}
#highlights .teaser strong {
	padding: 12px 20px 0px 0px;
	margin: 0;
	font-size: 1em;
	display: block;
}
#highlights .teaser span {
	padding: 0px 20px 10px 0px;
}

/* CONTENT ALGEMEEN */
#content h2 {
	font-weight: normal;
	font-size: 1.3em;
	margin: 0 20px 15px 20px;
}
#nieuw h3,
#content h3 {
	font-size: 1em;
	color: #b4a400;
	margin: 0 20px 15px 20px;
	padding: 0;
}
	h3.expanded img,
	h3.trigger img {
		margin: 2px 6px 2px 2px;	
	}
	h3.expanded,
	h3.trigger {
		border-bottom: 1px dotted #cecece;
		border-top: 1px dotted #cecece;
		margin: 0 0 -1px 0 !important;
		padding: 3px 8px !important;
		cursor: pointer;
		display: block;
		clear: both;
	}
	h3.trigger:hover {
		background-color: #f1f1f1;	
	}
#content h4 {
	font-size: 1em;
	color: #b4a400;
	margin: 15px 20px 0 20px;
}
	#content h4 a {
		color: #b4a400;
		text-decoration: none;
	}
#content h5 {
	font-size: 1em;	
	margin: 15px 20px 0 20px;
}
#content hr {
	background: #cecece;
	color: #cecece;	
	height: 1px;
	margin: 0;
	padding: 0;
}
#content p {
	line-height: 1.5em;
	margin: 0 20px 15px 20px;
}
#content p.intro {
	color: #000;
	font-size: 0.95em;
	font-weight: bold;	
}
#content ul {
	margin: 0 0 15px 0;
	padding: 0;
}
#content ol {
	margin: 0 0 20px 5px;
	padding: 0;
}
#content li {
	margin: 0 36px;
	padding: 4px 0px;
	line-height: 1.5em;
}

.quote {
	background-color: #f1f1f1;
	display: block;
	margin: 0 20px 15px 20px;
	padding: 10px;	
}
#content .table {
	margin: 0 20px 15px 20px;
}
#content .table ul {
	margin: 0;
	padding: 0;	
}
#content .table ul li {
	margin: 0 !important;
	padding: 0;
}

/* BERICHTEN OVERZICHT */
.bericht {
	padding: 0 0 5px 0;
	clear: both;
	display: block;
	margin-bottom: 5px;
}
.bericht p.tools {
	height: 20px;
	margin-bottom: 0 !important;
}
.bericht span.date {
	color: #999;
	float: left;
	text-transform: lowercase;
}
.bericht span.comments {
	float: right;
}
.list {
	padding: 0;
	margin: 0 20px 15px 20px !important;
}
.list li {
	background: transparent url(../img/arrow-l.gif) 0 6px no-repeat;
	list-style-type: none;
	margin: 0 !important;
	padding: 3px 0 3px 10px !important;
}
.list span.date {
	text-transform: lowercase;
	margin-right: 10px;
}
.list a {
	font-weight: bold;
}


/* FILTER */
.filter {
	background: #ddd;
	margin: 10px 20px;
	padding: 8px;
	border: 1px solid #cecece;
}
.filter form {
	margin: 0;
	padding: 0;	
}
.filter p {
	margin:0 !important;
	padding:0 !important;
}
.filter label {
	float: left;
	font-weight: bold;
	line-height: 1.5em;
}
.filter br {clear: both;}
.filter select,
.filter input {
	float: left;
	border: 1px solid #000;
	font-size: 1em;
	padding: 2px 4px;
	margin: 1px 6px 1px 0;
}
.filter .btn {
	clear: right;
}


/* TABEL */
#results {
	margin: 0 20px;
}
table {
	width: 100%;	
}
th,
td {
	text-align: left;
	vertical-align: top;
	padding: 2px 4px 2px 0;
	border-bottom: 1px dotted #ddd;
}

/* COMMENTAAR */
#addcomment {
	background: #b4a400;
	color: #fff;
	padding: 10px 20px;
}
#addcomment div#conditions {
	float: right;
	width: 180px;
}
#conditions h5,
#conditions p {
	margin: 0 !important;
}
#conditions a {
	color: #fff;	
}
.comments div {
	border-bottom: 1px dotted #f1f1f1;
	padding: 10px 20px;
}
.comments div h5 {
	margin: 0 !important;
}
.comments div p {
	margin: 0 0 15px 0 !important;
}
.comments span.date {
	color: #999;
}
.comments span.sendby {
	color: #b4a400;
	white-space: nowrap;
}

/* TABS */
/* Projecten en plannen */
.domtab {
	background: #fff;
}
ul.domtabs {
	position: absolute;
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 19px !important;
	z-index: 1;
}
ul.domtabs li {
	margin: 0 !important;
	padding: 0 !important;
	float: left;
	list-style: none;
	line-height: normal !important;
}
ul.domtabs li a {
	padding: 4px 8px;
	display:block;
	font-weight:bold;
	text-decoration:none;
	color: #333;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}
ul.domtabs li a:hover {
	background:#cecece;
}
ul.domtabs li.active a {
	border-top: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-left: 1px solid #cecece;
	background: #fff;
	color:#000;
}
.tabpage {
	background: #fff;
	border-top: 1px solid #cecece;
	padding-bottom: 22px;
	padding-top: 10px;
	margin-bottom: 10px;
	position: relative;
/*	top: 36px; */
	top: 22px;
}

/* ZOEKRESULTATEN */
#resultset {margin: 0 !important; padding: 0 20px !important;}
#resultset li {border-bottom: 1px dotted #cecece; display: block; list-style-type: none; margin: 0 0 0 0 !important; padding: 5px 0 5px 40px !important;}
#resultset li.overheid {background: url(../img/e-overheid.gif) no-repeat 0 8px;}
#resultset li.gemeente {background: url(../img/e-gemeente.gif) no-repeat 0 8px;}
#resultset li.loket {background: url(../img/e-gemeente-loket.gif) no-repeat 0 8px;}
#resultset li.pagina {background: url(../img/e-gemeente.gif) no-repeat 0 8px;}
#resultset li.hyperlink {background: url(../img/e-gemeente.gif) no-repeat 0 8px;}
#resultset li.bestand {background: url(../img/e-gemeente-pdf.gif) no-repeat 0 8px;}
#resultset li.contact {background: url(../img/e-gemeente.gif) no-repeat 0 8px;}
#resultset li.product {background: url(../img/e-overheid.gif) no-repeat 0 8px;}
#resultset li.vraag {background: url(../img/e-overheid.gif) no-repeat 0 8px;}
#resultset li .count {float: left; margin-right: 5px;}
#resultset li .match {float: right;}
#resultset li a.refer {color: #b4a400;}

.paging {display: block; height: 20px; margin-top: 15px !important; text-align: center;}
.paging a {border: 1px solid #cecece; display: inline-block; margin: 0 2px; padding: 0px 4px; text-decoration: none;}
.paging a.active,
.paging a:hover {background: #b4a400; color: #fff;}
.paging a.back,
.paging a.fwd {border: none;}
.paging a.back:hover,
.paging a.fwd:hover {background: none; color: #000; text-decoration: underline;}


/*
.domtab {

}
ul.domtabs {
	position: absolute;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
	z-index: 1;
}
	#nesttab ul.domtabs {
		right: 20px;
		margin: 0;
		padding: 0;
	}
ul.domtabs li {
	margin: 0;
	padding: 0;
	float:left;
	list-style:none;
}
	#nesttab ul.domtabs li {
		margin: 0;
		padding: 0;
	}
ul.domtabs a {
	padding: 4px 16px;
	display:block;
	font-weight:bold;
	text-decoration:none;
	color: #333;
}
ul.domtabs li a:hover {
	background:#cecece;
}
ul.domtabs li.active a {
	border-top: 1px solid #cecece;
	border-right: 1px solid #cecece;
	border-left: 1px solid #cecece;
	background: #fff;
	color:#000;
}
	#nesttab ul.domtabs li.active a {
		background-color: #f1f1f1;
	}
.tabpage {
	border-top: 1px solid #cecece;
	padding-bottom: 22px;	
	padding-top: 10px;
	position: relative;
	top: 22px;
}
	#nesttab .tabpage {
		color: #000;
		margin: 0 20px 20px 20px;
		background: #f1f1f1;
		padding-right: 20px;
	}
.tabpage h2 {
	margin: 10px 20px 5px 20px !important;
}
.tabpage h2 a {
	text-decoration: none;
}
*/

#map {
	width: 475px; 
	height: 350px;
	border: 1px solid #f1f1f1;
}

/* HANDGEMAAKTE FORMULIEREN */

.simpleform {background: #b4a400; border: 1px solid #cecece; color: #fff; padding: 10px; margin: 0 20px 15px 20px;}
.enqueteform fieldset,
.simpleform fieldset {border: none; padding: 0; margin-bottom: 20px;}
.enqueteform fieldset legend,
.simpleform fieldset legend {color: #fff; font-weight: normal; font-size: 1.2em; margin: 0 0 10px 0; padding: 0; display: none;}
.enqueteform fieldset legend,
.simpleform fieldset legend {margin-left: -8px;} /* IE handles legends their own way */

.simpleform p {margin:0 !important; padding:0 !important;}
.simpleform p strong {font-size:1em;}
	
.simpleform .q {clear: both; border-bottom: 1px none #cecece; padding: 2px 0 0 0;}
.simpleform .q .clear {clear: both !important; height: 1px; line-height: 1px; font-size: 1px;}
.simpleform .q label {color: #fff; float: left; width: 175px; display: block !important; padding: 4px 5px 4px 0 !important;}
.simpleform .q input,
.simpleform .q select,
.simpleform .q textarea {border: 1px solid #999; font-family: Arial,Helvetica; font-size: 1em; display: block;}
.simpleform .q input {background: #fff url(../img/bg_input.gif); float: left; margin: 0; padding: 2px;}
.simpleform .q textarea {background: #fff url(../img/bg_input.gif); padding: 2px; overflow: auto;}
.simpleform .q .ctrl {float: left;}
.simpleform .q .ctrl input {background: none; border: none !important; clear: none !important; padding: 0;}
.simpleform .q .ctrl label {background: none; clear: none !important; width: auto !important;}
.simpleform .q span {float: left;}
.simpleform .btn {margin-left: 180px; border: 1px; padding:2px 8px;}

.enqueteform {margin: 0 20px 15px 20px;}
.enqueteform .q {border-bottom: 1px solid #cecece; margin: 10px 0; padding: 10px;}
.enqueteform .q label {font-weight: bold;}
.enqueteform .q input[type=text],
.enqueteform .q textarea {background: #fff url(../img/bg_input.gif); padding: 2px; border:1px solid #cecece;}
.enqueteform .q textarea {width: 97%; overflow: auto;}
.enqueteform .q td {text-align: center;}
.enqueteform .q td.left {text-align: left;}
.enqueteform .ctrl label {font-weight: normal;}
.enqueteform #fs2 .q {margin-bottom: 0;}
.enqueteform #fs2 .q label {float: left; width: 155px; display: block !important; padding: 4px 5px 4px 0 !important;}
.enqueteform #fs2 .q .ctrl {float: left;}

/*
ul.lst-adressen {margin: 0 !important; padding: 0 !important;}
*/
ul.lst-adressen {display: block; margin: 0 20px 15px 10px !important; clear: right;}
ul.lst-adressen li {float:left; list-style-type: none; margin: 0 0 15px 10px !important; padding: 0 !important; width:220px;}

#accessible {border-top: 1px solid #f1f1f1; padding: 35px 0 0 15px;}
#vraag {width: 275px;} /* Because size is deprecated markup */


/* BEKENDMAKINGEN */
#filtertypes label {float:left; margin-right:10px; line-height:20px;}
#filtertypes select {padding:0; line-height:18px; height:20px; width:235px;}

#zoekbekendmakingen {background-color:#ffe01b; padding:10px; padding-bottom:20px; border-bottom:1px solid #fff;}
#zoekbekendmakingen form {margin:0; padding:0;}
#zoekbekendmakingen form h5 {color:#000; font-size:8pt; margin:0; padding: 0;}
#zoekbekendmakingen form input {width: 194px; font-size:8pt;}
#zoekbekendmakingen form select {width: 200px; font-size:8pt;}

#filterbekendmakingen {background:#fff59b; padding:10px; padding-bottom:20px; border-bottom:1px solid #fff;}
#filterbekendmakingen form h5 {color:#000; font-size:8pt; margin:0; padding: 0;}
#filterbekendmakingen form select {width: 200px; font-size:8pt;}
#filterbekendmakingen form input {font-size:8pt;}

/* VERGUNNINGEN */
#zoekvergunningen {background-color:#ffe01b; padding:10px; padding-bottom:20px; border-bottom:1px solid #fff;}
#zoekvergunningen form {margin:0; padding:0;}
#zoekvergunningen form h5 {color:#000; font-size:8pt; margin:0; padding: 0;}
#zoekvergunningen form input {width: 194px; font-size:8pt;}
#zoekvergunningen form select {width: 200px; font-size:8pt;}

.vergunningspecs {margin:20px;}
.vergunningspecs dt {float: left; width: 150px; font-weight:bold;}
.vergunningspecs dd {padding:2px 0 2px 160px; margin:0; border-bottom:1px dotted #cecece;}

#vergunningdocs th {background: #f1f1f1;}

/* MELDING HOMEPAGE */
.home-melding {font-weight:bold; color: #b4a400;}
.home-feedrss {float:right; margin:0; padding:0;}
.home-feedrss a {background: transparent url(../img/rss.png) no-repeat top right; text-decoration:none;	padding-right: 18px; font-weight:normal;}

#mijnleefomgeving h5 {margin:10px 10px 0 10px; font-size:1em;}
#mijnleefomgeving p {margin: 0 10px 10px 10px;}
#mijnleefomgeving a {background-color:#a9c624; display:block; text-align:center;}

/* WEGWERKZAAMHEDEN */
.wwmelding {}
.wwmelding p img {float:left; margin-right:10px;}
.wwmelding dl {margin:0 20px;}
.wwmelding dt {float:left; width:60px; line-height:1.6em;}
.wwmelding dd {padding-left:20px; line-height:1.6em;}
.wwmelding p.right {clear:both; border-bottom:1px dotted #cecece;}
.wwmelding p.right a {font-weight:bold; background: transparent url(../img/arrow-l.gif) 100% 40% no-repeat; padding-right:15px;}

#legenda {padding:5px 10px;}
#legenda p {margin:0;}
#legenda p strong {color:#000;}
#legenda table th,
#legenda table td {padding:2px 2px 2px 0;}
#legenda table td img {width:25px;}


/* WEBLOG/DISCUSSION */
#pagediscussion {border-top:1px solid #cecece; padding-top:5px;}
#pagediscussion h4 {font-size:1.1em; margin-bottom:4px;}
#pagediscussion ul {}
#pagediscussion ul li {background:url('/img/icon-react.gif') 2px 8px no-repeat; border-bottom:1px dotted #cecece; display:block; margin:8px 20px; padding:5px 0; padding-left:20px;}

/* RIS - vacatures title */
#content #vacatures p.c1 { text-align: center; }