/*
	TABLE OF CONTENTS:
	- Browser reset		Removes most browser differences
	- HTML elements		Styling of tags
	- Generic content	Styling for text created with rich text editors
	- Main containers	Styling of all containers and its content
	- Form				All styling of forms
	- General			Styles that are not confined to a specific container
	- Page				All style resets that start with "body.ClassName"
	- CMS				Styles that are used in the page editor of the CMS
	- Hacks				Mainly Firefox hack
	- Print				Extra styling in case the page is printed
 */






/*
 * Begin browser reset
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0
}
html {
	height:100%;
	overflow:-moz-scrollbars-vertical;
	overflow-x:auto
}
table {
	border:0;
	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
}
em,cite {
	font-style:italic
}
strong {
	font-weight:bold
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	margin:0;
	padding:0
}
q:before,q:after {
	content:''
}
abbr,acronym {
	border:0
}

/*
 * End browser reset
 */






/*
 * Begin HTML elements
 */

body {
	background:#B6D4E0 url(/Images/bg_grass.jpg) fixed center bottom no-repeat;
	
}

body,
input,
select,
textarea {
	color: #6E6459;
	font: normal 13px/20px Arial, Helvetica, sans-serif;
}

a:link,
a:hover,
a:active,
a:visited {
	color: #4C8F22;
	font-weight: bold;
	text-decoration: none;
}
a:hover,
a:focus {
	text-decoration: underline;
}

p {
	margin: 0 0 1em 0;
}

ul,
ul li,
ol,
ol li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/*
ul li {
	padding: 0 0 0 10px;
	background: url(/images/li-background.gif) 0 0.8em no-repeat;
}

ol {
	padding: 0 0 0 40px;
	list-style-type: none;
	list-style: decimal;
}
*/
/*
 * End HTML elements
 */






/*
 * Begin generic content
 */

*.genericContent p,
*.genericContent ul,
*.genericContent ol {
	margin: 0 0 1em 0;
}

*.genericContent h1 {
}

*.genericContent h2 {
}

*.genericContent h3 {
}

*.genericContent h4 {
}

*.genericContent h5 {
}

*.genericContent h6 {
}


*.genericContent img[align="left"] {
	margin: 4px 10px 0 0;
}

*.genericContent img[align="right"] {
	margin: 4px 0 0 10px;
}

div.contentContainer H1,
div.contentContainer H2 {
    color:#4C8F22;
    font-weight:bold;
    font-size:18px;
    padding-bottom:3px;
    text-decoration:none;
}

div.contentContainer h2 {
    padding-bottom:0;
    color:#4C8F22;
    font-weight:bold;
}

div.contentContainer H3 {
    color:#4C8F22;
    font-weight:bold;
}

div.mainCol H2 {
    font-size:12px;
}

H2.linkElementTitle,
H2.blockHeader,
div.mainCol p.sf_eventTitle,
div.mainCol p.sf_newsTitle {
    font-size:18px !important;
}

div.mainCol li {
    padding-left:10px;
    background:url(/Images/li_general.png) 2px 8px no-repeat;
}

div.verleiderContainer li,
div.mainCol li.newsItem,
div.mainCol li.eventItem {
    padding:0;
    background:none;
}

/*
 * End generic content
 */

 
 
 
 
 
/*
 * Begin main containers
 */

div.containerMain {
	position: relative;
	margin: 0 auto 0 auto;
	width: 993px;
	min-height: 0;
}
* html div.containerMain {
	height: 0;
}



/* HEADER */
div.headerContainer {
    height:277px;
    padding:0 13px;
    background:url(/Images/bg_header.png) no-repeat;
}



/* topmenu */
div.topmenu {
    height:28px;
    padding:4px 0;
    color:#007EA8;
}

div.topmenu a {
    color:#007EA8;
}

div.topmenu div.menuContainer {
    margin:0;
    padding:3px 15px 0 0;
    height:27px;
}

div.topmenu div.zoekBoxContainer {
    margin:0;
    padding:0;
    height:28px;
}

div.topmenu div.zoekBoxContainer input.sf_searchText {
    color:#007EA8;
    font-weight:bold;
}

div.topmenu div.zoekBoxContainer input.sf_searchSubmit {
    text-indent:-9999px;
    width:21px;
    height:24px;
    background:url(/Images/submitbutton_search.png) 0 3px no-repeat transparent;
    cursor:pointer;
    border:none;
}


/* footermenu */
div.footermenu {
    padding:0; 
    padding-right:10px;
    color:#4c8f22;
}



div.headerImg {
    height:196px;
    background:url(/Images/bg_headerDefault.jpg) 0 0 no-repeat;
}

div.clickableLogo a {
    display:block;
    width:247px;
    height:196px;
    background:url(/Images/logo.png) 0 0 no-repeat;
    position:absolute;
    top:36px;
    left:13px;   
}

div.filmButton a {
    display:block;
    width:221px;
    height:254px;
    background:url(/Images/filmbutton_header.png) 0 0 no-repeat;
    position:absolute;
    top:36px;
    left:724px; 
}

div.imageContainer {
    width:967px;
    height:196px;
    overflow:hidden;
}
body.Home div.imageContainer {
    overflow:visible;
}

div.headerMenu {
    height:40px;
    background:url(/Images/bg_headermenu.png) 0 0 repeat-x;
    padding-left:23px;
    padding-top:10px;
}

body.Home div.headerContainer {
    height:336px;
    padding:0 13px;
    background:url(/Images/bg_header_home.png) no-repeat;
}

body.Home div.headerImg {
    height:254px;    
}

body.Home div.clickableLogo a {
    height:239px;
}


body.UnderConstruction div.contentBlock {
    padding-left:15px;
}
body.UnderConstruction H2.blockHeader {
    margin-left:0 !important;
}
body.UnderConstruction H4 {
    font-size:10px;
}

/* MAINCONTAINER */
div.breadcrumb {
    height:22px;
    padding:4px 40px 0 40px;
    background:url(/Images/bg_breadcrumb.png) 0 0 no-repeat;
    text-align:right;
}

div.contentContainer {
    padding:0 37px;
    background:url(/Images/bg_contentcontainer.png) 0 0 repeat-y;
    min-height:0px;
}

body.Subpage div.contentContainer {
    padding:0 37px 0 14px;
    background:url(/Images/bg_contentcontainer_subpage.png) 0 0 repeat-y;
}

div.mainCol {
    width:600px;
    overflow: hidden;
}

body.Subpage div.mainCol {
    width:680px;
    overflow: hidden;
}

div.subCol {
    width:294px;
}

body.Subpage div.subCol {
    width:232px;
}

body.Subpage div.subMenu {
    margin-top:-20px;
    padding-top:20px;
    min-height:300px;
    background:url(/Images/bg_submenu.jpg) 0 0 no-repeat;
}

div.footer {
    height:60px;
    padding-top:20px;
    padding-left:30px;
    background:url(/Images/bg_footer.png) 0 top no-repeat;
}
body.Subpage div.footer {
    background:url(/Images/bg_footer_subpage.png) 0 0 no-repeat;
}

div.contactForm div.formFeedback {
	font-size: 1.1em;
	font-weight: bold;
}

div.contactForm div.formFeedback a {
	font-weight: normal;
}

div.contactForm div.formFeedbackSuccess p:first-child {
	color: #179a0d;
}

div.contactForm div.formFeedbackFailure p:first-child {
	color: #ea0000;
}



/* topContent */
div.topContent {
    padding-top:20px;
    min-height:0;
}

/* bottomContent */
div.bottomContent {
    padding-top:20px;
    min-height:0;
}


/* contentBlock rechts */
div.subCol div.contentBlock {
    border-top:1px solid #007AA5;
    background:url(/Images/bg_gradientblue.png) 0 0 repeat-x;
    color:#6E6459;
    margin-bottom:15px;
}

div.subCol H2.blockHeader {
    margin:37px 0 0 7px;
    padding-left:20px;
    font-size:18px;
    color:#007AA5; 
    background:url(/Images/contentblock_h2arrow.png) 0 5px no-repeat;
}

div.subCol div.contentBlock H2 a { 
    color:#007AA5;
    text-decoration:none;    
}

div.subCol div.contentBlock H2 a:hover {
    color:#007AA5; 
    text-decoration:underline;
}

div.subCol div.contentBlock ul li {
    font-weight: normal;
}

div.subCol div.contentBlock li p {
    padding:0;
    margin:0;
}

div.subCol div.contentBlock li a {
    padding-left:23px;
    margin-bottom:3px;
    display:block;
    width:271px;
    height:24px;
    text-decoration:none;
    font-weight:normal;
    color:#6E6459;   
    background:transparent url(/Images/li_contentblock.png) 7px 7px no-repeat;
}

div.subCol div.contentBlock li a:hover {
    background:#E2F0F5 url(/Images/li_contentblock.png) 7px 7px no-repeat;
}

div.subCol div.contentBlock div.defaultFormHolderNewsletter fieldset {
    padding:0 23px;
    width:245px;
}

div.subCol div.contentBlock fieldset input.text {
    width:190px;
}

div.subCol ol.sf_eventsList {
    min-height:0;
}
div.subCol ol.sf_eventsList li {
    float: left;
    width:100%;
}

div.subMenu div.contentBlock div.defaultFormHolderNewsletter fieldset {
    padding:0 20px;
	width: auto;
}

div.subMenu div.contentBlock div.defaultFormHolderNewsletter *.blockHeader {
	background: none;
	margin-left: 0;
}

div.subMenu div.contentBlock div.defaultFormHolderNewsletter input.text {
	width: 120px;
}

div.subMenu div.contentBlock {
    border-top:none;
    background:none;
}




/* LOGO CONTAINER */
div.logoContainer {
    height:158px;
    position:relative;
    left:10px;
}

div.logos {
    position:absolute;
    bottom:0;
}

div.logos a {
    border:none;
}
/*
 * End main containers
 */






/*
 * Begin form
 */

*.defaultFormHolder {
	min-height: 0;
}
* html *.defaultFormHolder {
	height: 0;
}

*.defaultFormHolder fieldset {
	float: left;
	clear: both;
	width: 100%;
	border: 0;
}
* html *.defaultFormHolder fieldset {
	position: relative;
	margin-top: 0.6em;
}



*.defaultFormHolder fieldset.submit input,
div.subCol div.contentBlock input.sf_subscribeBtn {
    display:block;
    float:right;
    border:none;
    width:76px;
    height:20px;
    background:#E2F0F5 url(/Images/submitbutton.png) 0 0 no-repeat;
    text-indent:-9999px;
   
}

*+html *.defaultFormHolder fieldset.submit input {
	line-height: 20px;
}

*.defaultFormHolder fieldset.submit input {
    margin-right:80px;

}

*.defaultFormHolder legend {
	font-weight: bold;
}
* html *.defaultFormHolder legend {
	position: relative;
	left: -7px;
	top: -0.75em;
}

*.defaultFormHolder fieldset ol {
	padding: 0;
	margin: 0;
	list-style: none;
}

*.defaultFormHolder fieldset ol ol {
	float: left;
	margin: 0;
	padding: 0;
}

*.defaultFormHolder fieldset ol li li {
	padding: 0;
}

*.defaultFormHolder fieldset ol li {
	width: 100%;
	float: left;
	clear: left;
	padding: 0 0 8px 0;
	background: none;
}

*.defaultFormHolder fieldset ul li {
	width: auto;
	float: left;
	clear: none;
	padding: 0;
	white-space: nowrap;
	background: none;
}

*.defaultFormHolder fieldset ul {
	margin: 0;
	float: left;
}

*.defaultFormHolder fieldset ul input {
	display: inline;
	width: auto !important;
}

*.defaultFormHolder fieldset ul label {
	display: inline;
	float: none;
	width: auto !important;
}

*.defaultFormHolder fieldset.submit {
	margin-top: 0.5em;
}

*.defaultFormHolder label,
*.defaultFormHolder span.label {
	display: block;
	position: relative;
	float: left;
	width: 142px;
	margin-top: 5px;
	margin-right: 1em;
}

*.defaultFormHolder label span,
*.defaultFormHolder span.label span {
	position: absolute;
	left: 142px;
}

*.defaultFormHolder ol ol label {
	display: inline;
	position: static ;
	float: none;
	width: auto;
	margin-right: auto;
}

div.topmenu div.zoekBoxContainer input.sf_searchText,
*.defaultFormHolder input.text,
*.defaultFormHolder textarea {
	height: 20px;
	width:350px;
	background:#FFF url(/Images/bg_input.png) 0 0 no-repeat;
	border:none;
	border-right:1px solid #EAEAEA;
	border-bottom:1px solid #EAEAEA;
	line-height: 20px;
	padding: 0 5px 0 5px;
}

div.topmenu div.zoekBoxContainer input.sf_searchText {
    width:94px;
}

*.defaultFormHolder textarea {
	height: 8em;
}

*.defaultFormHolder ol li.checkbox input {
	float: left;
}
*.defaultFormHolder ol li.checkbox label {
	width: auto !important;
}

*.defaultFormHolder input[type="radio"],
*.defaultFormHolder input[type="checkbox"] {
	margin: 2px;
}
*:first-child + html .defaultFormHolder input[type="radio"],
*:first-child + html .defaultFormHolder input[type="checkbox"] {
	margin: 0 0 0 -2px;
}
* html .defaultFormHolder .radio,
* html .defaultFormHolder .checkbox {
	margin: 0 0 0 -2px;
}

.formFeedback {
	margin: 2em 0 2em 0;
	font-size: 1.1em;
	font-weight: bold;
}
*+html *.defaultFormHolder .formFeedback {
	margin-top: 1em;
}
* html *.defaultFormHolder .formFeedback {
	margin-top: 1em;
}

*.defaultFormHolder .formFeedbackFailure {
	color: #ff0000;
}

*.defaultFormHolder .formCheckFeedback {
	clear: both;
	padding-left: 150px;
}

*.defaultFormHolder .formCheckFeedback ul {
	display: none;
}

/*
 * End form
 */






/*
 * Begin general
 */

/* headerMenu */
div.headerMenu li:first-child {
    padding:0;
    background:none;
    padding-right:10px;
}

div.headerMenu li {
    position:relative;
    float:left;
    margin:0;
    padding:0 10px;
    background:url(/Images/mainmenu_li_line.png) 2px no-repeat;
    font-size:14px;
}

div.headerMenu li div.descriptionBlock {
    position:absolute;
    top:18px;
    left:20px;
    display:none;
    width:244px;
}

div.headerMenu li div.descriptionBlock div.descriptionTop {
    width:244px;
    height:36px;
    background:url(/Images/headermenu_descriptiontop.png) 0 0 no-repeat;
}

div.headerMenu li div.descriptionBlock div.descriptionMain {
    width:244px;
    min-height:0;
    background:url(/Images/headermenu_descriptionmain.png) 0 0 repeat-y;
}

div.headerMenu li div.descriptionBlock div.descriptionMain div.descriptionMainContent {
    padding:5px 10px 0 10px;
    width:155px;
    min-height:91px;
    color:#007AA5;
    font-size:13px;
    float:left;
}

div.headerMenu li div.descriptionBlock div.descriptionMain div.descriptionLink a {
    float:left;
    width:50px;
    height:91px;
    background:url(/Images/headermenu_descriptionmain_bg.png) 0 0 repeat-y;
}

div.headerMenu li div.descriptionBlock div.descriptionBottom {
    width:244px;
    height:16px;
    background:url(/Images/headermenu_descriptionbottom.png) 0 0 no-repeat;
}

div.headerMenu li:hover div.descriptionBlock {
    display:block;
}

div.headerMenu li a{
    text-decoration:none;
    font-weight:bold;
    color:#FFF;
}

div.headerMenu li a.rmFocused,
div.headerMenu li a:hover {
    color:#4C8F22;
}



/* breadcrumb */
div.breadcrumb {
    color:#969696;
    font-size:11px;
}

div.breadcrumb a {
    color:#969696;
    text-decoration:none;
}

div.breadcrumb a:hover {
    color:#969696;
    text-decoration:underline;
}



/* submenu */
ul.rpRootGroup div.rpSlide {
    display:none;
}

ul.rpRootGroup a.rpLink {
    display:block;
    height:24px;
    width:187px;
    padding-left:24px;
    padding-top:3px;
    margin-bottom:3px;
    background:#F8FFD9;
    color:#6e6459;
    text-decoration:none;
    font-weight:normal;
}

ul.rpGroup a.rpLink {
    margin-left:23px;
    width:164px;
}

ul.rpRootGroup a.rpSelected,
ul.rpRootGroup a.rpLink:hover {
    background-color:#DBDD56;
}

ul.rpRootGroup a.rpExpandable {
    background:#F8FFD9 url(/Images/submenu_arrow_expandable.png) 7px 8px no-repeat;
}
ul.rpRootGroup a.rpExpanded {
    background:#DBDD56 url(/Images/submenu_arrow_expanded.png) 7px 8px no-repeat;
}

/* verleiderContainer */
div.verleiderContainer {
    height:158px;
    border-top:1px solid #007AA5;
    background:url(/Images/bg_verleiders.png) 0 0 repeat-x;
    background-position:bottom;
}

div.verleiderContainer ul.sf_expandedList{
    padding:0 !important;
    margin:0 !important;
}
    
div.verleiderContainer ul.sf_expandedList li {
    float:left;
    width:170px;
}

div.verleiderContainer H2.sf_listTitle,
div.verleiderContainer H3.sf_listItemTitle {
    display:none;
}

div.verleiderContainer div.sf_listItemBody H2,
div.verleiderContainer div.sf_listItemBody H2 a {
    font-weight:bold;
    font-size:18px;
    color:#007AA5;
    padding:20px 0 10px 0;
    background:url(/Images/arrow_verleider.png) 3px 0 no-repeat;
}

div.verleiderContainer li div.sf_listItemBody {
   position:absolute;
}

div.verleiderContainer li div.listItemArrow {
    position:relative;
    float:right;
    top:70px;
    width:53px;
    height:58px;
    background:url(/Images/arrow_verleider_thumb.png) 0 0 no-repeat;
}



/* Homepage */
div.mainCol div.linkElement {
    border-bottom:1px solid #4C8F22;
    min-height:0;
    padding:20px 0;
}

div.mainCol div.linkElement H3.linkElementSubtitle {
    color:#F00;
    font-size:18px;
    font-weight:bold;
}

div.mainCol div.linkElementText {
    width:310px;
    float:left;
    padding:0 0 0 5px;
}

div.mainCol div.linkElementThumb {
    width:220px;
    padding:0 20px;
    overflow:hidden;
}


div.mainCol div.linkElementThumb {
    float:right;
}

div.mainCol div.linkElementRight {
    background:#F8FFD9;
}

div.mainCol div.linkElementRight div.linkElementText {
    float:right;
    padding:0 20px 0 5px;
}

div.mainCol div.linkElementRight div.linkElementThumb {
    float:left;
}

div.mainCol a {
    white-space:nowrap;
}

div.mainCol p.sf_newsTitle a,
div.mainCol p.sf_eventsTitle a {
    white-space:normal !important;    
}


/* Main Nieuws pagina */
div.mainCol ul.sf_newsList li.newsItem {
    display:block;
    min-height:0;
    padding:20px 0;
    border-bottom:1px solid #4C8F22;
}

p.sf_newsDate,
p.sf_newsTitle,
p.sf_eventTitle,
p.sf_summary {
    margin:0;
}

div.mainCol li div.linkElementText {
    float:left;
}

div.mainCol li div.linkElementThumb {
    float:right;
}

div.mainCol li.listItemRight {
    background:#F8FFD9;
}

div.mainCol li.listItemRight div.linkElementText {
    float:right; 
    padding:0 20px 0 5px;
}

div.mainCol li.listItemRight div.linkElementThumb {
    float:left; 
}



/* Main Agenda Pagina */
div.mainCol ol.sf_eventsList li.eventItem {
    display:block;
    min-height:0;
    padding:20px 5px;
    border-bottom:1px solid #4C8F22;
}

div.mainCol div.sf_singleEvent div.sf_eventContent {
    padding-bottom:20px;
}



/* Foto's */
ol.sf_photoListLightbox li.imageItem {
    display:block;
    float:left;
    width:137px;
    height:137px;
    margin-right:13px;
    margin-bottom:13px;
    background:url(/Images/kader_fotothumb.png) 0 0 no-repeat;
}

ol.sf_photoListLightbox li.imageItem td.imageData {
    height:137px;
    text-align:center;
    vertical-align:middle;
    margin:auto 0;
}


/* other */
div.safeBox {
	min-height: 1em;
}
* html div.safeBox {
	height: 1em;
}

ul.semantic li {
	padding: 0;
	background: none
}

*.displayNone {
	display: none;
}

*.floatLeft {
	float: left;
}

*.floatRight {
	float: right;
	
}
*.clear {
	width: 100%;
	height: 0;
	overflow: hidden;
	clear: both;
}

*.map {
	display: block;
	overflow: hidden;
	background-color: #EFEBE2;
}

label {
	cursor: pointer;
}



/* divPopup */
div.divPopupBackground {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    background: #000000;
}
* html div.divPopupBackground {
    position: absolute;
}

div.divPopupWindow {
    display: none;
    position: absolute;
    z-index: 1001;
    top: 10%;
    left: 50%;
    width: 700px;
    min-height: 400px;
    margin: 0 0 0 -350px;
    font-size: 12px;
    background: #fff;
    -moz-box-shadow: 2px 2px 20px #000000;
    -webkit-box-shadow: 2px 2px 20px #000000;
    box-shadow: 2px 2px 20px #000000;
}
div.innerDivPopupWindow {
    padding: 30px 30px 25px 30px;
}

div.divPopupWindow div.close {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 2px;
    opacity: 0.9;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    padding: 10px;
    color: #000;
    font-weight: bold;
    background: #fff;
}
div.divPopupWindow div.close:hover {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

div.divPopupWindow div.divPopupWindowFooter {
    margin: 20px -20px -20px;
    padding-top: 2px;
    height: 2em;
    line-height: 2em;
    background: #DFE0E0;
}



/* sitemap */
div.RadTreeView ul.rtUL {
    display:block !important;
}

/* pager */
ol.sf_pager li {
    background:none;
}

/*
 * End general
 */






/*
 * Begin page
 */

/* SEARCH RESULTS */
dl.searchResults div.foundItem {
    padding:20px 5px;
    border-bottom:1px solid #4C8F22;
}

dl.searchResults div.foundItemOdd {
    background:#F8FFD9;
}

/*
 * End page
 */
 
 
 
/*
 * Begin CMS
 */

/* EXAMPLE:
div.theWrapper div.containerMain {
	
}*/



.cms_feedback {
	padding: 10px;
}

.cms_feedback li {
	background: none;
}

.cms_warning {
	color: #ff0000;
	font-weight: bold;
}

/*
 * End CMS
 */






/*
 * Begin hack
 */

div.contentContainer:after,
div.headerMenu li div.descriptionBlock div.descriptionMain:after,
body.Home div.linkElement:after,
div.mainCol ul.sf_newsList li:after,
div.mainCol ol.sf_eventsList li.eventItem:after,
div.topContent:after,
div.bottomContent:after,
div.topmenu:after,
*.defaultFormHolder:after,
div.containerMain:after,
div.safeBox:after,
div.subCol ol.sf_eventsList:after {
	content:"";
	display:block;
	height:0;
	clear:both;
}

/*
 * End hack
 */






/*
 * Begin print
 */

@media print {

	ul {
		padding: 0 0 0 20px;
	}

	ul li {
		padding: 0;
		list-style: disc;
		background: none;
	}	

}

/*
 * End print
 */