/* CSS Document */

/* general */
*{margin:0;}
html,body{height:100%;}
body{background:#1a1a1a url(../images/bg.png) 0 0 repeat;color:#999;font:11px/17px 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande, 'Lucida Sans', Geneva, Arial, sans-serif;margin:0; overflow:hidden;}
img {border:0}
#container{height:auto !important;margin:0 auto -142px;min-height:100%;overflow:hidden;}

/* blok eigensteil */
#afdeling #es .logo{background:url(../images/logo-es.png) 50% 50% no-repeat;}
/*#afdeling #es .img{margin:25px 0 0 95px}*/
#afdeling #es .img{ margin:25px 0 0 95px; background:url(../images/steil03.jpg) 50% 50% no-repeat;}
#afdeling #es .text{margin-left:70px}

/* blok eigenwoorden */
#afdeling #ew .logo{background:url(../images/logo-ew.png) 50% 50% no-repeat;}
#afdeling #ew .img{margin:25px 0 0 95px; background:url(../images/woord03.jpg) 50% 50% no-repeat;}
#afdeling #ew .text{margin-left:70px}

/* blok eigencode */
#afdeling #ec .logo{background:url(../images/logo-ec.png) 50% 50% no-repeat;}
#afdeling #ec .img{margin:25px 0 0 95px; background:url(../images/code01.jpg) 50% 50% no-repeat;}
#afdeling #ec .text{margin-left:70px}


#afdeling .img{height:200px;width:199px;}
#afdeling .logo{height:150px;margin-bottom:15px;width:350px;}
#afdeling .text{height:10px;margin-top:25px;width:250px;}

#afdeling a{display:none;float:left;height:500px;text-decoration:none;width:350px; overflow:hidden;color:#fff;font:11px/17px 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande, 'Lucida Sans', Geneva, Arial, sans-serif;cursor: pointer; cursor: hand  }
#afdeling li{border-right:1px dotted #333;display:block;float:left;margin:0;padding:0;}
#afdeling li#vs{border:none;}
#afdeling ul{display:block;height:360px;margin:0 auto;padding:0;text-align:center;width:1200px;}

/* clouds */

.creative{ font-size:16px; color:#FF0}
.design{ font-size:18px; color:#eefaad}
.websites{ font-size:16px; color:#aad815}
.logos{ font-size:12px; color:#ff7600}
.huisstijl{ font-size:14px; color:#039faf}
.drukwerk{ font-size:16px; color:#edd364}
.cms{ font-size:15px; color:#FF0}
.marketing{ font-size:13px; color:#FF0}
.reclame{ font-size:15px; color:#eefaad}
.communicatie{ font-size:18px; color:#aad815}
.adwords{ font-size:11px; color:#ff7600}
.seo{ font-size:12px; color:#039faf}
.software{ font-size:12px; color:#FF0}
.applications{ font-size:18px; color:#edd364}
.biometrie{ font-size:15px; color:#afde5e}
.mobile{ font-size:14px; color:#a349df}
.crm{ font-size:12px; color:#039faf}


/* footer */

#footer{display:block;min-width:1000px;width:100%;}
#footer a{color:#999;text-decoration:none;}
#footer li{display:inline;margin:0;padding:0 .5em;}
#footer ul{background:transparent url(../pix/bg-footer.png);height:25px;margin:0;padding:6px 15px 0 0;text-align:center;}
* html #footer ul { background:#0c0c0c none;}
#footer,.push{height:142px;}

#leaderboard{background:transparent url(../images/bg-banner2.png);height:110px;margin-bottom:1px;width:100%;}

#leaderboard table{border:0;border-collapse:collapse;height:110px;margin:0 auto;padding:0;width:728px;}
#leaderboard td{text-align:center;vertical-align:middle; padding:10px;}