/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework
   [bjorkoy.com/blueprint]
   
   * Screen & Projection Styles *
      
   This is the main CSS-file for the framework.
   Include this in the <head> of every page. See the
   Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

/* Import stylesheets and hide from IE/Mac \*/
@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/grid.css";
@import "lib/buttons.css";
/* End import/hide */


/* Compressed version: 
   [http://teenage.cz/acidofil/tools/cssformat.php]
   
   Comment out @import statements above, and add this 
   one when your site has launched (Ca 60% compressed):
   @import "lib/compressed.css"; */


/* Uncomment the line below to see the grid and baseline. 
   (Assuming you've wrapped your columns in a container).

  .container { background: url(lib/img/grid.png); }
  .container { background: url(lib/img/baseline.png); } */
  

body
{
	margin-top:0px;
	background-color:#edebda;
}

.container
{
	background-color:#FFFFFF;
}


#header
{
	background-color:#2e2e2b;
	height:75px;
}

a#logo
{
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	height:75px;
	width:208px;
	display:block;
	margin-left:15px;
	float:left;
}

#header ul
{
	float:left;
	margin-left:50px;
	padding-top:45px;
}

#header ul li
{
	float:left;
	margin-right:10px;
	list-style:none;
}

#header ul li a
{
	margin-right:20px;
	/*background-color:#4b4a40;
	*/
	color:#FFFFFF;
	padding:4px;
	font-size:120%;
	
}


#header ul li a:hover
{
	
	color:#4b4a40;
	
}

ul#subnav
{
	list-style:square;
}

h1
{
	font-size:26px;
	margin-bottom:7px;
	font-weight:bold;
	color:#3c3c39;
}

h2
{
	font-weight:bold;
	font-family:"Gill Sans", Geneva, Arial, Helvetica, sans-serif;
}

h3
{
	
	display:block;
	background-color:#FFFFFF;
	border-bottom:1px solid #e7e5d9;
	padding-bottom:0px;
	margin-bottom:4px;
	padding-left:7px;
	font-family:"Gill Sans", Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#125AA7;

}

#content
{
	padding:15px;
}


ul#subnav
{
	width:200px;
	background-color:#EEEEEE;
	list-style:none;
	margin:0;
	border:1px solid #d5d5d5;
}

ul#subnav 
{
	font-size:100%;
	padding-left:10px;
	padding-right:10px;
	float:left;
	margin-right:15px;

}

ul#subnav a
{
	font-size:100%;
	color:#565656;
	font-weight:bold;
}

ul#subnav a:hover
{
	background-color:#FFFFFF;
	text-decoration:none;
	color:#125AA7;

}

ul#subnav li
{
	padding-top:7px;
	padding-bottom:7px;
	border-bottom:1px solid #d3d3d3;

}

ul#subnav li.noborder
{
	border:none;
}

#book
{
	border: 1px solid #e3e3e3;
	background-color:#f7f6f0;
	padding:15px;
	width:660px;
	float:left;
}

#book #left
{
	float:left;
	width:220px;
}
#book img
{
	border:10px solid #FFFFFF;
}

#book #right
{
	float:left;
	margin-left:15px;
	width:420px;
}

#book #left .nota
{
	background-color:#fff;
	padding:7px;
	padding-left:15px;
}


#article
{
	border: 1px solid #e3e3e3;
	background-color:#f7f6f0;
	padding:15px;
	width:660px;
	float:left;
}

#article #left
{
	float:left;
	width:160px;
}
#article img
{
	border:10px solid #FFFFFF;
}

#article #right
{
	float:left;
	margin-left:15px;
	width:480px;
}

#article #left .nota
{
	background-color:#fff;
	padding:7px;
	padding-left:15px;
}


.leesmeer
{
	background-color:#4b4a40;
	color:#FFF;
	padding:4px;
	text-decoration:none;
}