/* CSS Document */
*{margin:0;padding:0;border:none;text-decoration:none;outline:none;}

html, body{min-height:101%;}
body{font-family:Arial, Helvetica, sans-serif;background:#FFF;color:#76a430;font-size:12px;line-height:20px;}
a{color:#76a430}
a:hover{color:#3d6600}
a.buttonnormaal {}
#content{color:#363636}
#content a{color:#3d6600;}

h1{font-size:26px;line-height:32px;color:#3d6501;position:relative;
/* correct for line-heigt*/
bottom:6px;
}
h2{font-size:14px;margin:6px 0 6px 0}
h3,h4,h5,h6{font-size:12px;}

#verseinhoud{width:966px;margin:0 auto 10px;}
.item{overflow:hidden;}

#header{height:238px;background:url(../plaatjes/header-visual.jpg)}
#vi-home #header{padding-left:30px;padding-top:30px;height:330px;background:url(../plaatjes/header-visual-home.jpg)}

#identity{padding:46px 202px 0;}
#identity p{display:block;font-size:32px;line-height:32px;color:#538801}

#sub-header{padding:3px 202px 18px 202px;}
#sub-header em{display:block;color: #335a2c; font-size: 22px; line-height:22px;}



#header-intro{width:440px;font-size:14px;line-height:22px;color:#363636;padding:0 204px 0;font-family:"Trebuchet MS", Trebuchet, Arial, Helvetica}


#content{overflow:auto;margin-top:25px;margin-bottom:10px;border-bottom:1px solid #dad8d8;}

#vi-home #content{margin-top:20px;}

#sidebar{width:259px;float:left;margin:0 15px 0 25px;border-right:1px solid #dad8d8;padding-right:15px;}
#page{width:600px;float:right;margin-right:24px;}
#home-page{overflow:hidden;}

#main-menu{background-color:#76a430;}
#main-menu ul{overflow:hidden;}
#main-menu li{list-style:none;float:left;}
#main-menu a{display:block;line-height:16px;font-size:16px;color:#FFF;font-weight:bold;margin:0 12px;padding:15px 13px 18px;}
#main-menu .active a{color:#273f03;}

#page a{padding-left:10px;background:url(img/arrow.png) no-repeat left center;}
#page strong a{padding-left:10px;background:url(img/arrow-strong.png) no-repeat left center;}

/*
#sidebar a{padding-left:10px;background:url(arrow.png) no-repeat left center;}
*/
#home-page{margin-left:13px;}
#home-page a, #sidebar a{padding-left:10px;background:url(img/arrow-strong.png) no-repeat left center;font-weight:bold;}

#home-page .item{width:278px;padding:0 18px 0 12px;border-left:1px solid #dad8d8;margin:1px 0 40px -1px;float:left;}
#home-page h2{font-size:19px;line-height:21px;margin:0;}
#home-page .item p{font-size:13px;line-height:20px;}

/* content style */
#page .introtext{margin:7px 0;}
#page .introtext p{font-size:15px;font-weight:bold;color:#3d6501;}

#page img{float:left;margin-right:14px;margin-bottom:14px;}
#page .item{padding-bottom:20px;border-bottom:1px solid #dad8d8;margin-top:11px;}
#page .item .item{padding:0 0 0 200px;border:none;position:relative;margin:0;}
#page .item .item h3{position:absolute;left:0;top:0;}
#page .item .item p{}

#page .item.cv-download .item,
#page .link-category .item{padding-left:0;margin-bottom:20px;}
#page .link-category .item h3{position:static;}

#page .social-media .item{min-height:105px;}
#page .social-media .item h3{position:relative;margin-left:-200px;}
#page .social-media img{position:absolute;left:0;}


/* sidebar */
#sidebar {color:#447000}
#sidebar .item{padding-bottom:20px;border-bottom:1px solid #dad8d8;margin-top:18px;}
#sidebar .item:first-child{margin-top:0;}
#sidebar h3{font-size:16px;line-height:18px;margin-bottom:8px;
/* correct for line-height*/
margin-top:-2px;}
#sidebar .item p{overflow:hidden;line-height:16px;color:#363636}
#sidebar .item img{float:left;margin-right:14px;margin-bottom:14px;}



a.button {margin-top:22px;height:33px;display:block;clear:both;float:left;padding-right:15px;background:transparent url(img/button-2.png) no-repeat right center;}
a.button span{padding:7px 0 9px 25px;display:block;color:#FFF;font-weight:bold;line-height:15px;height:17px;background:transparent url(img/button-1.png)}

div.designby{float:right;overflow:hidden;margin-top:-18px;}
div.designby h6{line-height:12px;height:12px;color:#a3a3a3;font-size:10px;font-weight:normal;padding:1px 0;float:left;}
div.designby a{padding-left:4px;}


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {

  /*
  .sIFR-active h1 
  { 
    visibility: hidden;
  }
  */
}