/* begin overgenomen Javinto */
/* @group Reset Styling */

/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html { height: 100%; }

body {
	font: normal 13px/160% Verdana, 'Trebuchet MS', Helvetica, serif;
	color: #000000;
	height: 100%;
	background: #ffffff;
}


/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

img { vertical-align: middle; }

a img { border: none; }

/* Link colors for IE (inherit doesnt work) */

a:active { outline: none; }

/*a:focus { -moz-outline-style: none;}*/

/* @end Reset Styling */

/* @group Base Styling */

.serif { font-family: Cambria, Georgia, Garamond, Times New Roman, Serif; }

.small { font-size: 10px; }

#main a {
}


/* @end Base Styling */





/* @group Layout */

#view {
	position: relative;
	min-width: 990px;
	/*overflow-x: hidden;*/ /*probleem in IE: geen scrollbar, oplossing: overflow-y ook expliciet definieren */
	overflow-x:hidden;
	overflow-y:auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#container {
	width: 1332px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: absolute;
	left:0;
	right:0;
}
/* ie6 en 7 hacks */
*:first-child+html #container {position: relative;}
* html #container {position: relative;}
*:first-child+html #balkrechts {margin-top:78px;}
* html #balkrechts {margin-top:78px;}

#mainwrap {
	padding: 0px 0px 30px 0px;
	width: 716px;
	float: left;
}

#main{/*Albert */
	padding:10px;
	padding-left:180px;/* om ruimte onder menu door te laten lopen */
	padding-left:210px;
}

body#id3 #main {/* extra padding op home (heeft id id3) */
	padding-top:25px;
}

#main .mainleft {
	float: left;
	width: 400px;
}

#main .mainright {
	float: left;
	width: 150px;
	padding-left: 50px;
	font-size: 90%;
	line-height: 1.3em;
}

#rightbackground {
	width: 616px;
	min-height: 854px;
	height: auto !important;
	height: 100%;
	position: absolute;  
	top: 0;
	bottom:-30px;	/* For IE7, no idea where that margin comes from.... */
	left: 750px;
	left: 776px;
	left: 716px;
	background: #A8D168 url(/fileadmin/achtergrondfotos/foto-hp.jpg) 0px 0 no-repeat;
}

#right {
	position: relative;
	float: left;
	margin: 110px 30px 30px 20px;
	padding:0;
	width: 245px;
	color: #336;
}

/* padding alleen als er content in de rechter div staat, anders krijg je wit lege blok */
#right .notempty {
	padding: 8px 10px 10px 10px;
	background: #FFF;
}

/* geen padding als er geen content in de rechterkol staat; kan dit anders? ja, zie boven*/
/*body#id3 #right{
	padding: 0;
}
*/

#border {
	position: absolute;
	top: 130px;
	width: 280px;
	left: 960px;
}

/* @end Layout */

/* @group Header */

#header {
	height: 78px;
	background: #DCF1FC;
	border-bottom:16px solid #1BA2EC;
}

#logo {
	margin: 15px 0 5px 0;
	display: block;
	width: 120px;
	text-decoration: none;
	border: none;
}

#logo img {
	vertical-align: middle;
}

#payoff {
	margin-left: 56px;
}

#balkrechts {
	background: #1BA2EC;
	height:16px;
	width:616px;
	left:750px;	
	left:776px;	
	left:716px;	
	position:absolute;
	/*13-10-11 weg */
	display:none;
}

/* Headers, Frames, etc. */

.csc-firstHeader {
	margin-top: 0px;
}

.csc-textpic-caption {
	font-size: .9em;
}

/* Align image-top to top of text block */
.csc-textpic-imagewrap {
	margin-top: 4px;
}

.csc-subheader-10 {
	text-align: right;
	color: #336;
	font-style: italic;
	font-family: georgia;
	font-size: 1.1em;
	letter-spacing: .025em;
	text-transform: lowercase;
}

.csc-frame-rulerBefore {
	border-top: 1px solid #336;
}

.csc-frame-rulerBefore .csc-firstHeader {
	margin-top: 10px;
}

.csc-frame-rulerAfter {
	border-bottom: 1px solid #336;
	margin-bottom: 15px;
}

.csc-frame-clearBlock {
	/* nothing to be done, csc-frame already has clear:both */
}

/* See also clearfix below */
.csc-frame {
	clear: both;
}

/* @end Common Classes */

.clear {
	clear: both;
}

.clearonly {
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: 0;
}

/* @Group Class 'clearfix' for clearing floats
   http://positioniseverything.net/easyclearing.html
*/

.clearfix:after,
.csc-frame:after { /* this is the fix for modern CSS 2.1 browsers, adding clearer tags purely through CSS */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix,
.csc-frame {display: inline-block;}  /* this one is for IE Mac, which will be corrected below */

/* And below is first the fix for IE-Win (using the Tan Hack '* html')
    and then the correction for all browsers except IE Mac */

/* Hides from IE-mac \*/
* html .clearfix,
* html .csc-frame {height: 1%;}
.clearfix,
.csc-frame {display: block;}
/* End hide from IE-mac */

/* @end Class 'clearfix' */
/* einde overgenomen Javinto */

/* overrule def uit csc */
div.csc-textpic-left div.csc-textpic-text {
	clear:none;
}

/* flex CE's */
.kol_links {
	float:left;
	width: 255px;
	width: 225px;
	margin-left:15px;
}

.kol_rechts {
	float:left;
	width: 255px;
	width: 225px;
	margin-left:15px;
}

#menu {
	float:left;
	width:174px;
	width:200px;/* 14-10-10 */
	margin:0px;
	padding:0px;
	margin-right:10px;
}

/* menu op basis noorderbegraafplaats*/
ul#nav {
	list-style-type:none;
	padding:0;
	margin:0;
	/* width : 13.35em;*/
	width:172px;
	width:200px;/* 14-10-10 */
}
#nav {/* 14-10-10 blauwe border-bottom weg, marge toegevoegd */
	/*border-bottom:8px solid #19A1E9;*/
}
#menu img {/* afstand plaatje onder menu tot onderkant menu */
	margin-top:8px;
}
ul#nav li {
	font-size:11px;
/*	line-height:15px; 2-3-10*/
/*	height:18px; verwijderd 2-3-10 omdat er nu ook een ul in de li kan staan (submenu), hoogte van li dus niet fixen! */
	/* 2 hieronder overrulen li style in rte.css */
	line-height:normal;
	margin-bottom:0;
	list-style-type:none;
	background-color:#A8D168;/* groen */
	margin-left:0px;
	border-bottom:3px solid #FFF;
}
ul#nav .subnav li {
	background-color:#ffffff;
}
ul.subnav {
	padding:0;
	margin:0;/* om marge aan linkerkant in IE7 te vermijden */
	margin-bottom:-2px;/* deze omdat onder laatste menuitem ook border van 2px wit zit, wordt verwijderd door hele submenu 2 omhoog te schuiven */
}
ul#nav li a {
	font-weight:bold;
	display: block;
	margin:0;
	padding:0;
	color:#000;
	text-decoration:none;
	line-height:2em;/* bepaalt hoogte van menu item */
	/* Albert 5-3-10 padding verplaatst uit li naar hier, zodat er geen padding in de li zit die een submenu bevat */
	padding:2px 0 0 16px;
}
ul#nav .subnav li a {
	color:#660000;
	background-color:#ffffff;
	font-weight:normal;
}
ul#nav .subnav li a:hover, ul#nav .subnav li.act a {
	background-color:#F1F8CC;
}
ul#nav li a {
	font-weight:bold;
}
ul#nav li:hover, ul#nav li.sfhover, ul#nav li.act {
/*	background-color:#F1F8CC;*/
	background: #F4CD0D url('images/menu_pijltje.png') no-repeat top left;
}
/* einde menu uit NB*/

#foto1 {
	border-bottom:5px solid #A48BEB;
}

#foto2 {
	border-bottom:5px solid #CD66BA;
}

#foto3 {
	border-bottom:5px solid #DE9D40;
}

/* voor fotogalerij */
#foto_nav {
	margin-bottom:1em
}


img {
	border:0px;
}

p.breadcrumb {
	font-size:85%;
	line-height:100%;
	margin-bottom:1em;
}

#breadcrumb a:active, #breadcrumb a:link, #breadcrumb a:visited {
	color:black;
	text-decoration: none;
}

#breadcrumb a:hover { 
	color:#660000;
	text-decoration: none;
}

table.contenttable caption {
	text-align:left;
	color:#660000;
	font-weight: bold;
	margin-bottom:0;
}

table.contenttable thead tr td {
	background-color:#E8F5FD;
	color:black;
	padding:4px 4px 0 4px;
	margin-bottom:0;
	text-align: left;
	vertical-align: top;
}	

table.contenttable tbody tr td {
	background-color:white;
	color:#660000;
	padding:0 4px 0 4px;
	margin-bottom:0;
	text-align: left;
	vertical-align: top;
}	

table.contenttable tbody tr td p {
	margin:0;
	padding:0;
}


/* aangepaste stylen voor extension "tt_news" */

/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-list-container .clearer, .news-single-item .clearer, .news-latest-container .clearer{
height:1px;
}
.news-latest-container .clearer {
clear:left;
}

hr.clearer {
color:black;
height:1px;
border:0;
}



/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

.news-latest-container {
}

.news-latest-container h2,.news-latest-gotoarchive {
	color:#000099;
	font-size: 100%;
	margin:-15px 0px 0px 0px;
	margin-bottom:1em;
}

.news-latest-item {
	padding:0px;
	margin:0px;
	margin-bottom:1em;
}

.news-latest-item h3{
	font-size: 90%;
	line-height:140%;
}

.news-latest-item h3, .news-latest-item h3 a:link, .news-latest-item h3 a:visited, .news-latest-item h3 a {
	color:#660000;
	margin:0;
	font-weight:bold;
/*	letter-spacing:1em;*/
}
.news-latest-item h3 a:hover {
	text-decoration:underline;
}
.news-latest-item h3 em{
	font-style:normal;
}
.news-latest-item h3 img {
	margin-right:1em;
}
.news-latest-item p {
	margin:0;
	color:#000066;
}
.news-latest-item a {
	color:#000099;
}
.news-latest-category img {
	float: none;
	border:none;
	margin:0;
}
.news-latest-date,.news-latest-morelink,.news-latest-category {
	font-size:80%;
}

.news-latest-morelink a, .news-latest-morelink a:link, .news-latest-morelink a:visited {
	float:left;
}

.news-latest-date a, .news-latest-date a:link, .news-latest-date a:visited {
	font-weight:bold;
	color:#3399ff;
}

.news-latest-morelink a:hover {
	text-decoration:underline;
}

.news-latest-container hr.clearer {
	border-bottom: 1px dashed;
	padding-top:5px;
}

/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {
}


.news-list-item {
	margin:0;
	margin-bottom:1em;
}
.news-search-form {
	padding:0.5em;
	margin-bottom:1em;
	border:1px solid #666;
}
.news-search-emptyMsg{
	margin:0;
}
.news-search-form form {
	margin:0;
}
.news-list-item h3, .news-list-item h3 a, h3 a:link, .news-list-item h3 a:visited, .news-list-item h3 a:hover {
	color:#660000; 
	margin: 0;
	padding: 0;
	font-weight:bold;
}
.news-list-container p {
	margin: 0;
	padding:0;
	display:inline;
}
.news-list-date {
	color:#660000; 
	width: 180px;
	text-align: right;
	font-size: 80%;
	font-weight: normal;
}

.news-list-imgcaption {
	float: right;
	padding-top:3px;
	padding-right:3px;
	font-size: 80%;
}

.news-list-container img {
	float: right;
	margin-top:1em;
}
.news-list-category img {
	float: none;
	border:none;
	margin:0;
}

.news-list-morelink, .news-list-category {
	font-size: 80%;
	line-height:100%;
	margin:0;
	margin-top:0.5em;
	color:#660000; 
}
.news-list-morelink a {
	color:#660000; 
}
.news-list-browse {
	text-align: center;
}



	/*---------------------------------  tt_news Page-Browser ---------------------------------*/
.tx-ttnews-browsebox {
	margin:3px;
	padding:3px;
}
.tx-ttnews-browsebox TD {
	padding:5px;
}
.tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
	font-weight: bold;
}
.tx-ttnews-browsebox-SCell P,.tx-ttnews-browsebox TD P{
	margin:0px;
}

.tx-ttnews-browsebox-SCell {
}
.news-search-emptyMsg {
	font-size: 11px;
	margin-left: 10px;
}
	/*--------------------------------- tt_news SINGLE view  ---------------------------------*/
.news-single-item {
	padding:0;
	margin-bottom:1em;
}
.news-single-item H2 {
	font-weight:bold;
	color:#660000; 
}
.news-single-item H3 {
	font-weight:bold;
	color:#000066; 
}
.news-single-img {
	float: right;
	margin-left:5px;
}
.news-single-imgcaption {
	padding:3px;
	clear:both;
}
.news-single-category {
	font-size:80%;
	float:left;
}
.news-single-backlink, .news-single-backlink a {
	font-weight: bold;
	font-size: 80%;
	margin-bottom: 1em;
	margin-top: 1em;
}
.news-single-backlink a {
	font-size: 100%;
}
.news-single-timedata, .news-single-author,.news-single-imgcaption {
	font-size:80%;
	color:#660000; 
}
.news-single-author {
	padding-bottom:0.5em;
}
.news-single-additional-info {
	margin-top: 1em;
}
.news-single-related,.news-single-files,.news-single-links  {
	margin:0px;
	margin-bottom:1em;
}

.news-single-related DD, .news-single-links DD, .news-single-files DD {
	margin-left:2em;
}

.news-single-related DT, .news-single-links DT, .news-single-files DT {
	margin-bottom:1em;
	font-weight: bold;
	font-size:80%;
}

/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container {
	margin-top:10px;
	padding:3px;
	border:1px solid #333;
	background-color:#BBE53A;
}
.news-amenu-container LI {
	padding-bottom:1px;
}
.news-amenu-container UL {
	padding:3px;
	margin-top:5px;
	margin-left:0px;
	margin-bottom:0px;
	border:1px solid #666;
	background-color:#F9FFE5;
	list-style-type: none;
}
.news-amenu-container H2 {
	color:#fff;
	padding:3px;
	border:1px solid #666;
	background-color:#769024;
}
.news-amenu-item-year {
	font-weight: bold;
	border: 1px solid #666;
	padding: 2px;
	background-color: #769024;
	color:#fff;
}




/* styles voor RTE */
img.rechts {
	float:right;
	margin:1em 0 1em 1em;
}

img.links {
	float:left;
	margin:1em 1em 1em 0;
}

/* stylen voor tt_news maar dan voor de events KAN WEG na gebruik van 'cal'*/
table.news-list-container {
	border:1px solid black;
	border-collapse:collapse;
	width: 95%;/* anders komt tabel onder menu */
	background-color:transparent;
}
table.news-list-container th{
	border:1px solid black;
	padding:5px;
	text-align:left;
}
table.news-list-container td{
	text-align:left;
	vertical-align:top;
	border:1px solid black;
	padding:5px;
}
table.news-list-container td.datum{
	font-size: 85%;
	line-height:2em;
	color:#990000;
	width: 110px;
}
table.news-list-container td.ontspanning{
	background-color:#DCF1FC;
}
table.news-list-container td.cultuur{
	background-color:#F1ACBA;
}
table.news-list-container td.sportief{
	background-color:#EBE767;
}
table.news-list-container td.buitenschools{
	background-color:#CC99CC;
}
table.news-list-container td.bewonersoverleg{
	background-color:#A8D168;
}
table.eventdetail {
	border:0px solid black;
	border-collapse:collapse;
}
table.eventdetail td{
	font-size: 85%;
	text-align:left;
	vertical-align:top;
	padding:5px 5px 5px 0;
}
table.eventdetail td.kop{
	font-weight:bold;
}

#uitleg_rubr {
	position:relative;
	margin-bottom:25px;
}

table.uitleg_rubrieken {
	border:0px solid black;
	border-collapse:collapse;
	width: 90%;
	margin:10px 0;
}
table.uitleg_rubrieken td {
	text-align:left;
	vertical-align:top;
	font-weight:bold;
	padding:5px;
}
span.nobr {
	white-space: nowrap;
}


/* 30-9-10 voor cal */
.tx-cal-controller table {/* table in list view */
	width:556px;
	width:496px;
}
body#id3 .tx-cal-controller table {/* table in list view op home */
	width:255px;
	width:225px;
}
.tx-cal-controller table td, .tx-cal-controller table th{
	padding:5px;
}
.tx-cal-controller table th.datum {
	width:90px;
}
.tx-cal-controller table th.activiteit {
	width:250px;
	width:220px;
}
.tx-cal-controller table th.lokatie {
	width:185px;
	width:155px;
}
.tx-cal-controller table td {
	padding:0px 5px;
	height:50px;
	vertical-align:middle;
	border-top:3px solid white;
	line-height: 2em;
	font-size:0.9em;
}
body#id3 .tx-cal-controller table td {/* home */
	line-height: 1.5em;
	height:auto;
	padding:8px 10px 10px 10px;
}
.tx-cal-controller table tr.eerste td{
	background-color:#DCF1FC;
}
.tx-cal-controller table tr.tweede td{
	background-color:#E9C4E9;
}
.tx-cal-controller table tr.derde td{
	background-color:#F1ACBA;
}
.tx-cal-controller table tr.vierde td{
	background-color:#F4D84B;
}
.tx-cal-controller table td a{
	text-decoration:underline;
}
.tx-cal-controller table th{
	font-weight:bold;
	background-color:#A8D168;/* groen */
}
.tx-cal-controller h1 {
	background-color:#F4CD0D;
}
.tx-cal-controller .caldate {
	color:#660000;
}
/* einde 30-9-10 voor cal */

/* voor goof_fotoboek */
.tx-gooffotoboek-pi1 td.gfpb_landscape {
	padding:2px;
}

/* voor de tabel met banne kranten */
body#id47 #main td{
	padding: 0 10px 0 0;
}