/*  
Theme Name: Nature Nouveau
Theme URI: http://open-media.nl/marten
Description: martens wordpress theme for your personal blogging
Author: Marten Timan
Author URI: http://open-media.nl/marten/
Licensed under a  attribution-noncommercial-sharealike Creative Commons License:
http://creativecommons.org/licenses/by-nc-sa/2.5/nl/
*/

/* basic elements */
body {
	font: 9pt/13pt Trebuchet MS;
	color: #000;
	margin: 0px;
	text-align: center;
	background-color: #218631;
	background-image: url(img/bg_image4.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	}


/* specific divs */

p { 
	font: 9pt/13pt Trebuchet MS; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	text-align: left;
	}

p.space { 
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	}
	
h1 { 
	font:  bold 22px Trebuchet MS;  
	color: #218631;
	margin: 0px 0px 0px 0px; 
	padding: 15px 6px 0px 0px;
	}
	
h2 {
	color: #14521E;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-family: "Trebuchet MS";
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding: 0px;
}

h3 {
	color: #4DAC27;
	padding: 0px;
	font-family: "Trebuchet MS";
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

b { 
	font: normal 18px Trebuchet MS; 
	color: #8CC919;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

strong {
	color: #165B2A;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Trebuchet MS";
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
}

small {
	margin: 0px; 
	padding: 0px 0px 0px 0px;
	color: #8CC919;
	}	
	
	
a:link {
	font-weight: bold;
	text-decoration: none;
	color: #218631;
	}
	
a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #006600;
	}
	
a:hover, a:active {
	text-decoration: none;
	color: #00CC00;
	}


img {
	border: 1px solid #fff;
}
	
ul{
	padding: 0px;
	margin: 20px 0px 20px 0px;
	list-style-image: url(img/tab_right.png);
	list-style-type: disc;
	list-style-position: inside;
}

#container { 	
	padding: 0px 0px 0px 0px; 
	border: 0px;
	text-align: left; 
	width: 788px; 
	margin-left: auto; 
	margin-right: auto; 
	}

#top { 	
	background: #218631 url(img/bloem_linksboven.gif) no-repeat ;
	padding: 0px 0px 0px 0px; 
	border: 0px;
	text-align: right; 
	width: 788px; 
	height: 61px;
	}
	
#header_total {
	background: url(img/bloem_header.gif) no-repeat ;
	padding: 0px 0px 0px 0px; 
	border: 0px;
	text-align: left; 
	width: 788px; 
	height: 228px;
	}	

#header_container { 	
	background: transparent url(img/shadowbg_rechts.gif) repeat-y right;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 119px;
	border: 0px;
	text-align: left; 
	height: 228px;
	width: 669px; 
}	

#header_container_extra { 	
	background: transparent url(img/kopfleiste.gif) no-repeat left top;
	height: 18px;
	width: 75px; 
}	

#header {
	background: url(img/header.gif) no-repeat;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	border: 0px;
	text-align: left; 
	width: 640px; 
	height: 154px;
}	

#header2 {
	background: url(img/header2.gif) no-repeat;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	border: 0px;
	text-align: left; 
	width: 640px; 
	height: 154px;
}	

#header3 {
	background: url(img/header3.gif) no-repeat;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	border: 0px;
	text-align: left; 
	width: 640px; 
	height: 154px;
}	

#header4 {
	background: url(img/header4.gif) no-repeat;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	border: 0px;
	text-align: left; 
	width: 640px; 
	height: 154px;
}	

#header5 {
	background: url(img/header5.gif) no-repeat;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	border: 0px;
	text-align: left; 
	width: 640px; 
	height: 154px;
}	

#header6 {
	background: url(img/header6.gif) no-repeat;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	border: 0px;
	text-align: left; 
	width: 640px; 
	height: 154px;
}	

#header7 {
	background: url(img/header7.gif) no-repeat;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	border: 0px;
	text-align: left; 
	width: 640px; 
	height: 154px;
}	

#search {
	float: right;
	background: transparent;
	width:270px;
	height: 25px;
	padding: 0px 0px 0px 0px;
	margin: 132px 0px 0px 0px;
}

#zoek_veld {
	float: right;
	background: transparent;
	width:250px;
	height: 25px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
}

#content {  
	float: left;
	background: url(img/pattern.gif) repeat-y;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	border: 0px;
	text-align: left; 
	width: 788px; 
	}

#container2 { 	
	float: right;
	background: #fff url(img/shadowbg_rechts.gif) repeat-y;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	border: 0px;
	text-align: left; 
	width: 669px; 
	}
	
#main_content {  
	background: url(img/content_bg.gif) repeat-y ;
	float: left;
	padding: 0px 0px 0px 20px; 
	margin: 0px 0px 0px 0px;
	border: 0px;
	text-align: left; 
	width: 620px; 
	}

#main_content_wide {  
	background: transparent;
	float: left;
	padding: 0px 0px 0px 20px; 
	margin: 0px 0px 0px 0px;
	border: 0px;
	text-align: left; 
	width: 620px; 
	}
	
#sidebar {  
	float: right;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
	border: 0px;
	text-align: left; 
	width: 200px;
	vertical-align: bottom;
	}

#sidebar a
{
	color: #fff;
}

#sidebar h2 {
	color: #165B2A;
	font: normal 18px Trebuchet MS;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 15px;
}


#sidebar p {
	margin: 0px 0px 0px 15px;
}

#sidebar ul
{
	margin: 0px;
	padding: 0px 3px 0px 15px;
}

#sidebar li
{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#randomlinks
{
	float: right;
	width: 227px;
	height: 60px;
	color:#fff;
	font-weight: bold; 
	margin: 15px 0px 0px 15px;
	padding: 0px 25px 0px 0px;
}

#randomlinks h2 {
	color: #41B9BB;
	font: normal 18px Trebuchet MS;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

#randomlinks a:link, #randomlinks a:visited 
{
	color: #fff;
}

#randomlinks a:hover, #randomlinks a:active 
{ 
	color: #37B7B9;
}
	
#bottom
{
	float: left;
	width: 640px;
	height: 200px;
	background: #fff url(img/bottom.gif) no-repeat;
	margin: 0px
	padding: 0px;
}

#bottom2
{
	float: left;
	width: 640px;
	height: 155px;
	background: #fff url(img/bottom2.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#bottom3
{
	float: left;
	width: 640px;
	height: 155px;
	background: #fff url(img/bottom3.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

#bottom4
{
	float: left;
	width: 640px;
	height: 155px;
	background: #fff url(img/bottom4.gif) no-repeat;
	margin: 0px;
	padding: 0px;
}

/*--------------------------------------------*/
.sidebar_top
{ 
	background: #8CC919 url(img/sidebar_top.gif) no-repeat top left; 
	height: 24px;
}

/*--------------------------------------------*/
#archive_container
{
	background: transparent;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 50px 0px;
}

#sidebar a:hover
{
	color: #666666;
}


.archives_top
{ 
	background: transparent url(img/archives_top.gif) no-repeat top left; 
	height: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.archives_layout 
{
	width: 170px;
	background: #4DAC27;
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}

.archives_bottom 
{
	background: #8CC919 url(img/archives_bottom.gif) no-repeat top left; 
	height: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}	

/* styles for IE 5 Mac article: http://www.hicksdesign.co.uk/journal/30/vertical-centering-with-css */
#horizon
{
	background-color: transparent;
	position: absolute;
	top: 0px;
	left: 20px;
}
 
 /* following rules are invisible to IE 5 \*/
#horizon
{
	top: 0px;
	left: 0px;
	width: 100%;
	margin-top: 0px;
	text-align: center;
	min-width: 788px; 
}
 /* end IE 5 hack */ 
 
/*dit is de div waar de posts in worden geplaatst. margin meegegeven zodat deze goed uitlijnt met het groene veld ernaast */
.links
{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 9px 0px 0px 0px;
}

.post
{
	background: #fff url(img/post_blaadje.gif) no-repeat ;
	padding: 30px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	width: 400px;
	text-align: left;
}

.entry h2{
	
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	background-image: url(img/header_bg.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.post_wide
{
	background: #fff url(img/post_blaadje_wide.gif) no-repeat ;
	padding: 20px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	width: 600px;
	text-align: left;
}

.post_wide_nobg
{
	background: transparent;
	padding: 15px 0px 20px 0px;
	margin: 20px 0px 0px 0px;
	width: 450px;
	text-align: left;
}

.post_sidebar
{
	background: transparent;
	padding: 15px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	width: 250px;
	text-align: left;
}

.entry_leaves
{
	background: #fff url(img/bg_fallingleaves.gif) repeat-y ;
	padding: 15px 0px 15px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

/*FORMS*/

.inputform
{
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	background: #8CC919;
	color: #fff;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.btn
{
	background: #165B2A;
	font-family: Trebuchet MS, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #8CC919;
	border: 0px;
	height: 18px;
	margin: 0px 0px -4px 0px;
	padding: 0px 0px 0px 0px;
}

/* zo groot wordt de "author etc" weergegeven */
.commentlist li, #commentform input, #commentform textarea {
font: 1em 'Trebuchet MS', Verdana, Arial, Sans-Serif;
}

.commentlist li {
font-weight: bold;
}

/* zo groot wordt de "author" weergegeven*/
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}

.commentlist p {
font-weight: normal;
line-height: 1.4em;
text-transform: none;
}

#commentform p {
font-family: 'Trebuchet MS', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
font-weight: normal;
}


/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 20px;
}

img.alignleft {
padding: 0px 0px 0px 0px;
margin: 0px 20px 0px 0px;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}
/* End Images */

/* hoofdmenu begint hier */

#hoofdmenu 
{
	float:left;
	background: transparent url(img/menu.gif) no-repeat left top;
	margin: 0px 0px 0px 0px;
	padding: 18px 0px 0px 20px;
}
  
#hoofdmenu ul 
{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  list-style:none;
}
  
#hoofdmenu li 
{
  display:inline;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
  
#hoofdmenu a 
{
  float:left;
  background: transparent;
  margin: 0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  border: 0px;
  font-family: 'Trebuchet MS','Verdana','Times New Roman';
  font-size:14px;
  text-decoration: none;
  color:#000;
}
  
#hoofdmenu a  
{
  float:left;
  display:block;
  background: transparent;
  padding:0px 10px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-weight: bold;
  color:#000;
}
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#hoofdmenu a span 
{
	float:none;
	padding-bottom:0px;
}
/* End IE5-Mac hack */

#hoofdmenu a:hover span 
{
	color:#218631;
	text-decoration: underline;

}
  
#hoofdmenu #current a 
{  
  border: 0px;
  font-weight: bold;
  color: #1AA7A9;
}
  
#hoofdmenu #current a span
{
  margin: 0px 0px 0px 0px;	
  padding:0px 0px 0px 0px;
  color:#1AA7A9;
}
  
#hoofdmenu a:hover 
{
	border: 0px;
	color: #218631;
	text-decoration: underline;
	font-weight: bolder;
}
  
/* hoofdmenu eindigt hier */