/* ---------- LAYOUT ----------  */
body{background:url(../cssimg/bg-body.gif) repeat-x 0 0;height:101%;text-align:center}
#wrapper{margin:0 auto;padding-bottom:22px;position:relative;text-align:left;width:895px; background:url(../cssimg/bg-content-2c.gif) repeat-y 0 0}
#wrapper-home{margin:0 auto;padding-bottom:22px;position:relative;text-align:left;width:895px; background:url(../cssimg/bg-content-home.gif) repeat-y 0 0}
#header{height:163px;margin-bottom:4px;position:relative;width:100%; background-color: #fff;}
h1{height:97px;position:relative;width:163px}
h1 span{background:url(../cssimg/logo.jpg) no-repeat 0 0;cursor:pointer;height:100%;position:absolute;width:100%}
#navigation-main{background:url(../cssimg/navigation-primary.gif) no-repeat 0 0;height:40px; position:relative;margin-top:26px;width:100%}
#navigation-main li {position:absolute; top:0}
#navigation-main li, #navigation-main a{height:29px; display:block; text-indent:-9999px}
#navigation-main li.current a{color:#465552;text-decoration:none}
#home{left:0;width:73px}
#bureau{left:75px;width:108px}
#portfolio{left:185px;width:89px}
#diensten{left:276px;width:99px}
#contact{left:377px;width:90px}
#home a:hover,#home .current{background:url(../cssimg/navigation-primary.png) no-repeat 0 -40px}
#bureau a:hover,#bureau .current{background:url(../cssimg/navigation-primary.png) no-repeat -75px -40px}
#portfolio a:hover,#portfolio .current{background:url(../cssimg/navigation-primary.png) no-repeat -185px -40px}
#diensten a:hover,#diensten .current{background:url(../cssimg/navigation-primary.png) no-repeat -276px -40px}
#contact a:hover,#contact .current{background:url(../cssimg/navigation-primary.png) no-repeat -377px -40px}
.extra-1{background:url(../cssimg/span-extra-1.gif) no-repeat 0 0;height:46px;left:219px;position:absolute;top:77px;width:31px}
.extra-2{background:url(../cssimg/span-extra-8.gif) no-repeat 0 0;height:115px;left:480px;position:absolute;top:9px;width:88px}
/*.extra-2{background:url(../cssimg/span-extra-2.gif) no-repeat 0 0;height:54px;left:480px;position:absolute;top:70px;width:59px}*/
/*.extra-3{background:url(../cssimg/fireworks2.jpg) no-repeat 0 0;height:71px;left:220px;position:absolute;top:3px;width:87px}*/
.extra-3{background:url(../cssimg/span-extra-3.gif) no-repeat 0 0;height:23px;left:379px;position:absolute;top:20px;width:61px}
/*.extra-4{background:url(../cssimg/fireworks1.jpg) no-repeat 0 0;height:88px;left:710px;position:absolute;top:5px;width:107px}*/
.extra-4{background:url(../cssimg/span-extra-4.gif) no-repeat 0 0;height:45px;left:678px;position:absolute;top:12px;width:88px}
.extra-5{background:url(../cssimg/span-extra-5.gif) no-repeat 0 0;height:44px;position:absolute;right:23px;top:95px;width:27px}
.poppetje{background:url(../cssimg/span-extra-5.gif) no-repeat 0 0;position:absolute;right:23px;top:84px;cursor:default}
.extra-6{background:url(../cssimg/span-extra-6.gif) no-repeat 0 0;height:54px;overflow:visible;position:absolute;right:-13px;top:-32px;width:31px;z-index:10}
/*.extra-7{background:url(../cssimg/span-extra-7.gif) no-repeat 0 0;bottom:0;height:32px;left:0;position:absolute;width:43px}*/
#col-left{background-color:#fff;border-bottom:#dcecbb solid 5px;color:#363538;float:left;font-size:1em;height:350px;margin-right:5px;padding:30px 0 0;position:relative;width:166px;word-spacing:1px}
#col-left p,#col-left ul{padding-left:5px;padding-right:5px}
#ontdek{list-style:none;margin-left:0;margin-top:-15px}
#ontdek li a{background:url(../cssimg/arrow.gif) no-repeat 0 50%;margin-left:0;padding-left:15px}
#col-middle{background-color:#fff;border-bottom:#dcecbb solid 6px;color:#363538;float:left;height:350px;margin-right:2px;padding:30px 0 0;position:relative;width:165px}
#col-middle .more{bottom:8px;left:4px;position:absolute}
img.rss{height:14px;position:absolute;right:5px;top:4px;width:28px}
#nieuws{list-style:none;margin:0;padding:0}
#nieuws li{border-bottom:#6e708a dotted 1px;font-size:.9em;line-height:1.3em;padding:5px}
#nieuws li a{text-decoration:none}
#nieuws li.odd{background-color:#f1f7e4}
#col-right{float:right;overflow:hidden;width:555px}
#col-right img{border:#d0d4d3 solid 1px;padding:2px}
#col-right img.noborder{border:#d0d4d3 solid 0px;padding:2px}
#recent-werk,#cms{background-color:#fff;border-bottom:#dcecbb solid 5px;color:#455451;overflow:hidden;padding-top:30px;position:relative;width:100%}
.more{background:url(../cssimg/arrow.gif) no-repeat 0 50%;display:block;font-weight:700;margin-top:.8em;padding-left:15px}
#recent-werk dl{float:left;padding:0 8px;width:261px}
#recent-werk dt{font-size:1.2em;margin-bottom:0;text-transform:uppercase}
#recent-werk dd.text{padding:2px}
#cms{padding:30px 5px;width:545px}
/* ---------- TWO-COL-PAGES ----------  */
.two-cols #col-left{height:auto}
.two-cols #col-right{background-color:#fff;border-bottom:#dcecbb solid 5px;color:#455451;float:left;padding:40px 12px 0;position:relative;width:700px}
.two-cols #content{ /* background:url(../cssimg/bg-content-2c.gif) repeat-y 0 0 */ }
.col-right-float-left{float:left;width:420px}
.col-right-float-right{float:right;width:260px}
ul#navigation-secondary{list-style:none;margin:10px 0 20px;padding:0;width:100%}
#navigation-secondary li{border-bottom:#6e708a dotted 1px;margin:0;padding:0;width:100%}
#navigation-secondary li a:link,#navigation-secondary li a:visited{color:#363538;display:block;font-weight:700;line-height:21px;text-decoration:none;text-indent:7px;width:100%}
#navigation-secondary li a:hover,#navigation-secondary li a:active,#navigation-secondary li a.current-sec{background-color:#f2f6e5;color:#363538}
#navigation-secondary li a.first{border-top:#6e708a dotted 1px}

ul#navigation-third{list-style: none;
background-color:#f2f6e5;margin:0px;padding:0;width:166px;}
#navigation-third li{background-image: url('../cssimg/blokje.gif');background-repeat: no-repeat;background-position: left center; padding: 2px 0px 2px 5px;color:#363538;border-bottom:#6e708a dotted 0px;margin:0px 0px 0px 5px;width:136px;}
#navigation-third li a:link,#navigation-third li a:visited{color:#363538;display:block;font-weight: normal;text-decoration:none;text-indent:7px;width:100%}	
#navigation-third li a:hover,#navigation-third li a:active,#navigation-third li a.current-sec{background-color:#f2f6e5;color:#6e708a}
#navigation-third li a.last{border-top:#6e708a dotted 0px}

#content,.box{overflow:hidden}
/* ---------- EXTRA ----------  */
#col-portfolio { width: 640px; }
#col-port-int { width: 300px; float: left; margin: 0px 40px 0px 0px;}
#col-port-des { width: 300px; float: left; margin: 0px 0px 0px 0px}
#col-port {border:#d0d4d3 dotted; border-width:0px 0px 1px 0px;height:25px;width:300px}
#col-port img{border:0px;height:19px;width:50px;position:relative;left:0px;bottom:4px;margin:0px;vertical-align:middle;}
#col-port a{line-height:25px;}
#col-port h2{font-size:1.5em;line-height:1;margin:0em 0 .535em}