@charset "utf-8";
/* CSS Document */

/* ----------------------- General ----------------------- */
body { padding: 0; margin: 0; }
* { font-family: "Courier New", Courier, monospace; font-size: 13px; color: #000; line-height: 17px; }
#bg { width: 100%; margin: 0 auto; padding: 0; background: #fff url(../images/fnd-gral.jpg) repeat-y top center;  }
#content { width: 870px; margin: 0 auto; padding: 0;}

/* ----------------------- Top ----------------------- */
#top { width: 870px; margin: 0 0 7px; padding: 0; float: left; }
#logo { width: 290px; padding: 0; float: left; height: 52px; margin: 6px 0 0 15px; }
#menu { width: 870px; float: left; margin: 0 0 15px; padding: 0; height: 66px; }
#menu ul li { padding: 0 8px 0 0; float: left; }
#menu ul li a { display: block; float: left; height: 66px; background-position: 0 0; background-repeat: no-repeat; }
#menu ul li a:hover, #menu ul li a#select { background-position: 0 -66px; }
#menu ul li a span { display: none; }
#menu ul li a.het-idee { background-image: url(../images/btn-het.png); width: 123px; }
#menu ul li a.verander-management { background-image: url(../images/btn-verander.png); width: 148px; }
#menu ul li a.business-ontwikkeling { background-image: url(../images/btn-bussiness.png); width: 143px; }
#menu ul li a.opdrachtgevers { background-image: url(../images/btn-klanten.png); width: 128px; }
#menu ul li a.mensen { background-image: url(../images/btn-mede.png); width: 90px; }
#menu ul li a.contact { background-image: url(../images/btn-contact.png); width: 126px; }
#banner { width: 855px; margin: 0; padding: 0 0 0 15px; float: left; position: relative; height: 250px;}
#banner img{ position: absolute; top:0; left: 15px; z-index: 1;}
#banner #paginator{position: absolute; top: 215px; right: 35px; z-index: 20; width: 820px; height: 25px;}
#banner #paginator a{ display: inline-block; float: right; text-align: center; margin: 0 0 0 6px; background: #FFF; padding: 3px 0; width: 20px; color:#000; font-family: Verdana, Geneva, sans-serif; font-size: 11px;opacity:0.6;filter: alpha(opacity = 60);}
#banner #paginator a:hover,#banner #paginator a.current{text-decoration:none;opacity:1;filter: alpha(opacity = 1);}



/* ----------------------- Homepage ----------------------- */  
.box { width: 222px; float: left; padding: 0 0 0 6px; }
.box a { display: block; margin-bottom: 5px; }
.box-middle { width: 270px; float: left; padding: 75px 60px 0 83px; background: url(../images/fnd-middle.png) no-repeat 90px 0; height: 236px; text-align: right; margin: 23px 0 0 0; }
.box-middle a { text-align: right; }

/* ----------------------- Inner ----------------------- */  
.column-left { width: 800px; float: left; padding: 0 0 0 15px; margin: 30px 0 0; }

/* ----------------------- Text ----------------------- */
p { margin: 0 0 5px 0; padding :0; text-align: left; }
a { text-decoration: none; font-size: inherit; color: #9f1f62; }
a:hover { text-decoration: underline; }
textarea { width:260px; font-size:11px; color:#666; margin:0 0 7px 0; height:150px; background: #FFFFFF; outline: none; border: #999999 1px solid; }
strong { font-size: inherit; }
h1 { color: #9f1f62; font-size: 14px; margin: 0; font-weight: bold; padding: 3px 0 6px; }
h2 { font-size: 18px; font-weight: normal; color: #09182f; padding: 2px 0 22px; margin: 0; text-transform: uppercase; letter-spacing: 1px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing: 1px; }
h3 { font-size: 20px; color: #fff; letter-spacing: 2px; margin: 0 0 5px 0; padding: 5px 0 5px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
h4 { font-size: 16px; color: #fff; font-weight: bold; margin: 0px 0 15px 0; padding: 3px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
h5 { font-size: 12px; color: #fff; text-transform: uppercase; margin: 0px 0 5px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

/* ----------------------- Footer ----------------------- */
#footer { padding: 0; width: 870px; margin: 2px auto 0 auto; background: url(../images/footer.png) no-repeat top center; height: 38px; }

/* ----------------------- Clearfix ----------------------- */ 
/* slightly enhanced, universal clearfix hack */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; line-height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */