/*
Theme Name: NBV Natuurbeschermingsfonds
Theme URI: http://nnbf.nl/
Description: The theme for NNBF.
Author: Matthijs Abeelen
Version: 0.7
Tags: two-columns, fixed-width, custom-header
*/


/* --------------------------------------------------------------

   Reset default browser CSS.

   Based on work by Eric Meyer:
   http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */

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;vertical-align:baseline;background:transparent; }
body { line-height:1; }
h1,h2,h3,h4,h5,h6 { clear: both; }
ol, ul { list-style:none; }
blockquote { quotes:none; }
blockquote:before, blockquote:after { content: '';content: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse;border-spacing:0; }
a img { border:none; }



/* --------------------------------------------------------------
   Type
-------------------------------------------------------------- */

body { font-family: Arial,Verdana,sans-serif;font-size: 62.5%;color: #111; }
body { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;font-size:12px;line-height:18px;color:#111;background:#fff;}
img { vertical-align:middle;border: 0; }
p { margin-bottom: 18px; }
ul { list-style: square;margin: 0 0 18px 1.5em; }
ol { list-style: decimal;margin: 0 0 18px 1.5em; }
ol ol { list-style:upper-alpha; }
ol ol ol { list-style:lower-roman; }
ol ol ol ol { list-style:lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }
dl { margin:0 0 24px 0; }
dt { font-weight: bold; }
dd { margin-bottom: 18px; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
big { font-size: 131.25%; }
ins { background: #FFFFCC; }
blockquote { font-style: italic;padding: 0 3em; }
blockquote cite,blockquote em,blockquote i { font-style: normal; }
pre { background: #f7f7f7;color: #222;line-height: 18px;margin-bottom: 18px;padding: 1.5em; }
abbr,acronym { border-bottom: 1px dotted #666;cursor: help;}
ins { text-decoration: none; }
sup,sub { height: 0;line-height: 1;vertical-align: baseline;position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }
input[type="text"], textarea { padding: 0 0 0 3px; }
a,a:link { color:#0066CC;text-decoration: none;font-weight: bold;color: #0199FF; }
a:visited { color:#0199FF; }
a:active,a:hover { color: #000; }
a:focus { outline: 1px dotted; }
input[type="text"],
textarea { padding:2px;background:#f9f9f9;border:1px solid #ccc;
	box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
}

/* Diverse */
br.clear { clear:both; }
hr { border: 0 #bbb solid;border-top-width:1px;clear: both;height:0;margin:0 0px 10px; }
.screen-reader-text {position: absolute;left: -9000px; } 

h1, h2, h3, h4 { padding-left: 8px;padding-right: 8px;color: #000; padding-left:0;padding-right:0; }
h1 { margin-bottom: .3em; font-size: 2.8em;line-height: .95em; }
h2 { margin-bottom: 1em;font-size: 1.8em;line-height: 1.3;font-size:18px;line-height:18px; }
h3 { margin-bottom: 1em;font-size:12px;line-height:18px;text-transform:uppercase;font-weight:normal;letter-spacing:0.1em; }
h4 { margin-bottom: .6em;font-size:13px;line-height:18px; }
h5 { margin-bottom: 1em;font-size: 12px;line-height: 18px; }
p,li {	margin-bottom: 1em;padding-left: 8px;padding-right: 8px;font-size: 1.2em;line-height: 1.6;font-size:12px;line-height:18px; 
	padding-left:0;padding-right:0;}

ul { padding-left:15px; }
ul li { margin:0; }

ul.project_beschrijving { margin:0 0 1em;padding:0 0px;float:left;width:490px; }
ul.project_beschrijving li { list-style:none;margin:0;padding:0; }
ul.project_beschrijving li strong { display:block;float:left;width:120px; }

table { width:100%;margin:0 0 18px;border-collapse:separate;border-spacing:0;border-bottom:1px solid #ccc;font-size:11px; }
caption { margin:0;padding:0.5em 0;font-weight:bold;text-align:left; }
th { font-weight:bold }
th,td { padding:0.25em 0.5em 0.25em 0;border-top:1px solid #ccc;vertical-align:top;text-align:left; }

td.euro { text-align:right; }

#sidebar h4 { border-bottom:1px solid #ccc;line-height:18px;color:#000;text-transform:uppercase;font-size:11px;padding-bottom:0.6em;margin-bottom:0.6em;
	font-weight:normal;letter-spacing:0em;color:#999; }
.home h3 { color:#555;letter-spacing:0.1em; }
.project h4 { color:#333; }


/* --------------------------------------------------------------
   Grid
-------------------------------------------------------------- */

body { background:#fff url(img/bg-body-small.gif) 0 0 repeat-x;padding:20px 0 0;padding:15px 0 0;padding:7px 0 0; }
#wrapper { margin:0 auto;width:960px;padding:0px 0px;overflow: hidden; }
#header {}
#main-nav {}
#content { float:left;width:700px;margin:0 0 20px 8px;display:inline;padding-top:20px; }
#sidebar { float:right;width:220px;margin-right:10px;padding-top:20px;  }
.section { clear:both;margin:0 0 1em;overflow:hidden; }
#footer { clear:both; }

/* home page */
.home #content {  width:944px; }

/* intro */
#intro { margin:0 0 20px;float:left;width:460px; }
#intro p { font-size:15px;line-height:20px;color:#777; font-size:16px;line-height:26px; }
#intro p.leesmeer { font-size:13px; }

#iucnredlist { float:left;clear:left;width:460px; }

/* recente projecten */
#recent-projects { float:right;width:460px;margin-right:0px;display:inline; }
#recent-projects h3 { margin-bottom:20px; }
.project { float:left;width:220px;margin:0 0 3px 0;padding:0;position:relative; }
.project-2, .project-4, .project-6 { margin-right:0;float:right; }
.project h4 { font-size:12px;line-height:18px;margin:0 0 4px; 
	/* position:absolute;top:100px;width:100%;height:20px;padding:0 5px;color:#000;background-color: rgba(255, 255, 255, 0.5);*/ }
.project .project-foto { float:left;margin:0 0 4px;padding-left:8px;padding-left:0; }
.project .project-tekst p { color:#777;font-size:12px;line-height:16px; }
.project p.leesmeer { line-height:16px;text-align:right; }

/* Projecten kaart */
.gmap_marker { font-size:14px;font-weight:bold; }



/* =Header
-------------------------------------------------------------- */

#header { height:310px;margin:0;padding:0;overflow:hidden;position:relative;background:url(img/bg-header-1b-nl.jpg) 0 0 no-repeat; }

/* Logo */
#header h1 { float:left;width:330px;font-size:30px;line-height:36px;height:112px;margin:0; }
#header h1 a { display:block;height:130px;color:#000;font-weight: bold;text-decoration:none;text-indent:-9999px; }
#site-description { clear: right;float: right;font-style:italic;margin:14px 0 18px 0;width:220px; }

/* mainnav */
#main-nav { margin-bottom:1em;position:absolute;top:267px;left:8px;left:8px;width:710px;height:30px;outline:0px solid red; }
#main-nav ul { list-style-type:none;overflow:hidden;margin:0;background: transparent url(img/bg-mainnav.png) no-repeat 0 0; } 
#main-nav ul li a { text-indent: -1000em; text-decoration: none; 
		padding: 30px 0 0 0; overflow: hidden; background: transparent url(img/bg-mainnav.png) no-repeat 0 0; outline:0px solid red;
		position: absolute; top: 0; height: 0px !important; height /**/:25px; /* IE5/Win */ 
		 } 
.page-id-3 #main-nav ul li#n_home a { background-position: 0px -30px; }
.parent-pageid-5 #main-nav ul li#n_over a,
.page-id-5 #main-nav ul li#n_over a { background-position: -60px -30px; }
.parent-pageid-7 #main-nav ul li#n_projecten a,
.page-id-7 #main-nav ul li#n_projecten a { background-position: -300px -30px; }
.parent-pageid-19 #main-nav ul li#n_aanvragen a,
.page-id-19 #main-nav ul li#n_aanvragen a { background-position: -395px -30px; }
.parent-pageid-21 #main-nav ul li#n_contact a,
.page-id-21 #main-nav ul li#n_contact a { background-position: -550px -30px; }

#main-nav ul li#n_home a { background-position: -0px 0px; width: 50px; left: 0px; } 
#main-nav ul li#n_home a:hover { background-position: -0px -30px; }
#main-nav ul li#n_over a { background-position: -60px 0px; width: 225px; left: 60px; } 
#main-nav ul li#n_over a:hover { background-position: -60px -30px; } 
#main-nav ul li#n_projecten a { background-position: -295px 0px; width: 80px; left:295px; } 
#main-nav ul li#n_projecten a:hover { background-position: -295px -30px; } 
#main-nav ul li#n_aanvragen a { background-position: -390px 0px; width: 120px; left: 390px; } 
#main-nav ul li#n_aanvragen a:hover { background-position: -390px -30px; } 
#main-nav ul li#n_contact a { background-position: -525px 0px; width: 70px; left: 525px; } 
#main-nav ul li#n_contact a:hover { background-position: -525px -30px; }
#main-nav ul li#n_en a { background-position: -605px 0px; width: 75px; left: 605px; } 
#main-nav ul li#n_en a:hover { background-position: -605px -30px; }

.page-id-3 #main-nav ul li#n_home a { background-position: 0px -30px; }
.parent-pageid-5 #main-nav ul li#n_over a,
.page-id-5 #main-nav ul li#n_over a { background-position: -60px -30px; }
.parent-pageid-7 #main-nav ul li#n_projecten a,
.page-id-7 #main-nav ul li#n_projecten a { background-position: -295px -30px; }
.parent-pageid-19 #main-nav ul li#n_aanvragen a,
.page-id-19 #main-nav ul li#n_aanvragen a { background-position: -390px -30px; }
.parent-pageid-21 #main-nav ul li#n_contact a,
.page-id-21 #main-nav ul li#n_contact a { background-position: -525px -30px; }
.parent-pageid-113 #main-nav ul li#n_en a,
.page-id-113 #main-nav ul li#n_en a { background-position: -605px -30px; }
.page-id-82 #main-nav ul li#n_en a,
.page-id-82 #main-nav ul li#n_en a { background-position: -610px -30px; }

/* Searchform */
#header #searchform { position:absolute;top:268px;right:8px;width:220px;margin:0;padding:0; }
#searchform p { margin:0;padding:0; } 
#searchform #s { }
#searchform input#s { margin:0;width:189px;padding:5px 6px 6px 23px;border:1px solid #BBAFA9;
	background:transparent url(img/bg-search.gif) no-repeat 7px center;font-size: 1.1em; }
	
/* =Content
-------------------------------------------------------------- */

.post { margin:0 0 1em;padding: 1em 0 2em 0;border-top:1px solid #ccc;overflow: hidden;clear: both; }

.aligncenter,div.aligncenter { display: block;margin-left: auto;margin-right: auto; }
.entry-content img { margin:0;max-width:700px; }
.alignleft,
img.alignleft {	display:inline;float:left;margin:4px 10px 10px 0;border:1px solid #ddd;padding:2px;border:none;padding:0; }
.alignright,
img.alignright { display:inline;float:right;margin:0 0 10px 10px;border:1px solid #ddd;padding:2px;border:none;padding:0; }
.aligncenter,
img.aligncenter { clear:both;display:block;margin-left:auto;margin-right:auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }

#content .wp-caption { color:#888;background:#f1f1f1;text-align:center;margin-bottom:20px;padding:4px; }
#content .wp-caption img { margin:5px;padding:0;border:0 none; }
#content .wp-caption p.wp-caption-text { margin:0 0 4px; }
#content .wp-smiley { margin:0; }

/* Contact form */

#clean_contact { float:left;width:400px; }


/* =Sidebar
-------------------------------------------------------------- */

#sidebar p { font-size: 1.1em;font-size:11px;color: #111; }
#sidebar .nav,
ul.submenu { margin: 0 0 2em 0;padding:0;list-style-type: none;}
#sidebar .nav li,

.submenu li,
.submenu li ul li { margin:0;padding:.4em 8px .5em 0px;padding:0;font-size:11px;line-height:16px;border-bottom:1px dotted #bbb;
	border-width:0;list-style-type: none; }
.submenu li a,
.submenu li ul li a { display:block;padding:.4em 8px .5em 0px;border-bottom:1px dotted #bbb; }
#sidebar .nav li.last { border-bottom: 0; }
.submenu li a, 
.submenu li a:visited { color:#0199FF; }
.submenu li a:hover { color: #000; }
.submenu li.current_page_item a { color:#000; }
.submenu li.current_page_item li a { color:#0199FF; }
.submenu li ul { margin-left:0;padding-left:0;border-top:0px dotted #bbb; display:none; }
.submenu li.current_page_item ul,
.submenu li.current_page_parent ul {  display:block;  }
.submenu li ul li { padding-left:12px; }

.head { cursor:pointer; }


/* =Footer
-------------------------------------------------------------- */

#footer { border-top: 1px solid #333;padding: 1em 0 0 0;overflow: hidden;clear:both;border-color:#ddd; }
#footer p { margin-bottom: .2em;font-size: 12px;color:#888;margin-left: 8px; }
#footer .rss { margin-left: 8px;padding-left: 16px;background: transparent url(img/feed-icon.gif) no-repeat center left; }

/* ---------------------- [ Wordpress required classes ] */

ul.widgetized-sidebar { list-style-type: none;margin:0;padding:0; }
ul.widgetized-sidebar li { margin:0 0 2em 0;clear: both;overflow: hidden; }
ul.widgetized-sidebar li h2 { margin-bottom: 0.6em;padding-bottom:.6em;font-size: 1em;line-height:1.6;text-transform:uppercase;
	border-bottom:1px solid #ccc;color: #000; }
ul.widgetized-sidebar li ul li { margin:0;padding:.4em 8px .5em 8px;font-size:1.1em;line-height:1.6;border-bottom:1px dotted #bbb;
	font-size:1.1em; }

#wp-calendar { border-collapse: collapse;font-size: 1.1em;margin: 0 auto; }
#wp-calendar caption { margin-bottom:.8em;font-size: 1.1em;font-weight: bold; }
#wp-calendar thead tr th { padding: 1em; }
#wp-calendar td { padding: 1em; }
#wp-calendar tr { padding: 1em; }