/******************************************************************************
 * STANDARD ELEMENTS - Styles for standard HTML elements
 ******************************************************************************/

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

body,
td {
	width: 100%;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
}

a {
	color: #215f92;
	text-decoration: none;
}
a:hover,
a:focus {
	text-decoration: underline;
}
h3 a {
	color: #666;
}

ul {
	list-style-type: none;
}
#content ul {
	list-style-type: square;
}

input, select, button, .button, label[for], a[href] { cursor: pointer; }


/******************************************************************************
 * GENERIC CLASSES - Classes that can be used everywhere
 ******************************************************************************/

.clear_both {
	clear: both;
	line-height: 0;
}

p {
	margin-bottom: 12px;
	line-height: 1.5;
}

.csc-header h2,
.project_title h2,
.home_left_header h2,
.welcome_header h2,
.home_right_header h2 {
	border-bottom: #bfd0e0 1px solid;
}

div.tx-bwpublications-pi1 div.item h3,
#right .news-latest-container .news-latest-item h3,
#left .submenu li {
	padding-left: 17px;
	background: url(../images/item.png) no-repeat 0 2px;
	color: #666;
	font-weight: normal;
}
.item p,
.news-latest-item p {
	padding: 5px 0 0 17px;
	font-size: .8em;
}
#left .submenu li ul {
	font-size: 1.1em;
	list-style: none outside none;
}
#left .submenu li ul li {
	font-weight: normal;
}

#home_leftmenu ul li {
	padding-left: 0;
	background-image: none;
	font-size: .8em;
}

#home_leftmenu ul li.expertisegebied {
	font-size: 1em;
}

#home_leftmenu ul ul {
	margin-bottom: 12px;
}

span.subtitle {
	display: block;
	font-size: .7em;
	font-style: italic;
}

#search {
	float: right;
}
.searchfield {
	padding: 5px 4px;
	border: 1px solid #bfbfbf;
	color: #666;
	font-size: 11px;
	font-style: italic;
}
.searchbutton {
	position: relative;
	top: 8px;
	margin: 0 7px;
}


/******************************************************************************
 * STANDARD DIVISIONS - The divisions that make up the layout of the page
 ******************************************************************************/

#container {
	margin: 0 auto;
	width: 1000px;
	background: #fff url(../images/bg_page.gif) repeat-y scroll top left;
	text-align: left;
}

#header {
	position: relative;
	margin-bottom: 20px;
	font-size: .8em;
}

#cab-logo {
	background: #004785;
	text-align: right;
}
#cab-logo a {
	display: block;
	padding: 12px 36px;
	background: #004785;
}

#secondary_menu {
	margin: 15px 0 12px;
	padding-right: 15px;
	text-align: right;
}

#mainmenu {
	margin-bottom: 12px;
	height: 39px;
	background-color: #f2f2f2;
}

#home_leftmenu {
	padding-bottom: 10px;
	height: 278px;
}

#welcome_image {
	padding-bottom: 10px;
	padding-top: 21px;
	height: 278px;
}

.home_right_firstbox {
	padding-bottom: 10px;
}

#breadcrumbs {
	clear: both;
	padding-left: 10px;
	height: 20px;
}

#main {
	margin-bottom: 12px;
	width: 100%;
}

#left {
	float: left;
	padding-right: 15px;
	width: 250px;
}

#content {
	float: left;
	padding-right: 15px;
	width: 465px;
}

#right {
	float: right;
	width: 250px;
}

#footer {
	clear: both;
	width: 100%;
	text-align: center;
}


/******************************************************************************
 * HEADER - Specific styles for the header
 ******************************************************************************/

#breadcrumbs {
	margin-bottom: .9em;
	color: #666;
	font-size: .7em;
}

#breadcrumbs a {
	color: #666;
}

/* Hide breadcrumbs on homepage */
body.page-4 #breadcrumbs {
	display: none !important;
}


/******************************************************************************
 * MAIN
 ******************************************************************************/

#main ul li.active {
	font-weight: normal;
}

#right,
#content,
#left {
	color: #666;
	font-size: .8em;
}

h1 {
	margin-bottom: 6px;
	border-bottom: 1px solid #bfd0e0;
	color: #215f92;
	font-size: 1.7em;
	font-weight: normal;
}

h2 {
	margin-bottom: 15px;
	padding-bottom: 6px;
	color: #333;
	font-size: 1.4em;
	font-weight: normal;
}

h3 {
	color: #333;
	font-weight: normal;
}


/******************************************************************************
 * MENU LAYOUT - The layout of the menu, submenu and other menu like lists
 ******************************************************************************/

#mainmenu ul li {
	float: left;
	height: 39px;
	line-height: 39px;
}

#mainmenu ul li a {
	display: block;
	padding: 0 20px;
	height: 39px;
	line-height: 39px;
	color: #004785;
	font-size: 14px;
	text-transform: uppercase;
}
#mainmenu ul li.current {
	background: #004785;
}
#mainmenu ul li.current a {
	display: block;
	padding-bottom: 4px;
	background: url(../images/arrow_down.png) no-repeat bottom center;
	color: #fff;
}

ul.secondary_menu {
 	margin-left: 10px;
}

#secondary_menu ul li {
	display: inline;
	padding-left: 15px;
}

#secondary_menu ul li a {
	color: #215f92;
}

#left ul.submenu {
	padding-left: 0;
}

#left ul.submenu ul {
	margin-bottom: 10px;
}

#left ul.submenu ul li {
	padding: 0 0 3px;
	background-image: none;
	font-size: .8em;
}

.sub_active {
	font-weight: normal;
}


/******************************************************************************
 * CONTENT COLUMN - Specific styles for the content column
 ******************************************************************************/

#content ul {
	padding-left: 20px;
	padding-bottom: 10px;
}

#mailform fieldset {
	border: 0;
}

#mailform fieldset label {
	display: block;
	clear: left;
	float: left;
	width: 150px;
}

#mailform fieldset input,
#mailform fieldset textarea {
	display: block;
	clear: right;
	float: left;
	width: 200px;
}

#mailform .csc-mailform-submit {
	position: relative;
	left: 355px;
	clear: both;
	margin-top: 20px;
	width: 100px;
}
#mailform fieldset textarea {
	width: 300px;
}

#mailform select#mailformGeslacht {
	float: left;
}

#right .csc-textpic {
	padding-top: 25px;
}


/******************************************************************************
 * Project
 ******************************************************************************/

.tx-bwprojectinfo-pi1 .project_left {
	float: left;
	width: 465px;
}

.tx-bwprojectinfo-pi1 .projectlist {
	padding-top: 30px;
}

.tx-bwprojectinfo-pi1 .projectlist_title {
	font-weight: bold;
}

.tx-bwprojectinfo-pi1 .project_left .project_public_description {
	width: 465px;
}

.tx-bwprojectinfo-pi1 .project_right {
	float: right;
	/*padding-top: 30px;
	width: 210px;*/
	width: 250px;
}

.tx-bwprojectinfo-pi1 .project_right .project_related_newsbox {
	padding-bottom: 20px;
}

.tx-bwprojectinfo-pi1 .project_right .project_related_projectsbox {
	padding-bottom: 20px;
}

.project_related_news,
.project_related_projects {
	font-weight: bold;
}

.tx-bwprojectinfo-pi1 .project_public_description {
	float: left;
	width: 580px;
}

.tx-bwprojectinfo-pi1 .project_right .project_related_newsbox {
	padding-bottom: 20px;
}

.tx-bwprojectinfo-pi1 .project_right .project_related_projectsbox {
	padding-bottom: 20px;
}

.tx-bwdossiers-pi1 .dossier_left {
	float: left;
	width: 580px;
}

.tx-bwdossiers-pi1 .dossier_left .dossier_public_description {
	float: left;
	width: 580px;
}

.tx-bwdossiers-pi1 .dossier_left .dossier_contact {
	padding-top: 20px;
}

.tx-bwdossiers-pi1 .dossier_right {
	float: right;
	padding-left: 20px;
	width: 110px;
}

.tx-bwdossiers-pi1 .dossier_right .dossier_related_newsbox,
.tx-bwdossiers-pi1 .dossier_right .dossier_related_projectsbox,
.tx-bwdossiers-pi1 .dossier_right .dossier_related_publicationsbox,
.tx-bwdossiers-pi1 .dossier_right .dossier_related_pagesbox {
	padding-bottom: 20px;
}


/******************************************************************************
 * Dossiers
 ******************************************************************************/

.tx-bwdossiers-pi1 .dossier_left {
	float: left;
	width: 500px;
}

.tx-bwdossiers-pi1 .dossier_left .dossier_public_description {
	float: left;
	width: 580px;
}

.tx-bwdossiers-pi1 .dossier_left .dossier_contact {
	padding-top: 20px;
}

.tx-bwdossiers-pi1 .dossier_right {
	float: right;
	padding-left: 20px;
	padding-top: 30px;
	width: 210px;
}

.tx-bwdossiers-pi1 .dossier_right .dossier_related_newsbox,
.tx-bwdossiers-pi1 .dossier_right .dossier_related_projectsbox,
.tx-bwdossiers-pi1 .dossier_right .dossier_related_publicationsbox,
.tx-bwdossiers-pi1 .dossier_right .dossier_related_pagesbox {
	padding-bottom: 20px;
}

.dossier_related_news,
.dossier_related_projects,
.dossier_related_publications,
.dossier_related_pages {
	font-weight: bold;
}


/******************************************************************************
 * Publications
 ******************************************************************************/

.tx-bwpublications-pi1 ul li {
	padding-bottom: 10px;
}


/******************************************************************************
 * Search form
 ******************************************************************************/

td.csc-searchResultRange {
	padding-bottom: 15px;
	width: 250px;
	text-align: left;
}

td.csc-searchResultPrevNext {
	width: 250px;
	text-align: left;
}

table.csc-searchform {
	clear: both;
	padding-top: 30px;
}

table.csc-searchform td.csc-form-labelcell,
table.csc-searchform td.csc-form-fieldcell {
	width: 150px;
	text-align: left;
}

p.csc-searchResult {
	padding-bottom: 15px;
}


/******************************************************************************
 * bwabminijoboffersext
 ******************************************************************************/

div.tx-bwabminijoboffersext-list-item {
	margin-bottom: 15px;
}
div.tx-bwabminijoboffersext-list-date {
	font-size: 10px;
	font-style: italic;
}
p.tx-bwabminijoboffersext-list-shortdescription {
	font-size: 12px;
}
div.tx-bwabminijoboffersext-single-date {
	font-size: 10px;
	font-style: italic;
}
div.tx-bwabminijoboffersext-single-rte {
	margin-bottom: 10px;
	font-size: 12px;
}
div.tx-bwabminijoboffersext-single-rte ul {
	margin: auto;
	list-style: disc inside none;
}
div.tx-bwabminijoboffersext-single-rte ul li {
	padding-left: 10px;
}


/******************************************************************************
 * bw_mijncab Main
 ******************************************************************************/

.project_list {
	margin: 8px;
	list-style-type: square;
}

.project_details {
	margin: 8px;
	list-style-type: none;
}

.project_details .project_document {
	height: 22px;
	vertical-align: top;
}

.links {
	margin-top: 30px;
	font-weight: bold;
}

.links span {
	padding-right: 30px;
}

.tx-bwmijncab-pi3 .project_document {
	background: url(../../images/download-icon.jpg) no-repeat top left;
	padding: 2px 2px 2px 25px;
}

.buttons {
	text-align: right;
}

.buttons input {
	border: 1px solid #215f92;
	color: #215f92;
	padding: 3px;
	background: #fff;
}


/******************************************************************************
 * bw_mijncab Upload form
 ******************************************************************************/

.form_upload fieldset {
	border: 0;
}

.form_upload fieldset legend {
	font-weight: bold;
	color: #215f92;
}

.form_upload fieldset label {
	float: left;
	margin: 4px auto;
	padding-right: 10px;
	width: 80px;
	text-align: right;
}

.form_upload fieldset input,
.form_upload fieldset textarea {
	margin: 4px auto;
	padding: 3px;
	width: 200px;
	border: 1px solid #215f92;
	font-size: 11px;
}


/******************************************************************************
 * bw_mijncab Messages
 ******************************************************************************/

.messages {
	width: 250px;
}

.message {
	margin: 8px auto;
	padding: 10px;
	border: 1px solid #ccc;
}

.message_title {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

.message_message {
	padding: 4px 0;
}

.message_date {
	font-style: italic;
}

#message_form {
	border: 0;
}

#message_form legend {
	font-weight: bold;
	color: #215f92;
}

#message_form label {
	float: left;
	margin: 4px auto;
	padding-right: 10px;
	width: 50px;
	text-align: right;
}

#message_form input,
#message_form textarea {
	margin: 4px auto;
	padding: 3px;
	width: 179px;
	border: 1px solid #215f92;
	font-size: 11px;
}

#message_form textarea {
	height: 70px;
}


/******************************************************************************
 * bw_simplecalender
 ******************************************************************************/

.bw_simplecalender .eventbox { padding-bottom: 20px; }
.bw_simplecalender .eventbox .event_title { font-weight: bold; }
.bw_simplecalender .eventbox .event_title,
.bw_simplecalender .eventbox .event_date,
.bw_simplecalender .eventbox .event_description { clear: both; }


/******************************************************************************
 * tx-indexedsearch
 ******************************************************************************/

.tx-indexedsearch .tx-indexedsearch-browsebox li { display: inline; margin-right: 5px; }
.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button { width: 100px; }
.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword { width: 150px; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top: 10px; margin-bottom: 5px; }
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-style: italic; font-weight: bold; }
.tx-indexedsearch .tx-indexedsearch-noresults { text-align: center; font-weight: bold; }
.tx-indexedsearch .tx-indexedsearch-res td.tx-indexedsearch-descr { font-style: italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color: red; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background: #eee; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top: 20px; margin-bottom: 5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead h2 { margin-top: 0; margin-bottom: 0; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead td { background: #ccc; vertical-align: middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color: #666; }
.tx-indexedsearch .tx-indexedsearch-category { background: #ccc; font-size: 16px; font-weight: bold; }
.tx-indexedsearch .res-tmpl-css { clear: both; margin-bottom: 2em; }
.tx-indexedsearch .searchbox-tmpl-css label { float: left; width: 60px; }
.tx-indexedsearch-search-submit { padding-left: 60px; }
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { float: right; margin-top: -1.2em; letter-spacing: 0; font-weight: normal; }
.tx-indexedsearch .info-tmpl-css dt,
.tx-indexedsearch dl.info-tmpl-css dd { float: left; }
.tx-indexedsearch .info-tmpl-css dd.item-mtime,
.tx-indexedsearch .info-tmpl-css dd.item-path { float: none; }
.searchbox-tmpl-css fieldset { border-style: none; }
.searchbox-tmpl-css fieldset legend { display: none; }


/******************************************************************************
 * tt_news
 ******************************************************************************/

.news-latest-container p.bodytext,
.news-list-item p.bodytext {
	margin-bottom: 0 !important;
	padding-bottom: 0;
}
.news-single-item .news-single-img { float: right; }
.news-left { float: left; padding-right: 15px; width: 465px; }
.news-right { float: right; width: 255px; }
.news-right div.news-single-img { padding-top: 38px;}
.news-right div.news-single-img img { float: right; padding-bottom: 20px; }

.news-list-item { margin-bottom: 1em; }


ul.submenu li {
	margin: .5em 0;
}

ul.submenu li a {
	color: #666;
}

ul.submenu li ul {
	margin-top: .2em;
}

ul.submenu li ul li {
	margin: 0;
}

ul.submenu li ul li a {
	color: #215f92;
	font-size: 1em;
}