/* Html */
html { height: 100%; }
/* Body */
body { margin: 0px; height: 100%; background-image: url(../images/bg-navigation-fix.png); background-repeat: no-repeat; background-position: 50% 0%; background-attachment: scroll; }
/* Wrapper */
div#wrapper { position: relative; width: 995px; min-height: 100%; margin: 0 auto; background-image: url(../images/bg-navigation.png); background-repeat: no-repeat; background-position: top center; background-color: white;}
/* Logo */
div#logo { position: absolute; width: 139px; top: -61px; left: 42px; z-index: 99; }
body.project div#logo { position: absolute; width: 139px; top: 32px; left: 42px; z-index: 99; }
body.nieuwsbericht div#logo { position: absolute; width: 139px; top: 32px; left: 42px; z-index: 99; }
img#logo { margin-bottom: 10px; }
/* Contact */
body div#contact { position: absolute; width: 129px; top: 149px; left: 42px; }
body.overons div#contact { position: absolute; width: 129px; top: 340px; left: 42px; }
body.diensten div#contact { position: absolute; width: 129px; top: 438px; left: 42px; }
body.contact div#contact { position: absolute; width: 129px; top: 310px; left: 42px; }
/* Excitable */
img#excitable { position: absolute; bottom: 4px; left: 2px; }
/* Header */
div#header { position: relative; width: 995px; height: 93px; top: 0px; }
/* Menu */
div#navigation-pri { position: relative; width: 676px; height: 64px; top: 0px; left: 224px; background-image: url(../images/bg-hover.png); background-repeat:no-repeat;}
div#navigation-pri ul { margin-left: 50px; }
div#navigation-pri ul li { cursor: pointer; display: block; width: 85px; height: 48px; float: left; margin-right: 25px; padding-top: 18px; padding-left: 14px; }
div#navigation-pri ul li#active { cursor: pointer; }
/* Content */
div#wrapper-content { position: relative; width: 995px; top: 0px; padding-bottom: 69px;}
div#wrapper-content div#content-pri { position: relative; width: 740px; top: 0px; left: 226px; overflow: hidden; }
.home div#wrapper-content div#content-pri { height: 248px; }
.overons div#wrapper-content div#content-pri,
.project div#wrapper-content div#content-pri,
.contact div#wrapper-content div#content-pri { min-height: 580px; }
.diensten div#wrapper-content div#content-pri { height: 560px; }
div#wrapper-content div#content-sec { position: relative; width: 995px; top: 0px; vertical-align: baseline; text-align: center; background-image:url(../images/bg-portfolio-slider.png); background-repeat: no-repeat; background-position: 0px 93px;; }
/* Blocks Algemeen */
div.block-button { position: absolute; width: 120px; height: 16px; right: 1px; bottom: 1px; background-image: url(../images/bg-block-button.png); background-repeat: no-repeat; padding-top: 6px; text-align: center;}
div.block-button-liquid { position: absolute; width: 120px; height: 16px; right: 0px; bottom: 1px; background-image: url(../images/bg-block-button.png); background-repeat: no-repeat; padding-top: 6px; text-align: center;}
/* Block Intro */
div#wrapper-content div#content-pri div#block-intro { position: absolute; width: 416px; height: 146px; top: 45px; left: 0px; background-image: url(../images/bg-block-intro.png); background-repeat: no-repeat; background-position: bottom; float: left; }
/* Block Nieuws */
div#wrapper-content div#content-pri div#block-nieuws { position: absolute; width: 297px; height: 146px; top: 45px; left: 440px; background-image: url(../images/bg-block-nieuws.png); background-repeat: no-repeat; background-position: bottom; overflow: hidden; }
div#wrapper-content div#content-pri div#block-nieuws ul.pager { position: absolute; width: 82px; height: 22px; bottom: 0px; left: 35px; }
div#wrapper-content div#content-pri div#block-nieuws ul.pager li { display: block; float: left; width: 10px; height: 16px; padding-top: 4px; padding-left: 5px; cursor: pointer;}
div#wrapper-content div#content-pri div#block-nieuws ul.pager li:hover,
div#wrapper-content div#content-pri div#block-nieuws ul.pager li.active { background-image: url(../images/bg-pager.png); background-repeat: no-repeat; cursor: pointer; }
div#wrapper-content div#content-pri div#block-nieuws div#mask { position: relative; width: 291px; height: 80px; left: 3px; overflow: hidden; }
div#wrapper-content div#content-pri div#block-nieuws div#folio { position: absolute; top: 15; width: 1450px; height: 80px; float: left; }
div#wrapper-content div#content-pri div#block-nieuws div.col { display: block; width: 290px; height: 80px; float: left; cursor: pointer; }
/* Groot content block */
div#wrapper-content div#content-pri div.content-groot { position: relative; width: 726px; top: 45px; margin-bottom: 65px; left: 0px; background-image: url(../images/bg-content-top.png); background-repeat: no-repeat; background-position: 0 7px; }
div#wrapper-content div#content-pri div.content-groot ul { margin-left: 50px; margin-top: 5px; margin-bottom: 20px; }
div#wrapper-content div#content-pri div.fixed { background-image: url(../images/bg-content-groot.png); background-repeat: no-repeat; background-position: 0 10px; height: 323px;}
/* Footer */
div#footer { position: absolute; width: 995px; height: 69px; bottom: 0px; background-image: url(../images/bg-footer.png); background-repeat: no-repeat; background-position: bottom; }
div#footer span { position: relative; width: 220px; height: 20px; top: 40px; left: 764px; }
/* Submenu */
body.home div#submenu { position: absolute; top: 240px; left: 30px; width: 156px; background-repeat: no-repeat; background-position: 0 8px; z-index: 300; }
body.overons div#submenu { position: absolute; top: 48px; left: 30px; width: 156px; background-repeat: no-repeat; background-position: 0 8px; z-index: 300; }
body.diensten div#submenu { position: absolute; top: 48px; left: 30px; width: 156px; background-repeat: no-repeat; background-position: 0 8px; z-index: 300; }
body.contact div#submenu { position: absolute; top: 48px; left: 30px; width: 156px; background-repeat: no-repeat; background-position: 0 8px; z-index: 300; }
.medium { height: 200px; background-image: url(../images/bg-submenu-medium.png); }
.groot { height: 340px; background-image: url(../images/bg-submenu-groot.png); }
div#submenu ul { margin-left: 24px; margin-top: 5px; }
div#submenu ul li { margin-bottom: 10px; cursor: pointer; }
/* Portfolio */
div#wrapper-content div#content-pri div.content-groot ul.portfolio { margin-left: 78px; margin-top: 25px; }
div#wrapper-content div#content-pri div.content-groot ul.portfolio li { position: relative; display: block; float: left; width: 127px; height: 83px; margin-right: 10px; margin-bottom: 10px; cursor: pointer; }
div#wrapper-content div#content-pri div.content-groot ul.portfolio li img.portfolio-thumb { position: absolute; top: 0px; z-index: 997; }
div#wrapper-content div#content-pri div.content-groot ul.portfolio li img.portfolio-thumb-back { position: absolute; top: 0px; z-index: 998; }
/* Project-details */
div#wrapper-content div#content-pri div.content-groot ul.project-details { position: relative; float: left; width: 330px;margin-left: 34px; }
div#wrapper-content div#content-pri div.content-groot ul.project-details li { display: block; line-height: 18px;}
div#wrapper-content div#content-pri div.content-groot ul.project-details li span,
div#wrapper-content div#content-pri div.content-groot ul.project-details li a { float: left; display: block; width: 160px; }
div#wrapper-content div#content-pri div.content-groot ul.project-details li ul { margin: 0px; float: left; position: relative; display: block; }
div#wrapper-content div#content-pri div.content-groot ul.project-thumbs { position: relative; top: 0px; float: left; width: 300px;}
div#wrapper-content div#content-pri div.content-groot ul.project-thumbs li { position: relative; display: block; float: left; width: 127px; height: 83px; margin-right: 10px; margin-bottom: 10px; cursor: pointer; }
/* IMAGE BREEDTE HACK - Aanpassen op server niet in css width: 127px; weghalen */
div#wrapper-content div#content-pri div.content-groot ul.project-thumbs li img.portfolio-thumb { position: absolute; top: 0; left: 0; width: 127px; }
div#wrapper-content div#content-pri div.content-groot ul.project-thumbs li img.portfolio-thumb-back { position: absolute; top: 0; left: 0; width: 127px; }
/* Tooltip */
.custom { width: 202px; height: 83px; z-index: 13000; background-image: url(../images/bg-tooltip.png); background-repeat: no-repeat; padding-top: 24px; padding-left: 16px; }
/* Contact */
div#wrapper-content div#content-pri div.content-groot ul.contact-gegevens { position: relative; float: left; width: 200px; }
div#wrapper-content div#content-pri div.content-groot ul.contact-gegevens li { display: block; margin: 0px; padding: 0px; text-align: right; height: 23px;line-height: 18px; }
div#wrapper-content div#content-pri div.content-groot ul.contact-gegevens li.kop { margin-top: 20px;}
div#wrapper-content div#content-pri div.content-groot ul.contact-form { position: relative; left: 20px; float: left; width: 360px;}
div#wrapper-content div#content-pri div.content-groot ul.contact-form li { display: block; margin: 0px; padding: 0px; text-align: left; height: 23px;line-height: 18px; }
div#wrapper-content div#content-pri div.content-groot ul.contact-form li.kop { margin-top: 20px;}
div#wrapper-content div#content-pri div.content-groot ul.contact-form li.textarea { height: 59px; }
div#wrapper-content div#content-pri div.content-groot ul.contact-form li img { position: absolute; right: 18px; }
div#wrapper-content div#content-pri div.content-groot ul.contact-form li .falsebericht { position: absolute; right: -5px; }
/* Form */
div#wrapper-content div#content-pri div.content-groot ul.contact-form li div { position: absolute; float: left; left: 75px; height: 20px; width: 290px; background-image: url(../images/bg-input.png); background-repeat: no-repeat; background-position: left;}
div#wrapper-content div#content-pri div.content-groot ul.contact-form input { position: relative; border: 0px; margin: 0px; padding: 0px; margin-left: 10px; margin-top: 3px; padding: 0px; background-color: #f2f185; height: 16px; width: 247px; font-size: 11px; color: #bab939;}
div#wrapper-content div#content-pri div.content-groot ul.contact-form div.textarea {
position: absolute;
float: left;
left: 75px;
height: 54px;
width: 290px;
background-image: url(../images/bg-textarea.png);
background-repeat: no-repeat;
background-position: left;
}
div#wrapper-content div#content-pri div.content-groot ul.contact-form textarea {
position: relative;
border: 0px;
margin: 5px 0 0 10px;
padding: 0px;
background: #f2f185 url(../images/bg-textarea.png) no-repeat;
background-color: ;
height: 39px;
width: 247px;
font-family: Arial;
font-size: 11px;
color: #bab939;
overflow: auto;
}
div#wrapper-content div#content-pri div.content-groot ul.contact-form div.textarea { }
div#wrapper-content div#content-pri div.content-groot ul.contact-form div.textfooter { }
img.false { position: absolute; left: 267px;}
div#wrapper-content div#content-pri div.content-groot ul.contact-form #submit { height: 20px; width: 84px; position: absolute; right: 18px; }
/* Nieuws */
div#wrapper-content div#content-pri div.content-groot ul.nieuws { z-index: 999; margin: 0px; margin-top: 15px; margin-left: 46px; overflow: hidden; }
div#wrapper-content div#content-pri div.content-groot ul.nieuws li { position: relative; display: block; width: 600px; overflow: hidden; margin-bottom: 10px; margin-top: 10px; margin-right: 30px; cursor: pointer; }
div#wrapper-content div#content-pri div.content-groot ul.nieuws li div { margin-left: 115px; }
div#wrapper-content div#content-pri div.content-groot ul.nieuws li span { width: 250px; }
div#wrapper-content div#content-pri div.content-groot ul.nieuws li p { text-align: justify; }
div#wrapper-content div#content-pri div.content-groot ul.pager { position: absolute; width: 82px; height: 22px; bottom: 0px; right: 42px; }
div#wrapper-content div#content-pri div.content-groot ul.pager li { display: block; float: left; width: 10px; height: 16px; padding-top: 4px; padding-left: 5px; cursor: pointer;}
div#wrapper-content div#content-pri div.content-groot ul.pager li:hover,
div#wrapper-content div#content-pri div.content-groot li.active { background-image: url(../images/bg-pager.png); background-repeat: no-repeat; cursor: pointer; }