/************** GENERAL ******************/
body * {
    font-family: verdana, arial;
    font-size: 11px;
    line-height: 1.7em;
}
div {
    font-size: 11px;
    line-height: 20px;
}
body {
    margin: 0px 0px 20px 0px;
    color: #000;
    background: #F0ECE3 url(/images/background_fade.png) repeat-x left top;
}
body#blockPreview {
    background: #FFFFFF;
}
.cleaner {
    clear: both;
}
/* .paragraph verwijdert bij onderstaande p vanwege witregels uit RTE */
p {
    padding: 0px;
    margin: 0px;
}
a {
    color: #5F4D7F; 
}
#siteContainer {
    width: 980px;
    margin: 28px auto;
    background: #FFFFFF;
}
#columnContainer {
    padding-top: 10px; 
    width: 904px;
    margin: 0px 38px;
    background: url(/images/background_columncontainer.png);
}
.dotsLeft { background: url(/images/stippellijn.png) repeat-y 226px 0px; }
.dotsRight { background: url(/images/stippellijn.png) repeat-y 678px 0px; }

#left {
    width: 206px;
    float: left;
    padding: 0px 10px 10px 10px;
}
#content {
    width: 432px;
    float: left;
    padding: 0px 10px 10px 10px;
}
#contentHome {
    width: 658px;
    float: left;
    padding: 0px 10px 10px 10px;
}
#fadeContainer {
    background: url(/images/groene_fade.png) repeat-y right top;
}
#carrouselContainer {
    float:left;
    background: #291B44;
    width: 980px;
    height: 200px;
}
#right {
    width: 206px;
    float: left;
    padding: 0px 10px 10px 10px;
}

.contentHyperlink ul {
    list-style-type: none;
    color: #0082BC;
    padding: 0px!important;
    margin: 0px!important;
}
.contentHyperlink li {
    margin: 11px 0px 0px 0px!important;    
    font-weight: bold;
}

.contentHyperlink li a{
	padding: 0px 0px 0px 20px;
    background: url(/images/ico_internallink.gif) no-repeat left;
}

.contentHyperlink li a[rel~="external"]{
    background: url(/images/ico_externallink.gif) no-repeat left;
}

.downloadParagraph { 
    background: url(/images/ico_download.gif) no-repeat 0% 2px;
    padding-left: 20px;
    color: #0085BD;
    font-size: 11px;
    font-weight: bold;
    display: block; 
}


.contentEmailLink { 
    background: url(/images/ico_mail.gif) no-repeat 0% 50%;
    padding-left: 20px;
    color: #0085BD;
    font-size: 11px;
    font-weight: bold;
    display: block; 
}

/************** HEADER ******************/
#header {
    height: 129px;
    background: #5f4d7f url(/images/header_fade.png) repeat-x left bottom;
    position: relative;
}
#header .logo {
    width: 380px;
    height: 69px;   
    display: block;
    position: absolute;
    top: 28px;
    left: 38px;
}
#header .logo span { display: none; }

    /***** QUICKLINKS ***/
    .quicklinks {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 680px;
        height: 28px;
        background: #f3f0e9;
        padding-right: 36px;
    }
    .quicklinks .linkListSeparator {
        margin: 0px 10px;
        displaY: none;
    }
    .quicklinks a span {
        background: url(/images/arrow_white.png) no-repeat 0px 4px;
        padding-left: 12px;
    }
    .quicklinks a {
        background: #AEA4BC url(/images/header_tab_fade.png) repeat-x bottom left;
        displaY: block;
        floaT: right;
        padding: 4px 10px;
        width: 112px;
        height: 20px;
        color: #FFFFFF;
        margin-right: 2px;
        text-decoration: none;
    }
    .quicklinks a.active {
        background: #5F4D7F;
        background-image: none;
    }

    
/************************ MAIN MENU ************************/
#mainMenu {
	position: absolute;
    top: 96px;  
    left: 38px;
    
    width: 904px;
    height: 33px;
    background: #FFFFFF;
}
#mainMenu a {
    outline: none;
    text-decoration: none;
}
#mainMenu ul {
    list-style: none;
}
#mainMenu .level1 > li {
	float: left;
    background: #FFFFFF;
    border-right: 1px solid #5F4D7F;
    height: 22px;
    overflow: visible;	
}  
#mainMenu .level1 > li > a {
    font-weight:bold;
    text-decoration:none;
    color: #5f4d7f;
    padding: 9px 14px 10px 14px;
    display: block;
    line-height: 14px;
}
#mainMenu .level1 > li > a:hover {
    color: #638A4A; 
}
#mainMenu .level2 > li {
    float: left;
    width: 200px;
    background: #628948 url(/images/stippellijn_mainmenu_level2.png) repeat-x bottom left;
}  
#mainMenu .level2 > li.lastChild {
    background-image: none;
}  
#mainMenu .level2 > li > a {
	/*white-space:nowrap;*/
	padding: 4px 34px 4px 24px;
    display: block;
    text-decoration:none;
    color: #C0D0B6;
    background: url(/images/mainmenu_background_arrow_light.png) no-repeat 14px 11px;
}
#mainMenu .level2 > li > a:hover {
	color: #FFFFFF;
    background: url(/images/mainmenu_background_arrow.png) no-repeat 14px 11px;
}
#mainMenu .level2 {
	position: absolute;
    background: #628948;
    border: 1px solid #FFFFFF;
    border-top: 0px;
    	
    left:-9999px; 
    top:-9999px;
}
#mainMenu ul li:hover { position:relative; z-index:3; }

#mainMenu ul li:hover .level2 { left:-2px; top:33px; z-index:2; }
/* uitzondering voor het laatste item, zodat deze verder naar links valt en niet buiten de site */
#mainMenu ul li.node66:hover .level2 { left: -122px; }
#mainMenu ul li.node225:hover .level2 { left: -115px; }

#mainMenu ul li:hover li:hover > .level2 { left: -2px; margin-left:100%; top: 33px; z-index:5; }

/************** SITEMAP (CONTENT) **********/
.contentSitemap ul {
	list-style-type: none;
}
.contentSitemap > ul > li a {
    color: #969799;
    text-decoration: none;
}
.contentSitemap li li li {
    padding-left: 12px; 	
}
.contentSitemap > ul > li {
    float: left;
    width: 48%;	
    margin-bottom: 12px;
    margin-right: 2%;
}
.contentSitemap > ul > li > a {
    font-weight: bold;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}
/************** CONTENT *****************/
.paragraph { margin-bottom: 10px; line-height: 1.5em; }
.bannerContainer { margin-bottom: 10px; line-height: 1.5em; }

.paragraph a { color: #5F4D7F; }

a.printPageButton,
a.forwardPageButton,
a.backButton { display: block; color: #638A4A; padding-left: 26px; margin-bottom: 4px; }

a.printPageButton   { background: url(/images/icon_print.png) no-repeat 0% 50%; }
a.forwardPageButton { background: url(/images/icon_doorsturen.png) no-repeat 0% 50%; }
a.backButton { background: url(/images/icon_terug.png) no-repeat 0% 50%; }

.paragraph .grid2        { float: left; width: 49%; }
.paragraph .grid2.left   { margin-right: 2%; }
.paragraph .grid2 strong { color: #5F4D7F; display: block; margin-bottom: 3px; }

.paragraph.intro, .paragraph.highlight      { color: #5F4D7F; } 
.paragraph.intro p, .paragraph.highlight p  { font-size:13px !important; line-height: 1.7em; } 
.paragraph.intro p *, .paragraph.highlight p * { font-size:13px !important; } 
.paragraph h1 { margin: 8px 0px; } 

.paragraph h1 { font-size: 20px; color: #5F4D7F; font-weight: normal; }
.paragraph h2 { font-size: 17px; color: #5F4D7F; line-height: 21px; }
.paragraph h3 { font-size: 15px; color: #5F4D7F; }
.paragraph h4 { font-size: 13px; color: #5F4D7F; }
.paragraph h5 { font-size: 11px; color: #5F4D7F; }
.paragraph h6 { font-size: 9px;  color: #5F4D7F; }

.paragraph ul { padding: 4px 0px 4px 24px; }
.paragraph ol { padding: 4px 0px 4px 27px; }

.paragraph .paragraphMediaLeft { float: left; margin: 0px 12px 4px 0px; }
.paragraph .paragraphMediaRight { float: right; margin: 0px 0px 4px 12px; }

.contentTwoColumns .columnLeft  { width: 49%; float: left; margin-right: 2%; }
.contentTwoColumns .columnRight { width: 49%; float: left; }

.grid3 .media   { width: 137px; float: left; }
.grid3 .media_1 { margin-right: 10px; }
.grid3 .media_2 { margin-right: 10px; }

.grid2 .media   { width: 211px; float: left; }
.grid2 .media_1 { margin-right: 10px; }

.linkList.purple        { color: #5E4C7E; }
.linkList.green         { color: #638A4A; }
.linkList.purple a      { color: #5E4C7E; text-decoration: none; }
.linkList.green a       { color: #638A4A; text-decoration: none; }
.linkList ul            { list-style-type: none; margin: 0px; padding: 0px; }
.linkList.purple ul li  { background: url(/images/arrow_purple.png) no-repeat 0px 7px; padding-left: 12px; margin: 4px 0px; }
.linkList.green ul li   { background: url(/images/arrow_green.png) no-repeat 0px 7px; padding-left: 12px; margin: 4px 0px; }

#contentBreadcrumbs { margin: 4px 0px 1px 0px; }
#contentBreadcrumbs,
#contentBreadcrumbs a { color: #cac4ce; }
#contentBreadcrumbs .pageCrumbLast { color: #625084; font-weight: bold; }

/************** SIDEBARS ****************/
#right .paragraph {
    padding: 4px 0px 12px 0px;  
}
.submenu_wrapper {
    margin-bottom: 20px;    
}
#left h2 {
    font-weight: bold;
    margin: 4px 0px 4px 0px;
    color: #628948;
}
.submenu_wrapper ul {
    list-style: none;
}
.submenu_wrapper a {
    display: block;
    padding: 1px 10px;
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
    text-decoration: none;
    outline: none;
}
.submenu_wrapper a:hover,
.submenu_wrapper li.active > a {
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
/* level 1 */
.submenu_wrapper ul                             { background: #FFFFFF; }
.submenu_wrapper ul li a                        { padding-left: 10px; color: #628948; background: url(/images/submenu_level1.png) no-repeat 0% 8px; }
.submenu_wrapper ul li.hasSubItems a            { padding-left: 10px; color: #628948; background: url(/images/submenu_plus.png) no-repeat 0% 8px; }
.submenu_wrapper ul li.hasSubItems.active a     { padding-left: 10px; color: #628948; background: url(/images/submenu_minus.png) no-repeat 0% 8px; }
/* level 2 */
.submenu_wrapper ul li ul               { background: #FFFFFF; }
.submenu_wrapper ul li ul li a          { padding-left: 20px!important; color: #5e4e7f!important; background: url(/images/submenu_level2.png) no-repeat 10px 8px!important; }
/* level 3 */
.submenu_wrapper ul li ul li ul         { background: #FFFFFF; }
.submenu_wrapper ul li ul li ul li a    { padding-left: 30px!important; background: url(/images/submenu_level2.png) no-repeat 10px 8px!important; }

a.sidebar_button {
    display: block;
    float: left;
    margin: 3px 0px 0px 0px;
    padding-left: 10px;
    background: url(/images/lees_verder_arrow.png) no-repeat 0% 50%;
    text-decoration: underline;
}
.sidebar_general .paragraphMedia {
    margin: 8px 0px 3px 0px;
}
.sidebar_general h2 {
    font-size: 11px;
    font-weight: bold; 
}
.sidebar_general strong {
    color: #5F4D7F; 
}
/************** CONTENTSEARCH *****************/
.searchOptions {
	float:left;
    margin-bottom: 10px;
}
.contentQuickSearch .searchOptions input[type="checkbox"] {
	position:relative;
	width:20px;
	top:0.25em;
	border:none;
}
.contentQuickSearch .searchOptions label { 
	display:block;
	float:left;
    width:432px;
}

/************** QUICKSEARCH *****************/
.blockQuickSearch {
    position: absolute;
    top: 28px;
    right: 38px;
    padding: 11px 8px 0px 0px;
    overflow: hidden;
}
.blockQuickSearch .searchInput {
    width: 125px;
    border: 0px;
    padding: 1px 2px 2px 4px;
    padding: 2px 2px 1px 4px\9;
    line-height: 12px;
    float: left;
}
.blockQuickSearch .headerSearchSubmit {
    border: 0px;
    background: url(/images/quicksearch_submit.png) no-repeat left top;
    height: 16px;
    width: 16px;
    float: left;
}
/************** SEARCHRESULTS ***************/
.searchResult {
    border-bottom: 1px solid #e4e3e8;
    padding-bottom: 10px;	
}
.searchResult .highlight {
    background: #fde978;
    padding: 3px 4px;	
}
/************** FORMS ************************/
form .formRow        { width: 100%; overflow: hidden; margin-bottom: 12px; }
form label           { width: 30%; float: left; }
form .control        { width: 69%; float: left; }
form select,
form input,
form textarea        { border: 1px solid #bbbab8; width: 290px; }
form input[type="text"],
form textarea        { padding: 3px; }
form textarea        { height: 140px; }
form .button         { margin-left: 30%; }
form .star           { color: #FF0000; }
.formErrors,
.control > .error    { padding: 3px 3px 3px 8px; border: 1px solid #D32323; color: #000000; background: #FFF0F3; }
.formErrors h1       { color: #000000; font-size: 16px; font-weight: normal; }
.formErrors ul       { margin: 0px; padding: 0px 0px 0px 18px; }
.formErrors .error { border: none !important; }
form .radios label   { width: 100px; clear: both; }
form .radios input   { width: 16px; clear: both; }
.doorstuurForm       { margin-top: 8px; }
.contactForm #zipcode,
.sollicitatieForm #zipcode  { width: 70px; floaT: left; margin-right: 8px; }
.contactForm #city,
.sollicitatieForm #city     { width: 204px; floaT: left; }
.stackedElements .control,
.stackedElements label      { width: 100%; }
.stackedElements .control * { width: 419px; }
.stackedElements .button    { margin: 0px; }
form .button input {
	float: left;
    width: auto !important;
    height: 32px;
    background: #5F4D7F;
    font-size: 16px;
    border: 0px;
    color: #FFFFFF;
}

.systemMessage.error { color: #cc0000; }
.formRow.error input, .formRow.error textarea { border: 1px solid #D32323; background: url(/images/icon_error.png) right 3px no-repeat #FFF0F3; }

/************** NIEUWS ***********************/
.news_index_home_wrapper .title {
    font-weight: bold;
    margin-bottom: 3px;
    color: #5F4D7F; 	
}
.news_home li {
	margin: 0px;
	padding: 0px 0px 1px 0px;
	display: block;
}
.morenews {
    margin-top: 16px;
    font-weight: bold;	
}
ul.news,
ul.news_home {
    list-style-type: none;
    margin: 0px;
    padding: 0px;   
}
ul.news li {
    padding-bottom: 12px;
    margin-bottom: 12px;
    width: 100%;
    overflow: hidden;
}
ul.news a.itemTitle {
    font-weight: bold;
    text-decoration: none;
}
ul.news_home a.itemTitle {
	font-weight: bold;
}
ul.news .readmore {
	color: #5F4D7F !important;
}
.datetime {
    color: #666;
    font-size: 10px;
}
ul.news li:last-child {
    border: 0px;
    margin: 0px;
    padding: 0px;   
}
.newsThumbnail {
    float: left; 
    margin: 6px 12px 0px 0px;   
}
ul.news_home li, ul.news_home ul { 
	list-style: none; 
	padding: 0px; 
	margin: 0px;
}
ul.news_home .date { 
	color: #a3a3a3; 
	font-size: 10px; 
	line-height: 14px;
}
ul.news_home > li { 
	border-bottom: 1px solid #e1e1e3; 
	padding-bottom: 5px; 
	margin-bottom: 5px;
}
.morenews.home { 
	margin-top: 6px;
}

/************** PAGINATION ******************/
.paginationControl .active {
    font-weight: bold;
    text-decoration: none;	
}
.paginationControl .separator,
.paginationControl a {
    float: left;
    color: #5F4D7F;
}
.paginationControl .previousButton,
.paginationControl .pageNumbers,
.paginationControl .nextButton {
    float: left;	
}

/************** FOOTER **********************/
#footer {
    width: 904px;
    margin: 10px 0px 0px 38px;
    position: relative;
}
#footer .footerAddressWrapper {
    width: 226px; 
    float: right;
    background: #FFFFFF url(/images/background_footer_address.png) repeat-x bottom left;    
}
#footer .footerAddress {
    background: url(/images/stippellijn.png) repeat-y 0px 0px;
    padding: 10px;
    color: #54486c;
}
#footer .footerAddress a {
    text-decoration: none;
}
#footer .footerAddress img {
    margin-bottom: 12px;
}
#footer .copyrightMessage {
    padding: 10px 0px;
    height: 20px;   
    floaT: left;
}
#footer .copyrightMessage span {
    margin-left: 8px;	
}
#footer .quicklinksBottom {
    padding: 10px 0px;
    height: 20px;   
    floaT: left;
    margin-left: 12px;
}
#footer .quicklinksBottom .seperator {
    padding: 0px 10px;
}
	/************** SITEMAP **********************/
	.sitemap_wrapper {
	    width: 668px;
	    background: #f3f0e9;
	    overflow: hidden;
	    float: left;
	    min-height: 191px;
	}
	.sitemap_wrapper ul {
	    list-style-type: none;
	}
	div.sitemap_wrapper > ul > li {
	    float: left;
	    padding: 10px;
	    width: 146px;
	}
	.sitemap_wrapper a {
	    text-decoration: none;
	    color: #5F4D7F;
	}
	.sitemap_wrapper ul li { font-weight: bold; color: #5F4D7F; }
	.sitemap_wrapper ul li ul li { 
	    font-weight: normal; 
	    padding: 1px 0px;
	    background: url(/images/streepje_sitemap.png) no-repeat 0px 10px;
	    padding-left: 8px; 
	}
	.sitemap_wrapper li li a {
	    text-decoration: none;
	    color: #9d9c9c;
	}

/**************** Back to top *************************/
.backToTop {
    position: relative;
    display: block;
    width: 21px;
    height: 22px;
    background: url(/images/arrow_totop_inactive.png) no-repeat 50% 50%;
    float: right;
}

.backToTopTwoCol{
    left: auto;
    right: 0px;
}

.backToTop:hover {
	color: #5F4D7F;
    background: url(/images/arrow_totop_active.png) no-repeat 50% 50%;
}
.backToTop span {
    position: absolute;
    right: 5px;
    display: none;
    font-size: 11px;
}
.anchorBackToTop .backToTop:hover span { color: #5F4D7F; }
.anchorBackToTop {
    border-bottom: 1px dotted #A8A8A8;
    margin: 16px 0 4px 0;
    height: 21px;
    width: 432px;
}
.anchorBackToTop .backToTop, #footer .backToTop {
    text-decoration: none;
    text-align: right;
    outline: none;
}
.anchorBackToTop .backToTop span {
    display: block;
    color: #a8a8a8;
    padding-top: 2px;
    padding-right: 15px;
    margin-left: -140px;
    width: 80px;
}
/**************** PAGINA DOORSTUREN *************************/
#doorsturen {
    width: 430px;
}
/**************** MISC *************************/
#map_canvas { 
    height: 250px; 
    width:432px;
    margin-bottom:19px;
}
.equal {
    display:table;
}
.row {
    display:table-row;
}
.row div {
    display:table-cell;
    background: red;
    border-right: 1px solid #000;
}
.virtueletour {
    padding: 30px;
    background: white;
}
.downloadButton {
    width: 100%;
    overflow: hidden;
    margin-bottom: 16px;
}
.downloadButton .text {
    width: 330px;
    float: left;
    color: #638A4A;
    padding-top: 6px;
}
.downloadButton .downloadProperty {
    background: url(/images/downloadbutton_stippellijn.png) repeat-y left top;
    width: 100px;
    float: right;
}
.downloadButton a {
    background: url(/images/downloadbutton_icon.png) no-repeat 50% 5px;
    display: block;
    width: 100%;
    text-align: center;
    color: #648A4B;
    font-weight: bold;
    padding: 25px 0px 10px 0px;
    text-decoration: none;
}
.routeFormElements {
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
}
.routeFormElements input {
    width: 68% !important;
    floaT: left;
    font-size: 13px;
    padding: 7px !important;
    border: 1px solid #5F4D7F;
}
.routeFormElements button {
	float: left;
    width: 28% !important;
    height: 32px;
    background: #5F4D7F;
    font-sizE: 16px;
    border: 0px;
    padding: 6px;
    padding: 3px 6px\9; /* IE hack, read by all IE versions */
    color: #FFFFFF;
}
.searchFormElements {
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden;
}
.searchFormElements input {
    width: 68% !important;
    floaT: left;
    font-size: 13px;
    padding: 7px !important;
    border: 1px solid #5F4D7F;
}
.searchFormElements button {
	float: left;
    width: 28% !important;
    height: 32px;
    background: #5F4D7F;
    font-sizE: 16px;
    border: 0px;
    padding: 6px;
    padding: 3px 6px\9; /* IE hack, read by all IE versions */
    color: #FFFFFF;
}

/***** custom galery *****/
.galleryview{
    background: #FFFFFF!important;
    border: none!important;
}

.strip_wrapper{
    margin-top: -1px;   
}

.strip_wrapper ul{
    background: none!important;
}

#pointer{
    border-color: #5e4c7c!important;
}

.galleryview h2{
    color: #FFFFFF!important;
}

.viewSelect,
.viewSelect a{
    color: #678e4f;
}

.viewSelect a.active{
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

.thumbnailView{
	clear: both;
	margin-bottom: 40px;
}

.thumbnailView a{
	margin: 3px;

}

.thumbnailView .pagination select{
    float: right;
}


.thumbnailView .pagination span{
	float: left;
    color: #648b4c!important;
}

.thumbnailView .pagination span a{
    color: #b3c4a4!important;
}

.thumbnailView .pagination span .active{
	background-color: #648b4c!important;
	padding: 3px 5px 3px 5px;
	color: #ffffff!important;
	font-weight: bold;
	text-decoration: none;
}

/**** SIDE IMAGE ***/
.sideImage img{
	margin: 0px;
	padding: 0px;
}
.sideImage .text{
    padding: 7px;
    margin-top: -5px;
    background: #5F4D7F;
    color: #FFFFFF;
    font-weight: bold;
}
    .sideImage a  { text-decoration: none; }

/*** Google maps ***/
.message{
	display: none;
}

/*Thickbox overwriten*/
#TB_closeWindow{
    float: right!important;
    text-align: right!important;
}

/*** Picasa ***/
.picasa_container { 
	margin-bottom: 15px; 
	margin-top: 5px;
}