/* 
/* Lang Leve het Bos!
/* http://www.langlevehetbos.nl  
/* CSS Stylesheet
/*
/* Koninklijke Nederlandse Bosbouwvereniging :: http://www.knbv.nl
/* coded by Etienne Thomassen - http://www.etiennethomassen.com
/*
--------------------------------------------------------------------------------*/
/* Header
--------------------------------------------------------------------------------*/
body {
	background: #eee url(../images/stripe.png) repeat-x top left;
	}
	
#header {
	background: transparent url(../images/cloud.png) no-repeat bottom right;
	}
		
#logo a {
	display: block;
	float: left;
	width: 64px;
	height: 80px;
	margin: 16px 0 22px 1px;
	padding: 0;
  	border:none;
	text-align: center;
	text-indent: -9999px;
	text-decoration: none;
	background: transparent url(../images/logo_100jaar_nb70_flip.png) no-repeat top left ;
	}
	#logo a:hover	{
		background-position: 0 -80px;
		border:none;
		}

#title {
	margin: 0.8em 0 0 2.2em;
    font-family: Futura, sans-serif;
    text-shadow: 1px 1px 1px rgba(255,255,255,.7);
    }

ul#navigation {
	margin: 12px 0 0 42px;
	font-weight:bold;
	}
	#navigation li	{
		display: inline;
		list-style-type: none;
		padding-right: 20px;
		}
		#navigation li a {
			color:#fff;
			text-decoration:none;
			}
			#navigation li a:hover {
				color:#000;
				text-decoration:none;
		}
ul#admin {
	position:absolute;
	top: 0;
	right: 0;
}

div#twitter {
	height: 130px;
	background: transparent url(../images/1.png) no-repeat bottom right;
    }
div#tweet {
	width: 170px;
	margin-top: 1em;
	padding: 0.5em;
    border: 2px solid #8ddaf1;
    background-color: transparent;
    color: #2dacda;
    font-size: 0.9em;
    font-style: italic;
    }
	div#tweet:hover {
		background-color:#fff;
		}
		div#tweet a {
			color:#2dacda;
			}
			div#tweet a:hover {
	  			font-weight: bold;
}

/* Main structure 
--------------------------------------------------------------------------------*/

#wrapper {
	background-color: #fff;
	border: 1px solid #ddd;
}

/* Homepage
--------------------------------------------------------------------------------*/
#myGallery
{
width: 618px !important;
height: 298px !important;
}

/* Werven en aanmelden */
#werven {
	height:298px;
	border:1px solid #92da3d;
    background: #80cc28;
    color: #eef7de;
	}
	#werven h2 {
		margin: 10px 10px 0 10px;
		color: #eef7de;
		font: normal 2.8em/1 Baskerville, Georgia, serif;
		text-align:center;
	}
	#werven h3 {
		margin: 14px 10px 14px 10px;
		color: #eef7de;
		font: normal 1.4em/1 Baskerville, Georgia, serif;
		text-align:center;
	}
	#werven p {
		margin: 1.5em 3em 2em 3em;
		padding-top: 1.5em;
		border-top: 1px solid #eef7de;
		font: 1.2em/1.5 Baskerville, Georgia, serif;
		text-align:center;}
	#werven em {
		font-family: Baskerville, Georgia, serif;

}
a.aanmelden {
	display: block;
	width:50%;
	margin: 1em auto;
	padding: 0.3em;
	border: 5px solid #9de34b;
	background-color: #92da3d;
	color: #fff;
	font-weight:bold;
	text-align: center;
	text-decoration:none;
	}
	a.aanmelden:hover {
		background-color: #8cd438;
		border: 5px solid #92da3d;
		color: #fff;
}

/* Nieuws & Activiteiten & Intro */
.subsectie {
	height: 268px; /* was 248px */
	margin-top: 20px;
	border: 1px solid #ddd;
	background-color: #fff;
}
.subsectie h3{
	margin: 1em 0 0.4em 1.3em;
	font-weight: bold;
	}
	.subsectie h3.nieuws 		{ color: #00adef;}
	.subsectie h3.activiteiten 	{ color: #ff8000;}
	.subsectie h3.intro 		{ color: #66cc33;}

.subsectie ul {
	list-style-type: square;
	margin: 0.6em 0 0 2em;
	padding:0;
	}
	.subsectie ul.nieuws		{ color: #00adef;}
	.subsectie ul.activiteiten	{ color: #ff8000;}
	.subsectie ul li {
		list-style-type: square; 
		line-height:1.8em;
	}

.subsectie a {
	font-weight:bold;
	text-decoration: none;
	}
	.subsectie .nieuws a 			{ color:#00adef; border-bottom: 1px solid #8fdef5;}
		.subsectie .nieuws a:hover			{ color:#fff; background-color:#00adef; border:none;}
	.subsectie .activiteiten a		{ color:#ff8000; border-bottom: 1px solid #ffb000;}
		.subsectie .activiteiten a:hover	{ color:#fff; background-color:#ff9000; border:none;}
		
	.subsectie ul.nieuws a.list-reacties { 
		color:#fff;
		font-weight:bold;
		text-decoration: none;
		background-color:#b1eef2;
		border:none;
		padding: 0 2px;
		}
		.subsectie ul.nieuws a.list-reacties:hover { 
			background-color: #00adef;
	}
.subsectie span.list-meta{ font-size:0.9em; font-family: Baskerville, Georgia, serif; }
.subsectie p {
	margin: 0 2em 1em 2em; 
	line-height: 1.8;
	}
	.subsectie p.nieuws			{ color:#00adef;}
	.subsectie p.activiteiten	{ color:#ff8000;}
	.subsectie p.intro			{ color:#66cc33;} /*#80cc28;*/
.subsectie abbr{border-bottom: 1px dotted #66cc33;}

/*--------------------------------------------------------------------------------
/* Main Content
--------------------------------------------------------------------------------*/

.sectie {
	background-color:#fff;
	border: 1px solid #ddd; 
}
	.sectie h2 {
		margin: 10px 20px 0 20px;
		font-family: 'Trebuchet MS', Verdana, Sans-Serif;
		}
		.sectie.artikel h2			{ color: #00adef;}
		.sectie.activiteiten h2		{ color: #ff8000;} /*#fab509;*/
		.sectie.partners h2			{ color: #00adef; margin-bottom: 20px;}
		.sectie.contact h2			{ color: #ed1c25; margin-bottom: 20px;}
		.sectie.toolbox h2			{ color: #ed1c25; margin-bottom: 20px;}

	.sectie h3 {
		margin: 10px 20px 5px 20px;
	}
		.sectie.artikel h3			{ color: #00adef;}	
		.sectie.activiteiten h3		{ color: #ff8000;} /*#fab509;*/
		.sectie.toolbox h3			{ color: #ed1c25;}
	.sectie h3.date-published {
		margin: 0 20px 1em 20px;
		color:#8fdef5;
		font-size:1em; 
	}
	.sectie h4 {
		margin: 1em 20px 0 20px;
	}
		.sectie.artikel h4			{ color: #00adef;}
		.sectie.toolbox h4			{ color: #ed1c25;}
		.sectie.activiteiten h4		{ color: #ff8000;} /*#fab509;*/
	
	.sectie p { margin: 0 20px 1em 20px; }

	.sectie a {
		font-weight:bolder;
		text-decoration: none;
		}
		.sectie.artikel a 			{ color:#00adef; border-bottom: 1px solid #8fdef5;}
			.sectie.artikel a:hover	{ color:#fff; background-color:#00adef; border:none;}
		.sectie.activiteiten a			{ color:#ff8000; border-bottom: 1px solid #ffb000;} /*#fade81*/
			.sectie.activiteiten a:hover{ color:#fff; background-color:#ff9000; border:none;}
		.sectie.toolbox a			{ color: #ed1c25; border-bottom: 1px solid #ec4e55;
	border-color: #ff6167;
}
			.sectie.toolbox a:hover{ color:#fff; background-color:#ed1c25; border:none;}

	.sectie table {
		width: 92%;
		margin: 1em 20px 1em 20px;
		border-collapse: collapse;
		text-align: left;
		color: #ffb000;
	}
		.sectie table th	{
			font-family: 'Trebuchet MS', Verdana, Sans-Serif;
			font-weight: bold;
			font-size: 1.1em;
			}
			.sectie.activiteiten th {
				border-bottom: 1px solid #ff8000;
			}
		.sectie table td.tijd {
			font-family: Baskerville, Georgia, serif;
			font-weight: bolder;
			text-align: right;
			vertical-align: top;
			}
		.sectie table td.extra {
			color: #ff8000;}
		.sectie table td em {
			font-weight: bolder;
			font-family: Baskerville, Georgia, serif;
			font-size: 1.1em;
			}

	.sectie.artikel img {
		border: 1px solid #00adef;
	}
		.sectie.artikel span.onderschrift {
			color: #00adef;
			font-size: 0.9em;
		}
		.sectie.activiteiten span.onderschrift {
			color: #ff8000;
			font-size: 0.9em;
		}		
	.sectie.activiteiten img {
		border: 1px solid #ff8000;
	}
	.sectie.toolbox img {
		border: 1px solid #ed1c25;
	}
	.sectie.toolbox span.onderschrift {
		color: #ed1c25;
		font-size: 0.9em;
	}


iframe	{
	border: 1px solid #00adef;
	margin: 1.5em; 	
}

.sectie.artikel div.highlight		{ color: #00adef;}	
		
/* Activiteit meta
-------------------------------*/

table.activiteit-meta{
	margin-left:20px;
	color: #ffa000;
	}
	table.activiteit-meta:hover{
		color: #ff9000;
	}
	table.activiteit-meta td{
		margin: 0;
		padding: 0.1em 0 0.1em 0;
		}
		table.activiteit-meta td.kop{
			width: 120px;
			font-weight:bolder;
		}
		table.activiteit-meta td a{
			color: #ff8000;
			}
			table.activiteit-meta td a:hover {
				background-color: #ff8000;
				color: #fac509;
	}
	
.google-map{
	height:298px;
	border: 1px solid #ddd;
}
			
/* Locaties
-------------------------------*/
#locaties {
	margin-top: 20px;
	background-color: #fab509; 
	border: 1px solid #fae3ac;
	color: #ffe8b1; /*fae3ac*/
}
	#locaties h2{
		margin: 20px 20px 10px 20px;
		padding: 0;
		color: #ffe8b1;
	}
	#locaties p {
		margin: 1em 20px 0 20px;
	}
	#locaties ul {
		margin-top: 0;
	}
	#locaties a {
		font-weight: bold;
		color: #eef7de;
		}
		#locaties a:hover {
			color: #fab509;
			background-color: #eef7de;
	}
	
/* Aanmelden
-------------------------------*/
#aanmelden{
    background: #fab509;
    color: #fae3ac;
	border:1px solid #fae3ac;
	}
	#aanmelden h2{
		margin: 20px 20px 10px 20px;
		padding: 0;
		color: #fae3ac;
	}
	#aanmelden p {
		margin: 1em 20px 0 20px;
	}
	#aanmelden form input[type="text"], #aanmelden form textarea {
		border:1px solid #fae3ac;
	}	
	#aanmelden form input[type="submit"]#submit {
		display: block;
		float: right;
		margin: 10px 20px 20px 20px;
	}		
/* Artikel meta
-------------------------------*/
#artikel-meta {
	border: 1px solid #ffcc00;
	background-color: #f8f280;
	color: #ff8000; /*ff9900*/
	}
	#artikel-meta h3{
		margin: 20px 20px 10px 20px;
		color: #ff8000;
		font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	}
	#artikel-meta a {
		border-bottom: 1px solid #fab509;
		font-weight: bold;
		color: #ff8000;
		text-decoration: none;
		}
		#artikel-meta a:hover {
			background-color: #ff8000;
			color: #faf37f; 
			font-weight: bold;
			text-decoration: none;
	}
	#artikel-meta p {
		margin: 10px 20px;
}

/* Reacties
-------------------------------*/
#reacties {
	margin-top: 20px;
	border:1px solid #8fdef5;
	background-color: #00adef; 
	color: #fff;
	}
	#reacties h3, #reactie-formulier h3 {
		margin: 20px 0 0 20px; 
		color: #fff; 
		font-family: 'Trebuchet MS', Verdana, Sans-Serif;
		text-decoration:none; 	
	}

div.reactie, div.geen-reacties {
	clear:both;
	margin: 30px 20px 30px 20px;
	}
	.reactie img, .geen-reacties img  	{ float:left; margin:0 10px 10px 0; border:2px solid #8fdef5;}
	.reactie p, .geen-reacties p 		{ margin:0; color:#8fdef5;}
	.reactie-meta span.zei 				{ color: #fff; font-style:italic; font-family:georgia, serif;}
	.reactie-meta span.reactie-date 	{ color: #fff; font-style:normal; font-weight:bold;}
	.reactie-meta cite 					{ color: #fff; font-weight:bold; font-style:normal;}
	.reactie-meta cite a 				{ color: #fff; text-decoration: none; border-bottom: 1px solid #8fdef5;}
	.reactie-meta cite a:hover 			{ background-color: #fff; color: #00adef; text-decoration:none;}

#reactie-formulier {
	margin-top: 20px;
	border: 1px solid #8fdef5;
	background-color: #00adef; 
	color: #fff;
	}

form {
	overflow: hidden;
	margin-top: 0;
	}

	form label {
		display: block;
		position: relative;
		margin: 1.75em 20px 1.75em 20px; 
		color: #fff;
		font-size:0.8571em;
		line-height: 1.75em;	
	}
	form input[type="text"], form textarea {
		display: block;
		width: 100%;
		border:1px solid #8fdef5;
		padding: 3px 0;
		background-color:#fff;
		}
		form textarea {
			height: 200px;
		}
		form input[type="submit"]#submit {
			display: block;
			float: right;
			margin-right: 20px;
		}
	form label.required input {
		background-color: #f1fdc6;
	}
	form p.success {
		margin: 1px !important;
		padding: 5px 15px;
		border-bottom: 1px solid #fff;
		background-color: #80cc28;
		color: #fff;
	}
	form p.error {
		margin: 1px !important;
		padding: 5px 15px;
		border-bottom: 1px solid #fff;
		background-color: #ed1c24;
		color: #fff;
	}
	form label.error{
		color: #b12123;
		font-weight: bold;
	}

.guideline {
	margin: 1.75em 0 1.75em 0;
	color: #fff;
	font-size:0.8571em;
	line-height: 1.75em; 
}
	.guideline h4 {
		color: #fff;
		text-transform: uppercase;
		margin: 20px 20px 0px 20px;

	}
	.guideline ul {
		list-style-type: square;
		margin: 6px 0 30px 15px;
	}
	.guideline li {
		margin: 0 5px 8px;
	}

/* Activiteiten lijst
--------------------------------------------------------------------------------*/
h2.activiteiten{
	margin: 20px 10px 20px 20px ;
	color:#ff8000; text-decoration:none; font-family: 'Trebuchet MS', Verdana, Sans-Serif;
}

#activiteiten-tabel	{
	width:96%;
	margin: 10px 20px 20px 20px;
	border-collapse: collapse;
	text-align: left;
  	line-height: 1.75em;
	}
	#activiteiten-tabel th	{
		padding: 4px;
		border-bottom: 2px solid #ff9000;
		background:transparent;
		color: #ff8000;
		font-family: 'Trebuchet MS', Verdana, Sans-Serif;
		font-weight: bold;
		font-size: 16px;	
	}
	#activiteiten-tabel td	{
		padding: 0.5em;
		border-bottom:1px dotted #ff9000;
		color: #ff8000;
		}
		#activiteiten-tabel td.wanneer{
			width:8em;
			font-family: Baskerville, Georgia, serif;
			font-size:1.2em;
			color: #ff8000;
			text-align: right;
		}
		#activiteiten-tabel td.wat {
			font-weight:bold;
			}
	#activiteiten-tabel tbody tr:hover td	{
		background: #ff8000;
		color:#fff;}
	#activiteiten-tabel tbody tr:hover td a	{
			background: #ff8000;
			color:#fff;
}
#activiteiten-tabel a {
	color:#ff8000;
}
#activiteiten-tabel tbody tr:hover td a:hover {
	color:#fff;
}


/* Parters
--------------------------------------------------------------------------------*/
.sectie.partners h2.kop-sponsors { color: #fff; background-color: #00adef; margin-bottom: 20px; border: 1px solid #8fdef5; padding-left: 5px;}
.sectie.partners h2.kop-partners { color: #fff; background-color: #00adef; margin-bottom: 20px; border: 1px solid #8fdef5; padding-left: 5px; clear: both;}

div.partner {float: left; width: 430px; margin-left: 20px; margin-right: 20px;}
	div.partner img		{float: left;}

div.partner-details	{float:right; width: 320px;}
	div.partner-details	h3 					{ margin-left: 0; margin-bottom: 0.3em; line-height: 1.2em;}
		div.partner-details	h3 a 			{ color:#00adef; border-bottom: 1px solid #8fdef5;}
			div.partner-details	h3 a:hover 	{ color:#fff; background-color: #00adef; border:none;}
	div.partner-details	h3.sponsor 					{ margin-left: 0; margin-bottom: 0.3em; line-height: 1.2em;}
		div.partner-details	h3.sponsor a 			{ color:#00adef; background-color: #8fdef5; border-bottom: 1px solid #00adef;}
			div.partner-details	h3.sponsor a:hover 	{ color:#fff; background-color: #00adef; border-bottom: 1px solid #00adef;}
	div.partner-details	p {margin:0 0 3em 0;}

/* Archief
--------------------------------------------------------------------------------*/
#archief {
	background-color: #fff ;
	border: 1px solid #ddd;
	}
#archief h2, #archief h2 a {
	color: #00adef;
	margin: 20px 20px 0 20px;
	}
	#archief h2 span {font-family: baskerville, georgia, serif; color:#8fdef5; font-style:italic;}
#archief p {
	margin-left:20px;
	margin-right:20px;
}
#archief h3 {
	font-size: 1.5em; 
	line-height: 1; 
	margin: 2em 20px 0 20px; 
	padding-bottom:0.2em; 
	color:#00adef; 
	border-bottom:2px solid #8fdef5; 
	text-transform: capitalize;
	} 

#archief ul.list {
	overflow: hidden;
	list-style: none;
	border-bottom: 1px dotted #8fdef5;
	padding: 0.5em 5px;
	margin: 0 2em;
	}
	#archief ul.list li {
			display: inline;	
		}
		#archief ul.list li sup {
			line-height: 0;
		}
		#archief ul.list li.date {
			float: left;
			font-weight:bold;
			font-family: baskerville, georgia, serif;
			color:#00adef;
		}
		#archief ul.list li.date-long {
			float: left;
			font-weight:normal;
			font-size:1.2em;
			font-family: baskerville, georgia, serif;
			color:#00adef;
			width:10em;
		}
		#archief ul.list li.title {
			margin-left: 25px;
			float: left;
			font-weight:bold;
		}
		#archief ul.list a {
			color: #00adef;
			font-weight:bold;
			border-bottom: 1px solid #8fdef5;
			text-decoration:none;
		}
		#archief ul.list a:hover { color:#fff; background-color:#00adef; }
		#archief ul.list li.comments, ul.list li.categories {
			float: right;
		}
		#archief ul.list li.comments {
			background: url("../images/icons/comments.png") 0 50% no-repeat;
			padding-left: 18px;
}
ul.category-list {
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 0.5em 5px;
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	}
	.category-list li {
		margin: 0 0 0.3em 0;
		color:#ccc; 
		font-size:1.6em; 
		font-style:italic;
		}
    .category-list li a {
			font-size:1.2em; 
			font-style:normal;
			font-weight: bold;
}

/* Footer
--------------------------------------------------------------------------------*/
#footer {
	margin:20px 0 0 0;
	background-color: #80cc00; 
	border-top: 2px solid green;
	border-bottom: 2px solid green;
	color: #008000;
}
#footer #nieuws div{
	height:248px;
	margin-top:20px;
	border: 1px solid #92da3d;
	background-color: #008000;
}
#footer h3{
	margin-top: 1em;
	margin-bottom:0.4em;
	margin-left: 1.3em;
	font-weight: bold;
	color:#008000;
}

#footer ul { 
	list-style-type: square; 
	margin: 0.6em 0 0 2em;
	padding:0;
	color:#008000;
	}

	#footer li{
		line-height:1.8em;
		list-style-type: square; 
		}
	#footer a {
		font-weight:bold;
		text-decoration: none;
	}
	#footer a.list-reacties{
		color: #80cc00;
		font-weight:bold;
		text-decoration: none;
		background-color:#008000;
		border:none;
		padding: 0 2px;
	}
	#footer a.list-reacties:hover{
		color: #008000;
		background-color: #80cc00;
	}
	#footer a 			{ color: #008000; border-bottom: 1px solid #00b100;} 
	#footer a:hover		{ color: #80cc00; background-color: #008000; border: none; }
	.list-meta			{ font-family: Baskerville, Georgia, serif; }

	#footer p {margin: 0 2em 1em 2em; line-height:1.8;}
	#footer h3 abbr {border-bottom: 1px dotted #00b100}

#copyright{
	margin-top: 10px;
	color: #aaa;
	font-weight: bold;
	text-align: left;
}
#copyright a{
	border-bottom: 1px solid #ccc;
	color: #aaa;
	font-weight: bold;
	text-decoration: none;
	}
	#copyright a:hover{
		color: #eee;
		background-color: #aaa;
		font-weight: bold;
		textdecoration: none;
	}
#geek {
	margin-top: 10px;
	color: #ccc;
}
#geek a{
	border-bottom: 1px solid #ccc;
	color: #aaa;
	font-weight: bold;
	text-decoration: none;
	}
	#geek a:hover{
		color: #eee;
		background-color: #aaa;
		font-weight: bold;
		textdecoration: none;
	}
#geek a.xhtml {
	margin-left: 20px;
}