/*
 * $Id: main.css 216 2009-10-16 14:17:34Z joris $
 */

input.text {
	height: 17px;
	width: 264px;
	border: 0;
	background-color: #E5EEF4;
}

input.searchButton {
	display: inline-block;
	height: 17px;
	width: 28px;
	border: 0;
	background: url('../images/pageLayout/searchWhite.gif') no-repeat right top #FFFFFF;
}

div#container {
	width: 960px;
	margin: 0 auto;
	color: #231f20;
}

div#header {
	float: left;
	clear: both;
	width: 940px;
	margin: 20px 20px 3px 0;
	position: relative;
	z-index: 100;
}

div#header img.headerImage {
	float: left;
	margin: 0 0 10px 0;
}

div.menu {
	float: left;
	width: 100%;
	background: url(../images/pageLayout/menu_bg.gif) no-repeat;
}

div.menu ul#mainMenu {
	float: left;
	height: 29px;
	margin: 0;
	padding: 0;
}

div.menu ul#mainMenu li {
	float: left;
	position: relative;
	list-style-type: none;
	padding: 5px 5px 0 4px;
	height: 24px;
}

div.menu ul#mainMenu li a {
	float: left;
	color: #FFFFFF;
	padding: 2px 5px;
	margin: 0 0 6px 0;
	text-decoration: none;
}

div.menu ul#mainMenu li a.itemOn,
div.menu ul#mainMenu li a:hover {
	color: #ee3128;
	background: #FFFFFF;
}

div.menu ul#mainMenu li ul {
	float: left;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 29px;
	left: 10px;
	background: red;
	width: 150px;
	background: url(../images/pageLayout/menu_sub_bg.gif) repeat-y;
	font-size: 0.9em;
}

div.menu ul#mainMenu li ul li {
	float: left;
	margin: 0;
	height: auto;
	width: 140px;
	padding: 3px 5px 3px 5px;
}

div.menu ul#mainMenu li ul li.first {
	background: url(../images/pageLayout/menu_sub_first_bg.gif) no-repeat top left;
}

div.menu ul#mainMenu li ul li.last {
	background: url(../images/pageLayout/menu_sub_last_bg.gif) no-repeat bottom left;
}

div.menu ul#mainMenu li ul li a {
	float: left;
	width: 90%;
	display: inline;
	margin: 0;
	padding: 4px 5%;
}

div.menu ul#mainMenu li ul li.first a {
	margin-top: 2px;
}

div.menu ul#mainMenu li ul li.last a {
	margin-bottom: 2px;
}

div.menu ul#mainMenu li ul li.hasSubChildren a.arrow {
	background: url(../images/pageLayout/menu_arrow.gif) no-repeat 98% 50%;
}

div.menu ul#mainMenu li ul li.hasSubChildren a.itemOn,
div.menu ul#mainMenu li ul li.hasSubChildren a.arrow:hover {
	background: #FFFFFF url(../images/pageLayout/menu_arrow_hover.gif) no-repeat 98% 50%;
}

div.menu ul#mainMenu li ul li.hasSubChildren ul li a.itemOn {
	background: #FFFFFF;
}

div.menu ul#mainMenu li ul li ul {
	top: 0;
	left: 100%;
}

div#header div.search {
	float: right;
	display: inline;
	height: 29px;
	overflow: hidden;
	margin: 0px 10px 0 0;
}

.formBlock {
	color: #000000;
}

.formBlock table tr td {
	min-width: 110px;
	width: auto !important;
	width: 130px;
}

.formBlock table tr td.formHeader {
	min-width: 110px;
	width: auto !important;
/*	width: 110px;*/
}

.formBlock table tr td.formHeader h3 {
	font-size: 1.2em;
	color: #000000;
	margin: 10px 0;
	font-weight: bold;
}

div#header div.search form {
	overflow: auto;
}

div#header div.search form span.query {
	float: left;
	margin-top: 5px;
}

div#header div.search form span.submit {
	float: left;
	margin-top: 5px;
}

div#header div.search form input.text {
	border: none;
	margin: 0px 5px 0 0;
	height: 17px;
	width: 180px;
	color: #939191;
	padding: 1px 10px;
	background: #FFFFFF;
}

div#header div.search form input.submit {
	background: url(../images/pageLayout/search.gif) no-repeat;
	border: none;
	padding: 0;
	height: 19px;
	width: 20px;
	cursor: pointer;
}

div#body {
	float: left;
	width: 940px;
}

div.breadCrumbs {
	margin: 0 0 5px;
}

div.breadCrumbs a {
	color: #5774a5;
	font-size: 0.8em;
}

div.breadCrumbs span.bcSeparator {
	color: #5774a5;
	font-size: 0.8em;
	padding: 0 3px;
}

div.bannerContainer {
	float: left;
	position: relative;
	width: 620px;
	height: 250px;
	overflow: hidden;
	z-index: 1;
	margin: 0 20px 20px 0;
}

div.bannerContainer div.banner {
	display: block;
	position: absolute;
	height: 250px;
	width: 100%;
	overflow: hidden;
	background-color: #fff;
	background-position: 50% 0%;
	background-repeat: no-repeat;
	z-index: 1;
}

div.bannerContainer div.banner div.bannerIndicators {
	overflow: auto;
	height: 10px;
	position: absolute;
	bottom: 15px;
	left: 10px;
}

div.bannerContainer div.banner div.bannerIndicators div.bannerIndicator {
	float: left;
	width: 10px;
	height: 10px;
	background: url(../images/pageLayout/bannerIndicatorOff.png) no-repeat;
	overflow: hidden;
}

div.bannerContainer div.banner div.bannerIndicators div.on {
	background: url(../images/pageLayout/bannerIndicatorOn.png) no-repeat;
}

div.bannerContainer div.banner a.bannerLink {
	position: absolute;
	width: 100%;
	height: 100%;
	text-decoration: none;
	z-index: 10;
}

div.bannerContainer div.banner div.bannerTitle {
	margin: 0 auto;
	color: #fff;
	padding-left: 21px;
	z-index: 1;
	letter-spacing: 0.08em;
}

div.bannerContainer div.banner div.bannerTitleBlue {
	color: #0d4c97;
}

div.bannerContainer div.banner div.bannerTitle h2 {
	position: relative;
	z-index: 1;
	font-size: 4.2em;
	margin: 0 0 0 0;
	width: 100%;
	text-shadow: 1px 1px 3px #444;
}

div.bannerContainer div.banner div.bannerTitle h3 {
	position: relative;
	z-index: 1;
	font-size: 2em;
	margin: 0.5em 0 0 0;
	font-weight: normal;
	text-shadow: 1px 1px 3px #444;
}

div.homePage {
	width: 960px !important;
}

div.homePage div.processedContent {
	float: left;
	width: 100%;
	margin: 0;
}

div.homePage div.block {
	float: left;
	display: inline;
	overflow: hidden;
	width: 300px;
	height: 250px;
	margin: 0 20px 20px 0 !important;
	overflow: hidden;
}

div.section div.block div.lightGray,
div.homePage div.block div.lightGray {
	background: #ededed;
}

div.section div.block div.lightOrange,
div.homePage div.block div.lightOrange {
	background: #fdf2e6;

}

div.section div.block h2,
div.homePage div.block h2 {
	margin: 1.2em 0 0.3em 0;
	font-family: Verdana;
	color: #0294d0;
	font-weight: normal;
	font-size: 1.3em;
}

div.section div.block div.contentTextTwoColumns,
div.homePage div.block div.contentTextTwoColumns {
	color: #000000;
	width: 100%;
	float: left;
	overflow: hidden;
	height: 47px;
	line-height: 1.4em;
	padding: 0;
}

div.section div.block div.contentTextTwoColumns p,
div.homePage div.block div.contentTextTwoColumns p {
	margin: 0;
}

div.section div.block div.contentHomeText,
div.homePage div.block div.contentHomeText {
	height: 225px;
	padding: 20px 15px 5px 15px;
	width: 270px;
	overflow: auto;
	overflow-x: hidden;
}

div.section div.block div.contentHomeTextText,
div.homePage div.block div.contentHomeTextText {
	height: 100px;
	padding: 20px 15px 5px 15px;
	overflow: auto;
}

div.section div.block div.last,
div.homePage div.block div.last {
	background-image: url(../images/pageLayout/block_separator.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

div.section div.block div.contentHomeText div.contentTextOneColumn,
div.section div.block div.contentHomeTextText div.contentTextOneColumn,
div.homePage div.block div.contentHomeText div.contentTextOneColumn,
div.homePage div.block div.contentHomeTextText div.contentTextOneColumn {
	color: #005696;
	padding-right: 12px;
	background: url(../images/pageLayout/arrow.gif) no-repeat 99% 100%;
	line-height: 1.4em;
}

div.section div.block div.contentHomeText p,
div.section div.block div.contentHomeTextText p,
div.homePage div.block div.contentHomeText p,
div.homePage div.block div.contentHomeTextText p {
	margin: 0;
}

div.section div.block div.contentHomeText h1,
div.section div.block div.contentHomeTextText h1,
div.section div.block div.contentHomeText h2,
div.section div.block div.contentHomeTextText h2,
div.homePage div.block div.contentHomeText h1,
div.homePage div.block div.contentHomeTextText h1,
div.homePage div.block div.contentHomeText h2,
div.homePage div.block div.contentHomeTextText h2 {
	margin-top: 0;
	margin-bottom: 5px;
	color: #005696;
	font-size: 1.4em;
	font-weight: normal;
}


div.homePage div.last {
	margin-right: 0px;
}

/*
 * Section page style
 */
div.sectionPage div.processedContent {
	float: left;
	width: 66%;
	margin-right: 2%;
	display: inline;
}

div.sectionPage div.section {
	width: 32%;
	float: right;
	margin-top: 20px;
	overflow: hidden;
}

div.sectionPage div.section div.block {
	margin-bottom: 20px;
	float: left;
	width: 300px;
	overflow: auto;
	overflow-x: hidden;
}

div.processedContent h1.documentTitle,
div.processedContent h2.documentTitle {
	font-size: 1.4em !important;
	margin: 0 0 8px 0 !important;
	line-height: 100% !important;
}

div#footer {
	float: left;
	width: 940px;
	margin: 10px 0 0 0;
}

div#footer div.menuAndCopyright {
	float: left;
}

div#footer div.menuAndCopyright ul.footerMenu {
	float: left;
	margin: 5px 0 2px 0;
	padding: 0;
}

div#footer div.menuAndCopyright ul.footerMenu li {
	float: left;
	list-style-type: none;
	margin: 0 10px 0 0;
}

div#footer div.menuAndCopyright ul.footerMenu li a {
	font-size: 0.9em;
	padding: 0 10px 0 0;
	color: #1a4184;
	background: url(../images/pageLayout/footer_menu_spacer.gif) no-repeat 100% 3px;
}

div#footer div.menuAndCopyright ul.footerMenu li.last a {
	background: none;
}

div#footer div.copyright {
	float: left;
	color: #5d5d5e;
	clear: both;
	margin: 5px 0;
}

div#footer div.logos {
	float: right;
}

/* Search markup */
div.searchInfo {
	margin: 10px 0;
}

table#searchResults {
	margin: 10px 0;
}

table#searchResults td.counter {
	padding: 0 5px 0 0;
}

table#searchResults td.description {
	padding-bottom: 10px;
}

table.searchNavigation td {
	padding-right: 5px;
}

.addthis_toolbox {
	margin-top: 15px;
	height: 29px !important;
	max-height: 29px !important;
	overflow: hidden !important;
}

.socialMediaButtons {
	float: right;
	margin-top: 100px;
}

.socialMediaButtons a {
	height: 31px;
	margin-left: 7px;
}

.addthis_button_facebook_like {
	width: 82px;
	overflow: hidden;
}

.groupRow {
	float: left;
	padding-right: 5px;
}

/**************************\
|*                        *|
|* Address Module Styling *|
|*                        *|
\**************************/

.addressModule {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
}

.addressModule label,
.organisationsSearchForm label {
	display: block;
	color: #ee3128;
	font-size: 0.85em;
	margin-bottom: 4px;
}

.addressModule h3 {
	color: #0093d0;
	font-size: 0.9em;
	font-weight: normal;
}

.addressModule p {
	margin: 0;
}

.addressModule.addressModuleSearch h3 {
	color: #000000;
	font-size: 0.9em;
	font-weight: normal;
	line-height: normal;
	margin: 0;
}

.addressModule .categoryCrumb{
	color: #0093d0;
	font-size: 1em;
}

.addressNavigationAndShareWrapper {
	display: block;
	position: relative;
	height: 2em;
}

.addressNavigationAndShareWrapper .defaultButton {
	position: absolute;
	display: inline-block;
	top: 37%;
	right: 0;
	font-size: 0.8em;
	color: #005696;
	font-weight: bold;
}
.addressNavigationAndShareWrapper .addthis_toolbox {
	display: inline-block;
}

table.addressList tr td {
	font-size: 0.9em;
	line-height: 1.8em;
	color: #000000;
	padding: 4px 10px 4px 20px;
	width: 280px !important;
}

table.addressList tr.oddCol {
	background-color: #FDF2E6;
}

.addressModuleTop {
	margin: 19px 0 21px;
}

.addressModule .psmPager {
	position: absolute;
	bottom: 0;
	right: 0;
}

.addressModule a {
	color: #000000;
}

.addressModule .psmButton.selected {
	text-decoration: underline;
}

.addressModule .searchBox,
.organisationsSearchForm .searchBox {
	margin-top: 20px;
}

.addressModule .category {
	display: inline-block;
	width: 263px;
	height: 222px;
	float: left;
	background: #E5EEF4;
	margin-bottom: 20px;
	padding: 15px 18px;
	font-size: 0.9em;
}

.addressModule .category.odd {
	margin-right: 18px;
}

.addressModule .category ul {
	list-style: none;
	padding: 10px 0 0 0;
	margin: 0;
	line-height: 2.3em;
}

.addressModule .category ul a {
	color: #231f20;
}

.addressModule .category ul a:hover {
	color: #ee3128;
}

.addressModule .category p {
	color: #005696;
}

.organisationsSearchForm {
	display: inline-block;
	float: left;
	margin-right: 18px;
	height: 252px;
	width: 299px;
	position: relative;
}

.organisationsSearchForm form {
	margin-top: 17px;
}

.organisationsSearchForm form label {
	margin-bottom: 9px;
}
.imageLinkBlock {
	display: inline-block;
	float: left;
	height: 272px;
/*	margin-bottom: 20px;*/
}

.categorySearch,
.categorySearchTop {
	font-size: 1.2em;
	color: #005696;
	font-weight: normal;
	margin: 0;
}

.categorySearchTop {
	margin-bottom: 13px;
}

.categorySearch {
	bottom: 0;
	position: absolute;
}

/***************************\
|*                         *|
|* Traditie Module Styling *|
|*                         *|
\***************************/

.traditieModule {
	position: relative;
	width: 620px;
}
.traditieModule .headerImg {
	width: 620px;
}

.traditieModule .content {
	display: block;
	width: 620px;
}

.traditieModule .content h2 {
	color: #0294d0;
	font-size: 2.5em;
	font-weight: normal;
	margin-top: 25px;
}

.traditieModule .content p {
	font-size: 1em;
	color: #231f20;
}

.traditieModule .organisation {
	background-color: #E5EEF4;
	width: 312px;
	padding: 10px 20px 14px 20px;
}

.traditieModule .organisation a {
	color: #005696;
	text-decoration: underline;
}

.traditieModule .organisation a:HOVER {
	color: #002848;
}

.traditieModule .organisation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

.traditieModule .organisation ul li .key {
	display: inline-block;
	width: 108px;
}

.traditieModule .searchResults {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	color: #231F20;
}

.traditieModule .searchResults li {
	margin-bottom: 25px;
}

.traditieModule .searchResults span {
	display: block;
}

.traditieModule .searchResults a {
	color: #231F20;
}

.traditieModule .searchResults a:HOVER {
	color: #005696;
	text-decoration: none;
}

.traditieModule .searchResults .itemHead a {
	color: #EE3128;
	text-decoration: underline;
	font-weight: bold;
}

.traditieModule .searchResults .itemHead a:HOVER {
	color: #005696;
	text-decoration: underline;
}

.traditieModule .searchResults .itemSummary p {
	margin: 0;
}

.traditieModule .psmPager {
	position: absolute;
	top: 0;
	right: 0;
}

.traditieModule .psmPager a {
	color: #231F20;
}

.traditieModule .psmButton.selected {
	text-decoration: underline;
}

.traditionSearchForm {
	color: #005696;
	font-weight: normal;
	margin: 0;
	height: 250px;
	overflow: hidden;
}

.traditionSearchForm form {
	margin: 0;
	padding: 0;
}

.traditionSearchForm input {
	margin: 0;
	padding: 0;
}

.traditionSearchForm label {
	display:block;
	margin-bottom: 9px;
	font-size: 0.85em;
	color: #EE3128;
	margin-top: 10px;
}

div.section div.block h2,
div.homePage div.block .traditionSearchForm h2,
.traditionSearchForm h2 {
	font-size: 1.2em;
	margin: 0;
}

/*****************************\
|*                           *|
|* Enquete formulier Styling *|
|*                           *|
\*****************************/

.enqueteForm form.psmForm .key {
/*	display: inline-block;*/
	display: block;
/*	clear: both;*/
	float: left;
	width: 110px !important;
	margin-bottom: 10px;
}

.enqueteForm form.psmForm .value {
	display: block;
	float: left;
}

.enqueteForm form.psmForm .keyLine {
/*	float: none;*/
/*	display: inline-block;*/
	width: 25px !important;
	min-width: 25px;
	max-width: 25px;
	padding: 0;
}

.enqueteForm form.psmForm .value .enqueteLine {
	width: 590px !important;
}

.enqueteForm form.psmForm .value textarea.enqueteLine {
	margin-bottom: 15px;
	margin-left: 25px;
	padding: 3px;
	width: 584px !important;
	height: 54px;
}

.textareaKey {
	margin-left: 25px;
}

.enqueteFormRequiredStatic {
	margin-top: 25px;
	margin-bottom: 35px;
	display: inline-block;
}

.enqueteFormBottomButtons {
	margin-top: 20px;
}

.header {
	font-size: 1.4em;
	color: #119ad3;
	margin-bottom: 15px;
	margin-top: 20px;
	display: block;
}

.enqueteFormHeader {
	color: #ee3128;
}

form.psmForm input.small {
	width: 8em;
}

form.psmForm input.tiny {
	width: 3.5em;
	margin-right: 20px;
}

.radio, .checkbox {
	vertical-align: middle;
}


/**************************\
|*                        *|
|* Enquete Module Styling *|
|*                        *|
\**************************/

.rButton {
	vertical-align: middle;
	height: 20px;
}

.rText {
	padding-right: 5px;
	height: 20px;
	vertical-align: middle;
}

.preOther {
	padding-right: 10px;
}

.option {
/*	width: 100% !important;*/
	margin-bottom:1px;
}

.contentQuestionnaire .enqueteLine {
	width: 590px !important;
}

.contentQuestionnaire textarea.enqueteLine {
	width: 584px !important;
	margin-bottom: 15px;
	margin-left: 25px;
	height: 54px;
	background: #e5eef4;
	border: none;
	margin: 2px 0 3px 0;
	padding: 3px;
}
.contentQuestionnaire .button {
    background: none repeat scroll 0 0 #CF201A;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    margin-top: 10px;
    padding: 1px 15px;
}

td.key {
	min-width: 25px;
	max-width: 25px;
	width: 25px;
}

.contentQuestionnaire input {
	width: 250px;
}

.contentQuestionnaire .key {
/*	display: inline-block;*/
	display: block;
/*	clear: both;*/
	float: left;
	width: 110px !important;
	margin-bottom: 10px;
}

.contentQuestionnaire .value {
	display: block;
	float: left;
}

.contentQuestionnaire input.small {
	width: 107px;
	padding-left: 0px;
	padding-right: 0px;
}

.contentQuestionnaire input.tiny {
	width: 47px;
	margin-right: 20px;
	padding-left: 0px;
	padding-right: 0px;
}

.contentQuestionnaire .required {
    color: red;
    font-size: 0.9em;
}