html { }
body {background: #747272 url(../img/nav-bg.gif) repeat-x; font-family: Arial, sans-serif; font-size: 62.5%;}
  .wrapper {width: 936px; margin: 0 auto; }
  #nav {position: relative; height: 53px;}
  
  #nav #logo {}
  #nav ul {float: right; font-family: arial; font-size: 14px; position: absolute; right: 0px; bottom: 0px;}
  #nav ul li {float: left;  margin: 0 0 0 10px;  }
  #nav ul li a {display: block; height: 24px; padding: 10px 11px 0 12px; color: #000; text-decoration: none; }

#nav ul li.active {background: #fff url(../img/nav-tab-left.gif) no-repeat;}
#nav ul li.active a {background: url(../img/nav-tab-right.gif) right no-repeat;}

#nav ul li.hover {background: #fff url(../img/nav-tab-left.gif) no-repeat;}
#nav ul li.hover a {background: url(../img/nav-tab-right.gif) right no-repeat;}


#body {background: #fff url(../img/body-bg.gif) repeat-x bottom;}
#body .wrapper {padding: 0 0 12px 0;}

#footer {background: #747272 url(../img/footer-bg.gif) repeat-x top; height: 90px; margin: 0; }

#footer div {width: 936px; margin: 0 auto; position: relative;}

#footer #lascala {position: absolute; top: 0px;}
#footer #pedis {position: absolute;display: block; top: 0px; right: 0;}


#body .row {overflow: auto; padding: 12px 0 0 0; width: 100%; position: relative;}

#body .row div {padding: 0 12px 0 0; float: left;}
#body .row div.third {width: 300px; }
#body .row div.twothirds {width: 612px;}

#body .row div.half {width: 288px; }

#body .row div.half .half {width: 100px; }

#body .row div.third a.biglink {
display: block;
font-size: 1.4em;
color: #860463;
text-decoration: none;
background: url(../img/link-arrow.gif) 100% 0 no-repeat;
text-align: right;
padding: 0 20px 0 0;
}
#body .row div.third a:hover.biglink {
background: url(../img/link-arrow.gif) right -85px no-repeat;
}

h1 {font-size: 1.8em; color: #860463;}
p {font-size: 1.4em; line-height: 1.3; padding: 0 0 1em 0;}


#main_image {
position: relative;
height: 564px;
z-index: 1;
}

a#imgprev {
display: block;
width: 468px;
height: 564px;
position: absolute;
top: 0;
z-index: 4;
}

a#imgnext {
display: block;
width: 468px;
height: 564px;
position: absolute;
top: 0;
left: 468px;
z-index: 4;
}

a#imgnext:hover { background: url(../img/img-next.gif) no-repeat right center ; }
a#imgprev:hover { background: url(../img/img-prev.gif) no-repeat left center ; }

form label {display: block; float: left; width: 188px; font-size: 1.4em; padding: 12px 12px 0 0; }
form label.fullwidth {width: 588px;}
  form input.third {display: block; width: 100%;}
  form input.submit {float: right; margin: 12px 6px 0 0;}

form textarea {display: block;  width: 100%; height: 12em; font-family: Arial; font-size: 1em;}

form .row .half p {font-style: italic;}

form .row .half label {padding: 0 0 3px 0px;}
form .row .half label input {margin: 0 3px 0 0;}
.row .half  {margin: 0 0 12px 0;}
form legend {font-size: 1.4em; font-style: italic; font-weight: bold; display: block; margin:0; padding: 0 0 12px 0; color: #000;}

span.prijs {position:absolute; top:0px; right: 30px; font-size: 1.8em}
/* .row p {float: left;} */
form p.closing {width: 100%;}

form .error {background: #ffc7c7; border: 1px solid #F00;}
p.errormsg {color: #f00;}
p.notification {font-weight: bold;}

form#offerte p {padding: 0;}