/* SECTIE: Specificaties voor het hele document */
html {
	background-color: #F0F0EC;
	overflow-y: scroll;
}
body {
	margin: 0;
	background: url(../graphics/footlight.jpg) repeat-x bottom #F9F9F7;
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;
}
a {
	color: #006699;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* SECTIE: Header en navigatie */
#header {
	margin: 0 auto;
	width: 900px;
	height: 130px;
	display: block;
}
#firstlevel {
	width: 900px;
	margin: 0 auto;
}
#firstlevel img {
	border: none;
}
#secondlevel {
	width: 768px;
	margin: 0 auto;
	padding: 4px 16px;
	background: url(../graphics/second_bottom.gif) no-repeat bottom #F0F0EC;
}
.subSize {
	font-size: 9pt;
	padding-top: 7px;
	padding-bottom: 7px;
}
.subSeprt {
	color: #666666
}
#secondlevel a {
	color: #000000;
	text-decoration: none;
	white-space: nowrap;
}
#secondlevel a:hover {
	text-decoration: underline;
}

/* SECTIE: De inhoud (content) waar het om gaat */
#tekst {
	width: 800px;
	min-height: 150px;
	padding: 30px 50px;
	margin: 20px auto 7px;
	background: url(../graphics/back-grad.jpg) no-repeat;
}
.bodyTitle {
	font-size: 20pt;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
}
.bodyHeader {
	margin-top: 15px;
	font-weight: bold;
	color: #333333;
	font-size: 11pt;
}
.bodyHeader2 {
	font-weight: bold;
}
.bodySubheader {
	color: #999;
	font-size: 8pt;
	text-transform: uppercase;
	font-weight: bold;
}
.bodyAuthor {
	font-style: italic;
}
img.inline {
	float: right;
	margin: 0 0 20px 20px;
}

/* SECTIE: Als we op een 'nieuwspagina' zijn (wordt eigenlijk veel breder toegepast */
#news {
	width: 900px;
	padding: 0;
	margin: 20px auto 7px;
	background: url(../graphics/backfill_middle.gif) repeat-y;
}
#news .bodyTitle {
	margin: 15px 50px;
}
.item, .itemdontprint, .archiveitem {
	width: 800px;
	padding: 10px 50px;
	margin: 0;
	background: url(../graphics/backfill_newtop.gif) no-repeat top;
}
a.field {
	padding: 6px;
	line-height: 18px;
}
a.field:hover {
	background: #CFDCE7;
	text-decoration: none;
}

/* SECTIE: Dienstenrooster */
#timetable {
	width: 800px;
}
#timetable a {
	color: #F0F0EC;
}
.ttheader {
	text-align: center;
	line-height: 22px;
	background: url(../graphics/tablegrad.gif) repeat-x #666;
}
.ttname {
	font-weight: bold;
	background-color: #E9E9E7;
}
.ttrecord {
	background-color: #F9F9F7;
	vertical-align: text-top;
}
.ttdesc {
	color: #FFFFFF;
}
.ttMargin {
	margin: 15px 0 -15px 0;
}

/* SECTIE: Wijkindeling */
#wijkindeling {
	margin-top: 10px;
	width: 100%;
}
#wijkindeling .legend {
	text-align: center;
	line-height: 22px;
	color: #FFF;
	font-weight: bold;
	background: url(../graphics/tablegrad.gif) repeat-x #666;
}
#wijkindeling .straat {
	font-weight: bold;
	background-color: #E9E9E7;
}
#wijkindeling .deel {
}

/* SECTIE: Gastenboek */
.gbAuthor {
	width: 560px;
	height: 24px;
	line-height: 24px;
	padding: 0 10px;
	margin-top: 30px;
	background: url(../graphics/schrijver.gif) no-repeat;
	font-weight: bold;
}
.item p {
	overflow: hidden;
	width: 100%;
}

/* SECTIE: Archief */
.chooseSearch {
	width: 170px;
	float: left;
}
.defineSearch {
	width: 610px;
	float: left;
	display: none;
	padding-left: 10px;
	border-left: #D9D1C6 solid 1px;
}
.defineSearch table {
	width: 100%;
}
label {
	cursor: pointer;
}
form {
	margin: 0;
}
.grey {
	color: #363636;
	font-size: 11px;
}
a.grey:hover {
	text-decoration: none;
	color: #000;
	background: #ECEAE1;
}
.archiveitem {
	float:left;
	clear:both;
}
.archiveitem p {
	margin: 0;
}
a.black {
	color: #000000;
}
a.black:hover {
	color: #006699;
}
.arcMargin {
	margin-left: 17px;
}
.pushme {
	margin-right: 5px;
}

/* SECTIE: Aan de onderkant van de pagina */
#tools {
	padding: 0px 23px;
	width: 854px;
	margin: 0 auto;
	clear: both;
}
.panel {
	width: 224px;
	margin: 0 7px;
	float: left;
}
.panel .content {
	background: #F4F4F4 url(../graphics/panel_backmid.jpg) repeat-y;
	width: 184px;
	padding: 0px 20px;
}
.gold {
	background: #F4F4F4 url(../graphics/new/panel_backmid.jpg) repeat-y !important;
}
#trademark {
	color: #999999;
	clear: both;
	padding: 10px 50px;
	width: 800px;
	margin: 0 auto;
	text-align: center;
}