/* ============================================================= */
/*                                                               */
/* WOONBEDRIJF                                        CSS STYLES */
/*                                  (C) QVISION - WWW.QVISION.NL */
/*                                                               */
/* ============================================================= */


/* ============================================================= */
/* Page style                                                    */
/* ============================================================= */

a
{
	font-weight: 700;
	text-decoration: none;
}

body
{
	background-repeat: repeat-y;
	font-family: Arial;
	font-size: 9pt;
	padding: 0px;
	margin: 0px;
	overflow: auto;
}

.bodyMain
{
}

td
{
	font-size: 9pt;
}

hr
{
	line-height: 1px;
	height: 1px;
}

.nomouse
{
	cursor: default;
}

.error
{
	background: url(/Woonbedrijf/img/Site/error.png);
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
	overflow: hidden;
	padding-left: 20px;
	display: block;
	font-size: 1px;
	color:#ffffff;
	text-indent:-2px;
}

.errorGalleria
{
	width: 80px;
	height: 80px;
	overflow: hidden;
	display: block;
	font-size: 11px;
	color:#f00;
}

/* ============================================================= */
/* Form elements                                                 */
/* ============================================================= */

div#divContent a
{
	text-decoration: underline;
}

div#divContent input
{
	background-color: #FFFFFF;
	border: solid 1px #cccccc;
	font-size: 9pt;
}

div#divContent select
{
	background-color: #FFFFFF;
	border: solid 1px #cccccc;
	font-size: 9pt;
}

div#divContent textarea
{
	background-color: #FFFFFF;
	border: solid 1px #cccccc;
	font-size: 9pt;
}

.clsPagePopup input
{
	/* background-color: #FFFFFF; */
	/* border: solid 1px #FFFFFF; */
	font-size: 9pt;
}

/* Formuliergenerator */

.FormGenTitle
{
	font-weight: 700;
	font-size: 15px;
}

.FormGenDesc
{
	font-weight: 700;
}

.FormGenSubmit
{
	background-repeat: no-repeat;
	padding: 4px;
	margin: 3px;
	font-size: 1px;
	width: 151px;
	height: 23px;
}

.formHint
{
	font-size: 9px;
}

.formField
{
}

.formField input
{
	font-size: 11px;
}

/* ============================================================= */
/* Main div's                                                    */
/* ============================================================= */

div#divContainer
{
	background-repeat: repeat-x;
	background-position: 245px 92px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 50;
}

div#divLogo
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 81px;
	padding-left: 0px;
	z-index: 500;
}

div#divMenu
{
	position: absolute;
	top: 126px;
	left: 0px;
	width: 233px;
	height: auto;
	padding-top: 20px;
	vertical-align: top;
	z-index: 300;
}

div#divContent
{
	position: absolute;
	top: 171px;
	left: 270px;
	padding-right: 0px;
	padding-bottom: 80px;
	width: 710px;
	z-index: 400;
}

div#divContent .searchHighlight
{
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: 700;
}

div#divLocatie
{
	background-repeat:no-repeat;
	background-position: top left;
	position: absolute;
	top: 66px;
	left: 233px;
	font-size: 9pt;
	padding-top:8px;
	padding-left:40px;
	z-index:9999;
	height:35px;
}

div#divLocatie a
{
	font-weight:normal;
}

div#divLocatie a:hover
{
	text-decoration: underline;
}

div#divTitel
{
	position: absolute;
	top: 125px;
	left: 270px;
}

/*
div#divIllustratie
{
	position: absolute;
	top: 81px;
	left: 0px;
	z-index: 800;
	visibility: hidden;
}
*/

div#divDoelgroep
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 66px;
	width: 100%;
	z-index: 400;
}

div#divDoelgroepHuurder
{
	position: absolute;
	top: 37px;
	left: 486px;
	z-index: 400;
}

div#divDoelgroepWoningzoekende
{
	position: absolute;
	top: 37px;
	left: 585px;
	z-index: 400;
}

div#divDoelgroepVve
{
	position: absolute;
	top: 37px;
	left: 744px;
	z-index: 400;
}

div#divDoelgroepWoonbedrijf
{
	position: absolute;
	top: 37px;
	left: 856px;
	z-index: 400;
}

div#div5jr
{
	background-repeat: no-repeat;
	width: 114px;
	height: 113px;
	display: inline-block;
	margin-top: 0px;
	margin-left: 45px;
	margin-bottom: 15px;
}

div#divIconen
{
	/*background: url(/Woonbedrijf/img/Site/bg_menu.gif);*/
	position: absolute;
	top: 0px;
	left: 5px;
	width: 175px;
	height: 170px;
	padding-top: 0px;
	padding-left: 8px;
	z-index: 150;
}

div#divLogin
{
	position: absolute;
	top: 9px;
	right: 36px;
	z-index: 550;
	color: #FFFFFF;
	font-size: 7pt;
}

div#divLogin a
{
	color: #FFFFFF;
}

/* Woningaanbod */

div#divWoningWeergave
{
	background-image: url(/Woonbedrijf/img/Site/woningaanbod_weergave_bg.gif);
	background-repeat: repeat-x;
	position: absolute;
	top: 124px;
	left: 550px;
	height: 23px;
	z-index: 500;
}

#pnlBulletmap img { border:none; }

.description
{
    background-color: #FAFAFA;
    width: 150px;
    padding: 5px;
    border: solid 1px #DDD;
    font-size: 11px;
    text-align: left;
    z-index:8000;
}

/* ============================================================= */
/* Home                                                          */
/* ============================================================= */

div#divHomeFotoHuurder
{
	background-image: url(/Woonbedrijf/img/Site/home_huurder.jpg);
}

div#divHomeFotoWoningzoekendeNederlands
{
	background-image: url(/Woonbedrijf/img/Site/home_woningzoekende.jpg);
}

div#divHomeFotoWoningzoekendeEnglish
{
	background-image: url(/Woonbedrijf/img/Site/home_woningzoekende.jpg);
}

div#divHomeFotoWoonbedrijf
{
	background-image: url(/Woonbedrijf/img/Site/home_woonbedrijf.jpg);
}

div#divHomeFotoVve
{
	background-image: url(/Woonbedrijf/img/Site/home_vve.jpg);
}

.clsHomeIntro
{
}

.clsHomeFoto
{
	width: 486px;
	height: 117px;
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
	margin-left:-37px;
}

/* ============================================================= */
/* Main classes                                                  */
/* ============================================================= */

.clsPagePopup
{
	background-position: right bottom;
	background-repeat: no-repeat;
	position: absolute;
	padding: 10px;
	padding-right: 20px;
	padding-bottom: 16px;
	top: 180px;
	left: 290px;
	width: 400px;
	z-index: 5000;
}

html>body .clsPagePopup
{
	width:370px; 
}

.clsPagePopup a
{
	text-decoration: underline;
}

.clsPagepopup .clsSluiten
{
	position: absolute;
	right: 20px;
	top: 15px;
	z-index: 2100;
}

.clsKader
{
	font-size: 8pt;
	font-weight: 700;
	padding: 3px;
}

.clsKaderForm
{
	font-size: 8pt;
	font-weight: 700;
	padding: 3px;
}

.clsZoekenG01Status
{
	margin-top: 6px;
	position: absolute;
	top: 720px;
	left: 270px;
	width: 460px;
	z-index: 400;
}

table.clsForm td.clsHdr
{
	font-size: 8pt;
	text-align: right;
	font-weight: 700;
	width: 35%;
}

table.tblMain td.clsHdr
{
	font-size: 8pt;
	text-align: right;
	font-weight: 700;
}

.clsTblBalk
{
	background-repeat: repeat-y;
	padding-left: 20px;
	width: 250px;
}

td.clsTblBalk td.subHdr
{
	text-align: right;
	font-size: 8pt;
	padding-right: 4px;
}

div#divContent .clsTblBalk input, div#divContent .clsTblBalk select
{
	font-size: 8pt;
}

div#divContent .clsTblBalk ul
{
	margin: 0px;
	padding: 0px;
}

div#divContent .clsTblBalk ul li
{
	/* list-style-image: url(/Woonbedrijf/img/Site/li_tblbalk.gif); */
	list-style:none;
}

/* ============================================================= */
/* Menu                                                          */
/* ============================================================= */

div.clsmenuItem
{
	padding-top: 4px;
	padding-bottom: 4px;
	width: 100%;
}

.menuItem
{
	color: #FFFFFF;
	padding-left: 18px;
}

.menuItem:hover
{
	color: #cdcde3;
}

div.clsmenuItemSelected
{
	padding-top: 4px;
	padding-bottom: 4px;
	width: 100%;
}

.menuItemSelected
{
	padding-left: 18px;
	text-decoration: none;
}

.menuItemSelected:hover
{
	text-decoration: underline;
}

.menusub
{
	margin-top: 5px;
	margin-bottom: 15px;
}

.menuSub li
{
	padding-left: 2px;
	list-style:none;
	background:url(/Woonbedrijf/img/Site/li_menusub.gif) no-repeat 9px 5px;
}

	/* ---- Firefox ---- */
	html>body .menuSub li { padding-left: 20px;	}
	/* ------------------- */

.menuSubItem
{
	font-size: 8pt;
	text-decoration: none;
}

.menuSubItem:hover
{
	text-decoration: underline;
}

.menuSubItemSelected
{
	font-size: 8pt;
	text-decoration: none;
}

.menuSubItemSelected:hover
{
	text-decoration: underline;
}

.menuSubSubItem
{
	font-size:7.8pt;
}

.menuSubSubItem:hover
{
	text-decoration: underline;
}

.menuSubSubItemSelected
{
	font-size:7.8pt;
}

.menuSubSubItemSelected:hover
{
	text-decoration: underline;
}
/* ============================================================= */
/* Nieuws                                                        */
/* ============================================================= */

.classNieuwsTitel
{
	font-size: 11pt;
	font-weight: 700;
	padding: 5px;
}

.classNieuwsSubtitel
{
	font-weight: 700;
	font-style: italic;
}

.classNieuwsBody
{
}

/* ============================================================= */
/* Woningen                                                      */
/* ============================================================= */

table.tblWoninginfo
{
}

table.tblWoninginfo td
{
	padding-right: 8px;
}

table.tblWoninginfo .clsHdr
{
	font-size: 8pt;
	text-align: right;
	font-weight: 700;
}

.clsMainHdr
{
	display: inline-block;
	width: 100%;
	padding-top: 3px;
	padding-left: 3px;
	text-align: left;
}

.clsBezitWijken td
{
	font-size: 8pt;
}

div#divBezitWijken
{
}

#main_image_container { float: left; text-align: center; width: 540px; height: 400px; }
#main_image { width: 100%; margin: 10px auto; float: left; }
#fotos { float: right; width: 150px; height: 350px; margin: 5px 0px; }
.fotos_pijl {display:block;}
#galleria { background-repeat: repeat-x; padding-top: 10px; width: 144px; height: 350px; overflow: hidden;  }
.galleria{list-style:none;width:80px;float:left;display:inline-block;margin:0px;padding:0px; padding-left:32px;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;margin:0 10px 10px 0;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:50px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */


/* ============================================================= */
/* Table styles                                                  */
/* ============================================================= */

#dgResult li
{
	list-style-type:square;
}

div#divContent .tblHdr td
{
	font-weight: 700;
}

div#divContent .tblHdr a
{
	text-decoration: underline;
}

div#divContent td.tblHdrDisabled
{
	font-weight: 700;
}

div#divContent .tblCelOver td, div#divContent .tblCelOver input
{
	cursor: pointer;
}

div#divPanels
{
	position: absolute;
	top: 237px;
	left: 765px;
}

.clsgMap
{
	border-style: solid;
	border-width: 1px;
	font-size: 11px;
}

div.markerTooltip, div.markerDetail {
    font-size: 11px;
    font-weight: 100;
    white-space: nowrap;
    margin: 0;
    padding: 6px 6px;
}