/*#homePage{background:url(../images/websiteBG.jpg) no-repeat;}*/

body, html, body {margin: 0; padding: 0;}
html, body, div, input, tr, td, th, textarea, select{font: 12px Verdana, Arial, Helvetica, sans-serif;	color: #000000; margin: 0; padding: 0;}

h1{color: #007AC3;  font-size:17px;}
h2{font: bolder 12px Verdana, Arial, Helvetica, sans-serif;	color: #000000; margin: 0; padding: 0; font-weight:bold;}
h3{color:#007AC3; font-size:14px; margin:0 0 3px 0;}
img {border:none}
caption, th {text-align:left;	}

.textBox, textArea, .listBox, textarea, select, input {border: 2px solid #b3c7d3;}

thead a {font-weight: bolder;	color: #F26522;}
legend{color: #F26622;font-weight: bold;}
#wrapper{ position:absolute; top:0px; left:0px;}
a{color:#007AC3;}

.buttonWrapper{overflow:hidden;}
.buttonWrapper a{float:left; margin-right:10px;}
.bgBlue{background-color:#deeaf0;}
.marginsAndPaddings{ padding:10px;}
.majorWrapper{width:765px;}

/*** NAVI foutmeldingen ***/
.navifieldmessage{color:#FF0000;}

/* ------------------------------
             Homepage
------------------------------ */
/*body#homePage{ background:none;}*/
.homewrapper{position:relative;}
.imageWrapperHome{ position:absolute; top:0; left:138px;}
body#homePage ul{ padding:0; width:135px; background-color:#77a3bc;}
body#homePage ul li{list-style-type:none; line-height:23px;}
body#homePage ul li a{color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:11px;}
a.homeKnop{ position:absolute; top:250px; left:20px; color:#666; text-decoration:none; font-weight:bolder; font-size:16px; border:solid 2px #666; padding:5px;}





.strukture img#positionering{height:70px;}

/* ------------------------------
             ID
------------------------------ */
#contentWrapper{width:774px; border:solid 1px #ff0000; padding: 0 10px 0 20px; margin-left:136px; margin-top:62px; padding-top:160px;}
#content{}
div#forgotRegistrationIdWrapper label{width: 150px;	padding-right: 3px;	padding-top: 3px;	padding-bottom: 3px;}
div#forgotRegistrationIdWrapper div.radioButton	label{width: 300px;}
#theLayerTitle {font: 11px Verdana, Arial, Helvetica, sans-serif;font-weight:bolder;padding:4px;color:#FFFFFF;}
#theContent{vertical-align:top; margin:4px;}
#theClosure a, #theClosure a:hover{color: #FFFFFF;	text-decoration: none;padding:4px; font-weight:bold;}
	
/* --------------------------                
      CLASSES 
-------------------------- */
/*misc*/
.asteriks, .datum{margin-right: 5px; margin-left: 5px;}
.hide{display:none}

ul.sideMenu{position:absolute; top:250px; left:0; padding:0;}
ul.sideMenu li{list-style-type:none; padding:0; line-height:18px;}
div#pagerdinges{width:700px}

/*    cms forms       */
.formlabel, .formpreview, .formradio, .formcheckbox, .formdisplayonly, .formerror, .formstring, .formstring_on, .formstring_off, .formmemo, .formmemo_on, .formmemo_off, .formselect, .formselect_on, .formselect_off {font-family: Arial, Helvetica, sans-serif; color: #303030}
.formpreview {font-weight:bold}

/*     navi generated            */
.descending{}
.unsorted {}
.currentpagenr {}
.pagenr {margin-top:10px}
.columnhead {text-align:center; font-weight: bolder; color: #007AC3; padding-bottom:7px;}
.columnhead a {text-align:left; font-weight: bolder; color: #007AC3;}	
.sortable {font-weight: bolder;	color: #007AC3;}
.sortable a {font-weight: bolder;	color: #007AC3;}
.unsorted {font-weight: bolder;	color: ##007AC3;}
.unsorted a {font-weight: bolder;	color: ##007AC3;}	
.sortlink {font-weight: bolder;	color: #F26522;}
.sortlink a {font-weight: bolder;	color: #F26522;}

div#aanbodWrapper{}
div#aanbodWrapper td{text-align: center;}
div#aanbodWrapper	#aanbodTable, .even {background: #deeaf0;}
div#aanbodWrapper	#aanbodTable, .odd {background: #deeaf0;}

div#aanbodWrapper .testTable tr{ border-bottom:solid 2px blue;}
div#aanbodWrapper .testTable tr td{ border-bottom:solid 5px white; padding:7px; line-height:18px;}
div#aanbodWrapper .testTable img.nopict{border:solid 2px #1b88c9;}

/* kleurtje geven aan textvelden in IE als ze Disabled zijn. Dat doet IE natuurlijk niet, want dat zou handig zijn */
.enabled, .disabled{border-style:solid;	}
.enabled{border: 1px solid #B2B2B2; background: #fae3d9;}
.disabled{background: #F2F2F2;border-color:#999999;	border-width:1px; color:#000000;}

/* DIV */
.hiddenDiv {display: none;}
.visibleDiv{display: block;}

.verantwoordingTable TD {vertical-align:top}

/* Opmaak voor de Lijst pagina's */
.tableList td{ text-align:left;}
.tableList .odd {height:30;padding-left:2; background-color:#c5dbe4;}
.tableList .even {height:30;padding-left:2;}
.tableList .columnhead {text-align:left;}


/*****************************************************************************************/
/******************* Aanbod  *************************************************************/
/*****************************************************************************************/

/*** Selectie.htp ************************************************************************/
#selectie .woningtypeWrapper{overflow:hidden; height:20px;}
#selectie .woningtypeWrapper label{float:left; padding-left:5px;}
#selectie .woningtypeWrapper input{float:left; margin-top:2px;}

/*** Beschikbare woning ******************************************************************/
#beschikbareWoning p.adress {font-size:14px; font-weight:bold; color:#007ac3; margin-bottom:10px;}
#beschikbareWoning .imageWrapper{padding:9px; background-color:#c5ddeb; margin-bottom:15px;}
#beschikbareWoning .imageWrapper img{border:solid 2px #007ac3;}
#beschikbareWoning #kernGegevenswrapper{padding:7px; background-color:#dde9ef; width:265px;}
#beschikbareWoning .kerngegevens{width:270px;}
#beschikbareWoning .kerngegevens img{ margin-top:5px;}
#beschikbareWoning .kerngegevens h2{font-size:13px; margin-bottom:30px;}
#beschikbareWoning .kerngegevens span.omschrijving{font-weight:bold; color:#007ac3; display:block; padding-bottom:4px;}
#beschikbareWoning .kerngegevens p.waardeWrapper{background:url(../images/list-item-l-shape.png) 2px top no-repeat; padding-bottom:4px;}
#beschikbareWoning .kerngegevens p.waardeWrapper span{padding-left:20px;}

/*** Gismap *******************************************************************************/
#gismap .gismapImageWrapper img{border:solid 2px #007ac3;}
#gismap .gisNavigatorWrapper table{}
#gismap .gisNavigatorWrapper table tr{}
#gismap .gisNavigatorWrapper table tr td{padding:4px; font-weight:bold;}
#gismap .gisNavigatorWrapper table tr td input{margin-right:3px;}

/************** foto pagina *************************************************************/
#fotos p.melding{line-height:20px;}
#fotos a.plaatjuh{width:100px; height:75px; float:left; margin-right:10px; margin-bottom:10px;}


/*****************************************************************************************/
/******************* Aanmelden  **********************************************************/
/*****************************************************************************************/

/************** login pagina *************************************************************/
#login{}


/************** aanmelden pagina *********************************************************/
#aanmelding td{ padding:2px 0 2px 0;}
#aanmelding .buttonWrapper{overflow:hidden;}
#aanmelding .buttonWrapper a{float:left; margin-right:10px;}

/************** aanmelden vervolg pagina **************************************************/
#aanmeldingVervolg td{ padding:4px 0;}
#aanmeldingVervolg h3{color:#007AC3; font-size:14px;}


/************ gebruiker verkeerd **********************************************************/
#gebruikerVerkeerd .buttonWrapper{overflow:hidden;}
#gebruikerVerkeerd .buttonWrapper a{float:left; margin-right:10px;}
gebruikerVerkeerd td.odd,
gebruikerVerkeerd td.even{ background-color:#FFFFFF;}

/************ wijzigen e-mail ************************************************************/
#wijzigenEmail input{width:250px;}

/************ wijzigen e-mail ************************************************************/
#wijzigenWachtwoord input{width:200px;}

/*****************************************************************************************/
/******************* Registratie  ********************************************************/
/*****************************************************************************************/

/************** start.htp ****************************************************************/
#start form{margin:0;}
#start .marginsAndPaddings{margin-bottom:15px; padding:10px;}

/************** nieuweRegistratie.htp ****************************************************************/
#nieuweRegistratie fieldset{margin-bottom:10px; border:none;}
#nieuweRegistratie strong{color:#007AC3; font-size:14px;}

/************** regiestratie-bevestiging.htp ****************************************************************/
#registratieBevestiging h2{color:#007AC3; font-size:14px;}
#registratieBevestiging p{ line-height:18px;}

/************** display.htp ****************************************************************/
#display .marginsAndPaddings{padding:10px; margin-bottom:15px;}
#display h3{color:#007AC3; font-size:14px; margin-bottom:3px;}

/************** edit.htp ****************************************************************/
#edit .marginsAndPaddings{padding:10px; margin-bottom:15px;}
#edit h3{color:#007AC3; font-size:14px; margin:0;}
.actueelReacties td{ text-align:left;}