/*#############################################################################
# Reset CSS (http://developer.yahoo.com/yui/reset/)
#############################################################################*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin:                      0;
  padding:                     0;
}
table {
  border-collapse:             collapse;
  border-spacing:              0;
}
fieldset,img,a {
  border:                      0;
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style:                  normal;
  font-weight:                 normal;
}
ol,ul {
  list-style:                  none;
}
caption,th {
  text-align:                  left;
}
h1,h2,h3,h4,h5,h6 {
  font-size:                   100%;
  font-weight:                 normal;
}
q:before,q:after {
  content:                     '';
}
abbr,acronym {
  border:                      0;
}

/*#############################################################################
# Default CSS
#############################################################################*/
html, body {
  width:                       100%;
  height:                      100%;
  font:                        normal 11px verdana, sans-serif;
  line-height:                 17px;
  color:                       #FFFFFF;
  text-align:                  left;
  cursor:                      default;
  background-color:            #FFFFFF;
}

h1 {
  margin:                      0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   12px;
}

h2 {
  margin:                      0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   11px;
}

h3 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   12px;
}

h4 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   11px;
}

h5 {
  margin:                      0px;
  padding:                     0px;
  font-weight:                 bold;
  font-size:                   13px;
}

h6 {
  margin:                      0px;
  padding:                     0px;
  font-size:                   13px;
}

HR {
  width:                       100%;
  height:                      1px;
  border:                      0px;
  border-top:                  1px solid #FFFFFF;
}

p {
  margin-top:                  20px;
}

a {
  color:                       #FFFFFF;
  text-decoration:             underline;
  cursor:                      pointer;
}

a:hover {
  color:                       #FFFFFF;
  text-decoration:             none;
}

ol,ul {
  margin-left:                 12px;
  padding-left:                15px;
}

ol li {
  list-style:                  decimal;
}

ul li {
  list-style:                  square;
}

table td {
  vertical-align:              top;
  font:                        normal 11px verdana, sans-serif;
  line-height:                 17px;
  color:                       #FFFFFF;
  text-align:                  left;
}

/*#############################################################################
# Form CSS
#############################################################################*/
td.naw_gegevens {
  padding-bottom:              80px;
  padding-left:				   30px;
  vertical-align:              bottom;
}

td.contact_form {
  padding-bottom:              80px;
}

fieldset {
  border:                       0px;
}

xmp {
  font-size:                   18px;
}

label.before {
  float:                       left;
  clear:                       left;
  width:                       80px;
  padding-right:               10px;
  line-height:                 15px;
  text-align:                  right;
}

label.radio, label.checkbox {
  cursor:                      pointer;
}

input.required, textarea.required, select.required {
  background-image:            url('../images/required_field.gif');
  background-repeat:           no-repeat;
  background-position:         top right;
}

input.text {
  width:                       150px;
  height:                      15px;
  padding:                     1px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #000000;
  cursor:                      text;
  vertical-align:              middle;
}

input.file {
  width:                       183px;
  height:                      22px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #000000;
  cursor:                      text;
  vertical-align:              middle;
}

input.focus {
  background-color:            #FFFFCC;
}

input.button {
  float:                       right;
  font:                        normal 12px verdana, sans-serif;
  vertical-align:              middle;
}

input.contentwidth {
  margin-top:                  6px;
  width:                       360px;
}

input.error, textarea.error, select.error {
  border:                      1px solid #FF0000;
}

input.good, textarea.good, select.good {
  /*border:                      1px solid #339933;*/
}

input.radio {
  vertical-align:              middle;
  cursor:                      pointer;
  background:                  none;
  border:                      0px;
}

input.checkbox {
  vertical-align:              middle;
  cursor:                      pointer;
}

select.select {
  width:                       180px;
  height:                      15px;
  margin:                      1px;
  font:                        normal 12px verdana, sans-serif;
  border:                      1px solid #000000;
  cursor:                      pointer;
}

textarea.textarea {
  width:                       180px;
  height:                      50px;
  padding:                     1px;
  font:                        normal 12px verdana, sans-serif;
  background-color:            #FFFFFF;
  border:                      1px solid #000000;
  cursor:                      text;
}

fieldset li, fieldset ul {
  list-style:                  none;
  margin:                      0px;
  padding:                     0px;
}

li.oneline {
  height:                      35px;
  clear:                       both;
  line-height:                 15px;
  white-space:                 nowrap;
  vertical-align:              top;
}

li.multilinein {
  margin-left:                 10px;
}


li.buttons {
  clear:                       both;
  width:                       244px;
  height:                      22px;
  line-height:                 22px;
}

div.fielderror, div.counter {
  height:                      13px;
  margin-left:                 90px;
  font-size:                   10px;
  line-height:                 13px;
  color:                       #FF0000;
}
div.counter {
  color:                       #000000;
  white-space:                 nowrap;
}

.hidden {
  display:                     none;
  visibility:                  hidden;
}

span.fieldhint {
  color:                       #AAAAAA;
}

span.hint {
  color:                       #AAAAAA;
}

input#housenr {
  width:                       30px;
}

input#zip {
  width:                       57px;
}

input#persontotal {
  width:                       80px;
}

div#captcha1 {
  float:                       left;
  padding-left:                150px;
}

div#captcha2 {
  float:                       left;
  padding-left:                32px;
  font-size:                   11px;
  line-height:                 13px;
}
div#captcha2 img {
  margin:                      0px 6px 0px -22px;
}

input#captcha_code {
  width:                       111px;
}

div#captcha_code_error {
  clear:                       both;
}

input#submit {
  float:                       right;
  cursor:                      pointer;
  font:                        normal 12px verdana, sans-serif;
}

/*#############################################################################
# AD VERMEULEN interieur architectuur CSS
#############################################################################*/
div#fullscreen {
  position:                    absolute;
  width:                       100%;
  height:                      100%;
  text-align:                  center;
}

div#shim {
  visibility:                  hidden;
  width:                       100%;
  height:                      50%;
  margin:                      0 auto;
  margin-top:                  -300px;
  float:                       left;
}

div#site {
  clear:                       both;
  position:                    static;
  width:                       927px;
  height:                      585px;
  margin:                      0 auto;
  padding-top:                 15px;
  text-align:                  left;
}

div#content,
div#content2,
div#content3
div#content4 {
  width:                       927px;
  height:                      585px;
}
div#content2 {
  background:                  url('../images/contact_bg.jpg') no-repeat top left;
}
div#content3 {
  background:                  url('../images/presentatie_bg_2.png') no-repeat top left;
}

div#incontent,
div#incontent2 {
  position:                    relative;
  top:                         107px;
  left:						   15px;
  width:                       781px;
  height:                      478px;
}
div#content div#incontent {
  background-color:            #799CBD;
}

table.contentblock {
  width:                       781px;
  height:                      100px;
  text-align:                  justify;
}
table.contentblock td.incontentblock {
  padding:                     20px 152px 80px 96px;
}

div#content2 table.contentblock {
  position:                    relative;
  width:                       430px;
  z-index:                     500;
}
div#content2 table.contentblock td.incontentblock {
  padding:                     50px 0px 80px 0px;
}

div#menu {
  width:                       927px;
  height:                      15px;
  margin-top:                  -600px;
}

div#flash {
  position:                    relative;
  width:                       927px;
  height:                      585px;
}

div#contactbg {
  width:                       440px;
  height:                      370px;
  margin-top:                  145px;
  background:           	   url('../images/contact_holder.png') no-repeat;
  filter:                      Alpha(Opacity=60);
  -moz-opacity:                .60;
}

/*#############################################################################
# Listmenu AD VERMEULEN interieur architectuur
#############################################################################*/
ul.mainmenu {
  width:                       925px;
  height:                      15px;
  margin-left:                 2px;
  padding:                     0px;
}

ul.mainmenu li {
  display:                     inline;
  float:                       left;
  height:                      15px;
  line-height:                 15px;
	text-decoration:             none;
}

a.mainitem, a.mainitem:hover {
  float:                        left;
  display:                      block;
  height:                       12px;
  padding:                      0px 55px 0px 14px;
  font:                         bold 11px Verdana, sans-serif;
  line-height:                  11px;
  *line-height:                 12px;
  text-decoration:              none;
  color:                        #A7A9AC;
  border-left:                  solid 2px #A7A9AC;
  overflow:                     hidden;
	outline:										  none;
}
a.mainitem:hover, a.mainitem_on {
  float:                        left;
  display:                      block;
  height:                       12px;
  padding:                      0px 55px 0px 14px;
  font:                         bold 11px Verdana, sans-serif;
  line-height:                  11px;
  *line-height:                 12px;
  text-decoration:              none;
	color:                        #010101;
  border-left:                  solid 2px #A7A9AC;
  overflow:                     hidden;
}

/*###########################################################################*/
/*#############################################################################
# JQUERY Gallery
#############################################################################*/
#galleria_content {
color:#777;
width:820px;
height:540px;
margin:0 auto;
}
            
/* This rule is read by Galleria to define the gallery height: */
#galleria {
 height:580px;
 }
 #slider_content{
margin: 0 auto;
}
#bg_header {
display:block;
height: 94px;
width: 800px;
margin: 0 auto;
align: right;
}