a{color:#f78c20}
.hidden{display:none}

body{background:#646464;overflow:-moz-scrollbars-vertical;font:12px 'Arial','Helvetica',sans-serif;line-height:18px;color:#646464}
h1,h2,h3,h4,h5,h6{font:"Trebuchet MS", Arial, Helvetica, sans-serif}

#wrapper{position:absolute;top:0;left:50%;width:1080px;height:680px;margin-left:-550px;padding:120px 10px 0 10px;background:url('/img/background.jpg') no-repeat}

#header{position:absolute;top:40px;left:50%;width:980px;height:40px;margin-left:-540px;padding:0 60px}
#header .logo{float:left;width:203px;height:33px;margin-top:4px}
#header .logo span{display:none}
#header ul{float:right;width:507px;margin-right:20px}
#header li{float:left;padding-left:2px}
#header li a{display:block;height:40px;line-height:40px;color:#fff;text-align:center;text-transform:uppercase;text-decoration:none}
#header li a span{display:none}
#header li a.h{width:84px}  #header li a.h:hover, #header li a.h.active{background:url('/img/menu-home.jpg')}
#header li a.p{width:103px} #header li a.p:hover, #header li a.p.active{background:url('/img/menu-profiel.jpg')}
#header li a.d{width:115px} #header li a.d:hover, #header li a.d.active{background:url('/img/menu-diensten.jpg')}
#header li a.w{width:84px}  #header li a.w:hover, #header li a.w.active{background:url('/img/menu-werk.jpg')}
#header li a.c{width:109px} #header li a.c:hover, #header li a.c.active{background:url('/img/menu-contact.jpg')}

#over, #nieuws, #contact, #text, #meet{float:left;height:200px;padding:20px}
#carrousel{float:left;height:200px;margin-bottom:20px;padding:0 20px 40px 20px} 
#carrousel{width:920px;height:200px;margin:0 0 20px 40px}
#carrousel h3, #over h3, #nieuws h3, #contact h3, #text h1, #text h3, #meet h2, #uitklap a{margin-bottom:13px;color:#f78c1f;font-family:'Trebuchet MS';font-weight:bold;font-size:14px;text-transform:uppercase}

#text, #over, #nieuws, #contact{opacity:.93;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=93)";filter:alpha(opacity=93);}

#over{width:266px;margin-left:60px;background:url('/img/background-over.jpg')}

#nieuws{width:266px;margin-left:22px;background:url('/img/background-nieuws.jpg')}
#nieuws ul{border-top:1px solid #ccc}
#nieuws li{border-bottom:1px solid #ccc;font-size:12px;line-height:27px}

#contact{width:265px;margin-left:22px;background:url('/img/background-contact.jpg')}
#contact p{margin-bottom:10px}
#contact .strong{font-weight:bold}
#contact .route{font-weight:bold;margin-top:10px}

#text{width:594px;height:460px;margin-left:60px;background:url('/img/background-text.jpg')}
#text h1{font-size:18px}
#text h3{color:#64645f;margin:15px 0 3px 0}
#text p{margin-bottom:13px}
#text ul{padding-left:25px}
#text li{list-style-image:url('/img/bullet.gif')}

#scrollable{height:430px;padding-right:20px}
.jScrollPaneContainer{position:relative;overflow:hidden;z-index:1;outline:none}
.jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:#d4d4d4}
.jScrollPaneDrag{position:absolute;background:#f78c1f;cursor:pointer;overflow:hidden}
.jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden}
.jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden}
.jScrollArrowUp{display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;height:15px;background-image:url('/img/scroll-up.gif')}
.jScrollArrowDown{display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;height:15px;background-image:url('/img/scroll-down.gif')}

#meet{width:285px;height:200px;margin-left:21px;padding-left:19px;padding-right:0;background:url('/img/background-meet.jpg')}
#meet h2{margin-bottom:16px}
#meet a{float:left;width:65px;height:65px;margin:0 20px 20px 0;padding:5px;background:url('/img/background-foto.jpg')}
#meet a img{width:65px;height:65px}

#uitklap{float:left;width:304px;height:43px;margin:20px 0 0 21px;background:#fff url('/img/background-uitklap-bottom.jpg') center bottom no-repeat}
#uitklap a{display:block;width:284px;height:28px;padding:15px 0 0 20px;text-decoration:none;background:#fff url('/img/background-uitklap.jpg')}

#werk{margin-left:40px}
#werk .project{float:left;width:306px;height:240px;margin:20px 0 0 20px;background:#fff}
#werk .project .over{background:#000;width:306px;height:40px;margin-top:200px;cursor:pointer}
#werk .project .over h2{padding-left:15px;line-height:36px;font-size:14px;font-weight:bold;color:#fff}
#werk .project .over p{display:none;font-size:12px;margin-bottom:5px;padding:0 15px;color:#fff}
/*#werk .project:hover .over{height:140px;margin-top:100px}
#werk .project:hover .over p{display:block}*/

#footer{position:absolute;top:720px;left:50%;margin-left:-540px;width:1080px;height:80px;line-height:78px;color:#fff;text-align:center}
#footer strong{font-weight:normal;padding:0 15px;color:#f78c1f}
#footer strong a{color:#f78c1f}
#footer a{color:#fff}