/* reset van algemene dingen --------------- */
html, body, form { height: 100%; width:100%;} /* form tag mag hier uit als deze niet als eerste tag binnen de body gebruikt wordt!! */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:top;
}

#fb{
	position:absolute;
	top:-1px;
	width:361px;
	margin-left:-413px;
	left:50%;
	z-index:999;
}

table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:top;
}

a img, :link img, :visited img { border:1px solid #f3f3f3;}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse:collapse; border-spacing:0; }
caption, th, td { text-align:left; font-weight:400; }
/* textarea inherit */
textarea { font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:top;}
/* scrollbar altijd tonen */
html { overflow-y: scroll;}

/* ######################################### */
/* de eigelijke css komt hier ############## */

/* ACHTERGRONDEN --------------------------- */
/* ----------------------------------------- */

/* instellingen voor de bg in imaxxDNA ----- */
body, #contentContainer { background-color:#f3f3f3;}

/* instellingen voor de bg in site --------- */
body#homePage,
body#woningPage,
body#omgevingPage,
body#prijzenPage,
body#contactPage        { background:#f5f5f5;}



/* CONTAINERS FORMATEN ETC. ---------------- */
/* ----------------------------------------- */
#logoContainer            { width:850px; margin:0 auto; height:90px; overflow:hidden; vertical-align:baseline; color:#aaa; background:url('../images/logo.jpg') no-repeat scroll center top; text-align:right; padding:5px 5px 0 0; line-height:24px}
.langNL #logoContainer    { background:url('../images/logo_nl.jpg') no-repeat scroll center top;}
.langEN #logoContainer    { background:url('../images/logo_en.jpg') no-repeat scroll center top;}
.langFR #logoContainer    { background:url('../images/logo_fr.jpg') no-repeat scroll center top;}
#siteContainer            { width:824px; margin:0 auto; padding:12px; background-color:White; border:1px solid #e4e4e4;}
 #menuContainer           { width:824px; height:378px; background:url('../images/banner1.jpg') no-repeat scroll center top; border-top:6px solid #2ca5e7; margin-bottom:12px; text-align:right; overflow:hidden;}
 #contentContainer        { width:794px; padding:15px; float:left;}
 #sideContainer           { width:335px; overflow:hidden; float:right; background-color:White; padding:0 0 15px 15px; margin:-15px -15px 10px 10px; }
#footerContainer          { width:850px; margin:0 auto; height:20px; padding-top:20px; padding-bottom:20px; padding-right:15px; text-align:right;}

.clear                    { clear:both; height:1px; overflow:hidden;}


/* LETTERTYPES ETC. BASIS TAGS ------------- */
/* ----------------------------------------- */
body           { font:normal 12px Tahoma, Helvetica, Geneva, sans-serif; color:#6a525f; line-height:20px;}
h1, .maintitle { font:100    28px Arial, Helvetica, Geneva, sans-serif; color:#474747; margin-bottom:15px; padding-bottom:20px; padding-top:10px; border-bottom:1px solid #474747;}
h2, .subtitle  { font:bold   14px Arial, Verdana, Arial, Helvetica, Geneva, sans-serif; color:#777; line-height:20px; padding-bottom:15px;}
h3             { font:100    24px Verdana, Arial, Helvetica, Geneva, sans-serif; color:#87cb54; line-height:24px; border-bottom:1px #ddd solid; margin:10px 0; padding:20px;}
h4             { font:bold   16px Verdana, Arial, Helvetica, Geneva, sans-serif; color:black; margin:12px 0;}
h5             { font:bold   14px Verdana, Arial, Helvetica, Geneva, sans-serif; color:black; margin:12px 0;}
h6             { font:bold   12px Verdana, Arial, Helvetica, Geneva, sans-serif; color:black; margin:12px 0;}
p              { padding:0 0 11px 0;}
ul             { margin:11px 0; padding:0 0 0 40px; list-style-type:square;}
ol             { margin:11px 0; padding:0 0 0 40px; list-style-type:decimal;}
i              { color:#cc9999;}
a,
a:link,
a:visited,
a:active       { color:#21b1c4; text-decoration:underline;}
a:hover        { color:#21b1c4; text-decoration:none;}
input          { font-size:11px;}

#sideContainer h1    { color:#ff6600; border:0; margin:0; padding:25px 0 24px 0; font-size:24px;}

#contentContainer h1.smal { width:444px;}

#omgevingPage p  { padding:0 0 20px 0;}
#omgevingPage h2 { padding:0;}

/* CONTAINER SPECIFIEKE LETTERTYPES ETC. --- */
/* ----------------------------------------- */


/* tekst download flash player -> indien geen flash */
.dl_flash      { font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
a.help:link,
a.help:visited { font-size:10px; text-decoration:none; color:#FF0000;}
a.help:hover,
a.help:active  { font-size:10px; text-decoration:none; color:#999999;}

.terug         { float:right;}

#logoContainer a.active img { filter:alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25;}
#logoContainer a  { vertical-align:baseline;}
#logoContainer a img { margin-top:4px;}

/* menu */
#menuContainer ul                     { display:block; height:42px; list-style:none; float:right; margin:0; padding:0;}
#menuContainer ul li                  { display:block; height:42px; float:left;}
#menuContainer ul li a                { display:block; text-decoration:none; color:#6a6a6a; font:normal 14px Arial, Helvetica, Geneva, sans-serif; height:29px; padding:13px 28px 0 28px; background-color:#fff; border-right:1px solid #f3f3f3;}
#menuContainer ul li a.active,
#menuContainer ul li a:hover          { display:block; text-decoration:none; color:#fff; background-color:#2ca5e7; border-right:1px solid #2ca5e7;}

.interlinks { float:right; text-align:right; margin-top:91px; margin-left:20px;}


#footerContainer a img { margin-top:3px;}



/* IMG ------------------------------------- */
/* ----------------------------------------- */




/* FORMS ----------------------------------- */
/* ----------------------------------------- */
input                 { margin:0 2px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}
input.formatNormal    { width:300px;}
input.formatExtra     { width:200px;}
textarea.formatNormal { width:300px; height:100px;}



/* FORMS ----------------------------------- */
/* ----------------------------------------- */

.requiredRight                    { float:right;}
.tableContact2Fiche               { width:400px; margin-bottom:20px; padding:15px 20px; margin-left:30px;}
.tableContact2Fiche h1            { padding:0; margin:0;}
.tableContact2Fiche td            { padding-bottom:5px; line-height:16px;}
.tableContact2Fiche .td1          { width:100px; vertical-align:bottom;}
.tableContact2Fiche .td2          { width:180px; vertical-align:bottom; overflow:hidden;}
.tableContact2Fiche input.TextBox,
.tableContact2Fiche input.TextBoxShort,
.tableContact2Fiche textarea      { padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}
.tableContact2Fiche input.TextBox { width:200px;}
.tableContact2Fiche input.TextBoxShort { width:60px}
.tableContact2Fiche textarea      { width:320px; height:100px;}
.tableContact2Fiche .frmListTable td { width:140px;}
.tableContact2Fiche .frmListTableCheck td { padding-bottom:0; vertical-align:top;}
.tableContact2Fiche .frmListTableCheck label { margin-top:-5px;}
.tableContact2Fiche .positionButtons   { padding-right:70px;}
.tableContact2Fiche .errorImgVertAlign { vertical-align:bottom; padding-bottom:4px; padding-left:5px;}
.tableContact2FicheEmpty             { width:444px;}
.tableContact2FicheEmpty .divConfirm { border:3px solid #2e8a00; background-color:#73b601; width:438px; height:30px; text-align:center; color:White; padding-top:10px;}


/* ALGEMENE CLASSES ------------------------ */
/* ----------------------------------------- */


.italic             { font-style:italic;}
.vetteText          { font-weight:bold;}

.alignJustify       { text-align:justify;}

.alignRight         { text-align:right;}
.alignLeft          { text-align:left;}
.alignCenter        { text-align:center;}
.alignTop           { vertical-align:top;}
.alignBottom        { vertical-align:bottom;}
.alignMiddle        { vertical-align:middle;}

.alignTopRight      { vertical-align:top; text-align:right;}
.alignMiddleRight   { vertical-align:middle; text-align:right;}
.alignBottomRight   { vertical-align:bottom; text-align:right;}
.alignTopLeft       { vertical-align:top; text-align:left;}
.alignMiddleLeft    { vertical-align:middle; text-align:left;}
.alignBottomLeft    { vertical-align:bottom; text-align:left;}
.alignTopCenter     { vertical-align:top; text-align:center;}
.alignMiddleCenter  { vertical-align:middle; text-align:center;}
.alignBottomCenter  { vertical-align:bottom; text-align:center;}



#sideContainer a               { margin-bottom:16px; overflow:hidden;/* float:left; width:157px; height:105px;*/ }
#sideContainer a.col1          { margin-right:16px; }
#sideContainer a img           { width:157px; height:105px; }
#sideContainer a.standing img  { width:70px; height:105px; }

.afbeeldingen                 { margin:40px 0;}
.afbeeldingen a               { margin-bottom:6px; margin-right:4px; float:left; overflow:hidden; width:157px; height:105px;}
.afbeeldingen a.standing      { width:70px;}
.afbeeldingen a img           { width:157px; height:105px; }
.afbeeldingen a.standing img  { width:70px;}