/*
THEME NAME: Thematic
THEME URI: http://themeshaper.com/thematic-for-wordpress/
DESCRIPTION: A <a href="http://themeshaper.com/">ThemeShaper</a> theme framework based on work in <a href="http://code.google.com/p/blueprintcss/"> The Blueprint CSS Framework</a>, and by <a href="http://www.pearsonified.com/">Chris Pearson</a>, <a href="http://andy.wordpress.com/">Andy Skelton</a>, <a href="http://www.plaintxt.org/">Scott Allan Wallick</a> and many, many others. Please visit the <a href="http://themeshaper.com/forums/">ThemeShaper Forums</a> if you have any questions about Thematic.
VERSION: 0.6.1
AUTHOR: Ian Stewart
AUTHOR URI: http://themeshaper.com/
TAGS:three column,two column,one column,fixed width,seo,microformats,hcard,hatom,widgets,framework,easy customization,valid CSS,typography,grid-based
.
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/

/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Style the meta panel for logged-in users */
@import url('library/styles/sitemeta.css');

/* Apply a basic layout */
@import url('library/layouts/2c-r-fixed.css');

/* Prepare theme for plugins */
@import url('library/styles/plugins.css');

/* Un-comment the line below to set a grid with 18px line-height */
/*body { background:url(images/960_grid_12_col.gif) repeat-y top center; }*/


/* =Global Elements
-------------------------------------------------------------- */

body {
    background: #2F2F32;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	text-align: center; 
	position:relative;
}
#wrapper {
    border-top:9px solid black;
	background: #FFFFFF;
	width: 946px;
	margin: 0 auto; 
	text-align: left; 
	top:10px;
	position:relative;
}

a {
	text-decoration:none;
	color:#009EC7;
}

a:hover {
    text-decoration:underline;
}
blockquote {
    font-style:italic;
    font-size:13px;
}
blockquote em, blockquote cite, blockquote i {
    font-style:normal;
}
input, textarea {
    font-family:Georgia, serif;
}
.caps {
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}
.important {
    font-weight:bold;
}

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

#header {
 	background: url('images/banner_1018.jpg') no-repeat top left;
	position:relative;
	/* 	margin-top:20px; Alleen nodig bij banner	*/
	margin:0px;
	padding:0px;  
}
#bladerklik {
width:250px;
height:250px;
margin:0px 0px 0px 700px;
}

#access {
	font-size:11px;
	background:#c0c0c0;
	border-top: solid black 1px;
	border-bottom: solid black 1px;
	position:relative;
	height: 30px;
	top:0px;
}
.skip-link {
    display:none;
}

/* menu staat onder gedefinieerd-------------------------------------------------------------------------*/

#blog-title {
width:600px;
float:left;
}


/* --- toevoeging nam ---- */
#subNavigatie{ 
background:#5E5E5E;
	position:relative;
	top:0px;
	height: 20px; 
	font-family:trebuchet ms;
	font-size:14px;
	font-weight:normal;
}

#subNavigatie a:link {
	text-decoration:none;
	color:#fff;
}

#subNavigatie a:visited {
	text-decoration:none;
	color:#fff;
}

#subNavigatie a:hover {
	text-decoration:none;
	color:#009EC7;
}

#subNavigatie a:active{
	text-decoration:none;
	color:#009EC7;
}

#subNavigatie li{
	display:inline;
	margin: 20px 0px 0px 20px;
}

#subNavigatie ul{
	list-style-type: none;
	margin-left:180px;
}

/* #toevoeging nam*/
/*uitlijning subnav elementen*/

/* over hd*/
.page-item-108 {
left:300px;

}
.page-item-69 {
margin-left:0px;
}
.page-item-108 {
margin-left:100px;
}

/* =Content
-------------------------------------------------------------- */

#main {
	font-size:12px;
	color:#000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;	
	height:2200px;
	width:961px;
	z-index:2;
	position:relative;
}
#logoContainer {
	height:540px;
	width: 435px;
	left:0px;
	top:250px;
	background:#fff url('../../../wp-content/images/logo.gif') no-repeat top left; 
	padding:0px;
	margin:0px;
	float:left;
	z-index:2;
}
#content {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	height:600px;
	width: 420px;
	margin-left:20px;
	float:left;
	background: #FFFFFF;
	overflow:visible;
	position:relative;
	z-index:3;
}    
.hentry {

}
.p1 {
    margin:0;
    padding:0 0 36px 0;
    border:none;
}
.page-title {
    font-size:14px;
    font-weight:bold;
    padding:18px 0;
}
.page-title span {
    font-size:12px;
    font-weight:normal;
    font-style:italic;
}
.entry-title {
    font-size:24px;
    line-height:26px;
    padding:8px 0 2px 0;
    font-weight:bold;
    color:#000;
}
.entry-title a {
    text-decoration:none;
    color:#000;
}

.entry-meta {
    font-size:11px;
    color:#787878;
}
.entry-meta a {
    color:#787878;
    font-style:italic;
}
.entry-meta a:hover {
}
.entry-meta .author {
}
.entry-meta .meta-sep {
}
.entry-meta abbr {
}
.entry-content {
    overflow:visible;
}
h1.entry-title, h2.entry-title, .entry-content h1 {
	font-size:16px;
	color:#009EC7;
	margin:0px 0px 10px 0px;
	    font-weight:bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
.entry-content h3, strong, 	 .entry-content h2  {
	font-size:14px;
	color:#009EC7;
	margin:0px 0px 10px 0px;
	font-weight:bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.entry-content h4 {
    font-weight:bold;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1px;
}
.entry-content h5 {
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1px;
}
.entry-content h6 {
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:1px;
}
.entry-content ul {
    list-style:square;
    margin:0 0 18px 1.5em;
}
.entry-content dl {
    margin:0 1.5em;
}
.entry-content dt {
    font-weight:bold;
}
.entry-content dd {
    margin:0 0 18px 0;
}
.entry-content abbr, .entry-content acronym, .entry-content .help {
  border-bottom: 1px dotted #333;
  cursor: help;
}
.content-column, .entry-content .linkcat {
	list-style:none;
	float:left;
}
.more-link {
    font-weight:bold;
    font-style:italic;
    display:block;
}
.page-link {
    margin:0 0 18px 0;
}
.page .edit-link {
    float:left;
    clear:both;
}
.entry-utility {
    font-size:11px;
    color:#787878;
}
.entry-utility a {
    font-style:italic;
    color:#787878;
}
.entry-utility a:hover {
}
.comments-link a {
    font-weight:bold;
    color:#2772B3;
}

/* =Comments
-------------------------------------------------------------- */

#comments {
    background:#B5D1EA;
    color:#fff;
    margin:54px 0 0 0;
    padding:18px 0;
    overflow:hidden;
}
#comments h3 {
    font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
    text-align:center;
    margin:0 0 18px 0;
    padding:0 20px 0 20px;
}
#comments .comments:first-child h3 {
    padding-top:18px;
}
#comments ol {
    margin:0 0 36px 0;
    list-style:none;
}
#comments li {
    background:#87B5DD;
    border-top:1px solid #6DA5D6;
    margin:0 20px 18px 20px;
    padding:17px 20px 0 20px;
    position:relative;
}
#comments a {
}
#comments li.byuser {
    background:#5C9BD1;
    border-color:#3B86C7;
}
#comments li.byuser p a {
}
#comments li.bypostauthor {
}
#comments li.bypostauthor p a {
}
#comments .avatar {
    width:48px;
    height:48px;
    position:absolute;
    top:19px;
    left:20px;
}
#comments .fn {
    font-weight:bold;
    font-size:14px;
    padding:18px 0 0 58px;
    display:block;
}
#comments .fn a {
    color:#fff;
}
#comments-list .comment-meta {
    font-size:10px;
    margin:0 0 18px 0;
    padding:0 0 0 58px
}
#comments-list .comment-meta a {
    font-style:italic;
    color:#fff;
}
#comments li p {
    margin:0;
    padding:0 0 18px 0;
}
#trackbacks-list .comment-author {
    margin:0 0 18px 0;
    font-size:11px;
}
#trackbacks-list .comment-author a {
    font-size:14px;
    font-weight:bold;
    color:#fff;
}
#respond {
    background:#87B5DD;
    border-top:1px solid #6DA5D6;
    padding:17px 20px 0 20px;
    width:460px;
    margin:0 auto;
}
#respond h3 {
    padding-top:18px;
}
#respond form {
    padding:0 0 36px 0;
}
#respond #form-section-author {
    width:230px;
    float:left;
}
#respond #form-section-author input {
    width:220px;
}
#respond #form-section-email {
    width:220px;
    float:right;
}
#respond #form-section-email input {

    width:100%;
}
#respond #form-section-url {
}
#respond #form-section-url input {
    width:100%;
}
#respond .form-label {
    font-size:10px;
}
#respond .form-input input {
    margin:0 0 14px 0;
}
#respond textarea {
    width:100%;
    margin:0 0 16px 0;
}
#respond .form-submit {
    float:right;
}
p.subscribe-to-comments {
    width:260px;
    float:left;
}
p.subscribe-to-comments label {
}
p.comment_license {
    clear:both;
    margin:0;
}
p.solo-subscribe-to-comments {
    clear:both;
    margin:0;
}
p.solo-subscribe-to-comments:first-line {
    font-style:italic;
}
/*input#solo-subscribe-email {
    width:220px;
    margin:9px 0;
}*/
#respond .required {
    font-weight:bold;
}

/* =Author Info
-------------------------------------------------------------- */

#author-info {
    margin:18px 0 36px 0;
}
#author-info p:first-line {
    font-weight:bold;
}
#author-info .avatar {
    float:left;
    width:72px;
    height:72px;
    margin:0 10px 0 0;
    padding:5px;
    background:#B5D1EA;
    position:relative;
    top:4px;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
    margin:0px 0 36px 0;
    overflow:hidden;
}
.nav-previous {
	float: left;
	width:50%;
}
.nav-next {
	float: right;
	width:50%;
	text-align:right;
}
#nav-above,#nav-below {
	width: 100%;
}
#nav-above {
    margin:18px 0 36px 0;
}
.home #nav-above, .single #nav-above {
    display:none;
}
.paged #nav-above {
    display:block;
}

/* =Images
-------------------------------------------------------------- */

/*  Remember the baseline   */

.entry-content img { margin: 0 0 8px 0; max-width:100%; }

img.alignleft,img.align-left {
	float: left;
	margin-right:8px;
}
img.alignright,img.align-right {
	display: block;
	float: right;
	margin-left:8px;
}
img.center, img.centered {
	margin: 0 auto;
	display: block;
	float: none;
	clear: both;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft, .contxt {
	float: left;
clear:left;
}
.alignright {
	float: right;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}

/* =Asides (widgetized areas)
-------------------------------------------------------------- */

.aside ul {
    margin:0;
    list-style:none;
}
.aside {
}
.aside h3 {
    font-size:14px;
    font-weight:bold;
}
.aside ul ul {
    list-style:square;
}
/* Begin Calendar styles */
.aside table {
    border-top:1px solid #e0e0e0;
    margin:0 0 8px 0;
}
.aside th {
    border-left:1px solid #e0e0e0;
}
.aside tr {
    border-bottom:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;
    line-height:35px;
}
.aside td {
    border-left:1px solid #e0e0e0;
    padding:0 10px
}
.aside caption { /* Make the caption match h3 styles */
    font-size:14px;
    font-weight:bold;
    text-align:left;
    margin:0 0 9px 0;
}
.aside tfoot tr {
    border:none;
    line-height:36px;
}
.aside tfoot td {
    border:none;
    padding:0;
}
.aside #next {
    text-align:right;
}
/* End Calendar styles */
/* Begin Search styles */
.aside form {
    margin:4px 0 10px 0;
}
/* End Search styles */
/* Begin RSS widget styles */
/* I think I'm going to have to reset some stuff in functions.php for the RSS widget. It stinks for styling. */
/* End RSS widget styles */
#content .widgetcontainer {
    border-top:1px solid #e0e0e0;
    padding:35px 1px 18px 1px;
    margin:18px 0 36px 0;
}
#index-top .widgetcontainer,
#single-top .widgetcontainer,
#page-top .widgetcontainer {
    border-top:none;
    border-bottom:1px solid #e0e0e0;
    padding:0 1px 53px 1px;
    margin:0 0 36px 0;
}
#content .aside:first-child .widgetcontainer:first-child {
    padding-top:18px;
}
.page #content .aside:first-child .widgetcontainer:first-child {
    padding-top:0;
}
#content .aside h3 {
    font-size:24px;
    line-height:26px;
    padding:8px 0 20px 0;
    font-weight:bold;
}
#single-bottom .widgetcontainer {
    border-top:none;
}
.main-aside {
}
.main-aside h3 {
    padding:17px 0 1px 0;
}
.main-aside ul ul {
    margin:0 0 18px 13px;
}
.main-aside ul ul ul {
    margin:0;
}
.sub-aside h3 {
}
#footer .widgetcontainer {
    padding:0 1px;
    margin:0 0 18px 0;
}
#footer .widgetcontainer ul {
    margin:0 0 0 13px;
}
#footer .widgetcontainer ul ul {
}

/* =Footer
-------------------------------------------------------------- */
/*
#footer {
    background:#181E24;
    color:#fff;
    padding:34px 0 90px 0;
    border-top:2px solid #000;
}
#footer a {
    color:#fff;
}
#subsidiary .aside {
    margin-bottom:18px;
}
#siteinfo {
    padding:18px 0;
}
*/
/* =PageNavi
-------------------------------------------------------------- */

/* Use !important to override PageNavi CSS */

.wp-pagenavi {
    margin:0 0 0 0;
    line-height:36px;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
    color:#2772B3 !important;
    background:#transparent !important;
    border:1px solid #e0e0e0 !important;
}
.wp-pagenavi a:hover {
    color:#000 !important;	
}
.wp-pagenavi span.pages {
    margin-left:0 !important;
    padding-left:0 !important;
}
.wp-pagenavi span.current {
    border:1px solid #e0e0e0 !important;
}
.wp-pagenavi span.extend {
    margin:0 !important;
}

/*
--- overbodig uitzetten
*/
#subsidiary {width:0px;}

/*---------ES------------*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {
    /*overflow:hidden;  clears the inner float  */
	width:950px;
	height:32px;
	position:relative;
	z-index:100;
	padding-left: 10px;
	font-family:trebuchet ms ;
	font-size:16px;
	font-weight:bold;
}

/* hack to correct IE5.5 faulty box model */
* html #menu {width:746px; w\idth:745px;}

/* style the links for the top level */
#menu a, #menu a:visited {
	display:block;
	height:30px;
	padding-left:10px;
	padding-right:10px;
	line-height:29px;
	text-decoration: none;
	color:#000;
  	margin: 0;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #menu a, * html #menu a:visited {
	padding-left:20px;
	margin-right:20px;
}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
    margin:0;
    list-style:none;
    clear:both;
	padding: 0;
	margin: 0;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu li {
	float: left;
	position:relative;
	height: 31px;
	z-index: 800;
}

/* style the second level background */
/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
	display:none;
	position:absolute;
	background: #C0C0C0;
	top:30px;
	z-index: 500;
	height: auto;
}

/* another hack for IE5.5 */
* html #menu ul ul {top:30px;top:31px;}

#menu ul ul li {
	height: auto;
	display:block;
	padding-right: 10px;
	float: none;
}

/* style the second level hover */
/*#menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
#menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}*/
/* style the third level background */
#menu ul ul ul a, #menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
#menu ul ul ul a:hover {background:#b2ab9b;}

#menu .current_page_item li a, #menu ul ul a, #menu a:hover{
	background: none;
	text-decoration:none;
	color:#009EC7;
}



#menu ul ul ul, #menu ul ul ul ul, #menu ul ul ul ul ul {
	display: none;
}

#menu li:hover ul ul,
#menu li li:hover ul ul,
#menu li li li:hover ul ul,
#menu li li li li:hover ul ul
{	display:none;}

#menu li:hover ul
{display:block;}

/* position the third level flyout menu */
#menu ul ul ul{left:133px; top:-1px; }

/* position the third level flyout menu for a left flyout */
#menu ul ul ul.left {left:-133px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#menu ul ul a, #menu ul ul a:visited {height:auto; line-height:1em; padding:5px 10px;}
/* yet another hack for IE5.5 */
* html #menu ul ul a, * html #menu ul ul a:visited {}

/* style the top level hover */



/* make the second level visible when hover on first level list OR link */
#menu ul li:hover ul,
#menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


#menu ul ul .current_page_item a {
  color: #009EC7;
  background: #C0C0C0;
}

#menu .current_page_item a {
  background: #009EC7;
}

#menu ul .current_page_item ul a, #menu ul ul a  {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  margin: 0;
  padding: 5px;
}

#menu ul .current_page_item ul a:hover {
  color: #009EC7;
}





/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */	
/*---------Einde ES -----*/