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

ul.subcontact {padding:0; margin:0; list-style:none; height:120px; width:480px; background:url(../images/backing_contact.png) no-repeat right top; position:absolute; right:0; top:0;}
ul.subcontact li {float:left;}
ul.subcontact li a {display:block; height:120px; float:left; overflow:hidden; position:relative;}
ul.subcontact li a b {position:absolute; left:-9999px;}
ul.subcontact 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.subcontact li a.naw {width:112px;}
ul.subcontact li a.fotografie {width:112px;}
ul.subcontact li a.kvk {width:112px;}
ul.subcontact li a.twitter {width:112px;}


ul.subcontact li a.naw i {background:url(../images/paperclip.png);}
ul.subcontact li a.fotografie i {background:url(../images/paperclip.png);}
ul.subcontact li a.kvk i {background:url(../images/paperclip.png);}
ul.subcontact li a.twitter i {background:url(../images/paperclip.png);}


ul.topcontact li.topcontactli:hover {width:480px;}
ul.topcontact li.topcontactli a.topa:hover {direction:ltr; width:480px;}


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