/*zwart*/

/*donkergrijs*/
/*lichtgrijs/
/*donkerrood*/
/*rood*/
/*donkerblauw*/
/*lichtblauw*/

/*wit*/



body {
	font-family: Verdana,Arial,"sans serif";
	font-size: 11px;
        padding: 0px;
	margin: 0px auto;
	background: #fff;
}

#CMSContent {
	width:100%;
	overflow: visible;
	float: left;
	font-family: Verdana,Arial,"sans-serif";
	line-height: 150%;
        font-weight: normal;
}

#CMSContent p {
}

p,td,li {
	font-family: Verdana,Arial,"sans-serif";
        font-weight: normal;
        line-height: 150%;
}


a:link {
	font-size: 1em;
	color: #993333;
	text-decoration: none;
}

a:visited {
	color: #993333;
	text-decoration: none;
}

a:hover {
	color: #993333;
	text-decoration: underline;
}

ul	{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

li a:link {
	color: #993333;
	text-decoration: none;
}

li a:visited {
	color: #993333;
	  text-decoration: none;
}

li a:hover {
	color: #993333;
	text-decoration: underline;
}

h1 {
	color: #993333;
	font-size: 1.3em;
	padding-top: 5px;
}

h1 a:link {
	color: #000;
	text-decoration: none;
}

h1 a:hover {
	color: #993333;
	font-size: 1em;
	padding-top: 5px;
	text-decoration: none;
}

h2 {
	color: #666;
	font-size: 1.1em;
}

h2 a {
	color: #993333;
	text-decoration: none;
}

h3 {
	color: #993333;
	font-size: 1em;
}

.accent {
	font-size: 1em;
	font-weight: bold;
	color: #123456;
}




/* BUTTONS */
.buttonbar {
	display:block;
	float:left;
	clear:both;
	width: 100%;
}

tr.buttonbar {
	float: none;
	clear: none;
	display: table-row;
}

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 4px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:9px;
    line-height:120%;
    text-decoration:none;
    font-weight:normal;
    color:#565656;
    cursor:pointer;
    padding:4px 6px 5px 5px; /* Links */
}
.buttonbar .buttons a, .buttonbar .buttons button {
    margin: 8px 4px 0 0;
}

.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 0 -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}

/* REGULAR */

button.regular, .buttons a.regular{
    color:#336699;
}
.buttons a.regular:hover, button.regular:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a.regular:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
.gallery {
	float: left;
	text-align: center;
	width: 210px;
	padding: 1px;
	margin: 0px;
}

.gallery #vignette {
	float:left;
	width: 100%;
	height: 160px;
	border: 0px;
	margin: 2px;
	padding: 0px;
	text-align: center;
}

.gallery #vignette p {
	width: 100%;
	height: 160px;
	margin: 0px;
	padding: 0px;
	display:table-cell;
	vertical-align:middle;
}

.gallery #vignette img {
	vertical-align:middle;
}

.gallery .thumbnail {
	border: solid #dedede 1px;
	background-color:#f5f5f5;
	float: left;
	width: 64px;
	height: 64px;
	line-height:64px;
	margin: 2px;
	padding: 0px;
}

.gallery .thumbnail a:hover, .gallery .thumbnail p:hover {
	background-color: #dff4ff;
}

.gallery .thumbnail p, .gallery .thumbnail a {
	height: 64px;
	width: 64px;
	margin: 0px;
	padding: 0px;
	display:table-cell;
	vertical-align:middle;
}

.gallery .thumbnail img {
	vertical-align:middle;
}

.gallery #edit {
	width: 100%;
	float: left;
	border: 0px;
	text-align: center;
	padding:5px;
}

body {
	font-family: Verdana,Arial,"sans serif";
	font-size: 11px;
        padding: 0px;
	margin: 0px auto;
	background: #fff;
         /*voor centreren in IE*/
        text-align:center;
}
table { font-size: 11px; }

#subscribe{
	width: 250px;
	padding: 0px 0px 0px 10px;

	float: left;
	font-size: 1em;
	font-family: Verdana,Arial,"sans-serif";
        font-weight: normal;
        background: #f9f9f9;

}

/*-----AGENDA-----*/

#agendaContainer {
	width: 1000px;
	padding: 0px;
	margin: 0px;
	float: left;
        background: #fff;
        border-bottom: solid 1px #eee;
}

#agendaHeadingContainer {
	width: 1000px;
	padding: 0px;
	float: left;
        display: block;
}

#agendaTitleContainer {
	height: 40px;
	width: 980px;
	float: left;
	background-color: #fff;
}

#agendaTitleContainer h1 {
	width: 700px;
	padding: 6px 10px 0px 10px;
	float: left;
}
#agendaTitleContainer h1 a {
	color: #bc1220;
	text-decoration: underline;


}
#agendaTitle {
	font: bold 11px/18px Verdana, Arial, "sans serif";
	color: #990000;

}

#agendaTitle a:link {
	color: #990000;
	text-decoration: none;
}

#agendaTitle a:visited {
	color: #990000;
	text-decoration: none;
}

#agendaTitle a:hover {
	text-decoration: underline;
}

#agendaLink {
        width: 86px;
        float: right;
	padding: 6px 0px 0px 0px;
        
}

#agenda	{
	width: 980px;
	padding: 0px 0px 10px 10px;
	margin: 0px;
	float: left;
}

#agendaItem {
	width: 145px;
	padding: 0px 5px 0px 10px;
	border-left: solid 1px #999;
	float: left;
}

#agendaCategories {
	width: 145px;
	padding: 0px 2px 0px 10px;
	font-weight: bold;
	float: left;
}

#agendaCategories a:link {
	color: #990000;
	text-decoration: none;
}

#agendaCategories a:visited {
	color: #990000;
	text-decoration: none;
}

#agendaCategories a:hover {
	color: #990000;
	text-decoration: underline;
}

#agendaDate {
	width: 145px;
}



#agendaText {
	color: #000;
}

#agendaLinkContainer {
	width: 250px;
	padding: 0px 0px 0px 0px;
	float: right;
        text-align: right;
}

.imgBack {
        margin: 0px 5px 0px 0px;
        border: 0px;
}

.imgForward {
        margin: 0px 0px 0px 5px;
        border: 0px;
}

/* END AGENDA*/


/* NEWSTRACKER */

#newsTracker {
		width: 280px;		
                padding: 10px 0px 0px 0px;
		float: left;
		background: #f9f9f9;

}

#newsTrackerInner {
		width: 280px;
		z-index: 0;
}

#newsCategoriesContainer {
		width: 260px;
		float: left;
		padding: 0px 0px 5px 0px;
		margin: 0px 10px 0px 10px;
		display: inline;
		border-bottom: solid 1px #e2e2e2;
}

#newsCategories {
                padding: 0px 0px 0px 10px;
		float: left;
		border-left: solid 1px #e2e2e2;
}

#newsCategoriesText {
		font-weight: bold;
		padding: 0px 0px 0px 0px;
		float: left;
}

#newsContainer {
		width: 260px;
		float: left;
		padding: 5px 0px 5px 0px;
		border-bottom: solid 1px #e2e2e2;
		margin: 0px 10px 0px 10px;
		overflow: visible;
}

#newsTitleContainer {
		margin: 20px 10px 0px 10px;
                padding: 0px 0px 0px 0px;
		display: block;
}

#newsLinkContainer {
	padding: 5px 0px 0px 0px;
	float: right;
        text-align: right;
}

#newsLink {
		font-size: 1em;
		font-weight: normal;
		padding: 0px 0px 0px 0px;
		float: left;
}

#newsCategories a:link {
		color: #993333;
		text-decoration: none;
}

#newsCategories a:hover {
		color: #993333;
		text-decoration: none;
}

#newsItem {
		width: 260px;
		float: left;
		padding: 0px 0px 0px 0px;
}

#newsDate {
		font-size: 1em;
		line-height: 130%;  
		color: #666;
}

#newsTitle {
		font-weight: bold;
		font-size: 1em;
		line-height: 130%;  
		color: #003366;
		padding-bottom: 10px;
}

#newsText {
		width: 150px;
		float: right;
		color: #000;
		font-size: 1em;
		line-height: 130%;  
}

#newsFotobox {
		width: 100px;
		float: right;
		margin: 0px 10px 0px 0px;
}

/*-----END NEWS-----*/

td.path {
	  color: #000;
	  font-family: Arial;
	  font-size: 0.7em;
	  font-weight: normal;
}

td.path a, td.path a:active, td.path a:visited {
	  color: #000;
	  font-size: 0.7em;
	  font-weight: normal;
	  text-decoration: none;
}

td.path a:hover {
	  color: #003366;
}

.date a {
		font-size: 1em;
		line-height: 130%;  
}

#linkedPages {
		width: 600px;
		font-size:  1em;
		line-height: 130%;
		padding-top: 5px;
		margin: 20px 0px 10px 0px;
		float: left;
}

#editButtons {
		width: 440px;
		font-size: 1em;
		line-height: 130%;
		border: 1px solid #993333; 
		margin: 10px 0px; 
		padding: 2px 5px; 
		float: left;
                text-align: center;
}

#notes {
		width: 440px;
		font-size:  1em;
		line-height: 130%;
		border: 1px dashed #993333; 
		margin: 10px 0px; 
		padding: 5px; 
		float: left; 
		display: block;
}

.message {
		width: 450px;
		margin: 20px 0px 10px 0px;
		color: #993333;
		font-size: 1em;
		font-weight: bold;
		float: left;
}

/*-----MAINCONTENT-----*/


#maincontentContainer {
		width: 1000px;
		padding: 0px;
		margin: 0px;
		float: left;
                background: #ffffff;
//		height: 100%;
}

#maincontentContainerFW {
		width: 1000px;
		padding: 0px;
		margin: 0px;
		background: #ffffff;
		float: left;
}

#maincontent {
		padding: 10px 20px 0px 20px;
		float: left;
		margin: 0px;
}

#maincontentInner {
	margin: 0px 0px 0px 30px;
	padding: 10px 0px 10px 10px;
	width: 600px;
	min-height: 500px;
}

#maincontentFW {
		width: 960px;
		min-height: 500px;
		padding: 0px 10px 0px 20px;
		float: left;
}

#rightContent {
 border-left: solid 1px #eeeeee;
               width: 280px;
               float: right;
               padding: 0px;
               margin: 0px;
               background: #ffffff;
}

/* ---GUESTBOOK--- */

#gbReactions {
		font-size: 1em;
		line-height: 130%;
		padding-top: 5px;
		margin: 10px 30px 10px 0px;
		float: left;
}

.gb_content {
		font-family: Verdana,Arial,sans-serif; 
		font-size: 1em;
		line-height: 130%; 
		font-style: normal;  
		text-decoration: none; 
		color:#ffffff;}

#gbButton a {
		font-family: Verdana,Arial,sans-serif; 
		font-size: 1em; 
		color: #ffffff;   
		background: #003366;
		border: 1px solid #993333;
		margin: 10px 0px 10px 0px;
		padding: 2px;
		float: right;
}

.gbButton a:link, .gbButton a:active, .gbButton a:visited {
       color: #ffffff; 
       text-decoration: none;
}

.gbButton a:hover {
       color: #993333; 
       background:#ffffff; 
       text-decoration: none;
}

.gbMessage {
		width: 500px;
		padding:6px;
		margin: 10px 0px 10px 0px; 

		border: #e2e2e2 solid 1px;
		font-size: 1em;
		line-height: 150%;
		float: left;
}

.gbAuthor {
		float: right;
		display: block;
		border-bottom: 1px solid #e2e2e2;
}

.gbName {
		font-weight: normal;
		border-bottom: 1px solid #e2e2e2;
}

a.gbName:link, a.gb_name:active, a.gb_name:visited {
		color: #993333;
		text-decoration: none; 
}

a.gbName:hover {
		color: #993333;
		text-decoration: underline; 
}

.gbSubject {
		color: #003366;
		font-weight: bold;
		margin: 4px 0px 10px 0px;
		clear: right;
		float: left;
		display: block;
}

.gbMessageText {
		clear: left;
}

.gbEditButtons {
		float: right;
		display: block;    
}

.gbModifiedBy {
		color: #666;
		clear: left;
}

#gb input.gbCheckbox {
       width: 15px;
       border: 1px solid #993333;
}

.fmanknop {
		color:#ffffff; 
		background-color:#993333; 
		border: 0px; 
		font-family: Verdana,Arial,sans-serif; 
		font-size: 1em;
		line-height: 130%;
}

.fmanknop_disabled {
		color:#ffffff; 
		background-color:#e2e2e2; 
		border: 0px; 
		font-family: Verdana,Arial,sans-serif; 
		font-size: 1em;
		line-height: 130%;
}

/*-----TREE-----*/

.tree { 
		font-family: Verdana,Arial,sans serif;
		font-size: 1em; 
		font-style: normal; 
		font-weight: normal; 
		color: #470C0E; 
		line-height: 140%; 
		text-decoration: none;
}

a.tree:link { 
		color: #470C0E;
		text-decoration: none;
}

a.tree:active { 
		color: #470C0E;
		text-decoration: none;
}

a.tree:hover {
		color: #470C0E;
		text-decoration: underline;
}

a.tree:visited {
		color: #003366;
		text-decoration: none;
}

.dtree {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #003366;
		white-space: nowrap;
}

.dtree img {
		border: 0px;
		vertical-align: middle;
}

.dtree a {
		color: #470C0E;
		text-decoration: none;
}

.dtree a.node, .dtree a.nodeSel {
		white-space: nowrap;
		padding: 1px 2px 1px 2px;
}

.dtree a.node:hover, .dtree a.nodeSel:hover{
		color: #470C0E;
		text-decoration: underline;
}

.dtree a.nodeSel{
		background-color: #c0d2ec;
}

.dtree .clip {
		overflow: hidden;
}

#treeOptions {
                float: right;
}

.dirname {
		font-family: Verdana, Tahoma, Trebuchet MS, Arial, sans-serif; 
		font-size: 10px;
		font-style: normal; font-weight: normal; 
		color: #470C0E; 
		line-height: 18px; 
		text-decoration: none;
}

a.dirname:link {
		color: #470C0E; 
		text-decoration: none;
}

a.dirname:active { 
		color: #470C0E; 
		text-decoration: none;
}

a.dirname:hover { 
		color: #470C0E; 
		text-decoration: none;
}

a.dirname:visited { 
		color: #470C0E; 
		text-decoration: none;
}


.star { 
		color: blue; 
}

#scroll {
		position:absolute;
		top:0;
		bottom:-0.1px;
		width:1em;
		z-index:-1;
}

#container {
		width: 1000px;
		padding: 0px;
		margin: 0px auto;
		/*voor centreren in IE*/
		text-align: left;
		min-height: 100%;
		height:auto; 
		height:100%; 
}


#header {
		width: 1000px;
		height: 150px;
}



/*-----MENU-----*/

.menuitem {
	  color: #003366;
	  background-color: #ffffff;
	  font-size: 1em;
	  height:18px;
	  line-height: 18px;
}

.menuitemHover {
	  color: #003366;
	  background-color: #ffffff;
	  font-size: 1em;
	  font-weight:bold;
	  height:18px;
	  line-height: 18px; 
}


#menu {
	height: 19px;
	background-color: #bc1220;
	padding: 2px 0px 0px 0px;
	text-align: left;
}

.menu  {
	color: #fff;
	font-family: Arial,sans-serif;
	  font-size: 1.2em;
	  font-weight: bold;
}

.menu a:link {
	color: #fff;
	text-decoration: none;
}

.menu a:visited {
	color: fff;
	text-decoration: none;
}
.menu a:hover {
	color: #fff;
	text-decoration: none;
}

.menu_hover {
	  color: #fff;
	  font-family: Arial,sans-serif;
	  font-size: 1.2em;
	  font-weight: bold;
}

.menu_hover a:link, .menu_hover a:visited, .menu_hover a:active {
	  color: #fff;
	  text-decoration: none;
}

.menu_hover a:hover {
	  color: #eee;
	  text-decoration: none;
}

.menu2 {
	color: #000;
	font-family: Arial,sans-serif;
	  font-size: 1em;
}

#menu2 {
	font-family: Arial,sans-serif;
	  font-size: 1em;
	  height: 16px;
	background-color: #e2e2e2;
	padding-top: 2px;
	  text-align: right;
	  padding: 2px 0px 0px 0px;
}

#menu2 a:link {
	color: #000;
	text-decoration: none;
}

#menu2 a:visited {
	color: #000;
	text-decoration: none;
}

#menu2 a:hover {
	color: #666;
	text-decoration: none;
}

.menu2_hover {	
	  color: #ffffff;
	font-family: Arial,sans-serif;
}

.menu2_hover a:link, .menu2_hover a:visited, .menu2_hover a:active {
	  color: #666;
	  text-decoration: none;
}

.menu2_hover a:hover {
	  color: #666;
	  text-decoration: none;
}


.splitter {
	  color: #ffffff;
}


#search {
	width: 150px;
}





/*-----REACTIONS-----*/

.reaction {
		width: 500px;
		padding:10px;
		margin: 0px 0px 10px 0px; 
		border: #e2e2e2 solid 1px;
		font-size: 1em;
		line-height: 140%;
		float: left;
}

#reactions {
		width: 520px;
		font-size: 1em;
		line-height: 130%;
		border-top: solid 1px #e2e2e2;
		padding-top: 5px;
		margin: 10px 0px 10px 0px;
		float: left;
}

.reactmessage {
		width: 440px;
		color: #000;
		font-size: 1em;
		font-weight: normal;
		float: left;
}


.reactionEditButtons {
		float: right;
                text-align: right;
		display: block;
                margin: 0px;
                padding: 0px;    
}

.reactionAuthor {
		width: 430px;
                float: left;
                text-align: left;
		display: block;
		border-bottom: 1px solid #e2e2e2;
}

.reactionSubject {
		width: 430px;
		margin: 10px 0px 0px 0px;		
                font-weight: bold;
		float: left;
		display: block;
}

.reactionMessage {
		width: 430px;
                float: left;
		margin: 6px 0px 0px 0px; 
}

.modifiedBy {
                width: 430px;		
		float: left;
                padding-top: 5px;
}

#reactionNew {
		width: 450px;
		font-size: 1em;
		line-height: 130%;
		padding-top: 5px;
		margin: 20px 0px 10px 0px;
		float: left;
}

#reactionEdit {
		width: 450px;
                float: left;
}

#reactionNew td {
		font-size: 1em;
		line-height: 130%;
}

#reactionEdit td {
		font-size: 1em;
		line-height: 130%;
}

#reactionEdit input, #reactionEdit textarea {
		width: 350px;
		border: 1px solid #993333;
}

#reactionEdit textarea {
		height: 100px;
}

#reactionEdit input.reactionCheckbox {
       width: 15px;
       border: 1px solid #993333;
}

#reactionEdit input.knop {
      width: 120px;
      background-color: #993333;
      color: #ffffff;
      border: 1px solid #993333;
}

/*-----FORM-----*/

input, textarea   {
		border: 1px solid #993333;
}

.bigField {
       width: 300px;
}

#profile {
       width: 480px;
}

.profile {
       width: 300px;
       border: 1px solid #993333;
}

#profile input.profileCheckbox {
       width: 15px;
       border: 1px solid #993333;
}

#profile input.knop {
      width: 110px;
      background-color: #993333;
      color: #ffffff;
      border: 1px solid #993333;
}

#profile td input {
       width: 300px;
}

#profile td textarea {
       width: 300px;
}


.Button {
       background: #993333;
       color: #ffffff;
       font: bold 11px/18px Arial, Verdana, "sans serif";
       cursor: pointer;
}

.Button a:hover {
       background: #ffffff;
       color: #993333;
       font: bold 11px/18px Arial, Verdana, "sans serif";
       cursor: pointer;
       border: 1px solid #993333;
}

.knop {
      background-color: #993333;
      color: #ffffff;
      border: 1px solid #993333;
}

.RedStar {
		color: #993333;
}

.chooseCategory {
      width: 600px;
      margin-bottom: 10px;
      border-bottom: 1px solid #e2e2e2;
}

.editNotes {
		width: 450px;
		padding:2px;
		margin: 0px 0px 5px 0px; 
		float: left;
}

/*-----GROUPS-----*/

.groupTable {
      width: 100%;
      padding: 2px;
      border: 0px;
}

#groupItem {
      width: 430px;
      border: 1px solid #e2e2e2;
      margin-bottom: 10px;
      padding: 3px;
}

#groupIcon {
      width: 50px;
      float: left;
      margin-bottom: 30px;
}

#groupName {
      font-size: 0.9em;
      line-height: 110%;
      font-weight: normal;
      color: #000;
}

#groupName a {
      font-size: 0.9em;
      line-height: 110%;
      font-weight: bold;
      color: #993333;
}

.userProfile {
      width:100%;
      padding: 2px;
}


/*-----FOOTER-----*/

#columnContainer {
      width:1000px;
      padding: 0px;
      margin: 0px;
      float: left;
}


#Footer {
		width: 1000px;
		height: 60px;
		padding: 0px;
		margin: 0px;
		color: #666;
		background: #e2e2e2;
                float: left;
}

#FooterText {
		margin: 0px 0px 0px 0px;
                padding-top: 8px;
                font-family: Verdana,Arial,"sans serif";
                font-size: 0.70em;
		line-height: 130%;
                text-align: center;

}

#Footer a:link {
		color: #ffffff;
}