.dropDownMenu {
	min-width: 160px;
	border: 1px solid #666;
}/*zwart*/

/*gemeenteblauw*/
/*lichtgrijs*/
/*achtergrondgeel*/
/*blauwgrijs*/
/*donkerpaars*/
/*donkerblauw*/
/*lichtblauw*/
/*haagsrood*/
/*bijna zwart*/
/*donkergrijs*/
/*lichtgrijs*/
/*xxxxxxxxxxxxxxxxx*/
/*wit*/
/* RESET */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ul,ol { list-style: none; }
li{list-style:none; padding:0px;}
caption,th{text-align:left;}
address { font-style:normal }
:link,:visited { text-decoration:none }
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}

/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small; /* for IE */
	*font:x-small; /* for IE in quirks mode */
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea {
	font:99% arial,helvetica,clean,sans-serif;
}

/**
 * To help tables remember to inherit
 */
table {
	font-size:inherit;
	font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0b1
build: 1163
*/
/*
*
* The YUI CSS Foundation uses the *property and _property CSS filter
* techniques to shield a value from A-grade browsers [1] other than
* IE6 & IE7 (*property) and IE6 (_property)
*
/
Section: General Rules
*/
body {
	/* center the page */
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
/*
Section: Page Width Rules (#doc, #doc2, #doc3, #doc4)
*/
/*
Subsection: General
*/
.ds-d0, /* 100% */
.ds-d1, /* 750px */
.ds-d1f, /* 750px fixed */
.ds-d2, /* 950px */
.ds-d2f, /* 950px fixed */
.ds-d3, /* 974px */
.ds-d3f, /* 974px fixed */
.ds-d4, /* 1000px */
.ds-d4f, .ds-dd { /* 1000px fixed */
	margin: auto;
	text-align: left;
	width: 57.69em;
	*width: 56.25em; /* doc1*/
}

.ds-t1,
.ds-t2,
.ds-t3,
.ds-t4,
.ds-t5,
.ds-t6,
.ds-tfw, .ds-tsl, .ds-tsr, .ds-ttc {
	margin: auto;
	text-align: left;
	width: 100%;
}

/*
Subsection: 100% (doc)
*/
.ds-d0 {
	/* Left and Right margins are not a structural part of Grids. Without them Grids
	works fine, but content bleeds to the very edge of the document, which often
	impairs readability and usability. They are
	provided because they prevent the content from "bleeding" into the browser's chrome.*/
	margin: auto 10px;
	width: auto;
}
.ds-d0f {
	width: 100%;
}

/*
Subsection: 950 Centered (doc2)
*/
.ds-d2 {
	width: 73.076em;
	*width: 71.25em;
}
.ds-d2f {
	width: 950px;
}
/*
Subsection: 974 Centered (doc3)
*/
.ds-d3 {
	width: 74.923em;
	*width: 73.05em;
}
.ds-d3f {
	width: 974px;
}
/*
Subsection: 1000 Centered
*/
.ds-d4, .ds-dd {
	width: 76.923em;
	*width: 75.0em;
}
.ds-d4f {
	width: 1000px;
}
/*
Section: Preset Template Rules (.ds-t[1-6])
*/
/*
Subsection: General
*/

/* to preserve source-order independence for Gecko without breaking IE */
.ds-b {
	position: relative;
}
.ds-b {
	_position: static;
}
.ds-main .ds-b {
	position: static;
}
.ds-main {
	width: 100%;
}
.ds-t1 .ds-main,
.ds-t2 .ds-main,
.ds-t3 .ds-main,
.ds-tsl .ds-main,
.ds-ttc .ds-main {
	float: right;
	/* IE: preserve layout at narrow widths */
	margin-left: -25em;
}

.ds-t4 .ds-main,
.ds-t5 .ds-main,
.ds-t6 .ds-main,
.ds-tsr .ds-main {
	float: left;
	/* IE: preserve layout at narrow widths */
	margin-right: -25em;
}

.ds-ttc .ds-main .ds-main {
	float: left;
	margin: auto;
	margin-right: -25em;
}

.ds-tfw .ds-main {
	float: left;
}

/* Subsection: For Specific Template Presets */

/**
* Nudge down to get to 13px equivalent for these form elements
*/

/*
TODO Create t1-6's that are based on fixed widths
*/
/* t1 narrow block = left, equivalent of 160px */
.ds-t1 .ds-b, .ds-tsl .ds-b, .ds-ttc .ds-b {
	float: left;
	width: 12.30769em;
	*width: 12.00em;
}
.ds-t1 .ds-main .ds-b, .ds-tsl .ds-main .ds-b, .ds-ttc .ds-main .ds-b {
	margin-left: 13.30769em;
	*margin-left: 12.975em;
}
/* t2 narrow block = left, equivalent of 180px */
.ds-t2 .ds-b {
	float: left;
	width: 13.84615em;
	*width: 13.50em;
}
.ds-t2 .ds-main .ds-b {
	margin-left: 14.84615em;
	*margin-left: 14.475em;
}
/* t3 narrow block = left, equivalent of 300px */
.ds-t3 .ds-b {
	float: left;
	width: 23.0769em;
	*width: 22.50em;
}
.ds-t3 .ds-main .ds-b {
	margin-left: 24.0769em;
	*margin-left: 23.475em;
}
/* t4 narrow block = right, equivalent of 180px */
.ds-t4 .ds-b, .ds-tsr .ds-b {
	float: right;
	width: 13.8456em;
	*width: 13.50em;
}
.ds-t4 .ds-main .ds-b, .ds-tsr .ds-main .ds-b {
	margin-right: 14.8456em;
	*margin-right: 14.475em;
}
/* t5 narrow block = right, equivalent of 240px */
.ds-t5 .ds-b {
	float: right;
	width: 18.4615em;
	*width: 18.00em;
}
.ds-t5 .ds-main .ds-b {
	margin-right: 19.4615em;
	*margin-right: 18.975em;
}
/* t6 narrow block = equivalent of 300px */
.ds-t6 .ds-b {
	float: right;
	width: 23.0769em;
	*width: 22.50em;
}
.ds-t6 .ds-main .ds-b {
	margin-right: 24.0769em;
	*margin-right: 23.475em;
}

.ds-tfw .ds-main .ds-b {
	margin-left: 2em;
	margin-right: 2em;
}
.ds-ttc .ds-main .ds-b {
	*height: 2em;
}
.ds-ttc .ds-main .ds-b .ds-b {
	float: right;
	height: auto;
	margin: auto;
	width: 12.30769em;
	*width: 12.00em;
}
.ds-ttc .ds-main .ds-main .ds-b {
	margin: auto;
	height: auto;
	width: auto;
	float: none;
	margin-right: 13.30769em;
	*margin-right: 12.975em;
}
.ds-main .ds-b {
	float: none;
	width: auto;
}

/*
Section: Grids and Nesting Grids
*/

/*
Subsection: Children generally take half the available space
*/

.ds-gb .ds-u,
.ds-g .ds-gb .ds-u,
.ds-gb .ds-g,
.ds-gb .ds-gb,
.ds-gb .ds-gc,
.ds-gb .ds-gd,
.ds-gb .ds-ge,
.ds-gb .ds-gf,
.ds-gc .ds-u,
.ds-gc .ds-g,
.ds-gd .ds-u {
	float: left;
}

/*Float units (and sub grids) to the right */
.ds-g .ds-u,
.ds-g .ds-g,
.ds-g .ds-gb,
.ds-g .ds-gc,
.ds-g .ds-gd,
.ds-g .ds-ge,
.ds-g .ds-gf,
.ds-gc .ds-u,
.ds-gd .ds-g,
.ds-g .ds-gc .ds-u,
.ds-ge .ds-u,
.ds-ge .ds-g,
.ds-gf .ds-g,
.ds-gf .ds-u {
	float: right;
}

/*Float units (and sub grids) to the left */
.ds-g div.first,
.ds-gb div.first,
.ds-gc div.first,
.ds-gd div.first,
.ds-ge div.first,
.ds-gf div.first,
.ds-g .ds-gc div.first,
.ds-g .ds-ge div.first,
.ds-gc div.first div.first {
	float: left;
}

.ds-g .ds-u,
.ds-g .ds-g,
.ds-g .ds-gb,
.ds-g .ds-gc,
.ds-g .ds-gd,
.ds-g .ds-ge,
.ds-g .ds-gf {
	width: 49.1%;
}

.ds-gb .ds-u,
.ds-g .ds-gb .ds-u,
.ds-gb .ds-g,
.ds-gb .ds-gb,
.ds-gb .ds-gc,
.ds-gb .ds-gd,
.ds-gb .ds-ge,
.ds-gb .ds-gf,
.ds-gc .ds-u,
.ds-gc .ds-g,
.ds-gd .ds-u {
	width: 32%;
	margin-left: 2.0%;
}

/* Give IE some extra breathing room for 1/3-based rounding issues */
.ds-gb .ds-u {
	*width: 31.8%;
	*margin-left: 1.9%;
}

.ds-gc div.first,
.ds-gd .ds-u {
	width: 66%;
	_width: 65.7%;
}
.ds-gd div.first {
	width: 32%;
	_width: 31.5%;
}

.ds-ge div.first,
.ds-gf .ds-u {
	width: 74.2%;
	_width: 74%;
}

.ds-ge .ds-u,
.ds-gf div.first {
	width: 24%;
	_width: 23.8%;
}

.ds-g .ds-gb div.first,
.ds-gb div.first,
.ds-gc div.first,
.ds-gd div.first {
	margin-left: 0;
}

/*
Section: Deep Nesting
*/
.ds-g .ds-g .ds-u,
.ds-gb .ds-g .ds-u,
.ds-gc .ds-g .ds-u,
.ds-gd .ds-g .ds-u,
.ds-ge .ds-g .ds-u,
.ds-gf .ds-g .ds-u {
	width: 49%;
	*width: 48.1%;
	*margin-left: 0;
}

.ds-g .ds-gb div.first,
.ds-gb .ds-gb div.first {
	*margin-right: 0;
	*width: 32%;
	_width: 31.7%;
}

.ds-g .ds-gc div.first,
.ds-gd .ds-g {
	width: 66%;
}

.ds-gb .ds-g div.first {
	*margin-right: 4%;
	_margin-right: 1.3%;
}

.ds-gb .ds-gc div.first,
.ds-gb .ds-gd div.first {
	*margin-right: 0;
}

.ds-gb .ds-gb .ds-u,
.ds-gb .ds-gc .ds-u {
	*margin-left: 1.8%;
	_margin-left: 4%;
}

.ds-g .ds-gb .ds-u {
	_margin-left: 1.0%;
}

.ds-gb .ds-gd .ds-u {
	*width: 66%;
	_width: 61.2%;
}
.ds-gb .ds-gd div.first {
	*width: 31%;
	_width: 29.5%;
}

.ds-g .ds-gc .ds-u,
.ds-gb .ds-gc .ds-u {
	width: 32%;
	_float: right;
	margin-right: 0;
	_margin-left: 0;
}
.ds-gb .ds-gc div.first {
	width: 66%;
	*float: left;
	*margin-left: 0;
}

.ds-gb .ds-ge .ds-u,
.ds-gb .ds-gf .ds-u {
	margin: 0;
}

.ds-gb .ds-gb .ds-u {
	_margin-left: .7%;
}

.ds-gb .ds-g div.first,
.ds-gb .ds-gb div.first {
	*margin-left:0;
}

.ds-gc .ds-g .ds-u,
.ds-gd .ds-g .ds-u {
	*width: 48.1%;
	*margin-left: 0;
}

.ds-gb .ds-gd div.first {
	width: 32%;
}
.ds-g .ds-gd div.first {
	_width: 29.9%;
}

.ds-ge .ds-g {
	width: 24%;
}
.ds-gf .ds-g {
	width: 74.2%;
}

.ds-gb .ds-ge div.ds-u,
.ds-gb .ds-gf div.ds-u {
	float: right;
}
.ds-gb .ds-ge div.first,
.ds-gb .ds-gf div.first {
	float: left;
}

/* Width Accommodation for Nested Contexts */
.ds-gb .ds-ge .ds-u,
.ds-gb .ds-gf div.first {
	*width: 24%;
	_width: 20%;
}

/* Width Accommodation for Nested Contexts */
.ds-gb .ds-ge div.first,
.ds-gb .ds-gf .ds-u {
	*width: 73.5%;
	_width: 65.5%;
}

/* Patch for GD within GE */
.ds-ge div.first .ds-gd .ds-u {
	width: 65%;
}
.ds-ge div.first .ds-gd div.first {
	width: 32%;
}

/*
Section: Clearing. zoom for IE, :after for others
*/

#bd:after,
.ds-g:after,
.ds-gb:after,
.ds-gc:after,
.ds-gd:after,
.ds-ge:after,
.ds-gf:after,
.ds-t1:after,
.ds-t2:after,
.ds-t3:after,
.ds-t4:after,
.ds-t5:after,
.ds-t6:after,
.ds-tfw:after, .ds-tsl:after, .ds-tsr:after, .ds-ttc:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#bd,
.ds-g,
.ds-gb,
.ds-gc,
.ds-gd,
.ds-ge,
.ds-gf,
.ds-t1,
.ds-t2,
.ds-t3,
.ds-t4,
.ds-t5,
.ds-t6,
.ds-tfw, .ds-tsl, .ds-tsr, .ds-ttc {
	zoom: 1;
}

#ft { clear: left; }

.elm, .b-head, .b-content {
	display: block;
	width: auto;
}body, table { 
	font-family: Tahoma, Verdana, Arial; 
	font-size: 11px;
	line-height: 140%
}

body {
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
}

.space { 
      padding: 2px; 
}

strong {font-style:normal;font-weight:bold;}
em {font-style:italic;}

p {
font-family: Tahoma, Lucida-grande, Verdana, Arial; 
margin-top: 5px;
font-size: 1.4em;
line-height: 140%;
color:#d8d8d8;

}

.fotobijschrift{
		font-family: Georgia;
		font-size: 1em;
		font-style: italic;
		color: #d8d8d8;
		line-height: 160%;
}

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

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

a:hover {
	color: #3c3c3c;
	text-decoration: none;
}

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

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

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

li a:hover {
	color: #3c3c3c;
	text-decoration: none;
}

h1 {
	color: #d8d8d8;
	font-family: Georgia, Verdana;
	font-size: 1.4em;
	line-height: 165%;
	padding: 0px 0px 10px 0px;
	font-weight: bold;
}

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

h1 a:hover {
	color: #d8d8d8;
	padding-top: 5px;
	text-decoration: underline;
}

h2 {
	color: #d8d8d8;
	padding: 0px 0px 4px 0px;
	font-size: 1.2em;
	font-weight: bold;
}

h2 a:link {
	color: #d8d8d8;
	text-decoration: none;
	font-weight: bold;
}

h2 a:hover{
	color: #d8d8d8;
	text-decoration: underline;
	font-weight: bold;

}

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

.bbGooglemap {

}

.bbImage {
margin-top: 30px;

}

.bbBijschrift {
width: 80%;
font-size: 1.2em;

}

.bbDate {
font-size: 1.2em;
font=color: #ffffff;

}

.bbCopyright {
font-size: 0.9em;
font-style: italic;

}.gallery {
	clear: both;
	width: auto;
	display: block;
	padding: 1px;
	margin: 0px;
	text-align: center;
}

.gallery .vignette {
	display: block;
	width: auto;
	height: 200px;
	border: 0px;
	margin: 2px 4px 8px 4px;
	padding: 0px;
	text-align: center;
}

.gallery .vignette p {
	height: 200px;
	min-height: 200px;
	margin: 0px;
	padding: 0px;
	vertical-align:middle;
	text-align: center;
}

.gallery .vignette img {
	border: solid #cccccc 2px;
	vertical-align:middle;
}

.gallery .content {
	clear: both;
	width: 100%;
	display: table;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.gallery .thumbnail, .gallery .content .ui-state-highlight {
	border: solid #aaa 1px;
	background-color:#eee;
	float: left;
	display: table-cell;
	width: 80px;
	height: 80px;
	line-height:80px;
	margin: 3px;
	padding: 4px;
	list-style-type: none;
	vertical-align:middle;
	text-align:center;
}

.gallery .content .ui-state-highlight {
	list-style-type: none;
}

.gallery .thumbnail p, .gallery .thumbnail a {
	margin: 0px;
	padding: 0px;
	vertical-align:middle;
	text-align:center;
	width: auto;
	display:block;
}

.gallery .thumbnail>p, .gallery .thumbnail>a {
	width: 80px;
	height: 80px;
	display: table-cell;
}

.gallery .thumbnail p {
	*position: relative;
}
.gallery .thumbnail a {
	*position: absolute;
	*left: 50%;
	*top: 50%;
}
.gallery .thumbnail p img {
	*position: relative;
	*left: -50%;
	*top: -50%;
}

.gallery .thumbnail img {
	padding:0; border: 0; margin: 0;
	vertical-align:middle;
	text-align:center;
}

.gallery .thumbnail:hover {
	background-color: #ccc;
}
.gallery .thumbnail:hover img {
	opacity: 0.7;
}

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

#container {
		width: 1000px;
		padding: 0px;
		margin: 0px auto;
		/*voor centreren in IE*/
		text-align: left;
		min-height:100%;
		height:auto;
		background-image: URL(fman/84.jpg); 
}

#headerStatic {
		width: 1000px;
		height: 105px;		
		background-image: URL(fman/81.jpg);
		background-repeat: no-repeat;
}

#headerFlash {
		width: 1000px;
		height: 208px;
		background-image: URL(fman/82.jpg);
		background-repeat: no-repeat;
}

#headerFlashcontent{
		padding: 88px 0px 0px 54px;

}


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

}

#maincontentFW {
		width: 970px;
		padding: 0px 0px 0px 0px;
		float: left;

}
/* hack \*/
* html #mainContentFW {
		width: 1000px;
}
/* end hack */

#mainContentContainer {
		background-image: URL(fman/84.jpg);
		float:left;
		width: 1000px;
		padding: 0px;
		margin: 0px;
}

#topContentContainer {
		width: 950px;
		padding: 10px 0px 10px 50px;
		margin: 0px;
		float: left;
		clear:right;
		height: 80px;
		background: #ffffff;
}
/* hack \*/
* html #topContentContainer {
		width: 1000px;
}
/* end hack */

#topContentA, #topContentB, #topContentC, #topContentD { 
		width: 210px;
		padding: 0px 7px 7px 7px;
		float: left;
		background: #ffffff;
}

#leftContent {
		float:left;
		margin: 0px 0px 0px 0px;
}

#leftContentInner {
		border-right: 8px solid #ffffff;
		width: 180px;
		padding: 0px 0px 0px 55px;
		margin: 0px 0px 0px 0px;
		float: left;}
/* hack \*/
* html #leftContentInner {
		width: 235px; 
}
/* end hack */


#leftContentHeader {
		width: 172px;
		background-color:;
		margin: 36px 0px 20px 0px;
		padding: 10px 4px 15px 4px;

		float: left;
/* hack \*/
* html #leftContentHeader {
		width: 180px; 
}
/* end hack */
}

#leftContentMain{

		width: 172px;
		margin: 0px 0px 20px 0px;
		padding: 4px;
		float: left;
/* hack \*/
* html #leftContentMain {
		width: 180px; 
}
/* end hack */
}

#leftContentFooter{

		width: 172px;
		margin: 0px 0px 0px 0px;
		padding: 4px;
		float: left;
/* hack \*/
* html #leftContentFooter {
		width: 180px; 
}
/* end hack */
}


#middleContent {

		width: 700px;
		margin: 0px 0px 0px 0px;
		float: left;}

#middleContentInner {

		width: 630px;
		padding: 0px 20px 10px 50px;
		margin: 10px 0px 0px 0px;
		float: left; }
/* hack \*/
* html #middleContentInner {
		width: 700px;
}
/* end hack */

#middleContentHeader {
		width: 100%;
		float: left;
}

#middleContentMain {
		width: 100%;
		margin: 20px 0px 0px 0px;
		float: left;

}

#middleContentFooter {
		width: 100%;
		clear: left;
		float: left;
}



#rightContent {
		float:left;
		width: 220px;
		margin: 0px 0px 0px 15px;
}

#rightContentInner {
		width: 210px;
		padding: 10px 10px 10px 0px;
		margin: 0px 0px 0px 0px;
		float: left; 
}
/* hack \*/
* html #rightContentInner {
		width: 220px; 
}
/* end hack */





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



#Footer {
		width: 1000px;
		height: 172px;
		padding: 0px;
		margin: 0px;
		color: #d8d8d8;
		background-image: URL(fman/86.jpg);
		float: left;
}

#FooterText {
		margin: 100px 0px 0px 0px;
		padding-top: 0px;
		font-size: 0.9em;
		line-height: 130%;
		text-align: center;
}

#Footer a:link {
		color: #ffffff;
}/*-----------MENU ITEMS (uitklapboxjes)-------*/

.menuitem { 
	color: #e52b39; 
	background-color: #ffffff; 
	height:20px; 
	line-height: 20px;
}
.menuitemHover { 
	color: #ffffff; 
	background-color: #e52b39; 
	height:20px; 
	line-height: 20px; 
}

.menuitem_Hor { 
	color: #e52b39; 
	background-color: #ffffff; 
	height:20px; 
	line-height: 20px; 
}

.menuitemHover_Hor { 
	color: #ffffff; 
	background-color: #e52b39; 
	font-weight:bold; 
	height:20px; 
	line-height: 20px; 
}

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

#menu {
	font-family: Arial, Verdana, Helvetica;
	font-weight: normal;
	text-align: left;
	float: left;
	font-size: 1.2em;
	color: #ffffff;
	line-height: 1.2em;

}

#menu .splitter {
	height: 1px;
}

.menu, .menu_hover {
	font-family: Tahoma, Verdana, Arial;;
	text-align: left;
	padding: 0px 20px 0px 5px;
	color: #ffffff;
}
.menu_hover {
	background-color: #3c3c3c;
	font-weight:bold;
}

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

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

.menu_hover a:hover, .menu_a:hover {
	color: #ffffff; 
	text-decoration: none;
}

.menu_active a {
color: #000000;
background-color:#cccccc;

	padding: 2px 2px 2px 2px;
}


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

.menu_sub, .menu_sub_hover {
	font-family: Tahoma, Verdana, Arial;;
	text-align: left;
	padding: 0px 20px 0px 20px;
	color: #ffffff;
}

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

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

.menu_sub_hover a:hover, .menu_sub a:hover {
	color: #ffffff; 
	text-decoration: none;
}
.menu_sub_hover {
	background-color: #3c3c3c;
	font-weight:bold;
}

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

.menu_sub2, .menu_sub2_hover {
	font-family: Tahoma, Verdana, Arial;;
	text-align: left;
	padding: 0px 20px 0px 40px;
	color: #ffffff;
}

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

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

.menu_sub2_hover a:hover, .menu_sub2 a:hover {
	color: #ffffff; 
	text-decoration: none;
}
.menu_sub2_hover {
	background-color: #e52b39;
	font-weight:bold;
}




/*-----------PATH-------*/

.path {
	background-color: #ffffff;
	color: #000000;
	width:880px;
	height: 12px;
	float:left;
	font-size: 0.8em;
	font-weight: normal;
	margin: 0px 0px 0px 60px;
}
/* hack \*/
* html .path{
	margin-left: 30px;
	width: 880px;
}

.path a, .path a:active, .path a:visited {
	  color: #000000;
	  text-decoration: none;
}

.path a:hover {
	  color: #ffffff;
}


/*-----------MENU2-------*/

#menu2 {
clear:both;
	height: 16px;
	padding-top: 2px;
	padding: 2px 54px 0px 0px;
	font-size: 1em;
}

.menu2 {
	height: 8px;
	color: #ffffff;
}


.menu2 a:link {
	color: #ffffff;
	text-decoration: none;

}

.menu2 a:visited {
	color: #ffffff;
	text-decoration: none;

}

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

.menu2_hover {	

	color: #ffffff; 

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

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

}

/*-----------MENU3-------*/

#menu3 {
	font-family: Verdana, Arial;
	text-align: left;
	float: left;
	font-size: 1.1em;
line-height: 180%;
}

.menu3, .menu3 p, .menu3 li {
	padding: 0px 0px 0px 5px;
	color: #ffffff;
	font-family: Arial;

	font-weight: normal;

}

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

.menu3 a:hover {
	color: #ffffff;
	text-decoration: none;
}

.menu3_hover, .menu3_hover p, .menu3_hover li {
	padding: 0px 0px 0px 5px;
	background-color: #e52b39;

	color: #ffffff; 

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

.menu3_hover a:hover {
	color: #ffffff; 
	text-decoration: none;
}

/*-----------MENU4-------*/

#menu4 {
	font-family: Arial;
	text-align: left;
	float: left;


}

.menu4, .menu4 p, .menu4 li {
	padding: 0px 0px 0px 5px;
	color: #ffffff;
	font-family: Arial;
	font-size: 1.3em;
	font-weight: normal;

}

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

.menu4 a:hover {
	color: #ffffff;
	text-decoration: none;
}

.menu4_hover, .menu4_hover p, .menu4_hover li {
	padding: 0px 0px 0px 5px;
	background-color: #e52b39;
	font-size: 1.3em; 
	color: #ffffff; 

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

.menu4_hover a:hover {
	color: #ffffff; 
	text-decoration: none;
}





.specialsContent {
margin: 0px 0px 0px 0px;
float:left;

}

/*------Special Item first---*/

.specialsFirst {
margin-top: 10px;
width:503px;
border: solid 1px #d8d8d8;
padding: 10px;
float:left;
background-color: #f7e1c4;
}
/* hack \*/
* html .specialsFirst {
width: 525px;
}
/* end hack */
}


.specialsFirstTitle {
font-size: 1.1em;
font-weight: bold;
color: #5c1e51;
margin: 0px 0px 0px 0px;
float:left;
}

.specialsFirstTitle a:link, .specialsFirstTitle a:visited, .specialsFirstTitle a:active {
font-size: 1.1em;
font-weight: bold;
color: #5c1e51;
text-decoration: none;
}

.specialsFirstTitle a:hover {
color: #ffffff;
text-decoration: none;
}

.specialsFirstContent {
margin: 5px 0px 0px 0px;
clear:left;
}

.specialsFirstContent img {
margin: 0px 8px 0px 0px;
}

/*------Special Items---*/

.specialsItem {
width: 235px;
margin: 10px 0px 0px 0px;
border: solid 1px #d8d8d8;
padding: 10px;
float: left;
background-color: #f7e1c4;
}
/* hack \*/
* html .specialsItem {
width: 257px;
}
/* end hack */

#specialsItem3, #specialsItem5, #specialsItem7, #specialsItem9 {
float:right;
}

#specialsItem2, #specialsItem4, #specialsItem6, #specialsItem8 {
clear:left;
float:left;
}

.specialsItemTitle {
font-size: 1em;
font-weight: bold;
color: #a5b8bd;
margin: 0px 0px 5px 0px;
clear: right;
}

.specialsItemTitle a:link, .specialsItemTitle a:visited, .specialsItemTitle a:active {
color: #5c1e51;
text-decoration: none;
}

.specialsItemTitle a:hover {
color: #5c1e51;
text-decoration: underline;
}

.specialsItemImg {
float:left;
padding-bottom: 5px;
}

.specialsItemText {
clear: both;
}/*-----EVENTS-----*/


#eventContainer {
		margin: 0px 0px 10px 0px;
		padding: 10px;
		float: left;
		background: #f7e1c4;
		border: 1px solid #d8d8d8;
}
#eventLinkContainer{
		margin: 10px 0px 0px 0px;
		width: 100%;
		background: #f7e1c4;
		border-top: solid 1px #d8d8d8;
}

.eventTitleContainer {
		background: #f7e1c4;
		color: #5c1e51;
}

.eventTitleContainer h2{
		color: #ffffff;
}

.eventTitleContainer h2 a:link, .eventTitleContainer h2 a:visited, .eventTitleContainer h2 a:active  {
		color: #5c1e51;
}

.eventTitleContainer h2 a:hover {
		color: #5c1e51;
		text-decoration: underline;
}


.eventTitle a {
		font-size: 1em;
		font-weight: normal;
		color: #5c1e51;
}
.eventTitle a:link {
		color: #5c1e51;
		text-decoration: none;
}
.eventTitle a:visited {
		color: #5c1e51;
		text-decoration: none;
}
.eventTitle a:hover {
		text-decoration: underline;
}
#eventCategories {
		font-weight: bold;
		float: left;
		padding: 0px 0px 5px 0px;

}
.eventCategories li {
		font-size: 1em;
		line-height: 130%;
}
.eventCategories a:link {
		color: #5c1e51;
		text-decoration: none;
}
.eventCategories a:visited {
		color: #5c1e51;
		text-decoration: none;
}

.eventCategories a:hover {
		color: #5c1e51;
		text-decoration: none;
}

#eventLinkContainer {
		float: left;
		text-align: right;
}
.eventLink {
		font-size: 1em;
		font-weight: normal;
		float: left;
}
#events		{
		float: left;
}

.eventItem {
		border-top: solid 1px #d8d8d8;
		padding: 5px 0px 5px 0px;
		clear:left;
}
.eventDate {
		font-size: 0.85em;
		line-height: 120%;
}
.eventText {
		color: #386a76;
		font-size: 1em;
		line-height: 130%;
}

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

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

#eventArchive {
		width: 430px;
		font-size: 1em;
		line-height: 140%; 
		float: left;
		font-size: 0.85em;
}
/* END EVENTS*/

.fmanknop {
		color:#ffffff; 
		background-color:#5c1e51; 
		border: 0px; 
		font-size: 1em;
		line-height: 130%;
}

.fmanknop_disabled {
		color:#ffffff; 
		background-color:#d8d8d8; 
		border: 0px; 

		line-height: 130%;
}


.dirname {
		font-size: 10px;
		font-style: normal; font-weight: normal; 
		color: #a5b8bd; 
		line-height: 18px; 
		text-decoration: none;
}

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

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

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

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



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


/*-----FORMS-----*/

form p { 
		font-size: 1em;
		margin: 5px 0px 5px 0px;
}


.inputBox   {
		font-size: 1em;
		float: left;
		border: 1px solid #d8d8d8;
		padding: 0px 0px 0px 0px;
}

.submitButton   {
		font-size: 1.4em;
		border: 1px solid #386a76;
		background-color: #d8d8d8;
}

.textarea {
		font-size: 1em;
		border: 1px solid #d8d8d8;
}

.bigField {
		width: 300px;
}

#profile {
		width: 480px;
}

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

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

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

#profile td input {
		width: 300px;
}

#profile td textarea {
		width: 300px;
}


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

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

fieldset { 
		padding: 0px 10px 5px 5px; 
}

.fl { 
		width: 9em; 
		float: left; 
		padding: 2px 5px; 
		text-align: right; 
}

.fr { 
		width: 6em; 
		float: left; 
		padding: 2px 5px; 
		text-align: right; 
}/*-----GROUPS-----*/

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

#groupItem {
      width: 430px;
      border: 1px solid #d8d8d8;
      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: #000000;
}

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

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


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

.reaction {
color: #d8d8d8;
		width: 430px;
		padding:5px;
		margin: 0px 0px 10px 0px; 
		border: #d8d8d8 solid 1px;
		font-size: 1em;
		line-height: 130%;
		float: left;
}

#reactions, #reactions p, #reactions td{
		width: 440px;
		font-size: 1em;
		line-height: 130%;
color: #d8d8d8;
		padding-top: 0px;
		margin: 5px 0px 5px 0px;
		float: left;
}

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


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

.reactionAuthor {
		padding-bottom: 4px;
color: #d8d8d8;
		width: 430px;
                float: right;
                text-align: right;
		display: block;
		border-bottom: 1px solid #d8d8d8;
}

.reactionSubject {
color: #d8d8d8;
		font-family: Verdana, Arial;
		width: 430px;		
                font-weight: bold;
		float: left;
		display: block;
}

.reactionMessage {
color: #d8d8d8;
		margin-top: 5px;
		width: 430px;
                float: left;
}

.modifiedBy {
color: #d8d8d8;
                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 #5c1e51;
}

#reactionEdit textarea {
		height: 100px;
}

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

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

/* NEWSTRACKER */

#newsContainer {
		background-color: #f7e1c4;
		float: left;
		margin: 0px 0px 10px 0px;
		padding: 10px;
		border: 1px solid #d8d8d8;
}
.newsTitleContainer {

		float: left;
		color: #5c1e51;
		padding: 0px 0px 0px 0px;
}

.newsItemContainer {
		width: 100%;
		clear: left;
		float: left;
		padding: 5px 0px 3px 0px;
		border-bottom: 1px solid #d8d8d8;	
}
.newsItem {
		float: left;
}
.newsTitle {
		color: #5c1e51;

}
.newsLink {
		font-weight: normal;
		float: left;

}
.newsDate {
		font-size: 0.9em;
		color: #386a76;
}


.newsText {
		float: left;
		font-size: 0.96em;
		color: #386a76;
		padding: 0px 0px 0px 0px;
	
}

.newsFotobox {
		width: 90px;
		float: left;
		margin: 0px 5px 0px 0px;
}



/*-----END NEWS-----*/
#jHelperTipContainer {
	min-width: 200px;
	max-width: 300px;
	padding: 3px;
	border:2px solid #999;
	background:#EEE;
	color:#000;
	text-align: left;
}

#jHelperTipContainer h2 {
	font-size: 1em;
	margin: 0px;
	padding: 0px 5px 2px 5px;
	text-decoration: underline;
}

#jHelperTipContainer p, .helperTip p {
	margin: 0px; 
	padding: 0px; 
}
.secStatusNode, .secOverviewFilter {
	width:98%;
	border:solid #ccc 2px;
	background-color: #fff;
	margin:5px 5px 2px 5px;
	padding:2px;
	float:left;
}

#dialog .secStatusNode, #dialog .secOverviewFilter {
	border: 0;
}

.secStatusNode table {
	margin-top: 10px;
}

.secStatusNode table tr {
	vertical-align: top;
}

.secStatusNode table td {
	font-size: 9px;
	text-align: center;
}

.secStatusNode table th {
	font-size: 10px;
	text-align: center;
	color: #000;
	font-weight: normal;
	border-top: solid #ccc 1px;
}

#dialog .secStatusNode table th {
	border-top: 0;
}

.secStatusNode .secDeny {
	background-color: #d12f19;
	color: #ffffff;
}

.secStatusNode .secAllow {
	background-color: #529214;
	color: #ffffff;
}

.secStatusNode .secNeutral {
	background-color: #dff4ff;
	color: #000000;
}

.secStatusNode .secMixed {
	background-color: #F5DA34;
	color: #000000;
}

.secStatusNode .secAccess td {
	border-top: solid #fff 2px;
}

.secProperties {
	color: #999999;
}

.secHelperTip {
	max-width: 240px;
	*width: 240px;
}

.secPath {
	border-bottom:solid #ccc 1px;
}.survey {
}

.survey h1 {
	clear: left;
}

.survey h2 {
	clear: left;
}

.survey input.numeric{
	width: 50px;
}
.survey input[type=radio], .survey .radio,
.survey input[type=checkbox], .survey .cb {
	border: 0px;
}

.survey .blob {
	clear: both;
	display: block;
}

.survey .question {
	border: 2px solid #ccc;
	width: auto;
	margin: 10px 5px 5px 5px;
	padding: 2px;
	clear: both;
	display: block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.survey .question .qst-head {
	clear: left;
	display: block;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}

.survey .question .qst-body {
	clear: left;
	display: block;
	padding: 2px 5px 4px 5px;
}

.survey .edit {
	float: right;
	padding: 2px;
}

.survey .qst-tip {
	float: right;
	padding: 2px;
}

.survey .question .qst-content {
	clear: left;
	display: block;
	width: auto;
}

.survey .qst-dropdown .qst-content,
.survey .qst-num .qst-content
{
	margin: 5px 5px 5px 10px;
}

.survey .qst-text .qst-content,
.survey .qst-rank .qst-content,
.survey .qst-scale .qst-content,
.survey .qst-constsum .qst-content {
	width: auto;
}

.survey .qst-scale .qst-content {
	margin: 5px 10px 5px 10px;
}

.survey .qst-scale .qst-content table {
	width: 100%;
}

.survey .qst-text input,
.survey .qst-text textarea {
	width: 95%;
	margin: 2px 5px 5px 10px;
}

.survey .qst-text .status {
	margin: 0px 5px 5px 10px;
	color: #009900;
	font-style: italic;
}
.survey .scale-slider {
	padding-left: 10px;
	padding-right: 10px;
}

.survey .ans-constsum input {
	width: 50px;
	padding-left: 4px;
	border: 0;
}

.survey .ans-constsum input:hover {
	width: 50px;
	padding-left: 4px;
	border: 0;
	background-color: #e5f2ff;
}

.survey .ans-constsum .ans-input {
	_width: 88px;
	border: 1px solid #999;
	padding: 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.survey .ans-constsum .ans-input img {
	margin:0 0 -3px 0 !important;
	padding: 0;
	width:16px;
	height:16px;
}

.survey .ans-constsum .caption {
	padding-left: 10px;
}

.survey .qst-constsum span.credits {
	font-weight: bold;
	font-size: 120%;
}
.survey .qst-constsum .negative {
	color: #900;
}
.survey .qst-constsum .positive {
	color: #090;
}
.survey .qst-constsum .status {
	padding: 2px 10px 2px 10px;
}

.survey .qst-sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; }
.survey .qst-sortable li { list-style:none; margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; height: 18px; }
.survey .qst-sortable li span { position: absolute; margin-left: -1.3em; }

.survey .qst-eval-elm-ok {
	border-left: solid 2px green;
	padding-left: 5px;
}

.survey .qst-eval-elm-nok {
	border-left: solid 2px red;
	padding-left: 5px;
}

.survey .qst-eval-elm .answers {
	margin: 5px 5px 0 5px;
}

.survey .qst-eval-elm .answers .qst-eval-ok {
	font-weight: bold;
	color: green;
/*	padding-left: 20px;
	background: url('/icons/tick.png') no-repeat left top;*/
}

.survey .qst-eval-elm .answers .qst-eval-nok {
	font-weight: bold;
	color: red;
}

.survey .qst-eval-elm .feedback {
	margin: 10px;
	font-style:italic;
}

.survey .qst-evaluate-score h2 {
	margin: 10px 0 0 0;
	padding: 2px 2px 2px 2px;
	border-bottom: solid #ccc 1px;
}
.survey .qst-evaluate-score p {
	font-size: 120%;
	margin: 2px;
	padding: 2px;
}

.survey .qst-eval .feedback-item {
	font-size: 120%;
	margin: 2px 2px 0 8px;
	padding-left: 20px;
	background: url('/icons/information.png') no-repeat left top;
}

.survey .qst-warning {
	border: 2px solid #e00;
}

.survey .buttons {
	margin-top: 20px;
}

.notification {
	border:3px solid #d55b5b;
	background-color:#ffcdcd;
	padding:5px;
}

.survey .answer {
	clear: left;
	display: block;
	width: auto;
	margin: 3px 5px 2px 5px;
}

.survey .answer input.radio {
	margin: 0px 5px 0px 0px;
}

.survey .answer label {
	cursor: pointer; cursor: hand;
}

.survey .nav {
	clear: both;
	float: left;
}

.elm-survey-nav .dtree {
	color: #999;
	font-weight: normal;
}

.elm-survey-nav .dtree a {
	color: #000;
	font-weight: bold;
}

.elm-survey-nav .dtree a.nodeSel {
	color: #ff4c2f;
	font-weight: bold;
}

#survey-pid-list {
	width: 95%;
}

.surveyo-noborder .question, .survey .qsto-noborder {
	background-color: inherit;
	border: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}

.surveyo-noborder .question .content, .survey .qsto-noborder .content {
	background-color: inherit;
}











.backend {
	background-color: #ffffff;	
	color: #000000;
	float: left;
	margin: 20px 20px 20px 20px;
	width: 950px;
	clear: left;
}

.backend h1 {
	font-size: 1.5em;
	font-weight: bold;
	margin: 10px;
}

.backend h2 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 10px;
}

.tableEdit {
	border-collapse: collapse;
	border-spacing: 0px;
}

.tableEdit td {
	background-color: #F9FBFD;
	border: 1px solid #D7E5F2;
	padding: 3px 2px 3px 8px;
	margin: 0px;
	text-align: left;
}

.tableEdit tr {
	vertical-align: top;
}

.backend input, .tableEdit td input, .tableEdit td select, .tableEdit td textarea {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #e5f2ff;
	color: #102132;
	border: 1px solid #284279;
	padding: 1px;
}

.backend input:focus, .tableEdit td input:focus, .tableEdit td select:focus, .tableEdit td textarea:focus {
	background-color: #ffffee;
	color: #000;
}

.tableEdit td input.cb,
.tableEdit td input[type=checkbox]{
	border: 0px;
	background-color: transparent;
	width: 16px;
	margin: 2px 5px -2px 5px !important;
}

.tableEdit tr.buttonbar,
.tableEdit tr.buttonbar td {
	border: 0px;
	background-color: transparent;
}

.tableEdit .fw {
	width: 98%;
}

.tableEdit input.btn {

}

.tableEdit textarea#body {
	background-color: #ffffff;
	color: #000000;
}

.tableEdit .splitter, .tableEdit .splitter td {
	background-color: #ffffff;
	color: #000000;
	border-left: 0px;
	border-right: 0px;
	height: 5px;
	padding: 0px;
}

.tableEdit td td {
	border: 0px; padding: 0px;
}

.tableEdit tr.th td, .tableEdit td.th,
.tableEdit th {
	padding: 3px 8px 3px 8px;
	background-color: #e5f2ff;
	color:  #102132;
	font-weight: bold;
}

.tableEdit .th .tc-state-ico, .tableEdit th .tc-state-ico {
	padding: 2px 5px 2px 2px;
	margin: 0px 0px 0px -5px;
}

.tableEdit .th input[type=checkbox], .tableEdit th input[type=checkbox] {
	padding: 2px 5px 2px 0px;
}
.tableEdit tr.fieldset {
	cursor: pointer;
}
.tableEdit tr.fieldset td:hover {
	background-color: #7892b7;
	color: #fff;
}
.tableEdit .tf td, .tableEdit .tf {
	background-color: #F9FBFD;
	padding: 2px 2px 2px 2px;
}

.tableEdit table.site-colors {
	width: 100%;
}

.tableEdit table.site-colors td {
	background-color: #F9FBFD;
	border: 1px solid #D7E5F2;
	padding: 2px 2px 2px 8px;
}

.backend #treeOptions {
	float: left;
	clear: both;
}
.backend input.numeric{
	width: 50px;
}
.backend td input.color{
	width: 60px;
	font-familiy: "Lucida Console", "Courier New", Courier, monospace;
}

.backend#fman h1 {
	margin: 0px 0px 0px 10px;
}

.backend #fmanHead {
	margin: 0px 5px 0px 5px;
}

#fmanBody {
	margin: 5px;
	border: 1px solid #D7E5F2;
}

#fmanBody tr {
	border: 1px solid #D7E5F2;
}

#fmanBody tr.ftr-up, #fmanBody tr.ftr-dir, #fmanBody tr.ftr-file {
	padding: 1px 2px 1px 3px;
	cursor: pointer;
}

#fmanBody tr.ftr-up:hover td, #fmanBody tr.ftr-dir:hover td, #fmanBody tr.ftr-file:hover td {
	cursor: pointer;
	background-color: #e5f2ff;
	color:  #102132;	
}

#fmanBody tr.selected td {
	background-color: #e5f2ff;
}

#fmanBody td.ftc-id {
	padding: 1px;
	width: 80px;
	white-space: nowrap;
}

#fmanBody td.ftc-id div {
	display: inline;
}

.reactionTableEdit {
	width:
}

/* relations */
#relationEdit ul {
	list-style-position: outside;
	list-style-type: disc;
}

#relationEdit {
	width: 98%;
	max-width:600px;
}

.relSortable td { height: 32px; }
.relSortable td span { position: absolute; margin-left: -1.3em; }
.ui-state-highlight { height: 32px; }


.backend .relDetailTable {
	width: 600px;
}

.backend .relDetailHead img {
	margin:0 0px -3px 0 !important;
	padding:0;
	border:none;
}

.tableEdit .relationTable tr {
	border: 0px;
}

.tableEdit .relationTable td {
	padding: 1px;
}

.tableEdit td .tablesorter {
	margin: 0;
	background-color: transparent;
}

/* survey */
table#editSurvey {
	float: left;
	clear: both;
}

#editSurvey .relationsEdit tr td, 
#surveyEditQuestion .relationsEdit tr td {
	padding: 2px; 
}

#surveyStateEdit .tableEdit .img-select .buttons a {
	clear: none;
}

.editSurveyAnsw {
	width:auto;
	display:block;
	border:solid #000 1px;
	margin:5px;
	padding:5px;
}

.editSurveyAnsw h3 {
	margin-top: 0px;
	padding-top: 0px;
	white-space: nowrap;
}

.editSurveyAnsw h3 input.name {
	width:50%;
	display:inline;
}

.editSurveyAnsw .AnswDim {
	margin: 0px;
	padding: 2px;
}

.editSurveyAnsw .aDetail {
	width: 100%;
}

.editSurveyAnsw .AnswDim input {
	text-align: right;
	padding-right: 5px;
}

/* image select */
.img-select .buttons a {
	margin: 5px;
}

.img-select .buttons a.img-btn-del {
	clear: left;
}

.img-select .thumbnail {
	text-align:center;
	border: 1px solid #000;
	float:left;
	margin:2px 10px 2px 0px;
	vertical-align: middle;
}

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

/* User management */
.group-item {
	display: block;
	width: auto;
	border: solid 1px #ccc;
	margin: 6px 2px 6px 2px;
	padding: 4px;
	max-width: 400px;
}

.group-icon {
	display: inline;
	margin-left: 8px;
}
.group-name {
	display: inline;
}

.group-desc, .group-link {
	clear: both;
	display: block;
	width: auto;
	margin-left: 16px;
}

.group-list {
	width: 98%;
}

.group-list tr {
	border-bottom: solid 1px #eee;
}

/*
#editTop {
 background-color: #F9FBFD;
 color: <color.backend.cell.text>;
 border: 1px solid #D7E5F2;
 border-collapse: collapse;
 width: 710px;
}

*/body {
         /*voor centreren in IE*/
        text-align:center;
}

.date a {
		line-height: 130%;  
}

.star { 
		color: #ffffff;
		font-size: 1.3em; 
}


#bcmsEditor {
		background-color: #ffffff;
		font-weight: bold;
}


.bcmsEditor {
		background-color: #ffffff;
		font-weight: normal;
}

.bcmsTitle, .bcmsTitle h1{
		width: 100%;
		font-size: 1.25em;
		line-height: 150%;
		color: #d8d8d8;
		clear: both;
		float: left;
}

.bcmsSubtitle, .bcmsSubtitle h1{
		width: 100%;
		clear: both;
		float: left;
		font-size: 1.26em;
		line-height: 140%;
		color: #d8d8d8;
		float: left;
		
}

#bcmsBody{
		font-family: Georgia, Verdana;
		clear: both;
		float: left;
		width: 100%;
		font-family: Georgia;
		font-size: 1.17em;
		color: #d8d8d8;
		line-height: 160%;
		margin: 0px 0px 20px 0px;
}

#bcmsBody p {
		font-family: Georgia, Verdana;
		font-size: 1.17em;
		color: #d8d8d8;
		line-height: 160%;
}

#bcmsBody table{
		font-family: Georgia;
		font-size: 1.11em;
		font-style: italic;
		color: #d8d8d8;
		line-height: 160%;
		margin: 10px 10px 10px 0px;
}

#bcmsBody a:link {
		font-family: Georgia;
		font-size: 1.19em;
		color: #3c3c3c;
		line-height: 160%;
}

#printAndmail {
		width: 100%;
		clear: both;
		float: right;

}

.linkedPages {
		font-family: Georgia, Times, Verdana;
		font-weight: normal;
		font-size: 1.2em;
		line-height: 160%;
		width: 100%;
		padding: 0px 0px 0px 0px;
		margin: 10px 0px 10px 0px;
		float: left;
}

.linkedPages li a:link, .linkedPages li a:visited, .linkedPages li a:active{
		font-family: Georgia, Times, Verdana;
		color:#3c3c3c;		
		font-weight: normal;
		font-size: 1.1em;
		text-decoration: none;
}

.linkedPages li a:hover {
		text-decoration: none;
		color:#d8d8d8;
}

#pageFooter {
		width: 500px;
		font-size: 0.8em;
		line-height: 130%;
		padding: 5px;
		margin: 10px 0px 10px 0px;
		clear: left;
		float: left;
		border: 1px solid #d8d8d8;
}




#pageNotes{		
		margin: 0px 0px 10px 0px;
}

#pageInfo {
		margin: 0px 0px 10px 0px;
}


#search {
	width: 150px;
}

#emailListContainer  {
		margin: 20px 0px 20px 0px;

}

#emailListContainer  p{
		margin: 20px 0px 20px 0px;

}

.react-nav {
	clear: both;
}



.poll {
	margin: 0px 0px 3px 0px;
}

#poll table{
	background-color: #f7e1c4;
	color: #000000;
	border: 0px solid ;
	border-collapse: collapse;
	margin: 0px 0px 3px 0px;
}

#poll td {
	background-color: ;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	line-height: 120%;
	border: 0px solid #5c1e51;
	padding: 2px;
	height: 8px;
	border-collapse: collapse;
}


.poll-question {
	font-family: Verdana, Arial, sans-serif;
	font-weight:normal;
	font-size: 1.17em;
}


#valueBar, #valueBar td{
	background-color: #123456;
	border: 1px solid #d8d8d8;
}/* ---GUESTBOOK--- */

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

#gbReactions a:link, #gbReactions a:active, #gbReactions a:visited{
		color: #3c3c3c;
}

.gb_content {
		font-size: 1em;
		line-height: 130%; 
		font-style: normal;  
		text-decoration: none; 
		color:#d8d8d8;}

#gbButton a {
		font-size: 1em; 
		color: #ffffff;   
		background: #2c2c2c;
		border: 1px solid #d8d8d8;
		margin: 10px 0px 10px 0px;
		padding: 2px;
		float: right;
}

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

.gbButton a:hover {
       color: #3c3c3c; 
       background:#3c3c3c; 
       text-decoration: none;
}

.gbMessage {
		width: 530px;
		padding:5px;
		margin: 0px 0px 10px 0px; 
		width:100%;
		border: #386a76 solid 1px;
		font-size: 1em;
		line-height: 150%;
		float: left;
}

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

.gbName {
		font-weight: bold;
		border-bottom: 1px solid #d8d8d8;
}

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

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

.gbSubject {
		color: #3c3c3c;
		font-weight: bold;
		clear: right;
		float: left;
		display: block;
}

.gbMessageText {
		clear: left;
}

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

.gbModifiedBy {
		color: #386a76;
		clear: left;
}

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

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

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

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


/* ---end GUESTBOOK--- *//*-----SUBSCRIBE-----*/


.subscribeInputBox   {
		font-size: 1em;
		width: 80px;
		float: left;
		border: 1px solid #d8d8d8;
		margin: 6px 10px 0px 0px;
}

#subscribeContainer {
		display: block;
		margin: 6px 10px 10px 0px;
		padding: 5px;
		float: left;
		background-color: #f7e1c4;
		border: 1px solid #d8d8d8;
}

#subscribeTitleContainer h2{
		display: block;
		color: #386a76;
		padding: 0px 0px 0px 0px;
}

.subscribe {
		font-size: 0.95em;
		color: #386a76;
}

.subscribe p {
		font-size: 1em;
		color: #386a76;
}


		input.send-btn {
		float:left;
		margin: 6px 0px 0px 0px;
		width: 66px;
		height: 15px;
		background: #333 url(/img/btn-send.gif) no-repeat;
		outline: none;
		border:0;
}
		input.send-btn:hover {
		background: #333 url(/img/btn-send.gif) no-repeat 0 -14px;
}


/*----------Custom velden---------*/

.customContainer {
		align: center;
		display: block;
		margin: 0px 0px 0px 0px;
		padding: 10px;
		background-color: ;
}

.custom {
		align: center;
		color: #386a76;
		font-family: Arial, Verdana;
		font-size: 0.7em;

}

.custom a:link, .custom a:visited, .custom a:active {
		font-weight:normal;
}

.custom a:hover {

		text-decoration: underline;
}
/*-----End Custom-----*/

/*  
    root element for the scrollable.  
    when scrolling occurs this element stays still.  
*/ 
div.scrollable { 
     
    /* required settings */ 
    position:relative; 
    overflow:hidden;
    width:820px;     
    height:90px;     
} 
 
/*  
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items {     
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;         
} 
 
/*  
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
} 
div.scrollable div.items div a:hover { 
    border-bottom: solid #e52b39 2px;
}
 
/* you may want to setup some decorations to active item */ 
div.items div.active { 
    border:1px inset #ccc;         
    background-color:#fff; 
}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;		
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(/img/arrow_left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(/img/arrow_right.png);
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/img/navigator.png) 0 0 no-repeat;     
	cursor:pointer;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	


/* BUTTONS */

#buttonBar {
    clear: left;
    float: left;
    margin: 20px 0px 20px 0px;
}

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

    font-family: Arial, sans-serif; 
    font-size:0.8em;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#464646;
    cursor:pointer;
    padding:3px 3px 3px 3px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:3px 3px 3px 3px; /* IE6 */
}
.buttons button[type]{
    padding:3px 3px 3px 3px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:3px 3px 3px 3px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0px 3px -3px 0px !important;
    padding:0px;
    border:none;
    width:16px;
    height:16px;
}
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;
}
button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.negative, button.negative{
    color:#d12f19;
}

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