/* @override http://www.melle.be/css/_style.css */


html {padding:0; margin:0; outline:0; font-size:100%; font-size:100%;height:100%;}
body {margin:0; padding:0; font:0.8em/1.5em Arial, Helvetica, Geneva, sans-serif; background:#fff url(/img/fond.jpg) repeat-x;}
img {border:none;}
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent;}
:focus {outline: 0;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
ul {padding-left:1em; margin-left:0;}

.clearDIV {clear:both;}

#maincontainer {width:950px; background-color:#fff; margin:0 auto;}

a.pdf {background: url(/img/file-red.gif) no-repeat; padding-left: 16px;}
a.zip {background: url(/img/file-orange.gif) no-repeat; padding-left: 16px;}
a.xls {background: url(/img/file-orange.gif) no-repeat; padding-left: 16px;}
a.psd {background: url(/img/file-blue.gif) no-repeat; padding-left: 16px;}
a.doc {background: url(/img/file-blue.gif) no-repeat; padding-left: 16px;}
a.external {background: url(/img/window.gif) no-repeat; padding-left: 16px;}


/* (((( TOP )))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/
#topsection {height:245px; width:950px; float:left; margin:0; padding:0;}

#topnavigatie {margin:217px 0px 0px 160px; font-size:13px; line-height:normal; padding:0; list-style:none; width:780px; height:28px; bottom:0;}
#topnavigatie a {background:url(/img/topnav_left_sprite.png) no-repeat left top; text-decoration:none; color:#656565; padding-left:17px; height:28px; line-height:30px; cursor:pointer;}
#topnavigatie a span {background:url(/img/topnav_right_sprite.png) no-repeat right top; padding-right:17px; height:28px; text-align:center;}
#topnavigatie a, #topnavigatie a span {display:block; float:left;}
#topnavigatie a:hover {color:#656565; background-position:left -28px;}
#topnavigatie a:hover span {background-position:right -28px; color:#2b3c3c; cursor:pointer;}
#topnavigatie li {height:28px; float:left; display:block; margin:0px 7px 0px 0px; padding:0px 0px 0px 0px;}
#topnavigatie li.selected a {background-position:left -28px; color:#656565;}
#topnavigatie li.selected a span {background-position:right -28px; color:#656565;}

.spacer {margin-right:7px;}
.spacer35 {margin-right:35px;}


/* (((( LEFT )))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/
#leftcolumn {float:left; width:160px; background:url(/img/navfond.jpg) no-repeat;}

#navigatie {padding:0 0 30px; margin:10px 0 0 20px; width:140px;}
#navigatie li {list-style-type:none; padding-top:1px; padding-bottom:1px;}
#navigatie li a {text-decoration:none; color:#2f73d8;}
#navigatie li .nonactief {text-decoration:none; color:#000; display:block; padding:2px 0 2px 5px;}
#navigatie li .nonactief:hover {text-decoration:none; color:#000; background-color:#fff; display:block; padding:2px 0 2px 5px;}
#navigatie li .actief {background-color:#fff; display:block; padding:2px 0 2px 5px;}
#navigatie li .actief:hover {text-decoration:none; color:#000; background-color:#fff; display:block; padding:2px 0 2px 5px;}

#subnavigatie {margin:0 0 10px; background-color:#f9f9f9; padding:2px 0 2px 5px;}
#subnavigatie li {list-style-type:none; color:#000; padding:2px 0 2px 5px;}
#subnavigatie li a {display:block; padding:2px 0 2px 5px; color:#666; font-size:12px;}
#subnavigatie li a:hover {text-decoration:none; color:#000; background-color:#fff; display:block; padding:2px 0 2px 5px;}
#subnavigatie li .subactief {background-color:#fff; display:block; padding:2px 0 2px 5px; color:#000; font-weight:normal;}
#subnavigatie li .subactief:hover {text-decoration:none; color:#000; background-color:#fff; display:block; padding:2px 0 2px 5px;}



/* (((( CONTENT )))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/
#contentwrapper {float:left; width:585px; border-bottom:1px solid #f3f3f3;}
#contentcolumn {margin:0; width:585px; float:left;}
.contentdiv {margin:0px; padding:20px 20px 40px; font-size:12px; line-height:16px; text-align:left;float:left;}

.contentdiv a {text-decoration:none; color:#2f73d8;}
.contentdiv a:hover {text-decoration:none; color:#333;}
.contentdiv h2 {font-weight:normal; line-height:normal; margin-top:0; font-size:18px;margin-bottom:4px;}
.contentdiv h2.subtitle {color:#afafaf; font-size:14px; margin-bottom:10px;}
.contentdiv h3 {padding-top:24px; border-bottom:1px solid #64d546;width:545px;}
.contentdiv .itemdate {font-size:12px; color:#76aa4c; margin:0; line-height:140%;}

.contentdiv .beelden {float:left; clear:both; margin-right:20px;}
.contentdiv .bodytekst {}


/* home ---------------------------------------------------------- */
.newsitem {float:left; width:100%; border-bottom:1px dotted #737373; margin:0px 0px 20px 0px; clear:both;}
.newsitem .newsitembeeld {float:left; width:255px; margin:0px 20px 20px 0px;}
.newsitem .newsitemtext {float:left; width:260px;}
.newsitem .newsitemtext_wide {float:left; width:545px;}
.newsitem .newsitemtext_small {float:left; width:255px;}
.newsitem h2 {font-weight:normal; line-height:normal; margin-top:0; font-size:18px;}
.newsitem h2 a {text-decoration:none; color:#000;}
.newsitem h2 a:hover {text-decoration:underline; color:#000;}
.newsitem_banner {float:left; width:545px; margin:0px 0px 20px 0px; clear:both; border-bottom:1px dotted #737373; padding:0px 0px 20px 0px;}
.newsitem a.leesverder {font-size:11px; color:#0289be; text-decoration:none; display:inline-block; margin:0 0 20px;}
.newsitem a.leesverder:hover {color:#333; text-decoration:none;}

/* item ---------------------------------------------------------- */
.selecteddate {font-weight:normal; line-height:normal; margin-top:0; font-size:20px;}
.item {float:left; width:100%; border-bottom:1px dotted #737373; margin:0px 0px 20px 0px; clear:both;}
.item .itembeeld {float:left; width:255px; margin:0px 35px 20px 0px;}
.item .itemtext {float:left;}
.item .textlayout0 {float:left; width:255px;}
.item .textlayout1 {float:left; width:255px;}
.item .textlayout1 .leesverderP a {font-size:11px; color:#0289be; text-decoration:none; display:inline-block; margin:0 0 10px; float:left;}


.item .textlayout2 {float:left; width:545px;}
.item .imglayout1 {margin:0px 0 20px 35px;}

.item .itemtext_wide {float:left; width:545px;}
.item .itemtext_small {float:left; width:255px;}
.item h2 {font-weight:normal; line-height:normal; margin-top:0; margin-bottom:4px; font-size:18px;}
.item h2 a {text-decoration:none; color:#000;}
.item h2 a:hover {text-decoration:underline; color:#000;}
.item_banner {float:left; width:545px; margin:0px 0px 0px 0px; clear:both; padding:0px 0px 20px 0px;}
.leesverderP a {font-size:11px; color:#0289be; text-decoration:none; display:inline-block; margin:0 0 10px; float:right;}
.leesverderP a:hover {color:#333; text-decoration:none;}
.leesverderP img {margin-bottom:-2px; margin-right:1px;}
.item .itemdate {font-size:12px; color:#76aa4c; margin:0; line-height:140%;}
.item h2.subtitle {color:#afafaf; font-size:14px; margin-bottom:10px;}

/* navinfo ---------------------------------------------------------- */
h1 {font-size:30px; font-weight:normal; margin-top:6px;}
.navinfo {float:left; width:100%; margin:0px 0px 20px 0px; clear:both;}
.navinfo .navinfobeeld {float:left; width:255px; margin:0px 20px 20px 0px;}
.navinfo .navinfotext {float:left; width:260px;}
.navinfo .navinfotext_wide {float:left; width:545px;}
.navinfo .navinfotext_small {float:left; width:255px;}
.navinfo h2 {font-weight:normal; line-height:normal; margin-top:0; font-size:18px;}
.navinfo h2 a {text-decoration:none; color:#000;}
.navinfo h2 a:hover {text-decoration:underline; color:#000;}
.navinfo_banner {float:left; width:545px; margin:0px 0px 20px 0px; clear:both; border-bottom:1px dotted #737373; padding:0px 0px 20px 0px;}
.navinfo a.leesverder {font-size:11px; color:#0289be; text-decoration:none; display:inline-block; margin:0 0 20px;}
.navinfo a.leesverder:hover {color:#333; text-decoration:none;}
.onderstreept {border-bottom:1px dotted #737373;}
 
/* pagecontent ------------------------------------------------------- */
.pagecontent {float:left;}
.pagecontent .navinfo {border-bottom-style:none; margin-bottom:30px;}
.pagecontent .navinfo h2.breadcrumb a {color:#000;}
.pagecontent a {text-decoration:none; color:#0289be;}
.pagecontent a:hover {text-decoration:none; color:#000;}
.pagecontent h3 {padding-top:24px; border-bottom:1px solid #64d546;}
.pagecontent h4 {margin-bottom:0.5em; line-height:1em;}

.hoofdrubriekintro { margin-bottom:20px; background-color:#fffdec; color:#a69b7d; padding:5px 20px; border-top:1px dotted #de9935; border-bottom:1px dotted #de9935;}
.hoofdrubriekintro a {text-decoration:none; color:#de9935;}
.hoofdrubriekintro a:hover {text-decoration:underline; color:#de9935;}



/* FAQ ------------------------------------------------------- */
.pagecontent h5 {font-size:13px; font-weight:normal; margin-top:20px; margin-bottom:1px; background-color:#f2fbca; padding:2px 6px;}

/* bestuur en diensten, adviesraden en commissies ---------------------------------------------------------- */
.contentdivsubmenu {margin:0px; padding:0px; font-size:12px; float:left; background-color:#e2f2fa; width:100%;}
.contentdivsubmenu a {text-decoration:none; color:#666; display:block;}
.contentdivsubmenu a:hover {text-decoration:underline; color:#333;}
.contentdivsubmenu h3 {padding:0px 0px 10px 10px; margin:0; font-size:18px; color:#333; font-weight:normal;}

.contentdivsubmenu a.sub2nonactief {text-decoration:none; color:#666; display:block; margin:0px 0px 0px 0px;padding-left:0;}
.contentdivsubmenu a.sub2actief {text-decoration:none; color:#000; display:block;}
.contentdivsubmenu a.sub2nonactief:hover {text-decoration:underline; color:#333;}


.submenuplaceholder {height:23px;background-color:#e2f2fa;display:block;}
.submenuplaceholderwit {height:23px;background-color:#fff;display:block;}
.submenuopen {font-size:12px; background-color:#e2f2fa; padding:2px 0px 0px 0px; margin:0px 0px 0px 0px; color:#06a1e9; display:block; width:100%; text-align:right; text-decoration:none; border-bottom:1px solid #06a1e9;}
.submenuopen:hover {text-decoration:none; color:#000; background-color:#e2f2fa;}
.submenuopen img {margin:0px 6px 0px 0px; float:none; top:2px; position:relative;}
.submenuopen.active {background-color:#e2f2fa;}

.submenudicht {font-size:12px; padding:2px 0px 0px 0px; margin:0px; color:#06a1e9; display:block; width:100%; text-align:right; text-decoration:none; border-top:1px solid #06a1e9;}
.submenudicht:hover {text-decoration:none; color:#000; background-color:#fff;}
.submenudicht img {margin:0px 6px 0px 0px; float:none; top:2px; position:relative;}
.submenudicht.active {background-color:#fff;}


#bestuurdiv {width:145px; margin:0px; padding:10px; float:left;}
#dienstendiv1 { margin:0px 30px 0px 0px; padding:10px; float:left;}
#dienstendiv2 {width:160px; margin:0px; padding:10px; float:left;}

#adviesradendiv {width:280px; margin:0px; padding:10px; float:left;}
#commissiesdiv {width:224px; margin:0px; padding:10px; float:left;}

#adviesradendiv, #commissiesdiv, #bestuurdiv, #dienstendiv1, #dienstendiv2 {margin-left:10px;}
#adviesradendiv h3, #commissiesdiv h3, #bestuurdiv h3, #dienstendiv1 h3, #dienstendiv2 h3 {padding-left:0px;margin-left:0;}




/* files ------------------------------------------------------- */

.filegrootte {color:#a0a0a0; font-size:10px;}
.filelist .shortitemdate {color:#a0a0a0; margin-left:6px;}

/* organisatie ---------------------------------------------------------- */
.organisatieitem {float:left; width:100%; border-bottom:1px dotted #737373; margin:0px 0px 20px 0px; clear:both; padding-bottom:20px;}
.organisatieitem .organisatiebeeld {float:left; width:255px; margin:0px 20px 20px 0px;}
.organisatieitem .adviesbeeld {width:255px; margin:0px 20px 20px 0px;float:left;}
.organisatieitem .organisatietext {}
.organisatieitem h2 {font-weight:normal; line-height:normal; margin-top:0; font-size:18px;}
.organisatieitem h2 a {text-decoration:none; color:#000;}
.organisatieitem h2 a:hover {text-decoration:underline; color:#000;}
.organisatieitem .organisatietext ul {}
.organisatieitem .organisatietext ul li {list-style-type:square;}


/* personen ---------------------------------------------------------- */
.personitem {float:left; width:100%; border-bottom:1px dotted #737373; margin:0px 0px 20px 0px; clear:both;}
.personitem .personbeelddiv {float:left; width:100px; margin:0px 20px 20px 0px;}
.personitem .personbeeld {width:100px; margin:0px 20px 20px 0px;}
.personitem .persontext {float:left; width:425px;}
.personitem h2 {font-weight:normal; line-height:normal; margin-top:0; font-size:18px;}
.personitem h2 a {text-decoration:none; color:#000;}
.personitem h2 a:hover {text-decoration:underline; color:#000;}

.personitem .functie {margin:0; padding:0;}
.personitem .partij {margin:0; padding:0;}
.personitem .adres {margin:0; padding:0;}
.personitem .email {margin:0; padding:0;}
.personitem .tel {margin:0; padding:0;}
.personitem .gsm {margin:0; padding:0;}
.personitem .bevoegdheden {}
.personitem .zitdagen {padding-bottom:10px;}


/* eloket ---------------------------------------------------------- */
#eloketframe {width:545px; border:none; height:600px;}
h2.eloketh2 {width:200px;float:left;}
.lock {float:right;font-size:10px;}
.lock img {margin-right:6px;margin-bottom:-3px;}

/* contact ---------------------------------------------------------- */

.adresgegevens {float:left; width:210px;height:100px;}
.openingsuren {width:330px; float:left; margin-bottom:30px;}
.openingsuren ul {margin:0;width:240px;}
.nieuwsbriefdiv {width:150px; float:left;padding:10px;  text-align:center; border:1px solid #64d546;}

#contactform {margin-top:30px;border-top:1px solid #64d546; width:100%; clear:both;}
#contactform.geenboord {border-top:none;}
#contactform h2 {margin-top:20px;}
#contactform form {margin-top:14px;}
#contactform .contactfield {margin-bottom:4px;}
#contactform .contactfield label {display:block; float:left;width:100px; font-size:12px;}
#contactform .contactfield .inputfield { border:1px solid #a5a5a5;}
#contactform label.error  {margin-left:102px; color:#f10000;padding-top:3px;padding-bottom:5px;width:400px;}
#contactform .contactfield .captcha {margin-bottom:20px;}

#nieuwsbriefform {margin-top:30px; width:100%;}
#nieuwsbriefform h2 {margin-top:20px;}
#nieuwsbriefform form {margin-top:14px;}
#nieuwsbriefform .contactfield {margin-bottom:4px;}
#nieuwsbriefform .contactfield label {display:block; float:left;width:100px; font-size:12px;}
#nieuwsbriefform .contactfield .inputfield { border:1px solid #a5a5a5;}
#nieuwsbriefform label.error  {margin-left:102px; color:#f10000;padding-top:3px;padding-bottom:5px;width:400px;}


.verplicht {color:#f10000; font-size:11px;}
.verplichtinfo {color:#f10000; font:11px Arial, Helvetica, Geneva, sans-serif;}

#verzonden {padding:20px;margin-bottom:35px; background:#fff url(/img/yellow.gif) repeat; color:#56b93c;width:500px;}




/* kaart Melle ---------------------------------------------------------- */
iframe.googlemap {width:545px; height:350px; border:none;}


/* (((( RIGHT )))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

#rightcolumn {float:left; width:205px; background-color:#f3f3f3;}

/* banners ---------------------------------------------------------- */
#banners {padding-top:10px; float:left; width:100%;}
#banners img {border:none;}
#banners .bannerwide {width:180px; clear:right; margin-bottom:10px; margin-top:0px; margin-left:12px;}
#banners .bannersmall {width:85px; clear:right; margin:0px 0px 10px 12px;}

/* praktisch --------------------------------------------------------- */
#contactgegevens {float:left; width:169px; background-color:#fff; margin:12px;}
#contactgegevens h3 {font-weight:normal; margin:12px;}
#contactgegevens p {font-size:11px; margin:12px; line-height:15px;}
#contactgegevens a {text-decoration:none; color:#0289be;}
#contactgegevens a:hover {text-decoration:none; color:#000;}


/* kalender --------------------------------------------------------- */
#kalender_DIV {float:left; width:100%; height:240px;}
#kalender_DIV .kalender_titel {text-align:center; color:#999; margin-top:20px;}
#kalender_DIV .kalender_table {font:12px Arial, Helvetica, sans-serif; width:180px; margin:0px 12px 0px 12px; height:143px; line-height:1;}
#kalender_DIV .kalender_table th {height:18px; vertical-align: bottom; font-size:11px; text-align:center; background-color:#e7e7e7; border-bottom:1px solid #c8c8c8; border-top:1px solid #fff; height:18px; font-weight: normal;}
#kalender_DIV .kalender_table th.title_TH {vertical-align: middle; text-transform:uppercase;}
#kalender_DIV .kalender_table th a {display:block; text-decoration:none; color:#999; font-size:16px;}
#kalender_DIV .kalender_table th a:hover {text-decoration:none; background-color:#c1c1c1; color:#fff;}
#kalender_DIV .kalender_table .weekday_TD {vertical-align: middle; font-size:12px; text-align:center; height:25px; width:25px; 	color:#999; 	text-transform:lowercase;}
#kalender_DIV .kalender_table .day_TD {vertical-align: middle; font-size: 12px; text-align:center; height:25px; 	width:25px; color:#969696;}
#kalender_DIV .kalender_table td.weekend {background-color:#e7e7e7;}
#kalender_DIV .kalender_table .day_TD a {color: #000; display:block; padding-top:6px; padding-bottom:7px;}
#kalender_DIV .kalender_table	 .day_TD a:hover {font-weight: bold; text-decoration:none; font-size:14px; background-color:#4988ff; display:block; padding-top:5px; padding-bottom:5px; 	color:#fff;}
#kalender_DIV .kalender_table .day_TD .highlight {background-color:#fff; color:#4988ff;}
#kalender_DIV .kalender_table .day_TD .highlight a {color:#000; font-weight:bold;}
#kalender_DIV .kalender_table .day_TD .highlight a:hover {color:#fff; font-weight:bold; background-color:#64d546;}
	
td.divider {border-bottom:1px solid #999;}
		
#vandaag {float:left; width:180px; margin-top:10px;}
#vandaag p.dagvandaag {color:#333; text-decoration:none; padding:0 12px;}
#vandaag .dagvandaag a {color:#333; text-decoration:none;}
#vandaag .dagvandaag a:hover {color:#000; text-decoration:underline;}

#vandaag ul {color:#666; margin-top:6px; padding-top:0;}
#vandaag ul li {font-size:11px; margin-left:12px;  margin-top:0.6em; line-height:17px;}
#vandaag ul li a {text-decoration:underline; color:#666;}
#vandaag ul li a:hover {text-decoration:underline; color:#000;}


/* (((( SEARCH )))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/
#zoekform {margin-top:20px; width:100%;}
#zoekform .zoekfield {float:left; margin-right:10px;}
#zoekform .zoekbutton {}
#zoekform .zoekfield .inputfield {border:1px solid #a5a5a5;}

#zoekform label.error  {color:#f10000;padding-top:3px;padding-bottom:5px;width:400px;float:left;}

h1.totalfound {display:block; clear:left; padding:5px; margin-bottom:35px; background:#fff url(/img/yellow.gif) repeat; border-top-style:dotted; border-top-width:1px; border-bottom-style:dotted; border-bottom-width:1px; margin:5em 0px 1em 0px; font-size:1em;}
h1.nothingfound {display:block; clear:left; padding:5px; margin-bottom:35px; background:#fff url(/img/red.gif) repeat; border-top-style:dotted; border-top-width:1px; border-bottom-style:dotted; border-bottom-width:1px; margin:5em 0px 1em 0px; font-size:1em; color:#f10000;}
h2.zoekblok {margin:20px 0px 0px 0px; padding:0; font-size:1.2em; }
.gevonden {font-weight:bold; color:#ff5a11;}
.zoekresultaat {margin:0px 0px 10px 0px;}
.zoekresultaat .intro {padding-left:20px;padding-top:6px;}
.zoekresultaat h3  {margin:0px 0px 0px 0px; padding-top:10px;font-weight:normal;}
.zoekresultaat h3 a {margin:0px 0px 0px 0px; padding-top:10px;font-weight:normal;padding-left:20px;}
.zoekresultaat h4 {margin:0px 0px 0px 0px;padding-top:6px;padding-left:20px;font-weight:normal; color:#999;}


/* (((( FOOTER )))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))))*/

#footer {clear:both; width:100%; text-align:right; padding:14px 0 24px; font-size:11px; color:#666;}
#footer a {color:#666;}
#footer a:hover {color:#000;}

.footerspacer {margin-left:90px;}

.websiteby {margin-left:40px;margin-right:20px;}

.errordiv {text-align:center;}
.errortype {font-family: "Courier New", Courier, mono; font-size: 24px; color: #000000; text-align:center;}