/* hulp- en hackstijlen */
.clear-me { clear: both; height: 1px; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

body { margin: 0; padding: 0; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .7em; color: #000; }

h1 { font-size: 1.5em; color: #fba900; }
h2 { font-size: 1.2em; color: #fba900; }

p { line-height: 140%; margin: 10px 0; }
a { color: #008080; }
a:hover { color: #f60; /* #fba900; */ }

.clear-me { clear: both; }

/*tmp homepage stijlen */
#container-melding { position: absolute; left: 50%; top: 50%; margin-left: -300px; margin-top: -200px; width: 600px; height: 400px; text-align: left; }

/* homepage stijlen */
#home-banner { margin: 0 auto; display: block; /* width: 1010px; */ width: 995px; height: 135px; background: transparent url("/img/stijlen/logo-home.png") 50% 0 no-repeat; }

#container-home { display: block; /* width: 1010px; */ width: 995px; height: 400px; padding: 10px 0; border-top: 5px solid #ff6f00; border-bottom: 5px solid #ff6f00; margin: 0 auto; }
#container-home a { text-decoration: none; }

#info-sh { display: block; /* width: 500px; */ width: 495px; height: 400px; float: left; margin: 0; background: transparent url("/img/stijlen/bg-home-sh.jpg") 0 0 no-repeat; } 
#info-kb { display: block; /* width: 500px; */ width: 495px; height: 400px; float: right; margin: 0; background: transparent url("/img/stijlen/bg-home-kb.jpg") 0 0 no-repeat;}

#txt-info-sh, #txt-info-kb { display: block; background: #ff6f00; color: #fff; padding: 5px 20px; margin: 0; text-align: left; border-bottom: 10px solid #fff; }
#txt-info-sh h2, #txt-info-kb h2 { font-size: 2.4em; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; margin: 0; padding: 0; }
#txt-info-sh p, #txt-info-kb p { font-size: 1.3em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #fff; margin: 0; padding: 0; }

#home-footer { display: block; /* width: 1010px; */ width: 995px; height: 60px; margin: 0 auto; padding: 0; }
#home-footer a { color: #000; text-decoration: none; }
#home-footer a:hover { color: #ff6f00; text-decoration: none; }

#homepage-branding { display: block; float: left; }
#homepage-links { display: block; float: right; }

#bdy-page { text-align: left; padding: 0; margin: 0; }

/*banner stijlen */
#banner { width: 100%; height: 80px; background: transparent; text-align: left; }
#banner img { padding-left: 25px; }

/* navigatie stijlen */
#nav-sh { width: 100%; height: 31px; background: #ff6f00; border-top: 8px solid #ff6f00; }
#nav-kb { width: 100%; height: 31px; background: #3be900; border-top: 8px solid #3be900; }

#container-menu { padding-left: 25px; }
a.menu-tab { display: block; height: 30px; margin-right: 3px; color: #fff; float: left; background: #018373; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
a.menu-tab:hover { display: block; height: 30px; margin-right: 3px; color: #fff; float: left; background: #01a994; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; }

#menu-tab-nieuws-van-de-kinderboerderij { display: block; height: 30px; margin-right: 3px; color: #fff; float: left; background: #f60; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; }
#menu-tab-nieuws-van-de-kinderboerderij:hover { background: #f93; /* color: #000; */ }
#menu-tab-nieuws-van-de-kinderboerderij-actief { color: #f60; }

#menu-tab-wie-is-wie-op-de-kinderboerderij { display: block; height: 30px; margin-right: 3px; color: #fff; float: left; background: #0cf; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; }
#menu-tab-wie-is-wie-op-de-kinderboerderij:hover { background: #6cf; /* color: #000; */ }
#menu-tab-wie-is-wie-op-de-kinderboerderij-actief { color: #0cf; }

#menu-tab-fotos { display: block; height: 30px; margin-right: 3px; color: #fff; float: left; background: #fc0; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; }
#menu-tab-fotos:hover { background: #fc6; /* color: #000; */ }
#menu-tab-fotos-actief { color: #fc0; }

#menu-tab-fun { display: block; height: 30px; margin-right: 3px; color: #fff; float: left; background: #34d000; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; }
#menu-tab-fun:hover { background: #3c6; /* color: #000; */ }
#menu-tab-fun-actief { color: #34d000; }

#menu-tab-kleurplaten { display: block; height: 30px; margin-right: 3px; color: #fff; float: left; background: #34d000; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; }
#menu-tab-kleurplaten:hover { color: #000; }
#menu-tab-kleurplaten-actief { color: #34d000; }

#menu-tab-wallpapers { display: block; height: 30px; margin-right: 3px; color: #fff; float: left; background: #34d000; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; }
#menu-tab-wallpapers:hover { color: #000; }
#menu-tab-wallpapers-actief { color: #34d000; }

#menu-tab-schuifpuzzel { display: block; height: 30px; margin-right: 3px; color: #fff; float: left; background: #34d000; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; }
#menu-tab-schuifpuzzel:hover { color: #000; }
#menu-tab-schuifpuzzel-actief { color: #34d000; }

#menu-tab-donateurs { display: block; height: 30px; margin-right: 3px; color: #fff; float: left; background: #c36; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; }
#menu-tab-donateurs:hover { background: #f69; /* color: #000; */ }
#menu-tab-donateurs-actief { color: #c36; }

#menu-tab-hoe-kom-ik-bij-de-kinderboerderij { display: block; height: 30px; margin-right: 3px; color: #fff; float: left; background: #c00; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; }
#menu-tab-hoe-kom-ik-bij-de-kinderboerderij:hover { background: #f03; /* color: #000; */ }
#menu-tab-hoe-kom-ik-bij-de-kinderboerderij-actief { color: #c00; }
		
div.menu-tab-actief { display: block; height: 30px; margin-right: 3px; color: #ff6f00; float: left; background: #fff; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
/* .menu-tab-actief:hover { display: block; height: 30px; margin-right: 3px; color: #ff6f00; float: left; background: #fff; font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; text-decoration: none; } */

.menu-tab span { display: block; margin: 5px 10px auto 10px; }

#broodkruimelpad { display: block; text-align: left; clear: both; padding: 5px 3px 15px 25px; background: transparent; color: #000; }
#broodkruimelpad a { color: #000; }
#broodkruimelpad a:hover { color: #f60; /* #fba900; */ }

/* content stijlen */
#super-container { width: 995px; text-align: left; }
#container-content { text-align: left;  }
.container-post {margin: 20px 0 0 25px; float:left; width: 500px; }
.content { float: left; margin: 0; }

#content-nieuws-van-de-kinderboerderij * { color: #f60; }
#content-nieuws-van-de-kinderboerderij h2 { color: #f60; }
#content-nieuws-van-de-kinderboerderij a { color: #000; }
#content-nieuws-van-de-kinderboerderij a:hover { color: #f60; }

#content-wie-is-wie-op-de-kinderboerderij h2 { color: #0cf; }
#content-wie-is-wie-op-de-kinderboerderij a { color: #000; }
#content-wie-is-wie-op-de-kinderboerderij a:hover { color: #0cf; }

#content-fotos h2 { color: #fc0; }
#content-fotos a { color: #fc0; }
#content-fotos a:hover { color: #fc0; }
.terug-naar-fotos { display: block; width: 100%; margin: 10px 0; padding: 10px 0; }

#content-fun h2 { color: #34d000; }
#content-fun a { color: #000; }
#content-fun a:hover { color: #34d000; }

#content-kleurplaten h2 { color: #34d000; }
#content-wallpapers h2 { color: #34d000; }
#content-schuifpuzzel h2 { color: #34d000; }

#content-donateurs h2 { color: #c36; }
#content-donateurs a { color: #000; }
#content-donateurs a:hover { color: #c36; }

#content-hoe-kom-ik-bij-de-kinderboerderij h2 { color: #c00; }
#content-hoe-kom-ik-bij-de-kinderboerderij a { color: #000; }
#content-hoe-kom-ik-bij-de-kinderboerderij a:hover { color: #c00; }

.blogpost-titel { font-size: 2.2em; font-family: Georgia, "Times New Roman", Times, serif; color: #f60; }
.blogpost-titel a { text-decoration: none; color: #f60; }
.container-post div p a { color: #000; }
.container-post div p a:hover { color: #f60; }

#container-beeld { display: block; width: 195px; height: 500px; float: left; margin: 20px; }
#container-extra { display: block; width: 195px; float: left; margin: 20px 0 0 0; padding: 0; color: #fff; }
.container-extra-sh { background: #018373; }
.container-extra-kb { background: #f60; }
#container-extra-content { padding: 10px 15px; }
#container-extra-content h3 { font-size: 1.4em; font-family: Georgia, "Times New Roman", Times, serif; }
.container-extra-sh a, .container-extra-kb a { color: #fff; }
.container-extra-sh a:hover { color: #01baa3; }
.container-extra-kb a:hover { color: #ff9751; }

#tbl-sponsoroverzicht { width: 500px; }
#tbl-sponsoroverzicht td { width: 50%; text-align: left; vertical-align: top; padding: 5px; border: 1px solid #eee; margin: 1px; }

#tbl-sponsor-pakket { width: 500px; }
#tbl-sponsor-pakket td { width: 33%; text-align: left; vertical-align: top; padding: 5px; border: 1px solid #eee; margin: 1px; }


/* sponsorinfo nieuw */
.content-sponsor { width: 100%; margin: 8px 0; border-top: 1px solid #f0f0f0; }
.container-sponsor-logo { float: right; padding-top: 16px; }
.container-sponsor-logo a { text-decoration: none; }
.container-sponsor-logo a img { border: none; }

.content .img-rechts { float: right; }
.content .img-wie-is-wie { float: left; margin: 10px 15px 15px 0; }
.content ul { margin: 0; padding: 0 0 0 20px; }
.content ul li { list-style: outside square url("/img/stijlen/pootje-zwart.gif"); margin: 0; padding: 3px 3px 3px 6px; }

/* nieuws stijlen */
.nieuws-titel { font-size: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; color: #f60; margin: 0; padding-top: 10px; }
.nieuws-titel a { color: #f60; text-decoration: none; }
.nieuws-datum { display: block; text-align: left; padding: 8px 4px; margin: 5px 0 15px 0; font-weight: bold; }
.terug-naar-nieuws { text-align: left; font-weight: bold; clear: both; }
.terug-naar-nieuws a { color: #000; }
.terug-naar-nieuws a:hover { color: #f60; }

/* archief stijlen */
.archief-jaar { font-size: 1.5em; display: block; }
.archief-maand { font-size: 1.2em; display: block; width: 200px; border-bottom: 1px solid #eee; padding-bottom: 5px; margin-bottom: 5px; }  

/* map stijlen */
#map { width: 450px; height: 300px; margin: 10px 0; }

/* sidebar stijlen */
#sidebar { display: none; }

/* contact stijlen */
.contact-fout { display: block; width: 450px; font-weight: 500; border: 2px solid #c00; margin: 15px 0 25px 0; padding: 20px; background: #fff; }
.contact-verstuurd { display: block; width: 450px; font-weight: 500; border: 2px solid #fff; margin: 15px 0 25px 0; padding: 20px; background: #fff; }

#intro-contact { margin: 0 0 20px 0; }
#intro-contact h1 { color: #225378; }
#intro-contact h2 { font-size: 1.1em; color: #4b78af; }

#intro-contact h1, #intro-contact h2 { margin: 0; padding: 0 20px 0 0; }
#intro-contact p { padding: 5px 20px 5px 0 }

#hdr-contact { font-size: 2em; color: #225378; }

#tbl-contact { width: 450px; margin: 10px 10px 10px 0; }
#tbl-contact td { width: 225px; font-size: .95em; padding: 4px 4px 4px 8px; margin: 0; }
.frm-label { background: #f0f0f0; width: 225px; vertical-align: top; }
.frm-veld { background: #eee; width: 225px; }
.frm-veld input, .frm-veld textarea { border: 1px solid #f0f0f0; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Sans-serif; font-size: 1em; }
.frm-veld textarea { font-size: 1em; }
#tbl-contact #kopie { border: 0px; }
#tbl-contact td #naam, #tbl-contact td #woonplaats, #tbl-contact td #telefoon, #tbl-contact td #ref, #tbl-contact td #email, #tbl-contact td #bericht { width: 225px; padding: 4px; border: 1px solid #ccc; }
#tekst-contact { margin-left: -20px; border: 1px solid #f0f; }

#cel-versturen { text-align: right; }
#frm-versturen { text-align: right; }

#verstuur-contactformulier { background: #f60; color: #fff; border: 2px solid #f60; margin: 0 10px 0 10px; float: left; }

/* footer stijlen */
#footer { width: 100%; padding: 20px 0; margin: 30px 0 0 0; height: 100px; background: transparent; text-align: center; }
#footer span { color: #000; }
#footer span a { color: #333; text-decoration: none; }

.footer-sh { border-top: 3px solid #ff6f00; color: #000; }
.footer-kb { border-top: 3px solid #3be900; color: #000; }
.footer-kb a { color: #000; }
.footer-kb a:hover { color: #fba900; }

/* navigatie stijlen */

.page-navi { border: 4px solid #0f0; clear: both; }

.page-navi ul li { display: inline; float: left; list-style: none; padding: 3px; }

.page-navi ul li ul li { display: none; float: left; background: #ccc; }

.page-navi ul li ul li ul li { display: none; float: left; background: #eee; }

.page-navi ul li.current_page_parent  { display: inline; float: left; background: #f00; }
.page-navi ul li.current_page_item  { display: inline; float: left; background: #f00; }

.page-navi ul li.current_page_parent ul li { display: inline; float: left; background: #ccc; }
.page-navi ul li.current_page_item ul li { display: inline; float: left; background: #ccc; }

.page-navi ul li.current_page_parent ul li ul li { display: none; float: left; background: #eee; }
.page-navi ul li.current_page_item ul li ul li { display: none; float: left; background: #eee; }

.page-navi ul li ul li.current_page_parent { display: inline; float: left; background: #ccc; }
.page-navi ul li ul li.current_page_item { display: inline; float: left; background: #ccc; }

.page-navi ul li ul li.current_page_item ul li { display: inline; float: left; background: #eee; }

.page-navi ul li ul li ul li.current_page_parent { display: inline; float: left; background: #eee; }
.page-navi ul li ul li ul li.current_page_item { display: inline; float: left; background: #eee; }