﻿html, form, body { height: 100%; margin: 0 auto; }

body { margin: 0; padding: 0; background: #E6E6E6 url(../img/bgBody.jpg) top center fixed repeat-y;  text-align: center; }


p,div,td,th,a,ul,ol,li      { font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; color: #1D1E43; } 


p               { margin: 0; padding: 0; }
h1              { font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 30px; color: #1D1E43; margin: 0; padding: 0; font-weight: normal; border-bottom: solid 1px #97BE0C; margin-bottom: 10px; height: 29px;  }
h2              { font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 14px; color: #97BE0C; margin: 0; padding: 0; font-weight: bold; }
h3              { font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 14px; color: #1D1E43; margin: 0; padding: 0; }
h4              { font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 12px; color: #1D1E43; margin: 0; padding: 0; }
a				        { outline: none; color: #97BE0C; text-decoration: underline; font-weight: bold; }
a:hover	        { color: #1D1E43; }
a:visited       { color: #97BE0C; }

/************ Layout ************/

#omvattendetable              { margin: 0 auto; height: 100%; width: 950px; background-image: url(../img/bgContent.jpg); background-repeat: repeat-y; }

div.con		                    { width: 950px; margin: 0 auto; text-align: left; }
div.topHome                   { height: 180px; background-image: url(../img/bgTop.jpg); background-repeat: no-repeat; width: 950px; overflow: hidden; }

.titel					              { width: 580px; height: 30px; float: left; }

#menuContainerService					    { float: right; width: 350px; height: 46px; overflow: hidden; margin-top: 2px; color: #CACACA; text-align: right; padding: 10px 20px 0 0; }
#menuContainerService a,
#menuContainerService a:visited 	{ font-size: 11px; margin-right: 20px; color: #CACACA; text-decoration: none;}
#menuContainerService a:hover 	  { font-size: 11px; margin-right: 20px; color: #CACACA; text-decoration: underline;}

#menuContainerTop							    { float: right; width: 950px; height: 30px; overflow: hidden; margin: 40px 0 0 0; }

#linkNaarHomepageContainer	  { width: 320px; height: 135px; position: absolute; }
#linkNaarHomepage						  { display: block; height: 100%; width: 100%; }

div#inhoud                 { width: 890px; float: left; overflow: visible; padding: 20px 0px 10px 10px; position: relative; }

div#leftColumn		      { width: 160px; float: left; margin: 3px 0 0 20px; overflow: hidden; }
div#centerColumn        { width: 500px; margin-left: 205px; line-height: 18px; position:relative;  }
div#rightColumn         { width: 160px; position: absolute; vertical-align: top; top: 23px; right: 0px; float: right; border: solid 0px #FF00FF; text-align: left; }

/**** homepage ***/

table.tblContentHome    { border-collapse: collapse; }
table.tblContentHome td { vertical-align: top; }

div#HPContent           { width: 420px; margin: 3px 0 0 40px; overflow: hidden; }
div#HPColumn1           { margin-top: 0px; width: 180px; margin-left: 35px; vertical-align: top; overflow: hidden; }
div#HPColumn2           { margin-top: 0px; width: 180px; margin-left: 35px; vertical-align: top; overflow: hidden; }

div#HPContent h1#basictemplateheader  { position: absolute; width: 850px; z-index: 400; top: 10px; font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 30px; color: #1D1E43; margin: 0; padding: 0; font-weight: normal; border-bottom: solid 1px #97BE0C; margin-bottom: 10px; height: 39px; }
div#HPColumn1 h1                      { font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 16px; color: #97BE0C; margin: 0; padding: 0; font-weight: bold; border-bottom: solid 1px #97BE0C; margin-bottom: 10px; margin-top: 55px; height: 20px;  }
div#HPColumn2 h1                      { font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 16px; color: #97BE0C; margin: 0; padding: 0; font-weight: bold; border-bottom: solid 1px #97BE0C; margin-bottom: 10px; margin-top: 55px; height: 20px;  }

div#HPColumn1 h5#columntemplatedatum  { display: none; visibility: hidden; }
div#HPColumn2 h5#columntemplatedatum  { display: none; visibility: hidden; }

div#HPContent p#basictemplatebody     { margin-top: 50px; }
div#HPContent img				              { margin-top: 20px; margin-left: 10px; vertical-align: middle; }

/**** Aanbod ***/

div#aanbodColumn                      { width: 600px; margin-left: 205px; line-height: 18px; position:relative;  }
div.divAanbodItem                     { }
div.divAanbodItem img                 { }
div.divAanbodItem span.prijs					{ float: right; font-weight: bold; }

table.aanbodOverzicht                 { margin: 4px 0 0 10px; border-collapse: collapse; }
table.aanbodOverzicht th              { text-align: left; font-weight: normal; margin: 0; padding: 0 1em 0 1em; vertical-align: top; }
table.aanbodOverzicht td.huisdetails  { margin: 0; padding: 0 2em 0 0; vertical-align: top; }
table.aanbodOverzicht th.adres,
table.aanbodOverzicht td.adres        { font-weight: bold; }

div.leesMeer                          { float: right; margin-top: 1em; }
div.leesMeer a                        { color: #97BE0C; }
div.leesMeer a:hover                  { color: #1D1E43; }
div.leesMeer a:visited                { color: #97BE0C; }

div.rgAdvPart													{ display: none; }

/**** Aanboddetails ***/

div.aanbodDetails                     { position: relative; width: 100%; border: solid 1px #1D1E43; padding: 0px; margin-bottom: 20px;  }
div.aanbodDetails h1                  { background-color: #97BE0C; font-size: 12px; font-weight: bold; display: block; height: 18px; padding: 2px 0px 0px 10px; }
div.aanbodDetails p                   { margin: 0px; padding: 0;}
div.aanbodDetails div.terug           { float: right; padding-top: 6px; }
div.aanbodDetails span.prijs					{ position: absolute; top: 2px; right: 10px; font-weight: bold; }

table.aanbodDetailsContent            { }
table.aanbodDetailsContent td         { vertical-align: top; }
table.aanbodDetailsContent img        { margin: 0 10px 10px 10px; }

.pageView                             { border-top: solid 20px #97BE0C; margin-top: -1px; padding: 20px 10px 10px 10px; background-color: #E8E8E8; }
.pageView img                         { margin: 0; }
.pageView h1                          { font-size: 18px; font-weight: bold; border: none;  }
.exampleWrapper                       { padding: 10px; background: #f0f0f0; float: left; }
.RadTabStrip                          {  }

.RadTabStrip .rtsLevel                { clear: none; }

/**** Menu top ***/

div#menuTop                   { background-color: #1D1E44; float: right; }
div#menuTop ul                { list-style: none; margin: 6px 0 0 0; padding: 0; }
div#menuTop li                { display: inline; margin: 0;  padding: 0; }
div#menuTop a,
div#menuTop a:visited         { padding: 4px 20px 4px 9px; color: #fff; background-color: #1D1E44; text-decoration: none; font-size: 13px; font-weight: normal;  }
div#menuTop a:hover           { color: #97BE0C; }
div#menuTop a.active          { color: #97BE0C; }
div#menuTop a.active:hover    { cursor: default; }

/**** Menu left ***/

div#navigation                   { width: 160px; }
div#navigation ul                { list-style: none; margin: 0 0 10px 20px; padding: 0; }
div#navigation li                { margin: 0;  padding: 0; }
div#navigation a,
div#navigation a:visited         { display: block; padding: 8px 0px 2px 0px; color: #1D1E44; text-decoration: none; font-size: 13px; font-weight: normal;  border-bottom: solid 1px #97BE0C; }
div#navigation a:hover           { color: #97BE0C; }
div#navigation a.active          { color: #97BE0C; }
div#navigation a.active:hover    { cursor: default; }
div#navigation a.expanded        { color: #97BE0C; }


div#navigation ul ul                { margin: 0 0 0 10px;  }
div#navigation ul ul li             {  }
div#navigation ul ul a,              
div#navigation ul ul a:visited      { border-bottom: solid 1px #97BE0C; font-size: 11px; padding: 6px 0px 2px 0px; }
div#navigation ul ul a.active       { color: #97BE0C; border-bottom: solid 1px #97BE0C; margin: 0; font-size: 11px; }
div#navigation ul ul a.active:hover { cursor: default; }

div#leftColumn img                        { margin-left: 20px; }

.focused { background-image: url(../img/pijltje.gif); background-repeat: no-repeat; }

/**** Column rechts ***/

div#rightColumn h1                      { font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 14px; color: #97BE0C; margin: 0; padding: 0; font-weight: bold; border-bottom: solid 1px #97BE0C; margin-bottom: 10px; margin-top: 6px; height: 20px;  }
div#rightColumn h5#columntemplatedatum  { display: none; visibility: hidden; }

/*--------------------------------------------------------------------------------------------
  contactFormulier
--------------------------------------------------------------------------------------------*/

table.contactFormulier                      { margin-top: 10px; }
table.contactFormulier th                   { text-align: left; font-weight: normal; padding-right: 60px; }
table.contactFormulier td.verplicht         { padding-left: 10px; font-weight: bold; color: #600; font-size: 11px; }
table.contactFormulier td.verplicht span    { color: #300; }
table.contactFormulier input                { border: solid 1px #999; margin: 2px 0 2px 10px; }
table.contactFormulier textarea             { border: solid 1px #999; margin: 2px 0 2px 10px; }
table.contactFormulier input.button         { cursor: pointer; }
table.contactFormulier input.button:hover   { background-color: #97BE0C; border: solid 1px #333; }

/*--------------------------------------------------------------------------------------------
  Footer
--------------------------------------------------------------------------------------------*/

#footer           { height: 20px; background-color: #16194E;  }
#footer a		      { color:#FFFFFF; text-decoration:underline;}
#footer a:hover   { text-decoration:none;}

/*--------------------------------------------------------------------------------------------
   Zoeken 
--------------------------------------------------------------------------------------------*/

div#zoeken									{ background-image: url(../img/zoeken.jpg); background-position: left top; background-repeat: no-repeat; padding-top: 18px; }
div#zoeken .invoer input		{ width: 128px; margin: 3px 4px 10px 0;  }
div#zoeken #btnSearch				{ vertical-align: top; padding-top: 4px; }

/*-----------------------------------------------------------
	stijlen voor de zoekresultaten
------------------------------------------------------------*/

div#divResults	table.tblResults	{ width: 100%; margin-top: 20px; }
div#divResults	input.tbxSearch		{ margin-right: 10px; font-family: Verdana; font-size: 1.0em; }
div#divResults	input.btnSearch		{ }
div#divResults	td.title					{ font-weight: bold; }
div#divResults	td.criteria				{ text-align: right; color: #999; }
div#divResults	td.results				{ padding-top: 10px; }

div#divResults	ul								{ padding: 0px 10px; margin: 0px 10px; }
div#divResults	div.result				{ margin: 0px 0px 10px 0px; padding: 0px 4px; border: solid 2px #ACB7BE; background-image: url(../img/bgSearchResults.jpg); background-repeat:no-repeat; }
div#divResults	p.resultTitle			{ padding: 0px; margin: 0px; font-size: 9pt; font-weight: bold; color: #333; }
div#divResults	p.resultContent		{ padding: 0px; margin: 0px; font-size: 8pt; color: #666;}

div#divResults	table.legenda			{ margin: 10px 0px 20px 0px; }
div#divResults	td.left						{ font-weight: bold; width: 400px; }
div#divResults	td.right					{ font-weight: bold; }
div#divResults	td.bottom					{ height: 20px; }

div#divResults	div.seperator			{ height: 10px; border: none; }