*{margin:0;padding:0;list-style-type:none;}
a{outline:none;}
body{background:url('../images/8balls.png') 0px -153px repeat-x;}
#container{width:769px;margin:0 auto;}
#header{width:769px;height:116px;padding-top:20px;float:left;}
#header h1{width:104px;height:53px;text-indent:-9999px;overflow:hidden;background:url('../images/8balls.png') no-repeat;float:right;}
#menu{width:525px;height:50px;margin:0 auto;}
#menu li{margin-top:72px;width:105px;height:50px;float:left;}
#menu li a{width:105px;height:30px;background:url('../images/8balls.png') 0px -103px no-repeat;text-align:center;padding-top:20px;color:#A2A3A3;font:11px Tahoma;text-decoration:none;float:left;}
#menu li a:hover, #menu li.selected a{background:url('../images/8balls.png') 0px -53px no-repeat;color:#545454;}
#center{width:769px;padding-top:50px;float:left;}
#center h4{width:360px;border-bottom:1px solid #F2F2F2;color:#000;font:11px Arial;padding:5px;float:left;}
#center p{color:#686868;font:11px Arial;width:360px;padding:5px;padding-top:10px;text-align:justify;float:left;}
#center #middle h4{width:759px;border-bottom:1px solid #F2F2F2;color:#000;font:11px Arial;padding:5px;float:left;}
#center #middle p{color:#686868;font:11px Arial;width:759px;padding:5px;padding-top:10px;text-align:justify;float:left;}
#center strong{text-align:left;}
#left{width:375px;padding-right:20px;float:left;}
#right{width:374px;float:left;}
#middle{width:769px;float:left;}
#portfolio{width:714px;height:210px;background:url('../images/div-portfolio.gif') no-repeat 25px 25px;padding:25px;position:relative;float:left;}
#portfolio .year{width:704px;height:23px;font:bold 11px Arial;color:#686868;line-height:23px;padding-left:5px;float:left;}
#portfolio .year li{padding-left:3px;padding-right:3px;background:#f2f2f2;float:left;}
#portfolio .year .zeven{margin-right:100px;}
#portfolio .year .acht{margin-right:250px;}
#portfolio a{text-indent:-9999px;padding:1px;border:1px solid #717171;width:46px;height:46px;position:absolute;overflow:hidden;float:left;}
#portfolio .pelikaan{background:#fff url('../images/small/pelikaan.gif') 1px 1px no-repeat;top:116px;left:37px;}
#portfolio .startee{background:#fff url('../images/small/startee.gif') 1px 1px no-repeat;top:189px;left:108px;}
#portfolio .dedjmakelaar{background:#fff url('../images/small/dedjmakelaar.gif') 1px 1px no-repeat;top:64px;left:173px;}
#portfolio .demo{background:#fff url('../images/small/demo.gif') 1px 1px no-repeat;top:71px;left:270px;}
#portfolio .quain{background:#fff url('../images/small/quain.gif') 1px 1px no-repeat;top:131px;left:244px;}
#portfolio .simkopen{background:#fff url('../images/small/simkopen.gif') 1px 1px no-repeat;top:195px;left:314px;}
#portfolio .intermediaburo{background:#fff url('../images/small/intermediaburo.gif') 1px 1px no-repeat;top:109px;left:340px;}
#portfolio .croone{background:#fff url('../images/small/croone.gif') 1px 1px no-repeat;top:87px;left:445px;}
#login{font:11px Arial;width:749px;padding:10px;color:#686868;float:left;}
#login span{width:375px;line-height:23px;float:left;}
#login span em{width:25px;line-height:30px;float:left;}
#login span.right{width:364px;text-align:right;line-height:23px;padding-right:10px;float:left;}
#login span.right a{font:bold 11px Arial;color:#686868;text-decoration:none;}
#footer{width:759px;border-top:1px solid #F2F2F2;color:#686868;margin-top:20px;font:11px Arial;padding:5px;line-height:15px;float:left;}
#login input{border:1px solid #686868;font:11px Arial;padding:2px;color:#686868;}