ul.top {padding:0; margin:0; list-style:none;height:120px;}
ul.top table {border-collapse:collapse; width:0; height:0; margin:-1px 0 -5px -1px;}
ul.top li.topli {float:left; height:120px; width:39px; position:relative; overflow:hidden;
-webkit-transition-duration: .8s;
-moz-transition-duration: .8s;
-o-transition-duration: .8s;
}
* html ul.top li.topli {width:auto;}
ul.top li.topli a.topa {float:left; height:120px; width:39px; position:relative; overflow:hidden;}

ul.sub {padding:0; margin:0; list-style:none; height:120px; width:500px; background:url(../images/backing_acteurs.png) no-repeat right top; position:absolute; right:0; top:0;}
ul.sub li {float:left;}
ul.sub li a {display:block; height:120px; float:left; overflow:hidden; position:relative;}
ul.sub li a b {position:absolute; left:-9999px;}
ul.sub li a i {display:block; width:30px; height:30px; position:absolute; right:-50px; bottom:10px;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
-o-transition-duration: .3s;
}

ul.sub li a.jeroen {width:110px;}
ul.sub li a.korneel {width:110px;}
ul.sub li a.martijn {width:110px;}
ul.sub li a.robert {width:110px;}

ul.sub li a.dragan i {background:url(../images/paperclip.png);}ul.sub li a.jeroen i {background:url(../images/paperclip.png);}
ul.sub li a.korneel i {background:url(../images/paperclip.png);}
ul.sub li a.martijn i {background:url(../images/paperclip.png);}
ul.sub li a.robert i {background:url(../images/paperclip.png);}


ul.top li.topli:hover {width:500px;}
ul.top li.topli a.topa:hover {direction:ltr; width:500px;}


ul.sub li a:hover i {right:10px;}