/* basic elements */
body { 
	font: 9pt/13pt Trebuchet MS; 
	color: #000; 
	background: #fff; 
	margin: 0px; 
	text-align: center;
	}


/* 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:#f60;
/*	color: #41B9BB;*/
	margin: 0px 0px 0px 0px; 
	padding: 13px 6px 0px 0px;
	}
	
h2 { 
	font: normal 18px Trebuchet MS; 
	color: #f60;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

h3 { 
	font: normal 18px Trebuchet MS; 
	color: #f60;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

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

strong { 
	font: normal 14px Trebuchet MS; 
	color: #f60;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px;
}

small {
	margin: 0px; 
	padding: 0px 0px 0px 0px;
	color: #ff802b;
	}	
	
	
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #ea5e00;
	}
	
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #ea5e00;
	}
	
a:hover, a:active { 
	text-decoration: none; 
	color: #f60;
	}


img {
	border: 1px solid #fff;
}
	
ul{
	list-style:none;
	padding: 0px;
	margin: 20px 0px 20px 0px;
}

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

#top { 	
	background: #fff url(img/top.gif) no-repeat center center;
	margin:0 auto;
	padding: 0px 0px 0px 0px; 
	width: 986px; 
	height: 48px;
	}
	
#header_total {
	background: url(img/header-nav.gif) no-repeat ;
	padding: 0px 0px 0px 0px; 
	border:0;
	margin:0 auto;
	text-align: left; 
	width: 986px; 
	height:120px;

	}	

#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: 120px;
	width: 867px; 
}	

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

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

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

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

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

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

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

#blogtitle {
	padding:0;
	margin:-92px 0 0 0;
	width:550px;
	text-align:left;
	}
	
* html #blogtitle {
	margin:-102px 0 0 0;
	}

#search {
	float: right;
	background: transparent;
	width:270px;
	height: 25px;
	padding: 0px 0px 0px 0px;
	margin: 62px -560px 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;
}

* html #search {
	margin: 62px 0px 0px 0px;
}


* html #zoek_veld {
	margin: 0px 0px 0px 580px;
	text-align: right;
	}
	
*:first-child+html #zoek_veld {
	margin: 0px 0px 0px 300px;
	text-align: right;
	}

#content {  
	float: left;
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 30px 0px;
	border: 0px;
	text-align: left; 
	width: 986px; 
	}

#container2 { 	
	float:left;
/*	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: 986px; 
	}
	
#main_content {  
/*	background: url(img/content_bg.gif) repeat-y ;
*/	float: left;
	background: url(img/content-bg.gif) repeat-y;
	padding: 0px 0px 0px 0px; 
	margin: 0px auto;
	border: 0px;
	text-align: left; 
	width: 986px; 
	}

#main_content_wide {  
	background: url(img/content-bg.gif) repeat-y;
	width:986px;

	float: left;
	padding: 0px 0px 0px 20px; 
	margin: 0px 0px 0px 0px;
	border: 0px;
	text-align: left; 

	}
	
#sidebar { float: right; padding: 0px 0px 0px 0px; margin: 0px 30px 0px 0px; border: 0px; text-align: left; width: 277px; vertical-align: bottom;}
* html #sidebar {	margin:0 15px 0 0;}
#sidebar a
{
	color: #666;
}

#sidebar h2 {
	color: #f60;
	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 0px 0px 0px;
	padding: 0px 0px 0px 15px;
}

#sidebar ul li
{
	list-style: none;
/*	background:url(img/bullet.gif) no-repeat 0 3px;
*/	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#randomlinks
{
	float: right;
	width: 247px;
	height: 60px;
	color:#666;
	font-weight: bold; 
	margin: 15px 30px 30px 15px;
	padding: 0px 0px 0px 0px;
}

* html #randomlinks {
	margin:15px 15px 30px 0px;
	}

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

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

#randomlinks a:hover, #randomlinks a:active 
{ 
	color: #783000;
}
	
#bottom
{
	float: left;
	width: 986px;
	background: url(img/bottom-bg1.gif) bottom no-repeat;
	margin: 0px;
	padding: 0px;
}
#bottom2
{
	float: left;
	width: 640px;
	height: 155px;
	background: url(img/bottom-bg1.gif) bottom no-repeat;
	margin: 0px;
	padding: 0px;
}

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

#bottom4 { clear:both; width: 986px; height: 155px; background: url(img/bottom-bg1.gif) bottom no-repeat; margin: 0px 0px 0px 0px; padding: 0px;}
/*--------------------------------------------*/
.sidebar_top
{ 
	background: #fff url(img/sidebar_top-bg.gif) no-repeat 0 10px; 
	height: 30px;
}

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

.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: 247px;
/*	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 60px;
}

* html .links {margin:9px 0 0 30px;}


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

.post_wide
{
	background: #fff url(img/post.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: #ff6600;
	color: #fff;
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

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



/* 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 
{
	width:500px;
	height:60px;
	float:right;
	background: transparent;
/*	margin: -94px 0px 0px 0px;*/
	margin: -113px 0px 0px 0px;

}
 
*html #hoofdmenu {
	margin: -103px 0px 0px 0px;
}
#hoofdmenu ul 
{
	width:500px;
  margin:0px 0px 0px 0px;

}
  
#hoofdmenu ul li
{
	height:60px;
	float:right;	
	background:url(img/divider.gif) no-repeat 0 0;
  	display:block;
  	margin: 0px 0px 0px 0px;
  	padding:18px 18px; 
}
  
#hoofdmenu ul li a 
{
	height:60px;
	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:#ff6600;
}
  
#hoofdmenu a  
{
  float:left;
  display:block;
  background: transparent;
  padding:0px 10px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-weight: bold;
  color:#ff6600;
}
  
/* 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:#783000;
}
  
#hoofdmenu #current a 
{  
  border: 0px;
  font-weight: bold;
  color: #783000;
}
  
#hoofdmenu #current a span
{
  margin: 0px 0px 0px 0px;	
  padding:0px 0px 0px 0px;
  color:#783000;
}
  
#hoofdmenu a:hover 
{
   border: 0px;
   color: #783000;
}
  
/* hoofdmenu eindigt hier */