/* 2-3-10 tijdelijk om flash uit te zetten 
#header {
	display:none;
}*/
*{
	font-size:100%;
}


body{
	font:75%/140% Georgia, sans-serif;
	color:#4A4040;
	text-align:center;
	margin:0;
	padding:0;
	background: #FFF url('images/bg.gif') repeat-y top center;
}

div#kruimel{
	font:75%/220% Verdana, sans-serif;
	background-color:#E5C6B9;
	margin:0 -30px 0 -25px;/* neg margins om de hele breedte van de main-content te coveren */
	padding-left:26px;
	height:20px;
}

/* 11-3-10 */
/* 16-4-10 uitgezet */
div#geluid {
	display:none;
	float:right;
	margin-top:-218px;
	margin-right:5px;
	width:45px;
	height:25px;
	z-index:10;
}
/* 12-3-10 */
/* 16-4-10 uitgezet - in oude situatie zat border in de gif, nu dus ook weer*/
/*div#flash {
	border-top:5px solid #DCEE80;
}
*/

div.subnav, p.subnav {
	color:#873C3C;
	font-weight:bold;
	float:right;
	margin-top:0px;
	text-align:right;
}

* html p.subnav {
	margin-top:20px;
}

ul.csc-menu.csc-menu-3 {
	list-style:none;
	color:#873C3C;
	font-weight:bold;
	float:right;
	margin-top:0px;
	padding-top:20px;
	text-align:right;
}

* html ul.csc-menu.csc-menu-3 {
	margin-top:20px;
}

ul.csc-menu.csc-menu-3 li.csc-section a{
	text-decoration:none;
}

p.subnav a, p.subnav a:active, p.subnav a:visited, p.subnav a:hover{
	text-decoration:none;
	color:#873C3C;
}

#wrap h1,#wrap h2,#wrap h3,#wrap h4{
	color:#4A4040;
	font-weight:normal;
	font-size:18px;
	letter-spacing:.1em;
	margin-bottom:100px;
}

#wrap h1 {
	margin-bottom:30px;
}

#wrap h2{
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
	color:#993333;
}

#wrap h3{
	font-size:11px;
	font-style:italic;
	margin-bottom:0px;
}

#wrap h4{
	color:#873C3C;
	font-size:10px;
	font-style:italic;
	margin-bottom:0px;
	margin-top:0px;
}

p {
	margin-top:0;
}

p.breadcrumb a, p.breadcrumb a:active, p.breadcrumb a:visited, p.breadcrumb a:hover {
	text-decoration:none;
	color:#4A4040;
}

a, a:active, a:visited, a:hover {
	text-decoration:underline;
	color:#8C0A0A;
}

img {
	border:0px;
}

.hidden-navigation{
	width:1px;
	position:absolute;
	left:-9999px;
}

#wrap{
/*	background:#FFF;*/
	margin:0 auto;
	text-align:left;
	width:970px; /* breedte voor IE5/5.5 */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:968px; /* juiste breedte */
}

#main-content{
	display:inline;
	float:left;
	margin-left:170px;
	padding:0px 30px 10px 26px;
	background-color:#F1E1DA;
/*	background-color:#F8FBE6; voor rechtermenu inhoud */
}
#main-content{
	width:598px; /* breedte voor IE5/5.5 */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width:542px; /* juiste breedte */
}
html>body #main-content{ /* be nice to Opera */
	width:542px;
} 
#sub-content{
	width:200px;
	float:left;
	margin-left:0px;
}

#navigations{
	width:170px;
	float:left;
	margin-left:-968px; /* juiste */
}

#foot{
	clear:both;
}


/* linkermenu */

ul#leftnav, ul#rightnav {
	list-style-type:none;
	padding:0;
	margin:0;
}

ul#leftnav {
	width:170px;
	margin-left:0px;
}

ul#rightnav {
	width:200px;
	margin-left:0px;
}

ul#leftnav li, ul#rightnav 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! */
	list-style-type:none;
	background-color:#dbed80;
	border-bottom:2px solid white;
	margin-left:0px;
}
 /* toegevoegd Jip 4-3-10 */
ul#leftnav .subnav li, ul#rightnav .subnav li {
	background-color:#ffffff;
}
 /* einde toegevoegd Jip 4-3-10 */

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#rightnav li {
	background-color:#E9F4B3;
}

ul#rightnav li.bottom, ul#rightnav li.bottom:hover {
	background:#E5C6B9;
	border-bottom:0px;
}


ul#leftnav li a, ul#rightnav li a {
	font-family:Georgia;
	font-weight:bold;
	letter-spacing:0;
	display: block;
	margin:0;
	padding:0;
	color:#4A4040;
	text-decoration:none;
	/* 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;
}

 /* toegevoegd Jip 4-3-10 */
ul#leftnav .subnav li a, ul#rightnav .subnav li a {
	color:#66000;
	background-color:#ffffff;
	font-weight:normal;
}
 /* einde toegevoegd Jip 4-3-10 */
ul#leftnav .subnav li a:hover, ul#leftnav .subnav li.act a {
	background-color:#F1F8CC;
}
ul#rightnav .subnav li a:hover, ul#rightnav .subnav li.act a {
	background-color:#F8FBE6;
}
ul#rightnav li a {
	font-weight:bold;
}

ul#leftnav li:hover, ul#leftnav li.sfhover, ul#leftnav li.act {
/*	background-color:#F1F8CC;*/
	background: #F1F8CC url('images/menu_pijltje.png') no-repeat top left;
}


ul#rightnav li:hover, ul#rightnav li.sfhover, ul#rightnav li.act {
/*	background-color:#F8FBE6;*/
	background: #F8FBE6 url('images/menu_pijltje.png') no-repeat top left;
}


/* Albert 2-6-10 voor formulier */
fieldset.csc-mailform {
	border:0;
}
.csc-mailform-field input[type="text"]{
	width:300px;
	margin-left:5px;
}
.csc-mailform-field textarea {
	width:300px;
	height:300px;
	font-size:120%;
	margin-left:5px;
}
.csc-mailform-field label {
	float:left;
	width: 8em;
	margin-right: 1em;
}
/* einde Albert 2-6-10 voor formulier */



/* 2-3-10 uit tt_news - kijken wat nodig is!*/

.news-single-rightbox,
.news-single-imgcaption,
.news-latest-date,
.news-latest-morelink,
.news-latest-category,
.news-list-category,
.news-list-author,
.news-list-imgcaption,
.news-list-date,
.news-list-browse,
.news-amenu-container,
.news-catmenu  {
/*	font-size:10px;*/
}

/*Albert 31-3-10 */
.news-latest-date, .news-list-date {
	color:#330000;
}

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

.news-latest-container HR.clearer,
.news-list-container HR.clearer,
.news-list2-container HR.clearer,
.news-list3-container HR.clearer,
.news-single-item HR.cl-left,
.news-single-item HR.cl-right
 {
	clear:right;
	height:1px;
	border:none;
	padding:0;
	margin:0;
}
.news-list2-container HR.clearer,
.news-list3-container HR.clearer {
	clear:both;
}

.news-single-item HR.cl-left {
	clear:left;
}

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

.news-latest-container {
	padding:0px;
}

.news-latest-gotoarchive {
	padding:0px;
	margin:3px;
}


.news-latest-container H2 {
  padding: 0 0 2px 0;
	letter-spacing:auto;/*Albert 31-3-10 */
  margin:0;
}

.news-latest-container H2 a {
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 0.02em;
	color: #4A4040;
}

.news-latest-item {
	padding:3px;
	margin:0;
}

.news-latest-item IMG {

	margin: 0 5px 5px 0;
	float:left;
	border: none;
}
.news-latest-category IMG {
	float: none;
	border:none;
	margin:0px;
}

.news-latest-item > p {
	margin:0;
	padding:0;
}




/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {
	padding: 10px 0;

}
.news-list-item {
	padding: 0 0 10px 0;
}

/*Albert 31-3-10 */
.news-list-container H2 {
  padding: 0 0 2px 0;
	letter-spacing:auto;
  margin:0;
}

.news-list-container H2 a {
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 0.02em;
	color: #4A4040;
}

.news-list-date {
/*	float: right;
	display:block;
	padding-left:10px;
*/	
}

.news-list-imgcaption {
	padding:3px 3px 0 0;

}

.news-list-container IMG {
	float: right;
	margin:0 2px 5px 5px;
	border: none;

}

.news-list-category IMG {
	float: none;
	border:none;
	margin:0px;
}

.news-list-morelink  {
	padding-left:5px;
}



	/*---------------------------------  LIST2 / 3 ---------------------------------*/

.news-list2-container,
.news-list3-container {
	padding: 0 0 10px 0;
}


.news-list2-container,
.news-list3-container {
	background:#e5e5e5;
}

.news-list3-item,
.list2-subdiv-hdr {
	background:#f1f1f1;
}
.news-list2-container .hdr-left,
.news-list2-container .hdr-right,
.news-list3-container .list3-left,
.news-list3-container .list3-right {
	width:48%;
	float:left;
	padding:5px;
}

.news-list2-container .sub-left,
.news-list2-container .sub-middle,
.news-list2-container .sub-right {
	width:31%;
	float:left;
	padding:5px;
}

.news-list3-item {
	padding:5px;
}

.news-list3-item,
.list3-subdiv,
.list2-subdiv {
	border-top:5px solid #fff;
}


.news-list2-container IMG {
	float: right;
	margin:0 2px 5px 5px;
	border: none;

}
.news-list3-container IMG {
	float: left;
	margin:0 5px 5px 2px;
	border: none;

}



	/*---------------------------------  tt_news Page-Browser ---------------------------------*/

.news-list-browse {
	text-align:center;
	margin-bottom:20px;
}

.activeLinkWrap {
	font-weight:bold;
}
.disabledLinkWrap {
	color: #999;
}
.disabledLinkWrap,
.browseLinksWrap a,
.activeLinkWrap {
	padding:0 1px;
}

	/*--------------------------------- tt_news SINGLE view  ---------------------------------*/

/*Albert 31-3-10 */
#wrap .news-single-item h1, #wrap .news-single-item h2 {
	letter-spacing:0.05em;
}
#wrap .news-single-item h1 {
	font-weight:bold;
	font-size:15px;
	margin-top:0;
	margin-bottom:0;
}
#wrap .news-single-item h2 {
	font-weight:normal;
	margin-top:5px;
	margin-bottom:10px;
}
.news-single-item .news-latest-date{
	font-size:90%;
}


.news-single-item {
	padding:0px;/*Albert 31-3-10 */
	margin-bottom:5px;
}

.news-single-img {
	float: right;
	margin:10px 0 0 10px;
	padding:0;
}

.news-single-img img {
	border:none;
}

.news-single-imgcaption {
	padding: 1px 0 3px 0;
	margin:0;
}

.news-single-rightbox {
	float: right;
	width:160px;
	text-align:right;
	clear:both;
}
.news-single-backlink {
	padding: 0px;/*Albert 31-3-10 */
}



.news-single-additional-info {
	margin-top: 15px;
	padding:3px;
	clear:both;
}

.news-single-related,
.news-single-files,
.news-single-links  {
	margin: 0;
	margin-bottom: 3px;
	padding: 3px;
}

.news-single-related DD,
.news-single-links DD,
.news-single-files DD {
	margin-left: 20px;
}

.news-single-related DT,
.news-single-links DT,
.news-single-files DT {
	font-weight: bold;
	margin-left: 5px;
}

.news-single-files DD A {
	padding:0 3px;
}

	/*--------------------------------- SINGLE2  ---------------------------------*/


.sv-img-big img,
.sv-img-small img {
	border:none;
}

.sv-img-big {
	float: right;
	padding: 10px 0 2px 10px;
}
.sv-img-small-wrapper {
	padding:15px 0;
}
.sv-img-small {
	float: left;
	padding: 0 10px 10px 0;
}


/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container {
/*	width:165px;*/
    padding:0;
/*    margin-left:10px;*/
}
/*Albert h2*/
.news-amenu-container h2{
	margin-bottom:0;
}

.news-amenu-container LI {
	padding-bottom:1px;

}
.news-amenu-container LI:hover {
	background-color: #f3f3f3;

}

.news-amenu-container UL {
    padding:0;
    margin:0;
	margin-top:0px;

	list-style-type: none;
}

.news-amenu-item-year {
	font-weight: bold;
    margin-top:10px;
	padding: 2px;
	background-color: #f3f3f3;

}


.amenu-act {
	background:#fff;
	font-weight:bold;
}

/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */

.news-catmenu  {
	padding:10px;

}

ul.tree {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

ul.tree A {
	text-decoration: none;
}

ul.tree A.pm {
	cursor: pointer;
}

ul.tree img {
	vertical-align: middle;
}

ul.tree ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 17px;
}

ul.tree ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 10px;
	white-space: nowrap;
}

ul.tree ul li.expanded ul {
	background: transparent url('../typo3/gfx/ol/line.gif') repeat-y top left;
}

ul.tree ul li.last > ul {
	background: none;
}

ul.tree li.active, ul.tree ul li.active {
	background-color: #ebebeb !important;
}

ul.tree li.active ul, ul.tree ul li.active ul {
	background-color: #f7f3ef;
}






/*  Styles for catmenu mode "nestedWraps" */
.level1 {
	padding:1px;
	padding-left:10px;
	background-color:#ebf8bf;
	border-left:1px solid #666;
	border-top:1px solid #666;
}
.level2 {
	padding:1px;
	padding-left:10px;
	background-color:#ddf393;
	border-left:1px solid #666;
}
.level3 {
	padding:1px;
	padding-left:10px;
	background-color:#cae46e;
	border-left:1px solid #666;
	border-top:1px solid #666;

}
.level4 {
	padding:1px;
	padding-left:10px;
	background-color:#b0cb51;
	border-left:1px solid #666;
}