*{
	margin: 0;
	padding: 0;
}

img{
	border: none;
}

body{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 12px;
	background: #e8d9a8;
}

#containerPicture{
	width: 100%;
	background: #f8f3e6;
	border-top: 5px solid #BF5D48;
}

#picture, #container{
	width: 960px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	background: #fff;
}

#picture{
	height: 165px;
}

a{
	color: #000;
	text-decoration: underline;
}

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

p{
	margin-bottom: 1em;
}

#header{
	padding: 15px 20px 15px 20px;
	height: 100%;
}

#logo{
	width: 300px;
	float: left;
}

#containerSearchNav{
	width: 620px;
	float: left;
}

#search{
	text-align: right;
}

#search .text input{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 12px;
	border: 1px solid #EFE5CB;
	background: #EFE5CB;
	padding: 1px;
	width: 140px;
}

#search .submit input{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	background: #EFE5CB;
	border: 1px solid #EFE5CB;
	font-size: 11px;
	padding: 1px;
	color: #000;
	margin-left: 0em;
}

#sitemap{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	font-size: 11px;
	position: absolute;
	top: 30px;
	left: 700px;
}

#sitemap a{
	color: #999;
	text-decoration: none;
}

/******************* nav */
.divider{
	color: #BF5D48;
}

#nav{
	width: 100%;
	float: left;
	padding-top: 17px;
}

#nav ul{
	list-style-type: none;
	text-align: right;
	font-weight: bold;
}

#nav li{
	display: inline;
	text-align: right;
	text-transform: uppercase;
}

#nav a{
	text-decoration: none;
	color: #BF5D48;
}

#nav a:hover, #nav a.selected{
	color: #D1B451;
}

/******************************************** */
#contentHome{
	background: url("../img/left_bg.gif") repeat-y top left;
	border-bottom: 5px solid #BF5D48;
	padding-bottom: 35px;
	height: 100%;
}

#contentHome #left{
	width: 435px;
	float: left;
	padding-top: 30px;
	margin: 0;
}

html>body #contentHome #left{
	*padding-top: 25px;
}

#contentHome #left #homeNav1{
	width: 180px;
	list-style-type: none;
	padding: 0 0 20px 35px;
	float: left;
}

#contentHome #left #homeNav2{
	width: 180px;
	list-style-type: none;
	margin: 0 0 20px 15px;
	float: left;
}

#contentHome #left #homeNav1 li a, #contentHome #left #homeNav2 li a{
	width: 180px;
	height: 54px;
	background: url("../img/homeNav_bg.gif") no-repeat top left;
	display: block;
	margin: 0 0 15px 0;
	text-decoration: none;
}

#contentHome #left #homeNav1 li a:hover, #contentHome #left #homeNav2 li a:hover{
	background: url("../img/homeNav_bg_over.gif") no-repeat top left;
}

#contentHome #left #homeNav1 li a span, #contentHome #left #homeNav2 li a span{
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 19px 5px 0px 5px;
	display: block;
	text-align: center;

}

#contentHome #left #homeNav1 li a:hover span, #contentHome #left #homeNav2 li a:hover span{
	color: #EFE5CB;
}

#contentHome #right{
	width: 525px;
	float: left;
	padding-top: 35px;
}

#agenda{
	width: 220px;
	background: #fff;
	float: left;
	padding: 0 20px 35px 30px;
	font-size: 11px;
}

#nieuws{
	width: 220px;
	background: #fff;
	float: left;
	font-size: 11px;
	margin-bottom: 35px;
}

#agenda h1, #nieuws h1{
	background: url("../img/homeRightH1.gif") no-repeat top left;
	width: 220px;
	font-size: 13px;
	color: #fff;
	font-weight: normal;
	height: 25px;
	padding: 4px 0 0 10px;
	margin-bottom: 6px;
}

#agenda h2, #nieuws h2{
	color: #BF5D48;
	font-size: 11px;
	padding: 0 5px;
}

#agenda p, #nieuws p{
	padding: 5px 0px 10px 0px;
	border-bottom: 1px solid #ccc;
	margin: 0 5px 0.5em 5px;
}

#agenda p.meer{
	text-align: left;
	border-bottom: 0;
}

#agenda p.meer a{
	color: #BF5D48;
}

#cvo{
	margin: 0 0 0px 35px;
	clear: both;
}

/**********************************************/
#content{
	background: url("../img/left_bg_content.gif") repeat-y top left;
	border-top: 5px solid #A282A3;
	border-bottom: 5px solid #A282A3;
	padding-bottom: 35px;
	height: 100%;
}

#content.functNav{
	border-top: 5px solid #BF5D48;
	border-bottom: 5px solid #BF5D48;
}

#left{
	width: 320px;
	float: left;
}

#left h1 a{
	background: url("../img/content_left_h1.gif") no-repeat top left;
	width: 280px;
	height: 50px;
	margin: 20px;
	display: block;
	text-decoration: none;
}

#left h1 a:hover{
	background: url("../img/content_left_h1_over.gif") no-repeat top left;
}

#left h1.functNav a{
	background: url("../img/functNav_left_h1.gif") no-repeat top left;
	width: 280px;
	height: 50px;
	display: block;
	text-decoration: none;
}

#left h1.functNav a:hover{
	background: url("../img/functNav_left_h1_over.gif") no-repeat top left;
}

#left h1 span{
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 15px 10px 0px 10px;
	display: block;
	text-align: center;
}

#subnav{
	list-style-type: none;
	margin: 0 20px;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
}

#subnav a{
	cursor: pointer;
}

#subnav li{
	margin-bottom: 5px;
}

#subnav li a{
	display: block;
	position: relative;
	border-width: 1px 0;
	border-color: #77b292;
	border-style: solid;
	color: #fff;
	text-decoration: none;
	margin: 0 1px;
}

#subnav li.page a{
	border-color: #a282a3;
}

#subnav.functNav li a{
	border-color: #bf5d48;
}

#subnav li a span{
	display: block;
	position: relative;
	margin: 0 -1px;
	border-width: 0 1px;
	border-color: #77b292;
	border-style: solid;
	background-color: #77b292;
	padding: 4px 6px;
}

#subnav li.page a span{
	border-color: #a282a3;
	background-color: #a282a3;
}

#subnav.functNav li a span{
	border-color: #bf5d48;
	background-color: #bf5d48;
}

#subnav li a:hover, #subnav li a.selected{
	border-color: #568c71;
	color: #fff;
}

#subnav li.page a:hover, #subnav li.page a.selected{
	border-color: #885e85;
	color: #fff;
}

#subnav.functNav li a:hover, #subnav.functNav li a.selected{
	border-color: #7f3d32;
	color: #fff;
}

#subnav li a:hover span, #subnav li a.selected span{
	border-color: #568c71;
	background-color: #568c71;
}

#subnav li.page a:hover span, #subnav li.page a.selected span{
	border-color: #885e85;
	background-color: #885e85;
}

#subnav.functNav li a:hover span, #subnav.functNav li a.selected span{
	border-color: #7f3d32;
	background-color: #7f3d32;
}

#subnav li.first{
	margin-top: 20px;
}

#subnav li.last{
	margin-bottom: 40px;
}

#extra{
	text-align: center;
	margin-bottom: 20px;
}

/****************************************************/
#subnav .category ul{
	list-style-type: none;
	background: #ddc278;
	width: 280px;
}

#subnav .category ul li{
	width: 240px;
	margin: 0;
	padding: 0px 0;
}

#subnav .category ul li.separator span.title{
	display: block;
	border-bottom: 1px solid #A282A3;
	background: #A282A3;
	width: 260px;
	font-size: 10px;
	text-transform: uppercase;
	padding: 5px 0 4px 0;
	padding-left: 20px;
}

#subnav .category ul li a{
	color: #4C354B;
	background: none;
	text-decoration: none;
	display: block;
	padding: 3px 0 4px 0;
	border: none;
}

#subnav .category ul li a:hover, #subnav .category ul li a.selected{
	color: #fff;
	background: #ddc278 url("../img/arrow.gif") no-repeat 10px 6px;
}

#subnav .category ul li a span{
	margin: 0 0 0 20px;
	padding: 0;
	display: block;
	width: 240px;
	background: none !important;
	border: none;
}

/*****************************************************/
#pictureContent{
	width: 640px;
	height: 90px;
}

#breadcrumb{
	background: #faf7ed;
	font-size: 10px;
	color: #666;
	padding: 4px 0;
}

#breadcrumb p{
	margin: 0 0 0 20px;
}

#breadcrumb a{
	color: #666;
}

#contentRight, #wysiwyg{
	margin: 20px 20px 40px 20px;
	color: #281E28;
	line-height: 1.4em;
}

body#wysiwyg{
	width: 640px;
	background: #fff;
}

#contentRight h1, #wysiwyg h1{
	font-size: 18px;
	color: #885E85;
	margin-bottom: 1em;
}

#contentRight.functNav h1{
	font-size: 18px;
	color: #BF5D48;
	margin-bottom: 1em;
}


#contentRight h2, #wysiwyg h2{
	font-size: 15px;
	color: #39b371;
	line-height: 1.3em;
	clear: both;
}

#contentRight.functNav h2{
	color: #BF5D48;
}

#contentRight.functNav h2 a{
	color: #BF5D48;
}

#contentRight .agenda h2{
	font-size: 11px;
	color: #BF5D48;
	line-height: 1.3em;
}

#contentRight .agenda h3{
	font-size: 12px;
	color: #BF5D48;
	line-height: 1.3em;
}

#contentRight .agenda{
	border-bottom: 2px solid #D1B451;
	padding-top: 1em;
}

#contentRight h3, #wysiwyg h3{
	font-size: 15px;
	font-weight: normal;
	color: #39b371;
	line-height: 1.3em;
	clear: both;
}

#contentRight.functNav h3{
	color: #BF5D48;
}

#contentRight ul, #wysiwyg ul{
	margin: 1em 0 1em 3em;
	list-style-image: url("../img/arrow_content.gif");
}

#contentRight .image, #wysiwyg .image{
	padding: 10px 15px 15px 0px;
}

#contentRight ol{
	margin: 1em 0 1em 3em;
	}

#right{
	width: 640px;
	float: left;
}

#right.sitemap ul{
	margin: 0 0 0 1.5em;
	font-weight: bold;
	line-height: 1.8em;
}

#right.sitemap ul li{
	margin: 0 0 1em 0;
}

#right.sitemap ul ul li{
	margin: 0em 0 0em 0;
}

#right.sitemap ul ul ul li{
	margin: 0em 0 0em 0;
}


#right.sitemap ul ul{
	margin: 0 0 0 1.5em;
	font-weight: normal;
	list-style-image: url("../img/arrow_sitemap.gif");
}

#right.sitemap ul ul ul{
	list-style-image: url("../img/arrow_sitemap2.gif");
	font-size: 11px;
}

/************************************************ TABLE ELEMENTS */
table{
	margin: 1em 0 2em 0;
	border: 2px solid #D1B451;
	border-collapse: collapse;
	padding: 5px;
}

table td{
	border-bottom: 1px solid #D1B451;
	border-right: 1px solid #D1B451;
	padding: 5px 10px 5px 5px;
}

tr.day{
	font-weight: bold;
	background: #faf7ed;
}

.time{
	color: #885E85;
	font-weight: bold;
}

th{
	background: #faf7ed;
	text-align: left;
	padding: 5px 10px 5px 5px;
	border-right: 1px solid #D1B451;
}

table.form{
	border: none;
}

table.form td{
	border: none;
}


/***********************************************/
#bottomNav{
	background: #fff;
	font-size: 11px;
	color: #000;
}

#bottomNav p{
	margin: 0;
	padding: 7px 10px 10px 10px;
	text-align: center;
}

#bottomNav a{
	color: #555;
}

/************************************************ FORMS */
form .input{
	margin: 0 0 12px 0;
}

fieldset{
	border: 0px dotted #faf7ed;
	background: #faf7ed;
	padding: 1em 2em;
	margin-bottom: 1em;
}

label{
	display: block;
	padding: 0 0 2px 0;
	color: #885E85;
}

label .note{
	color: #99c0cb;
}

input, textarea, select{
	font-family: Arial, sans-serif;
	font-size: 12px;
}

.text input, textarea{
	width: 400px;
	border: 2px solid #D1B451;
	padding: 3px;
}

select{
	width: 400px;
}

option{
	padding: 0 0 0 5px;
}

.checkbox{
	float: left;
	padding: 0 .5em 0 0;
	clear: left;
}

.radio input{
	float: left;
}

.radio label{
	padding: 0 0 0 1.5em;
	margin-bottom: 0.25em;
}

.horizontal .radio input{
	float: none;
}

.vertical .radio{
	display: block;
	clear: both;
}

.horizontal .radio label{
	display: inline;
	padding: 0 1em 0 0.25em;
}

.submit input{
	background-color: #faf7ed;
	border: 2px solid #D1B451;
	padding: 3px 10px;
	margin: 1em 0 0 0;
	font-weight: bold;
	color: #000;
	margin-left: 2em;
}

form abbr.required{
	border: none;
	color: #c02f36;
	font-size: 15px;
}

.input .error-message{
	color: #c02f36;
	font-size: 11px;
	margin: .25em 0 0 0;
}

.clear{
	clear: both;
}

/***********************************************/
#footer{
	font-size: 10px;
	color: #333;
	text-align: left;
	padding: 20px 10px 10px 10px;
	background: #e8d9a8;
}

#footer a{
	color: #333;
}

#unpublishedWarning{
	background: yellow;
	padding: 10px;
}

.tableStyle1{
	background-color: #FAF7ED;
	color: #BF5D48;
}

.tableStyle2{
	background-color: #FAF7ED;
	color: #885E85;
}

/******************************** fixes */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cake-debug{
	background: #fff;
	color: #000;
}

/* brocade */
span.catti { font-style: italic; }
span.cattisort { font-style: italic; font-weight: bold; color: #ff0000; }
span.catau { font-style: normal; }
span.catausort { font-style: normal; font-weight: bold; }
span.catca { font-style: normal; }
span.catcasort { font-style: normal; font-weight: bold; }
span.cated { font-style: normal; }
span.catim { font-style: normal; }
span.catco { font-style: normal; }
span.catnt { font-style: normal; }
span.catnr { font-style: normal; }
span.catre { font-style: normal; }
span.sortkey { font-weight: bold; color: #ff0000; }

div.sortkeyju { font-weight: bold; font-size: 120%; margin-bottom:1em; margin-top:2em;}
div.sortkeyaqb { font-weight: bold; font-size: 120%; margin-top:2em; margin-bottom:1em;}
div.sortkeyaqa { font-weight: bold; font-size: 140%; margin-top:3em; }

div.sortkeyjufirst { font-weight: bold; font-size: 120%; margin-bottom:1em;}
div.sortkeyaqbfirst { font-weight: bold; font-size: 120%; margin-top:2em; margin-bottom:1em;}
div.sortkeyaqafirst { font-weight: bold; font-size: 140%;}

div.catpk { font-style: normal; font-size: 80%; margin-left: 6%;}
div.catpkmarked { font-weight: bold; font-size: 80%; margin-left: 6%;}
div.catpkbz {font-style: italic; font-size: 80%; margin-left: 10%;}
div.catpkan {font-style: normal; font-size: 80%; margin-left: 10%;}
div.caturl { font-family: monospace; font-style: normal; font-size: 80%; margin-left: 6%;}
div.catrecc {margin-top: 1em;}
div.catreco {margin-top: 1em;}
div.catpkc {margin-top: 0.3em; }
div.catpko {margin-top: 0.3em;}
div.header { font-weight: bold; font-size: 140%; margin-bottom:2em; }
div.subheader { font-weight: bold; font-size: 120%; margin-bottom:2em; }




/*------------------------------------------------------*/




#tblContainer{
	padding: 0 0 0 30px;
	margin: 0;
	}
	
		
#TablehomeNav1{
	width: 190px;
	border: 0;
	float: left;
	margin: 0;
	padding: 0;
	}
	
#TablehomeNav2{
	width: 190px;
	border: 0;
	float: left;
	margin: 0;
	padding: 0;
	}	
	
#TablehomeNav1 tr, #TablehomeNav2 tr{
	
	}
		
#TablehomeNav1 td, #TablehomeNav2 td{
	text-align: center;
	background:url("../img/homeNav_bg.gif") no-repeat center center;
	padding:5px 5px 5px 5px;
	border: 0;
	height: 54px;
	/*
	width: 180px;
	height: 100%;

	vertical-align: middle;
	
	
	*/
	}	

html>body #TablehomeNav1 td, html>body #TablehomeNav2 td{
	height: 62px;
	}

#TablehomeNav1 td a, #TablehomeNav2 td a{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	/*
	width: 180px;
	height: 54px;
 	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;	
	*/
	}	

html>body #TablehomeNav1 td a, #TablehomeNav2 td a{
	/*display: table-cell;*/
	}
	
#TablehomeNav1 td a:hover, #TablehomeNav2 td a:hover{
	/*background:url("../img/homeNav_bg_over.gif") no-repeat scroll left top transparent;*/
		text-decoration: underline;
	color: #efe5cb;
	}	
		
#TablehomeNav1 td a span, #TablehomeNav2 td a span{
	/*
	font-size: 13px;
	color: #fff;
	vertical-align: middle;
	display: block; 
	*/
	}	

#TablehomeNav1 td a:hover span, #TablehomeNav2 td a:hover span{
	/*
	font-size: 13px;
	color: #efe5cb;
	vertical-align: middle;
	display: block; 
	*/
	}	
	

#departmentTitle{
	width: 280px;
	margin: 20px;
	border: 0;
	padding: 0;
	}

#departmentTitle td{
	text-align: center;
	padding:0px 5px 5px 5px;
	border: 0;
	background: url("../img/content_left_h1.gif") no-repeat top left;
	width: 280px;
	height: 50px;
	}	

#departmentTitle td a{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	}		
	
#departmentTitle td a:hover{
	text-decoration: underline;
	color: #efe5cb;
	}