/* ========================================================================== */
/* 00. font reset                                                             */
/* ========================================================================== */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/

/* Percents could work for IE, but for backCompat purposes, we are using keywords. */
body {font:13px/1 Arial, helvetica, clean, sans-serif;*font-size:83.9%;}
p, a, span {line-height:1.33em;}
table {font-size:inherit;font:100%;}

/* Bump up IE to get to 13px equivalent */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:99%;}


/* ========================================================================== */
/* 00. basic classes                                                          */
/* ========================================================================== */
/* basic color definition - safety rule ------------------------------------- */
body {background:#f0f3f5 repeat-x center top; color:#000;}


/* reset all paddings and margins ------------------------------------------- */
* {margin:0; padding:0;}
/* reset borders on non-input elements */
html, body, div, ul, ol, li, form, span, p, img, fieldset, legend, label, h1, h2, h3, h4, h5, h6, table, tbody, thead, tfoot, tr, th, td {border:none;}


/* reset style-type on list elements, only apply to bulleted lists later on - */
li {list-style-type:none;}


/* generic class to hide elements from screen but not from source ----------- */
.hidden {position:absolute; top:-9999em; left:-9999em;}


/* clearfix class - never ever delete --------------------------------------- */
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

    
body {background:#4292BD url("img/background.jpg") center top repeat-x;}

/* ========================================================================== */
/* 01. page main structure                                                    */
/* ========================================================================== */

/* page base code ----------------------------------------------------------- */
#allContainer {width:83em; margin:0 auto;xbackground:url("img/body-background-tl.gif") top left no-repeat;}
.containerWrap1 {xbackground:url("img/body-background-br.gif") bottom right no-repeat;}
.containerWrap2 {xbackground:url("img/body-background-bl.gif") bottom left no-repeat;}
.containerWrap3 {xbackground:url("img/body-background-tr.gif") top right no-repeat; padding:0px 110px;}

/* header section ----------------------------------------------------------- */
#header {margin:0em 0em; position:relative; padding-top:50px; padding-bottom:1em;}
#header:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
#header {display:inline-block;}
/* Hides from IE-mac \*/
* html #header {height:1%;}
#header {display:block;}
/* End hide from IE-mac */

/* contact header */
#contact #header {xpadding-bottom:0em;}

/* content section ---------------------------------------------------------- */
#content {margin-left:30px;}


/* ========================================================================== */
/* 02. grids                                                                  */
/* ========================================================================== */
/* grid one */
.gridOne {position:relative;}

/* grid layout */
.gridLayout .row .block {float:left;}

.gridLayout .row .block .blockWrap {position:relative; overflow:hidden; border-right:2px solid #4684A0; border-bottom:2px solid #4684A0; height:15em; width:15em;}

.gridLayout .row.first .block { background:#00568A url("img/block-row1-background.gif") bottom left repeat-x;}
.gridLayout .row.second .block { background:#015285 url("img/block-row2-background.gif") bottom left repeat-x;}
.gridLayout .row.last .block .blockWrap { background:#01486F url("img/block-row3-background.gif") bottom left repeat-x;}

.gridLayout .row.last .block .blockWrap {border-bottom-width:1px;} 
.gridLayout .row .block.last .blockWrap {border-right:none; width:15.1em;}
.gridLayout .row .block.large .blockWrap {width:30.15em;}


.gridLayout .row.last .block {padding-bottom:80px; background:url("img/bottombackground.jpg") bottom right no-repeat;}
.gridLayout .row.last .block.last {background:url("img/bottombackground.jpg") bottom left no-repeat;}

/* ========================================================================== */
/* 03. headings                                                               */
/* ========================================================================== */
h1, h2, h3, h4, h5, h6 {margin:0em 0em; font-size:100%; color:#fff;}
.heading a {text-decoration:none; }
.heading a:hover {color:#FFD800;}
h2.heading {font-weight:normal; margin-bottom:0.5em; border-bottom:1px solid #417997;}
h2.heading span {font-size:131%; line-height:1.22em;}

h2.heading a {padding-right:14px; background:url("img/heading-link.gif") no-repeat right 0.34em;}
h2.heading a:hover {background:url("img/heading-link-hover.gif") no-repeat right 0.34em;}
h2.heading a.rss {padding:0em; background:none;}
h2.heading a.rss:hover {background:none;}

/* ========================================================================== */
/* 04. links and buttons                                                      */
/* ========================================================================== */
a {color:#fff;}
a:hover {color:#fff;}


.extra a.more {padding-right:10px; background:url("img/more.gif") right 0.34em no-repeat; text-decoration:none;}
.extra a.more:hover {background:url("img/more-hover.gif") right 0.34em no-repeat;}


/* ========================================================================== */
/* 05. navigation                                                             */
/* ========================================================================== */

/* site label --------------------------------------------------------------- */
h1.logo {margin-top:1.75em;}
h1.logo span {font-size:153.9%; color:#fff;}
h1.logo a {color:#fff; text-decoration:none;}
.siteLabel {float:left;}

/* tag cloud ---------------------------------------------------------------- */
.cloud {margin-top:1.25em;}
.cloud.small {font-size:85%;}
.cloud h3 {margin-bottom:1em;}
.cloud li {display:inline; margin-right:0.15em; line-height:1.25em;}
.cloud li:after {content:" ";}
.cloud li a {text-decoration:none;display:inline;text-align:left;}
.cloud li a:hover {text-decoration:underline;}
.cloud li.size1 a {font-size:77%;}
.cloud li.size2 a {font-size:85%;}
.cloud li.size3 a {font-size:108%;}
.cloud li.size4 a {font-size:123.1%;}

/* secondary navigation ----------------------------------------------------- */
.secondNav {margin:0em 0em 0em 0.75em;}
.secondNav li {float:left; padding-right:2px; color:#fff; background:url("img/separator.gif") right 0.25em no-repeat; white-space:nowrap;}
.secondNav li .page {margin:0em 0.5em; display:block;}
.secondNav li.first .page {margin-left:0;}
.secondNav li.last {background:none; padding-right:0;}
.secondNav li.last .page {margin-right:0;}

/* service nav -------------------------------------------------------------- */
#header .serviceNav {position:absolute; bottom:0.9em; right:20.25em;}
.serviceNav li {float:left; background:url("img/separator_white.gif") right 0.3em no-repeat; }
.serviceNav li.last {background:none;}
.serviceNav li .page {margin:0em 0.5em; text-decoration:none;}
.serviceNav li .page:hover {text-decoration:underline;}

/* ========================================================================== */
/* 06. basic content                                                          */
/* ========================================================================== */

/* polls -------------------------------------------------------------------- */
.poll .blockWrap .textblock p {margin-bottom:0.5em;}
.wp-polls .poll-question {position:absolute; top:auto; left:-9999em;}
.wp-polls .poll-content {color:#fff; background:url("img/poll-bg.gif") top left no-repeat; padding-left:42px; min-height:35px;}
.wp-polls .poll-footer {background:url("img/poll-border.gif") top left repeat-x; padding-top:8px; margin-left:-42px;}
.wp-polls .wp-polls-ul li {margin-bottom:0.5em;}
.wp-polls .wp-polls-ans label {color:#fff;}
.wp-polls .poll-view-results {position:absolute; top:auto; left:-9999em;}
/* footer */
.block.poll .textblock .poll-footer p {margin:0; margin-bottom:4px;}
.block.poll .textblock .poll-footer p.voteButton {text-align:center;}
.block.poll .textblock .poll-footer .poll-vote-button {font-size:93%; padding:0.15em 1.25em; background:url("img/button-background.gif") repeat-x left top; border:1px solid #FFFFFF; color:#FFFFFF;}
/* actions */
.wp-polls .poll-actions {text-align:center; border-bottom:1px solid #417997; padding-bottom:0.25em;} 
.wp-polls .poll-actions:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.wp-polls .poll-actions {display:inline-block; display:block;}
.wp-polls .poll-actions li {display:inline; background:url("img/poll-action-separator.gif") right 0.25em no-repeat; padding:0 8px; padding-right:10px;}
.wp-polls .poll-actions li.first {padding-left:0;}
.wp-polls .poll-actions li.last {background:none; padding-right:0;}
.wp-polls .poll-actions li a {font-size:85%; text-decoration:none;}
.wp-polls-loading {position:absolute; top:auto; left:-9999em;}
.wp-polls .poll-actions.resultPage {display:none; visiblity:hidden; position:absolute; top:auto; left:-9999em;}
.wp-polls .poll-results .poll-actions.resultPage {position:static; display:block; visibility:visible;}
/* results */
.wp-polls-ul {margin-top:0.5em;}
.wp-polls .poll-result {position:relative;}
.wp-polls-ans {position:relative;}
.wp-polls-ans .heading {font-weight:400;}
.wp-polls-ans .meta {position:absolute; top:0em; right:0em; color:#fff; font-size:85%; font-style:italic;}
.wp-polls-ans .poll-result:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.wp-polls-ans .poll-result {display:inline-block; display:block;}
.wp-polls-ans .poll-result {padding-right:11.5em;}
.wp-polls-ans .poll-result .poll-answer {float:left; font-size:85%; width:3.5em; color:#fff; font-weight:700;}
.poll-content .wp-polls-ans .pollbarWrap {background:#E1E1E1; float:right; width:10em; margin-top:8px;}
.poll-content .wp-polls-ans .pollbar {height:4px; background:#77CBF6; border:none;}
.wp-polls-ans .poll-result .meta {right:auto; left:16.5em; top:3px;}
.wp-polls-ans .poll-result .meta div {display:inline;}
.wp-polls-ans .poll-result .meta .votePercentage {margin-right:0.5em; font-weight:700; font-size:108%;}
/* subscribe */
.wp-polls .shareResult {margin-bottom:0.5em;}
.wp-polls .shareResult .mail, .wp-polls .shareResult .mail form {display:inline;}
.wp-polls .shareResult p {position:absolute; top:auto; left:-9999em;}
.wp-polls .shareResult .rss {margin-left:1em; font-size:93%; height:16px; background:url("site/rss.gif") left 0em no-repeat; text-decoration:underline; padding-left:20px;}
.wp-polls .shareResult .heading {margin-bottom:0.5em;}
.wp-polls .shareResult .heading span {font-size:85%; font-weight:700;}
.wp-polls .shareResult .textfield {border:none; color:#B4B4B4; font-size:93%; padding:0.15em 0.3em;}
.wp-polls .shareResult .submit {background:url("img/button-background.gif") repeat-x left top; border:1px solid #FFFFFF; color:#FFFFFF; font-size:93%; padding:0 0.25em;}

/* textblock */
.block .textblock p {font-size:85%; color:#fff; margin-bottom:0.75em;}
.block h2.heading, .block .textblock, .block .blogList, .block .commentList {margin:1em 1em; margin-bottom:0.75em; margin-right:1em; margin-bottom:0.75em;}
.block.social h2.heading {margin-top:0.45em;} 

/* static text block */
.block.static {position:relative;}
.static .extra {position:absolute; bottom:1em; left:1em; text-align:right; width:13em; border-bottom:1px solid #417997;}
.block.static .textblock a {color:#FFD800; text-decoration:none;}
.block.static .textblock a:hover {text-decoration:underline;}

/* countdown block */
.block.countdown {position:relative;}
.block.countdown .blockWrap {xbackground:url("site/360dagen.jpg") center center no-repeat;}
.block.countdown .blockWrap p{display: none;}
.block.countdown a {width:15em; height:15em; display:block; position:absolute; left:0em; top:0em; z-index:100; letter-spacing:-999em; text-indent:-999em;}
.block.countdown object {width:15em; height:15em;}

.block.countdown a {background:url("img/flash_hack.gif") top left no-repeat; filter:alpha(opacity=0); opacity:0; -moz-opacity:0;}

/* tag cloud block */
.gridLayout .row .block.tags h2.heading, .block.tags .cloud {margin-left:0.80em; margin-right:0.80em;}
.cloud ol {height:13em; width:13em; overflow:hidden;}

/* blog block */
.block.blog {position:relative;}
.block.blog .blogItem {position:relative; padding-top:1em; margin-bottom:0.5em;}
.block.blog .blogItem .date {position:absolute; top:1px; left:0em; font-size:70%; color:#fff;}
.block.blog .blogList .blogItem a {color:#FFD800; text-decoration:none; font-size:93%; display:block; max-height:2.75em; overflow:hidden;}
.block.blog .blogList .blogItem span {line-height:1.22em;}
.block.blog .blogList .blogItem a:hover {text-decoration:underline;}
.block.blog .extra {position:absolute; bottom:1em; left:1em; text-align:right; width:13em; border-bottom:1px solid #417997;}
.block.blog .blogItem .comments {color:#fff; position:absolute; right:0em; top:0em; font-size:70%;}
.block.blog .blogItem .comments a {color:#fff; height:auto;}
.block.blog .blogList .blogItem a
/* social block */
h2.heading span span {color:#FFD800;font-size:100%;}
h2.heading .rss {position:absolute; top:1em; right:1em;}
.socialList li {float:left; width:49%; margin-bottom:1.5em;}
.socialList li a {display:block; margin:0.25em 0em; width:81px; height:29px; position:relative; text-decoration:none;}
.socialList li a:focus {outline:none;}
.socialList li a.linkedin {background:url("img/linkedin.gif") top left no-repeat;}
.socialList li a.youtube {background:url("img/youtube.gif") top left no-repeat;}
.socialList li a.flickr {background:url("img/flickr.gif") top left no-repeat;}
.socialList li a.facebook {background:url("img/facebook.gif") top left no-repeat;}
/* social stats */
.socialList .socialNumber {position:absolute; top:-5px; right:-10px; width:26px; height:20px; text-align:center;font-size:10px; padding-top:6px;color:#fff; background:url("img/socialcounter.png") 0.45em 0.3em no-repeat;}
.socialList .socialDescription {display:none; position:absolute; top:-4.5em; right:-1.25em; background:url("img/social-stats-overlay-background.gif") bottom right no-repeat; padding-bottom:7px;}
.socialList .socialDescription span {border:1px solid #fff; font-weight:700; display:block; border-bottom:none; padding:0.5em; background:#E5BFBF; width:7em; height:3.75em; font-size:77%; color:#000; text-align:center;}
.socialList li a.flickr .socialNumber {right:10px;}
.socialList .largeCounter .socialNumber {background:url("img/socialcounter_large.png") 0.2em 0.1em no-repeat;}
.socialList li.largeCounter a.flickr .socialNumber {right:4px;}

/* video blog block */
.block.video object {width:13em; height:10em;}
.block.video .videoItem {margin:0em 1em;}
.block.video .textblock {margin-top:0em; margin-bottom:0em;}

/* video blog block */
.block.photos object {width:13em; height:10em;}
.block.photos .badge {margin:0em 1em;}

/* openvld logo */
.politics {position:absolute; right:3em; top:1.5em;}

/* image block */
.block.picture {position:relative;}
.block.picture div.image {text-align:center;}
.block.picture .extra {position:absolute; bottom:1em; left:1em; text-align:right; width:13em; border-bottom:1px solid #417997;}
.block.picture div.image img {width:15em;}
.block.picture div.image a {display:block;}
.block.large div.image img {width:30.25em;}

/* large news block */
.gridLayout .row.second .block.news .blockWrap {background:url("img/news-background.gif") bottom left repeat-x;}
.gridLayout .row.second .block.news .newsItem{height:14em; overflow:hidden; position:relative;}
.block.news .newsItem h2 {margin-top:5em; border:none;}
.block.news .meta {position:absolute; top:2.5em; left:1em;}
.block.news .meta span {color:#fff; text-transform:uppercase; font-weight:700; font-size:93%;}
.block.news .newsItem {position:relative;}
.block.news .newsItem h2 span {font-size:189%; font-style:italic; font-family:"Georgia",helvetica, clean, sans-serif; font-weight:700; line-height:1em;}
.block.news .newsItem .extra {position:absolute; bottom:1em; left:1em; width:28em; border-bottom:1px solid #FFFFFF;}
.block.news .newsItem a.articleLink {position:absolute; left:0em; top:0em; display:block; height:14em; width:30.15em;}

/* status block */
.block.status .downloads {margin:1em; margin-top:1em}

/* comments block */
.block.comments {position:relative;}
.block.comments a {color:#fff;}
.block.comments .extra {position:absolute; bottom:1em; left:1em; text-align:right; width:13em; border-bottom:1px solid #417997;}
.block.comments .commentList, .block.comments .meta {margin:0em 1em; color:#fff;}
.block.comments .meta {margin-bottom:0.25em; margin-top:0.5em;}
.block.comments .meta .detail {font-weight:700;}
.block.comments .meta span {font-size:88%;}
.block.comments .comment p {color:#FFD800; font-size:100%; font-weight:700;}
.commentList li {margin-bottom:0.25em;}
.comment h3 span {font-size:77%; font-weight:normal;}
.comment p {font-size:85%; line-height:1.15em;}
.block.comments .comment p a {color:#FFD800; text-decoration:none; font-size:93%;}
.block.comments .comment p a:hover {text-decoration:underline;}

/* downloads */
.block.downloads .extra {margin-left:1em; margin-right:1em;}
.block.downloads .textblock .icon {padding-left:40px; font-size:85%; display:block; background:url("img/vraag2.gif") top left no-repeat; min-height:32px;}
.block.downloads .textblock .icon {margin-left:1em; margin-right:1em;}
.extra .download.pdf {padding-left:40px; font-size:85%; display:block; background:url("img/pdf_download.gif") top left no-repeat; min-height:32px;} /* height set in IE6.css */

/* external link */
.block.external .extra {margin-left:1em; margin-right:1em;}

/* contact block */
.block.contact .extra {margin:0em 1em;}
.block.contact .extra a.action {padding-left:40px; font-size:85%; display:block; background:url("img/vraag2.gif") top left no-repeat; min-height:32px;}

/* press block */
.block.external div.textblock {height:10.5em; width:13em; overflow:hidden;}
.block.external div.textblock object {max-width:15em; max-height:12em;}
.block.external .extra a {padding-left:40px; font-size:85%; display:block; background:url("img/vraag2.gif") top left no-repeat; min-height:32px;} /* height set in IE6.css */}



/* ========================================================================== */
/* 07. forms                                                                  */
/* ========================================================================== */
.newsletterSubscription {float:right; margin-right:130px;}
.newsletterSubscription .formheader {color:#fff; margin-bottom:0.5em; font-size:93%;}
.newsletterSubscription form div {display:inline;}
.newsletterSubscription label {color:#fff;}
.newsletterSubscription .textfield {color:#B4B4B4; border:none; padding:0.15em 0.3em; font-size:93%;}
.newsletterSubscription input.submit {font-size:93%; background:url("img/button-background.gif") top left repeat-x; padding:0em 0.25em; border:1px solid #fff; color:#fff;}

.headerNewsletterSubscription {float:right; margin-right:41px;position: relative;top:10px}
.headerNewsletterSubscription .formheader {color:#fff; margin-bottom:0.5em; font-size:93%;}
.headerNewsletterSubscription form div {display:inline;}
.headerNewsletterSubscription label {color:#fff;}
.headerNewsletterSubscription .textfield {color:#B4B4B4; border:none; padding:0.15em 0.3em; font-size:93%; width:10em;}
.headerNewsletterSubscription input.submit {font-size:93%; background:url("img/button-background.gif") top left repeat-x; padding:0em 0.25em; border:1px solid #fff; color:#fff;}
.headerNewsletterSubscription .formrow .inputElement .inputCaption {text-align:right; line-height:1.75em;}
.headerNewsletterSubscription .formrow .inputElement .inputCaption .label {width:auto; display:block; position:relative; margin:0;}
.headerNewsletterSubscription .formrow .inputElement .inputControl {margin-left:0em;}

/* required legend ---------------------------------------------------------- */
.formheader .requiredLegend {text-align:right; font-weight:700; color:#fff; font-style:italic;}

/* formrow ------------------------------------------------------------------ */
.formrow {margin:0.5em 0em;}
.formrow:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.formrow {display:inline-block;}
/* Hides from IE-mac \*/
* html .formrow {height:1%;}
.formrow {display:block;}
/* End hide from IE-mac */

/* formrow feedback --------------------------------------------------------- */
.formrow .rowFeedback {clear:both; margin-left:10.5em; line-height:1.22em;}
.formrow .rowFeedback .error {color:#fff;}

/* input element ------------------------------------------------------------ */
.formrow .inputElement {xfloat:left;}
.formrow fieldset.inputElement {position:relative; margin-top:0;}

/* input caption ------------------------------------------------------------ */
.formrow .inputElement .inputCaption {float:left; text-align:right; line-height:1.75em;}
.formrow .inputElement .inputCaption .label {width:9em; display:block; margin-right:1em; position:relative;}
.formrow .inputElement .inputCaption .label .required {position:absolute; right:-0.5em; top:0em;}
.formrow fieldset.inputElement .inputCaption .label {position:absolute; left:0; top:0;}

/* input caption hint ------------------------------------------------------- */
.formrow .inputElement .inputCaption .label .captionHint {font-size:85%; color:#666666;}

/* input control -------------------------------------------------------------*/
.formrow .inputElement .inputControl {margin-left:10.5em;}
.formrow .inputElement .inputControl .controls, .formrow .inputElement .inputControl .controlHint {display:inline;}
.formrow .inputElement .inputControl .controls .control {display:inline;}
.formrow .inputElement .inputControl .controls .control input {border:1px solid #a5acb2;}
.formrow .inputElement .inputControl .controls .control input {height:1.25em; display:inline;}

/* input element hint ------------------------------------------------------- */
.formrow .inputElement .inputControl div.controlHint {line-height:1.5em; font-size:85%; color:#666666;}

/* input element help ------------------------------------------------------- */
.formrow .inputElement .inputControl .controls .inputHelp img {vertical-align:bottom;}

/* input element feedback --------------------------------------------------- */
.formrow .inputElement .inputControl .inputFeedback {display:block;}
.formrow .inputElement .inputControl .inputFeedback div {margin:0.25em 0em; display:block;}
.formrow .inputElement .inputControl .inputFeedback .error {color:#f36161; padding-left:13px; background:url("img/fielderror.gif") left 0.2em no-repeat;}
.formrow .inputElement .inputControl .inputFeedback .confirmation {color:#959595;}

/* input element (extra) ---------------------------------------------------- */
.formrow .inputElement.extra {margin-left:1em; width:auto;}
.formrow .inputElement.extra .inputCaption .label {width:auto; margin-right:0.5em; position:static; display:inline;}
.formrow .inputElement.extra .inputCaption .label .required {position:static;}
.formrow .inputElement.extra .inputControl {margin-left:0; float:left;}

/* input element (compact) -------------------------------------------------- */
.formrow .inputElement.small .inputCaption {float:none; display:block; text-align:left; margin-bottom:0.5em;}
.formrow .inputElement.small .inputCaption .label {position:static;}
.formrow .inputElement.small .inputControl {margin-left:0;}

/* input element (city) ----------------------------------------------------- */
.formrow .inputElement.city .stad label {margin-right:1em;}

/* button group ------------------------------------------------------------- */
.buttongroup .abort {float:left;}
.buttongroup .advance * {float:right; margin-left:1em;}

/* form error --------------------------------------------------------------- */
div.formError { border: 1px solid #FF0000; background: #FEEBE5; padding: 0.6em 1em; margin:1.25em 0em; margin-left:10.5em;}
div.formError h2 { color: #CC0000; font-size: 100%; padding-bottom: 0.4em; padding-left: 18px; background: url("img/error_large.gif") no-repeat left top; }
div.formError h2 .errorLabel { font-weight: 700; }
div.formError .box ul { padding-bottom: 0.2em; margin-left:1.5em;}
div.formError .box ul li { list-style-type: disc; list-style-position: inside; margin-bottom: 0.2em;}
div.formError .box ul li a { color: #444444; text-decoration: none; }
div.formError .box ul li a:hover { color: #CC0000; }


/* form help ---------------------------------------------------------------- */
.formHelp .head {border-color:#2483b3;}
.formHelp .head .title span {color:#2483b3;}
.formHelp .box {border-color:#2483b3; background:#fdfdff; color:#000000; }


/* contact form ------------------------------------------------------------- */
.contactForm {overflow:hidden; min-height:43.5em; background:#216999 url("img/contact_background.gif") bottom left repeat-x; width:60.5em; margin-top:0em; padding-bottom:70px;}
.contactForm .formbox {width:40em; margin:2em auto; margin-top:0.75em; float:left; margin-left:5em; margin-top:6em;}
.contactForm.hasErrors .formbox , .contactForm.confirmed .formbox  {margin-top:0.75em;}
.contactForm .label {color:#fff;}
.contactForm .textfield, .contactForm textarea {border:1px solid #417997;}
.contactForm .error .textfield, .contactForm .error textarea {border:1px solid #D83D3B; background:#FEEBE5;}
.contactForm .submit {font-size:93%; background:url("img/button-background.gif") top left repeat-x; padding:0em 0.25em; border:1px solid #fff; color:#fff;}
.contactForm .textfield {width:100%;}
.contactForm textarea {width:100%;}
.contactForm .stad .textfield {width:22.15em;}
.contactForm .postcode .textfield {width:10em;}
.contactForm .street .textfield {width:29em;}
.contactForm .number .textfield {width:4em;}
.contactForm .number label {margin-right:1em;}
.contactForm .formfooter, .contactForm .formheader {}
/* header */
.contactHeader {margin-left:30px; float:right; padding:0.5em 1em;} 
.contactHeader a { margin-top:0.75em;}


.contactForm .formrow .inputElement.textarea {margin-top:0.35em;}

/* ========================================================================== */
/* 09. specific input elements                                                */
/* ========================================================================== */
.formrow .inputElement.city .controls {margin-right:1.5em;}
.formrow .inputElement.address .controls {margin-right:1.5em;}
.notify .title, .notify .message {margin-left:30px;}
.notify.confirm {border:1px solid #51A6CD; background:#3C87AE url("img/check2.gif") 0.5em 0.5em no-repeat;  padding:0.75em 1em; margin:1em 0em; margin-left:10.5em;}
.notify.confirm .message {color:#fff;}
.notify.confirm .title {margin-bottom:0.5em;}
.notify.confirm .title span {font-size:108%;}