/* ----------------------------------------------------------> VOOR DE SNELLE VORMGEVER STAAN HIER DE BELANGRIJKSTE ONDERDELEN. */

/* de body voor achtergrondkleur en -plaatjes */
body {
background-color:#fff;
background-image:url("");
background-repeat:no-repeat;
}

/* ruimte voor het logo. */
#logo {
display:block;
width:152px;
height:70px;
background-image:url("/site/gfx/algemeen/logo_alblasserwerf.gif");
background-repeat:no-repeat;
float:right;
margin-bottom: 10px;
}

/* gekleurde kopjes */
h3 {
background-color:#3f72b4;
color:#fff;
}

/* textfields */
.input_text, .input_select, .input_textarea, {
font-family:arial,helvetica,sans-serif,verdana;
font-size:70%;
border:1px solid #ccc;
background-color:#ffffff;
}

/* submit button */
.input_button {
font-family:arial,helvetica,sans-serif,verdana;
font-size:70%;
}

/* uitklapgedeelte */
div#formPart3 div#interestQuestions {
background-color:#CEDFF1;
}

/* verplichte velden */
.obligated {
  border:1px solid #f00;
}

/* vrije vragen bevatten checkboxen, radiobuttons of textvelden */
.isRadio
{
}

.isCheckbox
{
}

/* dit is geen spelfout, het gaat om een teXtveld :)  */
.isTest, .isText
{
  font-family:arial,helvetica,sans-serif,verdana;
  border:1px solid #ccc;
  background-color:#ffffff;
  height:16px;
  width:164px;
  font-size:100%;
}




























/* ----------------------------------------------------------> ALGEMENE VORMGEVING */

body {
  font-family:arial, verdana, helvetica, sans-serif;
  color: #666;
  padding:0px;
  margin:0px;
  background-attachment:fixed;
}

#container {
  position:absolute;
  width:770px;
  height:496px;
  overflow:auto;
  padding:5px 0 0 8px;
  overflow-x:hidden;
}

#header {
  width:100%;
  margin:0 0 5px 0;
}

#logo {
  display:block;
  width:466px;
  height:70px;
  float:right;
  clear:both;
  background-position:right top;
  margin-right:10px;
}


/* ----------------------------------------------------------> VERPLICHTE TEKST */

#formRow1 .col1 {
  color:#f00;
  float:left;
  width:200px;
  font-size:70%;
  margin:0 0 10px 0;
  height:18px;
}


/* ----------------------------------------------------------> FORM ALGEMEEN */
#formheader {
  display:none;
}

#formfooter {
  display:block;
}

h3 {
  padding:2px 0 2px 2px;
  width:100%;
  height:20px;
  margin:0 0 5px 0;
}

.title {
  font-size:70%;
  width:240px;
  float:left;
  margin:3px 0 0 0;
}

#initials, #partnerInitials {
  width:30px;
}

#interpolation, #partnerInterpolation {
  width:30px;
}

#surname, #partnerSurname {
  width:130px;
}

#street, #partnerStreet {
  width:162px !important;
  width:164px;
}

#streetNumber, #partnerStreetNumber {
  width:34px;
}

#postalCode, #partnerPostalCode {
  width:52px !important;
  width:54px;
}

#postalCode2, #partnerPostalCode2 {
  width:20px;
  display:none;
}

#city, #partnerCity {
  width:118px !important;
  width:116px;
}

#phoneNumberMobile, #partnerPhoneNumberMobile, #partnerPhoneNumberBusiness, #phoneNumberBusiness {
  width:98px !important;
  width:99px;
}

.input_text {
  font-family:arial, verdana, helvetica, sans-serif;
  float:left;
  margin:0 4px 0 0;
  height:16px;
}

.input_select {
  font-family:arial, verdana, helvetica, sans-serif;
  float:left;
}

.input_textarea {
  width:305px;
  height:100px;
  margin:0px;
}

fieldset {
  display:none;
}


/* ----------------------------------------------------------> FORMPART 1 */
#formPart1 {
  width:365px;
  float:left;
  margin:0 5px 0 0;
}

#formPart1 .col1, #formPart2 .col1 {
  width:150px;
  font-size:70%;
  float:left;
  margin:0px;
}

#formPart1 .col2, #formPart2 .col2 {
  float:left;
  width:215px;
  margin-bottom:2px !important;
  margin:0px;
}

#formPart1 h3 .col2, #formPart2 h3 .col2 {
  float:left;
  width:114px;
  font-size:70%;
  margin:0 5px 0 0;
  display:block;
}


/* ----------------------------------------------------------> FORMPART 2 */

#formPart2 {
  width:365px;
  float:left;
}


/* ----------------------------------------------------------> FORMPART 3 */

#formPart3 {
  width:740px;
  margin:5px 0 0 0;
  float:left;
}

#formPart3 .col1 {
  width:149px;
  font-size:70%;
  float:left;
  margin:0 0 5px 0;
}

#formPart3 #formRow2c .col2 {
  width:225px;
  float:left;
}

#formPart3 #formRow3c {
  height:25px;
}

#formPart3 #formRow6c .col2 .subRow2 {
  margin:0 0 10px 0;
}

#formPart3 #formRow6c .col2 div {
  float:right;
  width:580px;
  font-size:70%;
}

#formPart3 #formRow4c .col1 {
  width:150px;
  float:left;
}

#formPart3 #formRow4c .col2 {
  width:227px;
  float:left;
}

#formPart3 #formRow5c .col1 {
  width:150px;
  float:left;
}

#formPart3 #formRow5c .col2 .input_textarea {
  width:205px;
  height:60px;
  float:left;
}

#formPart3 #interestQuestions {
  width:100%;
  float:left;
  margin:15px 0 15px 0;
  padding:5px 0 5px 0;
}

#formPart3 #interestQuestions #formRow7c .col2 {
  float:left;
  width:580px;
}

#formPart3 #interestQuestions #formRow7c span, #formPart3 #interestQuestions #formRow8c span {
  margin:0 0 10px 0;
}

#formPart3 #interestQuestions #formRow8c .col2 {
  float:left;
  width:580px;
  font-size:70%;
  margin:0 0 20px 0;
}

#formPart3 #interestQuestions #formRow8c .col2 .subRow {
  float:left;
  width:200px;
}

#formPart3 #interestQuestions #formRow9c .col2 {
  float:left;
  width:580px;
  margin:0 0 5px 0;
}

#formPart3 #interestQuestions #formRow9c .col2 span {
  float:left;
  font-size:70%;
  margin:0 5px 0 0;
}

#formPart3 #interestQuestions #formRow9c .col2 select {
  margin:0 10px 0 0;
}



/* ----------------------------------------------------------> FORMPART 4 */

#formPart4 .formRow {
  padding:2px 0 2px 0;
  width:100%;
  clear: both;
}

#formPart4 .col1 {
  float:left;
  width:150px;
  font-size:70%;
}

#formPart4 .col2 {
  float: left;
  font-size:70%;
}

#formRow2c, #formRow5c, #formRow6c
{
  clear: both;
}

/*
#formPart4 .col2 .input_text {
  float:left;
  width:500px;
}
*/


/* ----------------------------------------------------------> FORMPART 5 */

#formPart5 {
  width:750px;
  float:left;
  text-align:right;
  margin:10px 0 10px 0;
}

#formPart5 #formfooter {
  font-size:70%;
  text-align:left;
  font-style:italic;
  width:400px;
  float:left;
}

#formPart5 .input_button {
  cursor:pointer;
  margin:0 10px 0 0;
  padding:0px;
}