/**
 * @section   : Lay-out CSS
 * @project   : Snelbouw
 * @author    : Wietse Ouwerkerk <wietse@e-sites.nl>
 * @media     : all
 * @version   : 1.0
 */

/* html + body element */
html,
body {background:#fff; width:100%; height:100%;}
body {font:normal 62.5%/1.5 Arial, sans-serif; color:#414141;}

/* Headings */
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1, .h1 {font-size:160%;}
h2, .h2 {font-size:140%;}
h3, .h3 {font-size:140%;}
h4, .h4 {font-size:120%;}
h5, .h5 {font-size:120%;}
h6, .h6 {font-size:120%;}

/* Anchors */
a {color:#414141; text-decoration:underline;}
a:focus, a:hover {color:#414141; text-decoration:none;}
a:active {outline:none;}

/* Cross-browser styling form elements */
form {margin:1em 0; padding:0; border:none;}
form br {clear:left;}
fieldset {margin:0; border:none;}
legend {font-weight:bold; border:none; display:none;}

label {display:block; float:left; margin-top:0.9em; width:35%;}
label, .submit {cursor:pointer;}
.rightLbl {width:auto; margin:0.85em 1em 0 0.5em; width:60%;}

input, select, textarea {width:60%; margin:0.5em 0 0 0; padding:0.5em; border:1px solid #ccc; color:#999; font:1em Arial, sans-serif;}
select {height:29px; width:234px;}
textarea {height:100px;}
input[type=text]:focus, select:focus, textarea:focus {background:#ededed;}

.radio, .checkbox {position:relative; border:none; margin-top:1em; width:auto; height:auto; background:none; float:left;}
.submit {background:#E44414; font-size:1.2em; font-weight:bold; color:#fff; float:left; top:0; left:35%; position:relative; width:134px; height:50px; margin-left:0; padding:0;}

/* Error message handling */
p.error {padding:10px; font-weight:bold; color:#f00; border:1px solid #f00; background:#fff0f0;}
p.succes {color:#285629; border:1px solid #285629; background:#c9e7ca;}
label.error {color:#f00; font-weight:bold;}
textarea.error,
select.error,
input.error {border:1px solid #f00;}

/* Main wrapper and header */
#wrapper {margin:0 auto; width:760px; font-size:110%;}

/* Main navigation */
#nav {background:#4F4727; width:760px;}
#nav ol {list-style:none; height:24px; padding:8px 0 0; margin:0 0 0 10px;}
#nav li {display:block; float:left; position:relative;}
#nav span {margin:0 12px; color:#fff;}
#nav a {color:#fff; text-decoration:none;}
#nav a:hover,
#nav a.active {color:#E44414;}

#nav li ul {background:#4f4727; color:#fff; display:block; position:absolute; left:-5px; top:16px; padding:0 5px 4px 8px; margin:0; width:140px;}
#nav li:hover ul {display:block;}
#nav li li {float:none; padding:2px 0 0 0;}

/* Main content sections */
#main {font-size:110%; overflow:hidden; padding:25px 10px 158px 10px;}
#main .leftsection {width:465px; display:block; float:left; background:#fff;}
#main .rightsection {overflow:hidden; padding:0 0 158px 10px; position:relative;}
#main .rightsection p {margin:0 20px; }
#main h2 {font-size:25px; color:#414141; margin-top:5px; margin-bottom:5px;}

#wrapper .home {background:url(/images/backgrounds/homeBack.png) repeat-y top left; padding:25px 0 10px 10px;}
#wrapper .pagina h2 {font-size:12px; font-weight:bold; margin:0 0 15px 0;}

/* Nieuws */
#news {list-style:none; margin:10px -10px 0; padding:0;}
#news li {background:#ededed; border-bottom:2px solid white;}
#news a {display:block; padding:10px 25px; margin-left:10px; background:url(/images/misc/newsArrow.gif) no-repeat left center;}

/* Projecten */
#wrapper .projecten {padding:0 0 10px 10px;}
.projecten .leftsection {padding-top:25px;}
.projecten .leftsection ul {list-style:none; margin:10px 0 0 -10px; padding:0;}
.projecten .leftsection li {background:#ededed; border-bottom:2px solid white;}
.projecten .leftsection li a {display:block; padding:10px 25px; margin-left:10px; border:none; background:url(/images/misc/newsArrow.gif) no-repeat left center;}

.projecten .leftsection a {display:block; padding:10px 10px 10px 35px; margin:10px 0 0 -10px; border-bottom:2px solid white; background:url(/images/misc/newsArrow.gif) no-repeat 10px center #ededed;}
.projecten .leftsection span {display:block; background:#ededed; margin-left:-10px; padding:10px 10px 10px 35px; border-bottom:2px solid white;}
.projecten .leftsection p {display:block; background:#ededed; margin-left:-10px; padding:10px 10px 10px 35px;}

.projecten .rightsection ul {list-style:none; margin:0; padding:0;}
.projecten .rightsection li {float:left; overflow:hidden; border-top:1px solid white;}
.projecten .rightsection .first {display:block; width:370px;}
.projecten .rightsection .last {border-right:none; border-left:1px solid white;}

/* Contact */
.contact address {float:left; position:relative; left:35%;}
.dateLabel {font-weight:bold; width:35%; float:left; display:block;}

#contactFrm {overflow:hidden;}

/* Footer */
#footer {border-top:32px solid #4f4727; padding:10px 0 0 10px; clear:both; position:relative;}
#footer a {color:#C0C0C0; text-decoration:none;}
#footer h1 {background:url(/images/logos/snelbouw.png) no-repeat top left; width:60px; height:158px; position:absolute; top:-190px; right:215px;}
#footer h1 a {display:block; width:60px; height:158px;}
#footer h1 span {display:none;}

.copyright {display:block; margin:auto auto 1px; padding:7px 0; width:760px;}
.copyright a.esites {-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/images/logos/esites.png) no-repeat scroll 0 0; float:right; height:21px; position:relative; right:1px; top:-3px; width:17px;}
.copyright a.esites:hover {background-position:0 -21px;}
.copyright a.esites span {display:none;}

/* Forms */
.dateLabel { width:35%; float:left; display:block;}

/* jQuery lightBox plugin */
#jquery-overlay {position:absolute; top:0; left:0; z-index:300; width:100%; height:500px;}
#jquery-lightbox {position:absolute; top:0; left:0; width:100%; z-index:301; text-align:center; line-height:0;}
#jquery-lightbox a img {border:none;}
#lightbox-container-image-box {position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#lightbox-container-image {padding:4px;}
#lightbox-loading {height:16px; left:50%; margin-left:-8px; position:absolute; top:50%;}
#lightbox-nav {position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#lightbox-container-image-box > #lightbox-nav {left:0;}
#lightbox-nav a {outline:none;}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext {width:50px; height:50px; position:absolute; top:50%; margin-top:-25px;}
#lightbox-nav-btnPrev {left:-50px; float:left;}
#lightbox-nav-btnNext {right:-50px; float:right;}
#lightbox-container-image-data-box {font:10px Verdana, Helvetica, sans-serif; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0;}
#lightbox-container-image-data {padding:0 10px; color:#fff;}
#lightbox-container-image-data #lightbox-image-details {width:70%; float:left; text-align:left;}
#lightbox-image-details-caption {font-weight:bold;}
#lightbox-image-details-currentNumber {display:block; clear:left; padding-bottom:1.0em;}
#lightbox-secNav-btnClose {position:absolute; right:0; top:-50px; width:22px;}