
body {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url('../img/top_bg.gif');
	background-repeat: repeat-x;
	background-position: top;
}

img {
	border: 0px;
}

form {
	margin: 0px;
	padding: 0px;
}

* {
	outline: 0px;
}

ul {
	margin: 0px;
	padding: 0px;
}

li {
	list-style: none;
	margin-left: 0px;
	padding-left: 17px;
	height: auto;
	line-height: 20px;
	background-image: url('../img/list_orange.jpg');
	background-repeat: no-repeat;
	background-position: left 4px;
}

ul li a {
	font-family: Georgia;
	color: #111;
	text-decoration: none;
}

ul li a:hover {
	text-decoration: underline;
}

a {
	cursor: pointer;
	font-family: Georgia;
	font-size: 11px;
	color: #c56702;
	text-decoration: underline;
}

hr {
	color: #aaa;
	background-color: #aaa;
	width: auto;
	height: 1px;
}



/* GLOBAL */


input.button {
	width: auto;
	height: 21px;
	padding: 0px 5px;
	border: 1px solid #4e220b;
	background-image: url('../img/button_bg.jpg');
	background-repeat: repeat-x;
	text-transform: uppercase;
	font-family: Georgia, Arial;
	font-size: 11px;
	color: #fff;
}

input.text {
	border: 0px;
	padding: 3px;
	height: 13px;
	width: 163px;
	background-color: #fff;
	font-family: Georgia, Arial;
	font-size: 11px;
	opacity: 0.9;
	-moz-opacity: 0.9;
}

select {
	border: 0px;
	padding: 3px;
	height: 19px;
	width: 163px;
	background-color: #fff;
	font-family: Georgia, Arial;
	font-size: 11px;
	opacity: 0.9;
	-moz-opacity: 0.9;
}

textarea {
	border: 0px;
	padding: 3px;
	width: 363px;
	height: 120px;
	font-family: Georgia;
	font-size: 11px;
	color: #333;
	background-color: #fff;
	font-size: 11px;
	opacity: 0.9;
	-moz-opacity: 0.9;
}

span.message {
	font-family: Georgia;
	font-size: 11px;
	font-style: italic;
	color: #c24800;
	font-weight: bold;
}

span.error {
	font-family: Georgia;
	font-size: 11px;
	font-style: italic;
	color: #ff0000;
}

img.border {
	border: 1px solid #777;
}

a.rss {
	font-family: Georgia;
	font-size: 11px;
	color: #cd7b23;
	font-weight: bold;
	text-decoration: none;
	line-height: 16px;
}

a.rss:hover {
	color: #111;
}

#img_advertisement {
	cursor: pointer;
}







/* LOCAL */

#container {
	text-align: left;
	margin: 0px auto;
	width: 933px;
	height: auto;
}





#top {
	width: auto;
	height: 98px;
	background-image: url('../img/skyline.png');
	background-position: 544px bottom;
	background-repeat: no-repeat;
	padding-left: 14px;
}

#top h1 {
	width: 521px;
	height: 41px;
	color: #fff;
	font-size: 1px;
	position: relative;
	top: 54px;
	text-indent: -999em;
	background-image: url('../img/title.png');
	background-repeat: no-repeat;
	background-position: top left;
	cursor: pointer;
}





#header {
	width: 933px;
	height: 265px;
	background-image: url('../img/header_bg.gif');
	background-repeat: no-repeat;
}

#header #photo {
	padding: 6px 6px 4px 6px;
	height: 227px;
	overflow: hidden;
	width: 921px;
	font-size: 0px;
}

#header #photo img {
	z-index: 25;
	position: absolute;
	height: 227px;
	width: 922px;
	opacity: 0;
	-moz-opacity: 0;
	margin-top: 105px;
	top: 0px;
}

#header #photo img.bg {
	z-index: 100;
	opacity: 1.0;
	-moz-opacity: 1.0;
}

#header .extra {
	width: auto;
	height: 21px;
	float: left;
	padding-left: 8px;
	font-family: Georgia;
	font-size: 12px;
	color: #111;
}

#header input.text {
	margin-right: 4px;
	width: 118px;
}

#header .wijk {
	float: left;
	padding-left: 19px;
}

#header .search {
	float: right;
	padding-right: 7px;
}

#header .urgent_message {
	float: right;
	padding-right: 15px;
	padding-left: 10px;
	width: 400px;
	height: 22px;
	font-family: Arial;
	font-size: 11px;
	color: #fff;
	line-height: 22px;
}





#left {
	float: left;
	width: 230px;
	height: auto;
	margin-right: 9px;
}

#centre {
	float: left;
	width: 455px;
	height: auto;
}

#centreright {
	float: left;
	width: 694px;
	height: auto;
}

#right {
	float: right;
	width: 230px;
	height: auto;
	margin-left: 9px;
}





#left .square, #right .square {
	width: 230px;
	height: auto;
	margin-bottom: 9px;
}

#left .square .top, #right .square .top {
	width: auto;
	height: 6px;
	background-image: url('../img/square_top_bg.jpg');
	background-repeat: no-repeat;
	font-size: 1px;
}

#left .square .centre, #right .square .centre {
	width: auto;
	height: auto;
	background-color: #ddd;
	padding-left: 11px;
	padding-right: 9px;
	font-family: Georgia;
	font-size: 11px;
	color: #333;
}

#left .square h2, #right .square h2 {
	font-weight: bold;
	font-size: 14px;
	font-family: Georgia, Serif;
	color: #141414;
	padding-bottom: 6px;
	padding-top: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 20px;
}

#left .square .centre ul, #right .square .centre ul {
	width: 210px;
	height: auto;
	overflow: hidden;
	white-space: nowrap;
}

#left .square .centre ul li, #right .square .centre ul li {
	list-style: none;
	margin-left: 0px;
	font-weight: normal;
	padding-left: 17px;
	height: 20px;
	line-height: 20px;
	background-image: url('../img/list_orange.jpg');
	background-repeat: no-repeat;
	background-position: left 5px;
}

#left .square .centre a, #right .square .centre a {
	color: #333;
	text-decoration: none;
}

#left .square .centre a:hover, #right .square .centre a:hover {
	text-decoration: underline;
}

#left .square .centre .more, #right .square .centre .more {
	text-align: right;
}

#left .square .centre .more a, #right .square .centre .more a {
	text-decoration: none;
	font-family: Georgia;
	font-weight: bold;
	font-size: 11px;
	color: #111;
}

#left .square .centre .more a:hover, #right .square .centre .more a:hover {
	text-decoration: underline;
}

#left .square .centre .poll_vote {
	text-align: right;
	padding-top: 8px;
	padding-bottom: 2px;
}

#left .square .centre .poll_vote a {
	color: #ea6312;
	padding-right: 4px;
	text-decoration: underline;
}

#left .square .centre .poll_vote a:hover {
	color: #111;
}

#right .square .centre img {
	border: 1px solid #707070;
}

#left .square .bottom, #right .square .bottom {
	width: auto;
	height: 9px;
	background-color: #ddd;
	background-image: url('../img/square_bottom_bg.jpg');
	background-repeat: no-repeat;
	background-position: bottom;
	font-size: 1px;
}




#advertisement {
	width: 230px;
	height: 130px;
	margin-bottom: 9px;
	overflow: hidden;
	font-style: italic;
}

#advertisement img {
}



.advertisement_text {
	font-size: 12px;
	color: #999;
	font-style: italic;
	margin-bottom: 4px;
	margin-top: 2px;
}




#wijkverhalen .centre {
	background-image: url('../img/wijkverhalen.jpg');
	background-repeat: no-repeat;
	background-position: top 177px;
}

#huisverhalen .centre {
	background-image: url('../img/huisverhalen.jpg');
	background-repeat: no-repeat;
	background-position: top right;
}

#prikbord .centre {
	background-image: url('../img/prikbord.jpg');
	background-repeat: no-repeat;
	background-position: top 174px;
}

#wijkagenda .centre {
	background-image: url('../img/wijkagenda.jpg');
	background-repeat: no-repeat;
	background-position: top right;
}






#centre {
	
}

#centre .top {
	width: auto;
	height: 6px;
	background-image: url('../img/centre_top_bg.jpg');
	background-repeat: no-repeat;
}

#centre .middle, #centreright .middle {
	width: auto;
	height: auto;
	background-color: #ddd;
	padding: 0px 11px 9px 11px;
	font-family: Georgia;
	font-size: 11px;
	line-height: 18px;
	color: #111;
}

#centre .middle h2, #centreright .middle h2 {
	font-weight: bold;
	font-size: 14px;
	font-family: Georgia, Serif;
	color: #141414;
	padding-bottom: 14px;
	padding-top: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
}

#centre .middle h2, #centreright .middle h2 a {
	text-decoration: none;
}

#centre .middle p, #centreright .middle p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#centreright .middle a {
	color: #c56702;
	text-decoration: underline;
}

#centre .middle, #centreright .middle a:hover {
	color: #111;
}

#centreright .middle a.dark {
	color: #333;
	text-decoration: none;
	white-space: normal;
}

#centreright .middle a.dark:hover {
	text-decoration: underline;
}

#centre .middle .newsitem {
	padding-bottom: 32px;
}

#centre .middle .newsitem h3 {
	font-family: Georgia;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin-top: 4px;
	margin-bottom: 5px;
}

#centre .middle .newsitem h3 a {
	color: #000;
	text-decoration: none;
}

#centre .middle .newsitem .info {
	font-family: Georgia;
	font-size: 11px;
	font-style: italic;
	color: #6e2900;
}

#centre .middle .newsitem .content {
	padding-top: 4px;
	font-size: 11px;
	font-family: Georgia;
	color: #525252;
	line-height: 16px;
	text-align: justify;
	height: 80px;
	overflow: hidden;
	margin-bottom: 5px;
}

#centre .middle .newsitem .reactions {
	float: left;
	text-align: left;
	font-style: italic;
}

#centre .middle .newsitem .reactions a {
	color: #111;
	text-decoration: none;
}

#centre .middle .newsitem .more {
	float: right;
	text-align: right;
	padding-right: 20px;
}

#centre .middle .newsitem .more a, #centre .middle .more a {
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding-left: 14px;
	background-image: url('../img/list_orange.jpg');
	background-repeat: no-repeat;
	background-position: left;
}

#centre .middle .newsitem .more a:hover, #centre .middle a:hover {
	text-decoration: underline;
}





#centre .bottom {
	width: auto;
	height: 7px;
	background-image: url('../img/centre_bottom_bg.jpg');
	background-repeat: no-repeat;
}







#centreright .top {
	width: auto;
	height: 6px;
	background-image: url('../img/centreright_top_bg.jpg');
	background-repeat: no-repeat;
}

#centreright .middle {
	padding-right: 30px;
	text-align: justify;
}

#centreright .bottom {
	width: auto;
	height: 7px;
	background-image: url('../img/centreright_bottom_bg.jpg');
}

#centreright .info {
	font-family: Georgia;
	font-size: 11px;
	font-style: italic;
	color: #6e2900;
	padding-bottom: 10px;
}

#centreright .totop {
	padding-top: 15px;
}

#centreright .totop a {
	font-family: Georgia;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	padding-left: 14px;
	background-image: url('../img/list_orange_top.jpg');
	background-repeat: no-repeat;
	background-position: left;
}

#centreright h3 {
	font-family: Georgia;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin-top: 10px;
	margin-bottom: 0px;
}

#centreright h3 a {
	color: #000;
	text-decoration: none;
}

#centreright h3 a:hover {
	text-decoration: underline;
}





#centre .tromik, #centreright .tromik {
	text-align: right;
	font-family: Georgia;
	font-size: 11px;
	color: #666;
	padding-top: 6px;
	padding-bottom: 40px;
}

#centre .tromik a, #centreright .tromik a {
	color: #666;
	text-decoration: underline;
}

#centre .tromik a:hover, #centreright .tromik a:hover {
	color: #333;
}





/* EXTRA */

.comment_box {
	padding-top: 60px;
	overflow: hidden;
}

.comment_box span.name {
	font-size: 12px;
	font-weight: bold;
}

.comment_box span.date {
	font-family: Georgia;
	font-size: 11px;
	font-style: italic;
	color: #6e2900;
	padding-left: 4px;
}

.comment_box span.content {
	
}




#centreright .wijk_column {
	width: 202px;
	height: auto;
	float: left;
	margin-right: 9px;
	margin-bottom: -5000px;
	padding-bottom: 5000px;
	background-color: #f5f5f5;
	overflow: hidden;
}

#centreright .wijk_column .title {
	width: 212px;
	height: 20px;
}

#centreright .wijk_column .title h2 {
	margin-left: 8px;
	margin-top: 8px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#centreright .wijk_column .list {
	width: 212px;
	height: auto;
	min-height: 100%;
	height: 100%;
	padding-top: 14px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#centreright .wijk_column .list ul {
	
}

#centreright .wijk_column .list ul li {
	width: 204px;
	height: 20px;
	line-height: 20px;
	float: none;
	clear: both;
	padding-bottom: 6px;
	background-image: none;
	padding-left: 8px;
}

#centreright .wijk_column .list ul li a {
	text-decoration: underline;
}




/* CALENDAR */

#centreright .middle a.button {
	width: 80px;
	text-align: center;
	height: 15px;
	padding: 2px 7px;
	border: 1px solid #4e220b;
	background-image: url('../img/button_bg.jpg');
	background-repeat: repeat-x;
	text-transform: uppercase;
	font-family: Georgia, Arial;
	font-size: 11px;
	color: #fff;
	text-decoration: none;
}























.phpc-main {
  font-size: 90%;
  border-collapse: collapse;
  background-color: #ddd;
}

table.phpc-main {
	width: 100%;
}

.phpc-main li {
	line-height: 20px;
	background-image: none;
}

.phpc-main h2 {
  margin-top: 10px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 10px;
  background-color: #ccc;
  border: 1px solid #111;
}

.phpc-main div {
  margin: .5em;
  font-weight: bold;
}

.phpc-main p {
  border-style: solid;
  border-width: 1px 0 0 0;
  border-color: #111;
  padding: .5em;
  margin: 0;
  text-align: justify;
}

#centreright .middle .phpc-main a {
	color: #111;
	text-decoration: none;
}

table.phpc-main select {
	width: 86px;
}

caption {
  font-size: 175%;
  background-color: #ddd;
  padding: 2px;
  font-weight: bolder;
}

thead th {
  background-color: silver;
}

thead {
  border: 1px solid #111;
}

thead, tfoot {
  text-align: center;
}

#calendar td, #calendar th {
  border-style: solid;
  border-collapse: collapse;
  border-color: #111;
  border-width: 1px;
  padding: .5em;
}

table.phpc-main tbody th {
  text-align: right;
}

#calendar {
  table-layout: fixed;
}

#calendar td {
  text-align: left;
  height: 80px;
  overflow: hidden;
}

td.past {
  background-color: silver;
  color: inherit;
}

td.future {
  background-color: #fff;
  color: inherit;
}

td.none {
  background-color: gray;
  color: inherit;
}

table.phpc-main ul {
  margin: 2px;
  padding: 0;
  list-style-type: none;
  border-color: #111;
  border-style: solid;
  border-width: 1px 1px 0 1px;
}

table.phpc-main li {
  font-size: 10px;
  font-weight: normal;
  padding: 0;
  border-color: #111;
  border-style: solid;
  border-width: 0 0 1px 0;
  margin: 0;
}

table.phpc-main li a {
  display: block;
  text-decoration: none;
  padding: 2px;
}

table.phpc-main li a:hover {
  background-color: gray;
  color: #fff;
}

.phpc-list {
  border: 1px solid #111;
}

.phpc-footer {
  text-align: center;
}

.phpc-button {
  text-align: center;
}

.phpc-add {
  float: right;
  text-align: right;
}













.localnews_item {
	float: left;
	width: auto;
	height: 16px;
	line-height: 16px;
	display: inline;
	padding: 0px 4px;
	background-color: #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	margin-top: 2px;
	cursor: pointer;
}


.localnews_item_active {
	float: left;
	width: auto;
	height: 18px;
	line-height: 18px;
	display: inline;
	padding: 0px 4px;
	background-color: #e58400;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	font-weight: bold;
	cursor: pointer;
}

.localnews_item_active a {
}


#localnewslist div {
	width: auto;
	padding: 0px 8px 0px 20px;
	border-bottom: 1px solid #bbb;
	background-image: url('../img/markers/listRed.png');
	background-position: 6px 8px;
	background-repeat: no-repeat;
}

#localnewslist div a {
	height: 28px;
	line-height: 28px;
	color: #333;
}

#localnewslist div a:hover {
	text-decoration: underline;
}












