/*  schone start geïnspireerd op eric meyer
-------------------------------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	color:#fff;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/*
-- Body
---------------------------------------*/

body {
  font:12px/1.5 'lucida grande','lucida sans unicode',sans-serif;
  color:#000;
  background:#ffffd6;
}

strong {font-weight:bold;}
em {font-style:italic;}
address {font-style:normal;}

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

#header {
  background:#6f9dbe url(../images/shade.gif) 0 100% repeat-x;
  padding-bottom:3px;
}

  #header #logo {
    background:#678090
  }
  
    #header #logo img {
      float:left;
      margin:0 1em 0 0;
      display:none;
    }

    #header #logo h1 {
      height:5em;
      padding:2em 2em 0;
      width:71em;
      margin:0 auto;
      background:#6f9dbe url(../images/logo-lightblue.gif) 2em 100% no-repeat;
      color:#fff;
    }
  
      #header #logo h1 span {
        display:block;
        text-transform:uppercase;
        letter-spacing:.3em;
        font-size:.833em;
        margin-left:200px;
		font-weight:normal;
      }
      #header #logo h1 em {
        display:block;
        text-indent:-1px;
        font-size:1.5em;
        margin-left:200px;
      }

hr {
  visibility:hidden;
  clear:both;
  height:25px;
}
    
/*
-- Nav
---------------------------------------*/

#nav {
  clear:both;
  border-top:1px solid #678090;
  background:#F7A700 none /*url(../images/menu-fade.jpg)*/ repeat-x;
}

#mainmenu {
  list-style:none;
  height:4em;
  width:75em;
  margin:0 auto;
}

  #mainmenu li {
    float:left;
    margin:1em 0 1em 2em;
  }
  
    /* default links in mainmenu */
    #mainmenu li a {
      display:block;
      line-height:2em;
      text-decoration:none;
      color:#585858;
      padding:0;
      font-size:100%;
    }

    #mainmenu li a:hover {
      color:#fff;
    }
    
    /* active links in mainmenu, using active class */
    #mainmenu li.active a:link,
    #mainmenu li.active a:visited {
      font-weight:bold;
      color:#fff;
    }
    
    #mainmenu li.active a:hover {
      background:transparent none;
      color:#fff;
      cursor:default;
    }
      
/*
-- Content
---------------------------------------*/
#wrap {
 background:#fff;
 padding:3em 0;
 width:75em;
 margin:0 auto;
 }

#content {
 width:71em;
 margin:0 auto;
}

#primary {
 width:45em;
 float:left;
}

#sidebar {

 float:right;
 width:20em;
 color:#444;
 padding-left:2em;
 border-left:1px solid #6F9DBE;
}

#footer {clear:both}


/*
-- Sidebar
---------------------------------------*/

#sidebar {
}

  #sidebar .box {
    /* ... */
  }
  
  #sidebar #zoekform {
    margin:1em 0 3em 0;
  }
  
  /* sidebar headings */
  #sidebar .box h3 {
    background:#fff url(../images/line.gif) 50% 50% no-repeat;
    text-align:center;
    font-size:100%;
  }

    #sidebar .box h3 span {
      padding:2px 8px;
      background:#fff;
      font:110%/normal 'times new roman', serif;
      font-weight:normal;
      text-transform:uppercase;
      color:#6F9DBE;
      letter-spacing:0.1em;
    }

  #sidebar #pageimage {
    /* ... */
  }
  
    #sidebar #pageimage img {
      margin-top:3em;
      border:1px solid #6F9DBE;
    }

  /* sidebar forms */
  #sidebar label {
    display:none;
  }
  
  #sidebar form .text {
    width:210px;
    font-size:120%;
  }
  
  #sidebar form .submit {
    vertical-align:middle;
    background:transparent;
    margin-left:4px;
  }


/*
-- MAIN CONTENT
---------------------------------------*/  

#primary {
  /*margin:0 325px 0 25px;*/
}
  
  #primary h2 {
    font:2em georgia,serif;
    /*color:#005890;*/
    color:#3787bf;
    letter-spacing:-1px;
    margin-bottom:1em;
  }
  
  #primary h3 {
    font:1.333em/1.125 georgia,serif;
    color:#005890;
  }

  #primary h4 {
    font-size:100%;
    font-weight:bold;
  }

  #primary p {
    margin:1.5em 0;
  }

    #primary p.excerpt {
      margin:0;
      font-size:80%;
      line-height:1.4;
    }
  
  #primary ol {
	list-style:decimal outside;
    margin:1.5em 2em;
  }
  
  #primary ul {
    margin:1.5em 0;
  }
    
    #primary ul li {
      padding-left:20px;
      background:transparent url(../images/bullet_orange.png) 0 .2em no-repeat;
    }

  #primary blockquote {
    padding:0 1em;
    border:1px solid #ddd;
    color:#555;
    font-size:90%;
    background:#fff url(../images/bq-fade.jpg) repeat-x;
  }

  #primary address {
    font-style:normal;
  }

  #primary img.times {
    cursor:pointer;
	float:none;
  }

  #primary img {
	 float:left;
	 margin:0 2em 1.5em 0
  }
  
  #primary a:link    { color:#F7A700; }
  #primary a:visited { color:#678090; }
  #primary a:hover   { color:#3787bf; }
  #primary a:active  { color:#F9CA69; }


  /* special content */
  #primary .spotlight {
    list-style: none;
  }
  
    #primary .spotlight li {
      background:#fff url(../images/tick.gif) 0% 50% no-repeat;
      padding-left:25px;
      margin:1em;
      font-size:110%;
      color:#005890;
     }
  


/*
-- Content form
---------------------------------------*/  

#primary fieldset {
  /* ... */
}

  #primary fieldset label {
    width:5em;
    float:left;
  }

  #primary fieldset .text {
    width:20em;
  }

  #primary fieldset textarea.text {
    height:8em;
    overflow:auto;
  }

  #primary fieldset .button {
    margin-left:5em;
    border:1px outset #ccc;
    background:#eee;
    padding:1px 1em;
  }

/*
-- Tables
---------------------------------------*/  

table {
  border-collapse:collapse;
  font-size:90%;
}

  table tr {
    border:1px solid #ddd;
  }

  table td, table th {
    padding:3px;
  }



/*
-- Footer
---------------------------------------*/


#footer {
  /*background:#fff url(../images/footer-fade.jpg) 0 0 repeat-x;
  min-height:50px;*/
}

  #footer address {
    /*background:#fff url(../images/shade.gif) 0 -2px repeat-x;*/
    color:#585858;
    border-top:1px solid #f9ca69;
    width:74em;
    margin:0 auto;
    padding:.5em .5em .75em;
  }
  
    #footer address p {
      font-size:.833em;
    }
    
    #footer address a {
      color:#585858;
      text-decoration:none;
    }
    
    #footer address a:hover {
      color:#6F9DBE;
      text-decoration:underline; 
    }
    
#sidebar h2 {
/*
 background:#6f9dbe none 0 0 repeat-x; 
 font-size:.833em;
 padding:.5em .5em .20em;
 text-transform:uppercase;
 letter-spacing:2px;
 color:#fff;
 font-weight:bold;
 */
 padding:.25em .5em;
 font-size:1em;
 text-transform:uppercase;
 letter-spacing:2px;
 /*color:#585858;*/
color:#F7A700;
 font-weight:normal;
 background:transparent url(../images/dot2.gif) 0 100% repeat-x;
}

#nav {
 /*background:transparent url(../images/shade.gif) 0 -1px repeat-x; 
 padding-top:3px;*/ 
}
#subnav li a {
 display:block;
 text-decoration:none;
 /*color:#678090;*/
 color:#3787bf;
 background:transparent url(../images/dot2.gif) 0 100% repeat-x;
 padding:.25em .5em;
}
#subnav li a:hover {
 color:#F7A700;
 background-color:#FFFFD8
}

#subnav li li {

}
#subnav li li a {

}
#subnav li.active {
 background:transparent url(../images/dot2.gif) 0 100% repeat-x;
 padding-bottom:1px;
 }
#subnav li.active a {
 background:#F7A700 !important;
 color:#fff
}
#subnav li.active ul {
	margin:.2em 0;
}
#subnav li.active li a {
  font-size:.833em;
  padding-left:1.5em;
  color:#3787bf;
  background:#fff !important;
}
#subnav li.active li a:hover {
 color:#F7A700
}
#subnav li.active li.active {
	background:none;
	padding-bottom:0;
}
#subnav li.active li.active a {
	 color:#F7A700
}
#subnav li.active li a:before {
  /*content:"- ";*/
}

/*
-- Misc
---------------------------------------*/

a.editlink {
  font:60%/1.5 'lucida grande','lucida sans unicode';
  margin-left:10px;
  color:#aaa !important;
  text-decoration:none;
}

a.editlink:hover {
  color:#f00 !important;
}

/*
-- Nieuws Entries
---------------------------------------*/

div.entry { border-top:1px solid #6F9DBE; }
div.no1 {margin-top:1.5em;}