/* resets_type
------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before,
blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* general
------------------------------------------------------------------*/
body { background: #59bbab; font: 13px/18px 'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif; color:#444444; }
h1 { margin: 0 0 10px 0; color: #3c6e4a; font-size: 24px; line-height: 28px; font-weight: normal; }
#enerpedia h1 { color: #278ab4; }
#produceren h1 { color: #006b85; }
#gewassen h1 { color: #932500; }
h1 span { font-size: 12px; }
#content h2 { clear: both; height: 25px; margin-bottom: 14px; padding: 0; color: #3c6e4a; font-size: 17px; font-weight: normal; }
#content h2 span { float: left; width: auto; height: 22px; padding: 3px 10px 0 0; font-size: 15px; line-height: normal; }
h3 { margin-bottom: 10px; padding: 0; color: #10A8C0; font-size: 12px; font-weight: normal; }
h4 {}
ul, ol { margin: 0 0 14px 16px; }
p, form { margin: 0 0 14px 0; }
a { color:#444444; }
a:hover { color: #000; }
input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; }
strong { font-weight: bold; }
em { font-style: italic; }

.img_left { float: left; margin: 0 10px 10px 0; }
.img_right { float: right; margin: 0 0 10px 10px; }

.hide { display: none; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */

/*algemeen*/
#enerpedia #content h2.title_tabs { /*height: 25px;*/ padding: 0 0 0 10px; background: url(../images/bg_h2_produceren.gif) top left no-repeat; color: #fff; border-bottom: #156B85 4px solid; }
#enerpedia #content h2.title_tabs span { padding: 3px 10px 0 0; background: url(../images/bg_h2_produceren_right.gif) top right no-repeat; }

/*enerpedia*/
#enerpedia #content h2 { color: #278ab4; }

/*besparen*/
/*#besparen #content h1 { color: #3c6e4a; }*/
#besparen #content h2 { padding: 0 0 0 10px; background: #fff url(../images/bg_h2_besparen.gif) top left no-repeat; color: #fff; border-bottom: #406F49 4px solid; }
#besparen #content h2 span { background: url(../images/bg_h2_besparen_right.gif) top right no-repeat; }

/*produceren*/
/*#produceren #content h1 { color: #53BCD7; }*/
#produceren #content h2 { padding: 0 0 0 10px; background: #fff url(../images/bg_h2_produceren.gif) top left no-repeat; color: #fff; border-bottom: #156B85 4px solid; }
#produceren #content h2 span { background: url(../images/bg_h2_produceren_right.gif) top right no-repeat; }
#produceren #content li a:visited { color: #aaa; }

/*gewassen*/
/*#gewassen h1 { color: #E08003; }*/
#gewassen #content h2 { padding: 0 0 0 10px; background: #fff url(../images/bg_h2_gewassen.gif) top left no-repeat; color: #fff; border-bottom: #8D2300 4px solid; }
#gewassen #content h2 span { background: url(../images/bg_h2_gewassen_right.gif) top right no-repeat; }

/* colors
-----------------
#278ab4 blauw - enerpedia

#3c6e4a groen - besparen
#006b85 blauw - produceren
#932500 bruin/rood - gewassen

#6ebc47 groen - projecten

*/

/* page structure
------------------------------------------------------------------*/
#wrapper { background: #fff; }
#header { position: relative; width: 980px; height: 220px; margin: 0 auto 30px auto; }
#contentWrap { width: 980px; margin: 0 auto; }
#navigation { float: left; width: 255px; }
#content { float:left; width: 517px; margin: 0 0 0 15px; }
#sidebar { float: right; width: 153px; margin: 0 15px 0 0; }
#partners { position: relative; width: 980px; margin: 0 auto; padding: 20px 0 10px 40px; }
#footer { clear: both; background: url(../images/bg_footer.gif) repeat-x; }
#footerContent { width: 960px; margin: 0 auto; padding: 43px 15px 10px 5px; background: url(../images/bg_footerContent.gif) no-repeat; }

/* header
------------------------------------------------------------------*/
#header #imgWrap { overflow: hidden; width: 980px; height: 200px; }
#logo { position: absolute; top: 123px; left: 5px; width: 236px; height: 96px; background: none; }

#headerNav { position: absolute; top: 123px; right: 0; width: 732px; margin: 0; }
#headerNav li { float: left; width: 244px; height: 92px; }
#headerNav a { display: block; width: 244px; height: 92px; text-indent: -9999px; }
#navBesparen { background: url(../images/hdrNav_besparen.png) no-repeat; }
#navProduceren { background: url(../images/hdrNav_produceren.png) no-repeat; }
#navGewassen { background: url(../images/hdrNav_gewassen.png) no-repeat; }
.active #navBesparen,
#navBesparen:hover { background: url(../images/hdrNav_besparen_ho.png) no-repeat; }
.active #navProduceren,
#navProduceren:hover { background: url(../images/hdrNav_produceren_ho.png) no-repeat; }
.active #navGewassen,
#navGewassen:hover { background: url(../images/hdrNav_gewassen_ho.png) no-repeat; }

#search { position: absolute; top: 0; right: 20px; width: 203px; height: 27px; padding: 4px 0 0 10px; background: url(../images/bg_search.png) no-repeat; }
#search input { width: 115px; }
#search #searchBtn { width: 20px; height: 19px; background: url(../images/bg_searchBtn.png) no-repeat; border: none; cursor: pointer; }

/* navigation
------------------------------------------------------------------*/
#extraLinks { width: 220px; margin: 0 0 10px 15px; }
#extraLinks li { width: 220px; }
#extraLinks,
#extraLinks a { font-size: 11px; }
#extraLinks a { text-decoration: none; }
#extraLinks a:hover { background: #fff; }
#extraLinks a:hover span { text-decoration: underline; }
#besparen #extraLinks,
#besparen #extraLinks a { color: #3c6e4a; }
#produceren #extraLinks,
#produceren #extraLinks a { color: #006b85; }
#gewassen #extraLinks,
#gewassen #extraLinks a { color: #932500; }

#subNav,
#projectenSearch { width: 240px; margin: 0 0 15px 0; padding: 17px 0 0 15px; }
#subNav h2 { width: 220px; margin: 0 0 12px 0; }
#subNav h2 a { display: block; background: none; color: #fff; font-weight: normal; text-decoration: none; }
#subNav ul { width: 220px; margin: 0; }
#subNav ul li { width: 220px; }
#subNav ul a { width: 212px; padding: 4px; text-decoration: none; }
#subNav ul ul { width: 210px; margin: 0 0 10px 10px; }
#subNav ul ul li { width: 210px; padding: 0; }
#subNav ul ul a { width: 210px; padding: 0; }

#enerpedia #subNav { background: url(../images/bg_subNav_enerpedia.gif) no-repeat; }
#enerpedia #subNav li a { display: block; background: url(../images/bg_subNav_li_enerpedia.gif) bottom left no-repeat; color: #11a8c0; }
#enerpedia #subNav .active a,
#enerpedia #subNav li a:hover { background-color: #b7e5ec; color: #167299; }
#enerpedia #subNav h2 { margin-bottom: 30px; text-indent: -9999px; }

#besparen #subNav { background: url(../images/bg_subNav_besparen.gif) no-repeat; }
#besparen #subNav li a { width: 212px; display: block; background: url(../images/bg_subNav_li_besparen.gif) bottom left no-repeat; color: #518d47; }
#besparen #subNav .active a,
#besparen #subNav li a:hover { background-color: #d8f5ca; }
#besparen #subNav.active h2 a,
#besparen #subNav h2 a:hover { color: #9ab68c; }
#besparen #subNav .active ul li a { width: 210px; padding-top: 5px; background: none; border-bottom: #d8f5ca 1px solid; color: #6f6158; }
#besparen #subNav .active ul .active a,
#besparen #subNav .active ul a:hover { color: #518d47; }

#produceren #subNav { background: url(../images/bg_subNav_produceren.gif) no-repeat; }
#produceren #subNav li a { width: 212px; display: block; background: url(../images/bg_subNav_li_produceren.gif) bottom left no-repeat; color: #006c86; }
#produceren #subNav .active a,
#produceren #subNav li a:hover { background-color: #e8f1f6; }
#produceren #subNav.active h2 a,
#produceren #subNav h2 a:hover { color: #e8f1f6; }
#produceren #subNav .active ul li a { width: 210px; padding-top: 5px; background: none; border-bottom: #e8f1f6 1px solid; color: #6f6158; }
#produceren #subNav .active ul .active a,
#produceren #subNav .active ul a:hover { color: #006c86; }

#produceren #subNav .volgens { width: 220px; margin: 0; }
#produceren #subNav .volgens a { position: relative; float: left; display: block; width: 110px; margin: -5px 0 0 0; padding: 8px 0; background: none; text-align: center; }
#produceren #subNav .volgens .volgens_item,
#produceren #subNav .volgens a:hover { background: url(../images/bg_volgens_item.gif) no-repeat; font-weight: bold; text-decoration: none; }

#gewassen #subNav { background: url(../images/bg_subNav_gewassen.gif) 0 1px no-repeat; }
#gewassen #subNav li a { width: 212px; display: block; background: url(../images/bg_subNav_li_gewassen.gif) bottom left no-repeat; color: #c14b25; }
#gewassen #subNav .active a,
#gewassen #subNav li a:hover { background-color: #faba9c; }
#gewassen #subNav.active h2 a,
#gewassen #subNav h2 a:hover { color: #faba9c; }
#gewassen #subNav .active ul li a { width: 210px; padding-top: 5px; background: none; border-bottom: #faba9c 1px solid; color: #6f6158; }
#gewassen #subNav .active ul .active a,
#gewassen #subNav .active ul a:hover { color: #932500; }

.hpLink { display: block; width: 244px; height: 72px; margin: 0 0 5px 2px; text-indent: -9999px; }
a#watIsEnerpediaLink/*,
#hp #watIsEnerpediaLink:hover*/ { background: url(../images/bg_watIsEnerpediaLink.gif) no-repeat; }
#projectenLink,
#hp #projectenLink:hover { background: url(../images/bg_projectenLink.gif) no-repeat; }
a#energieforumLink,
#hp #energieforumLink:hover { background: url(../images/bg_energieforumLink.gif) no-repeat; }

#projectenSearch { background: url(../images/bg_subNav_projecten.gif) no-repeat; }
#projectenSearch h2 { margin-bottom: 40px; text-indent: -9999px; }
#projectenSearchForm { width: 220px; }
#projectenSearchForm label,
#projectenSearchForm input,
#projectenSearchForm select { width: 100%; margin: 0 0 10px 0; display: block; font-size: 12px; }
#projectenSearchForm label { color: #6ebc47; font-size: 14px; line-height: 18px; font-weight: bold; }
#projectenSearchForm #trefwoord { width: 214px; }
#projectenSearchForm #projectSearchSubmit { float: right; width: 50px; height: 21px; background: url(../images/bg_projectSearchSubmit.gif) no-repeat; border: none; color: #fff; font-size: 12px; cursor: pointer; }

#e-zine { width: 214px; height: 82px; margin: 0 0 15px 2px; padding: 10px 0 0 30px; background: url(../images/bg_e-zine.gif) no-repeat; }
#e-zineForm { margin: 0; }
#e-zineInput { width: 200px; height: 21px; margin: 0 0 6px 0; background: url(../images/bg_e-zine_input.gif) bottom left no-repeat; }
#e-zineForm label { display: block; padding-bottom: 6px; color: #0aa8c0; font-size: 15px; font-weight: bold; }
#e-zineInput input { width: 165px; margin: 0; padding-left: 4px; background: none; border: none; }
#e-zineInput #e-zineSubmit { width: 20px; padding: 0; cursor: pointer; }
#e-zine a { font-size: 12px; text-decoration: none; }
#e-zine a:hover { background: none; }

#facebook { display: block; width: 140px; height: 22px; margin: 0 0 0 35px; padding: 2px 0 0 30px; background: url(../images/bg_facebook.gif) no-repeat; color: #1a79a7; font-size: 12px; text-decoration: none; }

/* sidebar
------------------------------------------------------------------*/
#sidebar h2 { padding: 12px 0 0 12px; color: #fff; font-size: 17px; font-weight: bold; }
#infotheek h2,
#agenda h2 { width: 141px; height: 39px;  }
#infotheek h2 { background: url(../images/bg_infotheek_h2.gif) no-repeat; }
#agenda h2 { background: url(../images/bg_agenda_h2.gif) no-repeat; }
#sidebar ul { margin: 0 0 20px 0; padding: 10px 0; }
#sidebar li { margin: 0 0 10px 0; }
#sidebar a { width: 139px; display: block; padding: 0 2px 0 12px; font-size: 12px; text-decoration: none; }

#infotheek ul { background: #e8f1f6; }
#infotheek a { color: #1a79a7; }
#infotheek ul.active,
#infotheek ul:hover { background: #278ab4; }
#infotheek ul.active a,
#infotheek ul:hover a { background: #278ab4; color: #e8f1f6; }
#infotheek ul.active li.active a,
#infotheek ul:hover a:hover { background: #278ab4; color: #fff; }

#agenda ul { background: #f5ddd2; }
#agenda a { color: #cf571c; }
#agenda ul.active,
#agenda ul:hover { background: #cf571c; }
#agenda ul.active a,
#agenda ul:hover a { color: #f5ddd2; }
#agenda ul.active li.active a,
#agenda ul:hover a:hover { background: none; color: #fff; }
#agenda span { font-weight: bold; }

#simul { width: 153px; background: url(../images/bg_simul.gif) no-repeat; }
#simul h2 span { display: block; font-size: 13px; }
#simul a { padding: 12px 2px 12px 15px; color: #a6dce5; background: url(../images/bg_simul_bottom.gif) bottom left no-repeat; }
#simul a:hover { background: url(../images/bg_simul_bottom.gif) bottom left no-repeat; color: #fff; }

/* content
------------------------------------------------------------------*/

/* =================================== recuperatie vorige css - content --> AANGEPAST =============================*/
#content ul { list-style-type: disc; }

/*#content a { text-decoration: none; }
#content a:hover { background: none; text-decoration: none; }*/
#enerpedia #content a { color: #278ab4; }
#besparen #content a { color: #518d47; }
#produceren #content a { color: #11a8c0; }
#gewassen #content a { color: #d54d00; }
#projecten #content a { color: #6ebc47; }

#breadcrumbs { margin: 0 0 15px 0; color: #9A9898; font-size: 11px; }

#enerpedia #breadcrumbs a:hover,
#enerpedia #breadcrumbs span.active { color: #278ab4; }

#besparen #breadcrumbs a:hover,
#besparen #breadcrumbs span.active { color: #3c6e4a; }

#produceren #breadcrumbs a:hover,
#produceren #breadcrumbs span.active { color: #006b85; }

#gewassen #breadcrumbs a:hover,
#gewassen #breadcrumbs span.active { color: #932500; }

#projecten #breadcrumbs a:hover,
#projecten #breadcrumbs span.active { color: #3C6E4A; }

/* intro */
#hoofdnieuws { margin: 0 0 10px 0; padding: 0 0 10px 0; background: url(../images/bg_nieuwsblok.gif) bottom left repeat-x; }
#content #hoofdnieuws h2 { background: none; border: none; font-size: 18px; padding:4px 0 0 0; font-weight: bold; }
#hoofdnieuws .intro { margin-bottom: 20px; }

.nieuwsblok { margin: 0 0 10px 0; background: url(../images/bg_nieuwsblok.gif) 50% repeat-y; }
.nieuwsblok h3,
.nieuwslijst h3 { font-size: 15px; }

#algemeen #hoofdnieuws img,
#algemeen .nieuwsblok img { margin-bottom: 0; border: none; }

.nieuwsblokLinks { float: left; width: 263px; padding: 0 20px 0 0; }
.nieuwsblokRechts { float: right; width: 263px; padding: 0 0 0 20px; }

a.meer_nieuws { display: block; text-decoration: none; }
a.meer_nieuws:hover { color: #444444; }
a.meer_nieuws span { text-decoration: underline; }

.nieuwslijst { padding: 10px 0 0 0; background: url(../images/bg_nieuwsblok.gif) top left repeat-x; }
#content .nieuwslijst ul { margin: 0; list-style: none; }

/* intro besparen */
#printButton { position: absolute; top: 270px; right: 0; background: url(../images/print.gif) no-repeat right; padding: 10px; text-indent:-9999px; display: block; width:8px;  } 

#besparen #hoofdnieuws h2 { color: #406F49; }

#besparen .nieuwsblok h3,
#besparen .nieuwslijst h3 { color: #406F49; }
#besparen #hoofdnieuws img,
#besparen .nieuwsblok img { margin-bottom: 0; border: none; }

#besparen a.meer_nieuws { color: #3c6e4a; }
#besparen a.meer_nieuws:hover { color: #444444; }

#besparen .nieuwslijst ul,
#besparen .nieuwslijst a { color: #3c6e4a; }
#besparen .nieuwslijst a:hover { color: #444444; }

/* intro produceren */
#produceren #hoofdnieuws h2 { color: #156B85; }

#produceren .nieuwsblok h3,
#produceren .nieuwslijst h3 { color: #156B85; }
#produceren #hoofdnieuws img,
#produceren .nieuwsblok img { margin-bottom: 0; border: none; }

#produceren a.meer_nieuws { color: #006b85; }
#produceren a.meer_nieuws:hover { color: #444444; }

#produceren .nieuwslijst ul,
#produceren .nieuwslijst a { color: #006b85; }
#produceren .nieuwslijst a:hover { color: #444444; }

/* --- */

.fullwidth { width: 517px; }
.intro { margin: 5px 0 20px 0; color: #444;font-size: 13px; line-height: 20px;font-weight: normal; }

.img_fullwidth,
#besparen .img_fullwidth,
#produceren .img_fullwidth,
#gewassen .img_fullwidth { display: block; margin: 0 0 10px 0; }

.foto_txt img.right { float: right; margin: 0 0 10px 10px; }
.foto_txt img.left { float: left; margin: 0 10px 10px 0; }

#content .bestanden { margin: 14px 0; list-style: none; }
.bestanden li { margin: 0 0 3px 0; }
.bestanden img/*,
#besparen .bestanden img,
#produceren .bestanden img,
#gewassen .bestanden img*/ { margin-bottom: 0; }

#content_img { width: 214px;float: left;clear: left;margin-right: 14px; }

#tekstblok { color: #444;font-size: 12px;line-height: 18px;float: left;clear: right;width: 320px; }

.grafiek { margin: 0 0 20px 0; }
.pie/*,
#besparen .pie,
#produceren .pie,
#gewassen .pie*/ { float: left; border: none; }
.pie_legend td/*,
#besparen .pie_legend td,
#produceren .pie_legend td,
#gewassen .pie_legend td*/ { padding: 2px 8px 2px 0; border: none; vertical-align: middle; }
.cijfers { text-align: right; }
#besparen #content .pie_legend a { color: #444; text-decoration: underline; }

.overzicht { float: left; width: 517px; margin: 20px 0 0 0; list-style: none; }
.overzicht li { display: inline; float: left; width: 100px; height: 120px; margin: 0 29px 50px 0; }
.overzicht li:nth-child(4n+4) { margin-right: 0; }
.overzicht li img,
#besparen #hoofdnieuws .overzicht li img { display: block; margin: 0 0 10px 0; padding: 0 0 4px 0; }
#besparen #hoofdnieuws .overzicht li img { border-bottom: 9px solid #518D47; }
#produceren #hoofdnieuws .overzicht li img { border-bottom: 9px solid #11A8C0; }
#gewassen #content .overzicht li img { border-bottom: 9px solid #E08003; }
#besparen #content .overzicht li a,
#produceren #content .overzicht li a,
#produceren #content .overzicht li a:visited,
#gewassen #content .overzicht li a { display: block; color: #444; }

.pic,
.picto img { float: left; margin-bottom: 0; border: none; margin: 0 5px 0 0; }
.pic { margin-top: 2px; }
.size { font-size: 10px; }

#FLV { margin: 0 0 30px 3px;  width: 244px; }
#video { width: 236px; height: 166px; border-bottom: 4px solid #999; }


.verplicht { color: #25786A; }

.error { color: #f00; }

.vraag_antwoord { margin: 0 0 15px 0; border-bottom: #25786A 1px solid; }
.vraag_antwoord h2 { margin: 15px 0 5px 0; color: #25786A; }

a.to_top { float: right; width: auto; margin-bottom: 10px; padding: 0 0 0 10px; background: url(../images/pijl_top.gif) 0 4px no-repeat; color: #25786A; text-align: right; }
a.to_top:hover { color: #25786A; }

/* forms */
fieldset { padding:10px; border:1px solid #278AB4; }
legend { color:#278AB4; font-weight:bold; }

form { clear: both; }
#contactformulier { clear: both; width: 410px; margin: 30px 0 10px 0; }
#contactformulier div,
#audit_form div,
#info_form div { margin: 0 0 5px 0; }
#contactformulier #c_naam,
#contactformulier #c_adres,
#contactformulier #c_phone_mail,
#contactformulier c_opmerkingen { margin: 0 0 20px 0; }
#contactformulier label,
#audit_form label,
#info_form label { float: left; width: 150px; }
#contactformulier input,
#audit_form input,
#info_form input { float: left; width: 250px; padding: 2px; }
#contactformulier #straat,
#audit_form #straat { width: 182px; }
#contactformulier #nr,
#audit_form #nr { float: right; width: 50px; }
#contactformulier #postcode,
#audit_form #postcode { width: 50px; }
#contactformulier #gemeente,
#audit_form #gemeente { float: right; width: 182px; }
#contactformulier #opmerkingen { width: 390px; padding: 2px; }
#contactformulier #submit,
#info_form #submit { clear: both; float: right; width: 100px; height: 25px; padding: 0; background: url(../images/bg_submit.png) no-repeat; border: none; color: #fff; cursor: pointer; font-size: 12px; }
#audit_form #submit { clear: both; float: right; width: 100px; height: 25px; padding: 0; margin: -7px 40px 0 0; background: url(../images/bg_submit.png) no-repeat; border: none; color: #fff; cursor: pointer; font-size: 12px; }
#contactformulier .newsletter { width: 370px; }
input#newsletter { width: auto; }

.lbl_subtitel { font-weight: bold; }
#contactformulier .lid input { width: 15px; }
#contactformulier #opstapplaatsen input { width: 15px; }

#audit_form p { margin: 0 0 5px 0; }
#audit_form .radio { float: none; width: auto; margin: 0 10px 0 150px; }
#audit_form #a_naam,
#audit_form #a_adres,
#audit_form #a_provincie,
#audit_form #a_phone_mail { width: 410px; margin: 20px auto 20px auto; }

#info_form { margin: 20px 0 0 0; }
#info_form p { margin: 0 0 5px 0; }
#info_form #i_naam,
#info_form #i_phone_mail,
#info_form #i_opmerkingen { width: 398px; margin: 20px auto 20px auto; }
#info_form #opmerkingen { width: 390px; padding: 2px; }

.mandatory { font-size: 10px; }

.faqs,
.faq, 
markt,
.links { margin: 0; padding: 0; }

#content ul.faq,
#content ul.links,
#content ul.detail_links { list-style: none; }

.faqs a:visited,
.faq a:visited,
.links a:visited { color: #aaa; }

.faqs a:hover,
.faq a:hover,
.markt a:hover,
.links a:hover { color: #444444; }

#enerpedia #content .markt a,
#enerpedia #content .faq a,
#enerpedia #content .links a { color: #278AB4; background: #E8F1F6; text-decoration: none; display: block; margin: 0 0 10px 0;  padding: 6px 0 6px 12px; width: 280px; }
#enerpedia #content .faq a,
#enerpedia #content .links a { color: #278AB4; }
#enerpedia #content .faq li,
#enerpedia #content .links li,
#enerpedia #content .markt li { list-style: none; padding: 0; margin: 0;}

.faqs li { margin-left: 15px; }

/*.woordenboek { float: left; width: 517px; margin: 0 0 20px 0; list-style: none; }
.woordenboek li { float: left; margin: 0 3px; }
.woordenboek li a { display: block; padding: 2px; }
.woordenboek li.active a,
.woordenboek li a:hover { color: #f00; }

.woorden { clear: both; width: 567px; margin: 0 0 20px 0; }
.woorden div { padding: 3px 0; border-bottom: #59bbab 1px solid; }
.woorden .begrip { clear: left; float: left; width: 150px; font-weight: bold; }
.woorden .verklaring { float: right; width: 397px; }
.woorden p { margin: 0; }*/

.detail_links { margin: 20px 0 0 0; }
.detail_links li { float: left; width: 517px; margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: #59bbab 1px solid; }
.detail_links .link_url { clear: left; float: left; width: 400px; }
.detail_links .link_img img { float: left; margin: 0; padding: 0; border: none; }

.detail_links li a { text-decoration: none; }
.detail_links  li { padding: 3px 3px; font-size: 13px; list-style: none; border-bottom: 1px dotted #59BBAB; }
.detail_links  li:hover { padding: 3px 3px; font-size: 13px; list-style: none; border-bottom: 1px dotted #59BBAB; background-color: #eff4f3; }

#form_nieuwsbrief { padding: 20px; background: #F0F5F4; }
#form_nieuwsbrief p { margin-left: 42px; text-align: left; font-size: 14px; color: #278AB4; }
#form_nieuwsbrief div { text-align: center; }
#form_nieuwsbrief label { padding: 0 15px 0 0; }
#form_nieuwsbrief input { width: 200px; margin: 0 15px 0 0; }
#form_nieuwsbrief button { width: 105px; height: 25px; background: url(../images/bg_inschrijven.gif) no-repeat; border: none; color: #fff; cursor: pointer; }
/*#enerpedia #content .agenda_info a.inschrijven,*/
#enerpedia #content a.inschrijven { display: block; width: 105px; height: 25px; margin-top: 10px; padding: 2px 0 0 0; background: url(../images/bg_inschrijven.gif) no-repeat; /*border: none;*/ color: #fff; color: #fff; font-size: 12px; text-align: center; text-decoration: none; }

.faq_aanmelden a { background:transparent url(../images/bg_aanmelden.gif) no-repeat scroll 0 0; border:medium none; color:#FFFFFF; display:block; font-size:12px; height:25px; padding:2px 0 0 0; text-align:center; text-decoration:none; width:200px; margin: 10px 0 0 0; }
.markt_aanmelden a { /*background:transparent url(../images/bg_aanmelden.gif) no-repeat scroll 0 0;*/ border:medium none; color:#FFFFFF; display:block; font-size:12px; height:25px; padding:2px 0 0 0; text-align:center; text-decoration:none; /*width:200px;*/ margin: 10px 0 30px 0; }
.markt_aanmelden a:hover,
.faq_aanmelden a:hover{ color: #000; }  

/* bibliotheek 
-------------- */
#content #zoek_bib { float: left; width: 517px; margin: 10px 0 0 0; border-bottom: #25786A 4px solid; list-style: none; }
#zoek_bib li { float: left; padding: 0 0 0 10px; }
#zoek_bib a { display: block; text-decoration: none; font-size: 14px; font-weight: normal; }

#zoek_bib #left { height: 25px; background: url(../images/bg_bib_left_links.gif) top left no-repeat; }
#zoek_bib #left a { height: 21px; padding: 4px 10px 0 0; background: #59BBAB; color: #fff;  }
#zoek_bib #left.active { float: left; height: 25px; padding: 0 0 0 10px; background: url(../images/bg_bib_left_linksAct.gif) top left no-repeat; }
#zoek_bib #left.active a { font-weight: bold; height: 21px; padding: 4px 10px 0 0; background: url(../images/bg_bib_left_rechtsAct.gif) top right no-repeat; color: #fff; }

#zoek_bib #right { height: 25px; background: #59BBAB; }
#zoek_bib #right a { height: 21px; padding: 4px 10px 0 0; background: url(../images/bg_bib_right_rechts.gif) top right no-repeat; color: #fff;  }
#zoek_bib #right.active { float: left; height: 25px; padding: 0 0 0 10px; background: url(../images/bg_bib_right_linksAct.gif) top left no-repeat; }
#zoek_bib #right.active a { font-weight: bold; height: 21px; padding: 4px 10px 0 0; background: url(../images/bg_bib_right_rechtsAct.gif) top right no-repeat; color: #fff; }

#form_bib { width: 517px; clear: left; }
#form_bib label { padding: 0 7px 0 0; vertical-align: middle; font-weight: bold; color: #25786a; font-size: 14px; }
#form_bib input { width: 155px; }
#form_bib input,
#form_bib select { margin: 0 10px 0 0; vertical-align: middle; }

fieldset.form_bib_zoeken,
#form_artikel { padding: 20px 10px 15px 10px; background: #F0F5F4; border: 0; }
.form_bib_zoeken select#s_type { font-size: 12px; }

#form_artikel fieldset { border: 0; padding: 0; }
#form_bib a { display: block; margin: 0 0 0 69px; font-size: 11px; font-weight: normal; color: #25786A; }
#form_bib a:hover { color: #000; }
#form_bib button,
#form_artikel button { width: 95px; height: 25px; margin: 0 0 0 0; background: url(../images/btn_zoek_bib.png) no-repeat; border: none; color: #fff; vertical-align: middle; font-size: 12px; cursor: pointer; }

fieldset.form_artikeltoevoegen div { margin: 0 0 3px 0; }
fieldset.form_artikeltoevoegen label { width: 80px; display: block; float: left; font-weight: bold; color: #25786a; font-size: 14px; }
fieldset.form_artikeltoevoegen input { width: 200px; }

#publicaties_persartikelen { background: url(../images/bg_nieuwsblok.gif) top left repeat-x; padding: 10px 0 0 0; }
#publicaties_persartikelen h2 { color: #25786a; margin: 0 0 5px 0; }
#publicaties_persartikelen h3 { color: #59bbab; margin: 0; }
.toon_alle { color: #59BBAB; text-decoration: none; }
.toon_alle span { text-decoration: underline; }

#recente_publicaties { float: left; width: 250px; padding: 0 5px 0 0; background: url(../images/bg_nieuwsblok.gif) top right repeat-y; line-height: 18px; }
#recente_persartikelen { float: right; width: 250px; line-height: 18px;}
#recente_publicaties ul,
#content #recente_persartikelen ul { margin: 0 0 10px 0; list-style: none; }
#recente_publicaties li,
#recente_persartikelen li { margin: 0 0 3px 0; font-size:12px; }
#recente_publicaties li a span,
#recente_persartikelen li a span { float: right; display: block; width: 222px; color: #444; text-decoration: underline; cursor: pointer; }


/*search results bib
-------------------- */
.title_result { float: left; width: 283px; padding: 0 0 15px 0; background: url(../images/bg_nieuwsblok.gif) bottom left repeat-x; }

.aantal_resultaten { display: block; float: right; width: 284px; padding: 0 0 15px 0; background: url(../images/bg_nieuwsblok.gif) bottom left repeat-x; font-size: 12px; color: #59BBAB; text-align: right; }

#content #search_results { clear: both; list-style: none; margin: 0; }
#search_results li { margin: 0 0 15px 0; }
#search_results a.picto { display: block; margin: 0 0 3px 0; font-size: 13px; color: #25786A; }
.bestand_info { display: block; color: #59BBAB; }
.bestand_link { color: #59BBAB; }

#paginas { float: left; width: 517px; margin: 0; text-align: center; }
#paginas li { display: inline; }
#paginas a { padding: 0 3px; font-size: 14px; color: #59BBAB; font-weight: normal; }
#paginas a:hover { color: #25786A; }
#paginas li.active a { color: #25786A; font-weight: bold; }
#paginas .prev,
#paginas .next { color: #25786A; font-weight: bold; text-decoration: none; }
#paginas .prev span,
#paginas .next span { text-decoration: underline; }
#paginas .prev { padding: 0 20px 0 0; }
#paginas .next { padding: 0 0 0 20px; }

#general_searchresults img { float: none; margin: 0 5px 0 0; padding: 0; border: none; }

/*agenda*/
.event { margin: 0 0 35px 0; }

.datumblok { float: left; width: 67px; height: 66px; margin: 0; background: url(../images/bg_agenda_datum.gif) no-repeat; font-family: arial; text-align: center; color: #278AB4; }
.dag { font-size: 45px; line-height: 45px; }
.maand_jaar { font-size: 17px; }

.agenda_info { position: relative; float: right; width: 440px; }
.agenda_info a { display: block; font-size: 14px; color: #444444; }
.agenda_info a:hover { color: #000; }
.agenda_info p { width: 385px; margin: 0; }
.agenda_info button { position: absolute; bottom: 0; right: 0; width: 105px; height: 25px; background: url(../images/bg_inschrijven.gif) no-repeat; border: none; color: #fff; }

#content .event_list { margin: 0; list-style: none; color:#59BBAB; }
.event_list h3 { font-weight: bold; font-size: 15px; color: #25786a; background: #e9f1f0; padding: 10px; width: 41px; }
#content .event_list li { padding: 3px 3px; font-size: 13px; list-style: none; border-bottom: 1px dotted #59BBAB; }
#content .event_list li:hover { padding: 3px 3px; font-size: 13px; list-style: none; border-bottom: 1px dotted #59BBAB; background-color: #eff4f3; }
.event_list a { text-decoration: none; color: #444444; display: block; }
.event_list a:hover { color: #000; }

/*teelt in beeld*/
#teelt_as { border: #E08003 1px solid; padding: 11px;}
#teelt_as .kwartaal { margin: 20px 0 0 0; }
#teelt_as .maand { position: relative; float: left; width: 120px; margin: 0 4px 0 0; }
#teelt_as .vierde_maand { position: relative; float: left; width: 120px; margin: 0;  }
#teelt_as span { display: block; width: 120px; height: 90px; background: #F3E9E5; }
#teelt_as img { float: none; width: 120px; height: 90px; margin: 0; padding: 0; border: none;}
#teelt_as h4 { padding: 2px; background: #fff; border-bottom: #E08003 1px solid; text-align: right; color: #E08003; }

#teelt_as .popup { position: absolute; top: 10px; left: 10px; width: 126px; background: #fff; border: #8D2300 2px solid; z-index: 100;}
#teelt_as .popup p { margin: 2px; }
#teelt_as .popup span { display: block; width: 126px; height: 18px; background: #8D2300 url(../images/vinkje.gif) top left no-repeat; border: none; }
#teelt_as .hover { z-index: 5; }
#teelt_as .active img { width: 116px; height: 86px; border: #E08003 2px solid; }
#teelt_as .active h4 { padding: 2px; background: #E08003; text-align: right; color: #fff; }


/* infoloket */
.infoloket { width: 250px; margin: 10px 0 0 0; }
.infoloket img { display: block; float: none; margin: 0; padding: 0; border: none; }
.infoloket span { font-size: 14px; font-weight: bold; color: #000; }
.infoloket p { margin: 0 0 10px 0; }

#virtueel {  float: left; }
#virtueel img { margin: 0 0 0 60px; }

#ter_plaatse { float: right; margin: 130px 0 0 0; }
#ter_plaatse img { margin: 0 0 0 30px; }

#telefonisch { float: left; margin: 30px 0 0 0; }

#map { position: relative; width: 490px; height: 200px; }
div.location { position: absolute; width: 32px; height: 32px; }

div.location a.locationDot { display: block; width: 32px; height: 32px; background: url(../images/location.png) no-repeat; }
div.location a.locationDot:hover,
div.active a.locationDot { background: url(../images/location_ho.png) no-repeat; }

#enerpedia #content .location:hover { z-index: 100; }

.locationInfoWrap { display: none; position: absolute; top: -20px; left: 20px; z-index: 10; }
.location:hover .locationInfoWrap { display: block; z-index: 110; }
.locationInfo { width: 263px; padding: 10px 10px 0 40px; background: url(../images/bg_locationInfoTop.png) no-repeat; font-size: 12px; line-height: 16px; }
.locationInfo img,
#medewerkers img { float: left; }
.adresWrap { margin-left: 102px; }
.adres span,
a.mailto { display: block; }
.adres { color: #278ab4; margin: 0 0 20px 0; }
.contact { float: left; }
a.mailto { padding: 0 0 0 24px; background: url(../images/icon_mail.gif) 0 3px no-repeat; font-weight: bold; text-decoration: none; }
.medewerkerInfo a.mailto:hover { background: url(../images/icon_mail.gif) 0 3px no-repeat; }
.locationInfo p { clear: both; margin: 0; padding: 10px 0 0 0; }
.locationInfo p a,
.locationInfo p a:hover { background: none; }
.locationInfoBottom { width: 313px; height: 14px; background: url(../images/bg_locationInfoBottom.png) no-repeat; }

#medewerkers { margin: 0; padding: 20px 0 0 0; border-top: #5dcae9 1px solid; }
#content #medewerkers ul { margin: 0; list-style: none; }
#medewerkers li { float: left; width: 250px; margin: 0 17px 20px 0; }
#medewerkers li:nth-child(2n+2) { margin-right: 0; }
.medewerker { overflow: hidden; height: 250px; }
.medewerkerInfo { margin-left: 80px; }


/* tabellen
-----------*/
table { margin: 0 0 20px 0; }
th { padding: 2px; background-color: #25786a; border: #006b85 1px solid; color: #fff; text-align: left; vertical-align: middle; }
td { padding: 2px; background: #fff; border: #006b85 1px solid; }

#besparen .foto_txt th,
#besparen .fullwidth th { background-color: #E9F5E3; border: #E9F5E3 1px solid; }
#produceren .foto_txt th,
#produceren .fullwidth th { background-color: #006b85; border: #006b85 1px solid; }
#gewassen .foto_txt th,
#gewassen .fullwidth th { background-color: #E08003; border: #E08003 1px solid; }

#besparen .foto_txt td,
#besparen .fullwidth td { border: #E9F5E3 1px solid; }
#produceren .foto_txt td,
#produceren .fullwidth td { border: #006b85 1px solid; }
#gewassen .foto_txt td,
#gewassen .fullwidth td { border: #E08003 1px solid; }

#projectOverview { width: 517px; background: url(../images/bg_projectOverview.gif) no-repeat; }
#projectOverview th { padding: 5px 10px; }
#projectOverview td { padding: 10px; }
#projectOverview th { color: #fff; }
#content #projectOverview th a { color: #fff; text-decoration: underline; }
#projectOverview th { background: none; border: none; height: 46px; *height: 36px; }
@media screen and (-webkit-min-device-pixel-ratio:0){ #projectOverview th{ height: 36px; }} /*Safari & Chrome*/
#projectOverview th { height: 36px\0/; } /*IE8*/
#projectOverview td { border: none; border-left: #d3ebc7 1px solid; }
#lastUpdate td { background: url(../images/bg_lastUpdate.gif) no-repeat; border: none; color: #fff; }
#projectOverview td.naam { background: url(../images/projectOverviewBorder.gif) repeat-y; border-left: none; }
#projectOverview td.datum { background: url(../images/projectOverviewBorder.gif) top right repeat-y; border-right: none; min-width: 100px; }
.odd td,
#projectOverview .odd td.naam,
#projectOverview .odd td.datum { background-color: #e2f2da; }

/* ============================================================== */

/* homepage
------------------------------------------------------------------*/
#hp #headerNav { position: relative; width: auto; top: auto; right: auto; }
#hp #headerNav li { float: none; margin-bottom: 10px; }

#hp .column { float: left; width: 222px; margin-right: 29px; }
#hp .column:nth-child(2) { width: 244px; margin-right: 0; }

#hp .hpLink { margin-left: 0; }

#hp #content a { color: #25786a; font-weight: normal; }

/* partners
------------------------------------------------------------------*/
#partnerContainer { width: 935px; }
#partnerContainer a img { margin-right: 14px; }
#allPartners { position: absolute; top: 35px; right: 15px; display: block; width: 29px; height: 28px; background: url(../images/bg_allPartners.gif) no-repeat; text-indent: -9999px; }

/* footer
------------------------------------------------------------------*/
#footerInfo { float: left; width: 800px; }
#footerInfo,
#footerInfo a { color: #fff; font-size: 12px; }
#footerInfo a { text-decoration: none; padding-bottom: 1px; border-bottom: 1px dotted #fff; }
#duo { float: right; width: 35px; margin: 5px 15px 0 0; background: url(../images/logo_duo.png) no-repeat; text-indent: -9999px; }


/* CMS Preview
------------------------------------------------------------------*/
#CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; }
#CMSpreviewBar a { color: #fff; }