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


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

a
{
	color: #0C2D83;
	font-weight: 700;
	text-decoration: none;
}

a:hover
{
	color: #ED171F;
}

body
{
	background-image: url(/Vestide/img/site/bg.gif);
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	font-family: Arial;
	font-size: 9pt;
	color: #000000;
	padding: 0px;
	margin: 0px;
	overflow: auto;
}

.bodyMain
{
}

td
{
	font-size: 9pt;
}

hr
{
	color: #0C2D83;
	line-height: 1px;
	height: 1px;
}

.error
{
	background-image: url(/Vestide/img/Site/error.gif);
	width: 17px;
	height: 17px;
	font-size: 1px;
	overflow: hidden;
	display: inline-block;
}

.clsVerplicht
{
	background-image: url(/Vestide/img/Site/bg_verplicht.gif);
	background-repeat: no-repeat;
	width: 9px;
	height: 15px;
	overflow: hidden;
}

h2
{
	font-size: 11pt;
}

h3
{
	font-size: 10pt;
}

h4
{
	font-size: 9pt;
}


/* ============================================================= */
/* SIFR elements                                                 */
/* ============================================================= */

/* These are standard sIFR styles... do not modify */ 

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash .clsMainHdr {
	visibility: hidden;
} 


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

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

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

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

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

/* Formuliergenerator */

.FormGenTitle
{
	font-weight: 700;
	font-size: 15px;
	color: #0c2d83;
}

.FormGenDesc
{
	font-weight: 700;
}

.FormGenSubmit
{
	background-image: url(/Woonbedrijf/img/Site/knop_versturen.gif);
	background-repeat: no-repeat;
	padding: 4px;
	margin: 3px;
	color: #0c2d83;
	font-size: 1px;
	width: 93px;
	height: 25px;
}

a.FormGenSubmit:hover
{
	color: #FFFFFF;
}

.formHeader
{
	border-top: solid 1px #e9ecf4;
}

.formHint
{
	font-size: 9px;
}

.formField
{
}

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

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

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

div#divLogo
{
	background-image: url(/Vestide/img/Site/logo_bg.gif);
	position: absolute;
	top: 0px;
	left: 0px;
	width: 180px;
	height: 81px;
	padding-left: 1px;
	z-index: 500;
}

div#divMenu
{
	position: absolute;
	top: 82px;
	left: 1px;
	width: 175px;
	height: 70%;
	bottom: 0px;
	padding-top: 20px;
	vertical-align: top;
	z-index: 300;
}

div#divDoelgroep
{
	position: absolute;
	top: 15px;
	left: 222px;
	z-index: 420;
}

div#divDoelgroep a
{
	margin-right: 20px;
}

div#divContent
{
	position: absolute;
	top: 140px;
	left: 225px;
	padding-right: 20px;
	padding-bottom: 80px;
	width: 750px;
	z-index: 300;
}

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

div#divLocatie
{
	position: absolute;
	top: 63px;
	left: 205px;
	font-size: 9pt;
	z-index: 400;
	color: #FFFFFF;
}

div#divLocatie a
{
	color: #FFFFFF;
}

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


h1 .titel
{
	position: absolute;
	top: 100px;
	left: 225px;
	font-size:22px;
	color:#ed171f;
	font-weight:normal;
}

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

div#divLocatie
{
	position: absolute;
	top: 62px;
	font-size: 11px;
	color: #FFFFFF;
	left: 225px;
	z-index: 500;
}

div#divTop
{
	background-image: url(/Vestide/img/Site/bg_top.gif);
	background-repeat: repeat-x;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 81px;
	width: 100%;
	z-index: 1;
}

div#divIconen
{
	background-image: url(/Vestide/img/Site/bg_menu.gif);
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0px;
	left: 1px;
	width: 175px;
	height: 296px;
	padding-left: 5px;
	z-index: 150;
}
div#divIconenWrap { margin-top: 205px; }
div#divIconen a { color: #FFFFFF; }
div#divIconen .icoon { background-repeat: no-repeat; background-position: 0px 1px; padding-left: 26px; margin-bottom: 4px; }
div#divIconen #contact { background-image: url(/Vestide/img/Site/iconen_contact.gif); }
div#divIconen #english { background-image: url(/Vestide/img/Site/iconen_english.gif); }
div#divIconen #nederlands { background-image: url(/Vestide/img/Site/iconen_nederlands.gif); }
div#divIconen #disclaimer { background-image: url(/Vestide/img/Site/iconen_disclaimer.gif); }
div#divIconen #zoeken { background-image: url(/Vestide/img/Site/iconen_zoeken.gif); }


div#topRight
{
    position: absolute;
    z-index: 400;
    width:100%;
    top: 0;
	right: 0;
}

div#divLogin
{
    float:right;
    position:relative;
	margin:60px 10px 0 10px;
	color: #FFFFFF;
	font-size: 7pt;
}

div#divLogin a
{
	color: #FFFFFF;
}

a.lettergrootte 
{
    float:right;
    position:relative;
    margin:60px 10px 0 0;
    font-size:13px;
    color:#FFF;
    font-weight:normal;
}

a.lettergrootte:hover { cursor:pointer; color:#fff;}
a.lettergrootte span { display:inline-block;}
a.lettergrootte .klein { font-size:11px; margin-right:5px; }
a.lettergrootte .groot { font-size:15px;}
a.lettergrootte .vet { font-weight:bold; display:inline-block; color:#0c2d83; text-decoration:underline;} 

/* Woningaanbod */
div#divWoningWeergave
{
	background-image: url(/Vestide/img/Site/woningaanbod_weergave_bg.gif);
	background-repeat: repeat-x;
	position: absolute;
	top: 97px;
	left: 460px;
	width: 500px;
	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;
}

div#divOnderhoudSelectie
{
	background-image: url(/Vestide/img/Site/woningaanbod_weergave_bg.gif);
	background-repeat: repeat-x;
	position: absolute;
	width: 500px;
	height: 23px;
	z-index: 500;
}

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

div#divHomeFotoNl
{
	background-image: url(/Vestide/img/Site/home_1.jpg);
}

div#divHomeFotoEng
{
	background-image: url(/Vestide/img/Site/home_2.jpg);
}

.clsHomeIntro
{
}

.clsHomeFoto
{
	width: 100%;
	height: 80px;
	background-repeat: no-repeat;
	background-position: right top;
}

#divVerhuizing
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 400;
}


/* Woningaanbod module Widget */

#pnlAanbod {height:140px; }
#divWoningAanbodWidget { padding: 0; margin:0; }
#divWoningAanbodWidget .woning { cursor:pointer; font-size:11px; height:90px; margin-top:10px;}
#divWoningAanbodWidget div.img {float:left; width:110px; margin-right:10px; overflow:hidden;}
#divWoningAanbodWidget a img {border:none;}
#divWoningAanbodWidget p {padding:10px 0 0 0; margin:0;}
#divWoningAanbodWidget h4 {margin:0 0 5px 0; font-size:12px;}

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

.clsPagePopup
{
	background-image: url(/Vestide/img/Site/bg_pagepopup.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	position: absolute;
	padding: 10px;
	padding-right: 20px;
	padding-bottom: 16px;
	top: 170px;
	color: #FFFFFF;
	left: 250px;
	width: 400px;
	z-index: 2000;
}

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

.clsPagePopup td
{
	color: #FFFFFF;
}

.clsPagePopup a
{
	color: #FFFFFF;
	text-decoration: underline;
}

.clsPagePopup a:hover
{
	color: #FFFFFF;
}

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

.clsKader
{
	background-color: #0C2D83;
	font-size: 8pt;
	font-weight: 700;
	color: #FFFFFF;
	padding: 3px;
}

.clsKaderForm
{
	background-color: #0C2D83;
	font-size: 8pt;
	font-weight: 700;
	color: #FFFFFF;
	padding: 3px;
}

table.clsForm
{
	background-color: #EFF1F6;
	border: solid 1px #0C2D83;
}

table.clsForm td
{
	border-top: solid 1px #DDE1EC;
}

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

table.tblMain
{
	background-color: #EFF1F6;
	border: solid 1px #0C2D83;
}

table.tblMain td
{
	border-top: solid 1px #DDE1EC;
}

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

.clsTblBalk
{
	background-image: url(/Vestide/img/Site/bg_vert_rood.gif);
	background-repeat: repeat-y;
	padding-left: 20px;
	width: 250px;
}

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(/Vestide/img/Site/li_tblbalk.gif);
}

div#divContent .clsTblBalk .clsMyFoto
{
	background-image: url(/Vestide/img/Site/mijn_foto.jpg);
	background-repeat: no-repeat;
	height: 70px;
}

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

div.clsmenuItem
{
	border-top: solid 1px #C1131E;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 100%;
	display: inline-block;
}

div.clsmenuItem:hover
{
	background-color: #C1131E;
}

.menuItem
{
    float:left;
	color: #FFFFFF;
	padding-left: 6px;
	text-decoration: none;
}

.menuItem:hover
{
	color: #FFFFFF;
}

div.clsmenuItemSelected
{
	background-color: #C1131E;
	border-top: solid 1px #C1131E;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 100%;
}

.menuItemSelected
{
	color: #FFFFFF;
	padding-left: 6px;
	text-decoration: none;
}

.menuItemSelected:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

.menuSub li
{
	color: #FFFFFF; 
	list-style-position:outside;
	margin-left:5px;
	padding-left:15px; 
	
}

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

.menuSubItem:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}

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

.menuSubItemSelected:hover
{
	color: #FFFFFF;
	text-decoration: underline;
}


/* ============================================================= */
/* Nieuws                                                        */
/* ============================================================= */

.classNieuwsTitel
{
	font-size: 11pt;
	font-weight: 700;
	border: solid 1px #0C2D83;
	padding: 5px;
}

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

.classNieuwsBody
{
}

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

table.tblWoninginfo
{
}

table.tblWoninginfo td
{
	border-top: solid 1px #DDE1EC;
	padding-right: 8px;
}

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

.clsMainHdr
{
	background-color: #0C2D83;
	color: #FFFFFF;
	font-weight: 700;
	width: 100%;
	padding-top: 1px;
	padding-bottom: 1px;
	height: 15px;
	padding-left: 3px;
	text-align: left;
	text-transform: capitalize;
}

.clsBezitWijken td
{
	border-top: solid 1px #E1E1E1;
	font-size: 8pt;
}

div#divBezitWijken
{
	height: 250px;
	overflow: auto;
}


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

div#divContent table.tbl
{
	border: solid 1px #0C2D83;
}

div#divContent .tblHdr td
{
	background-color: #ED171F;
	font-weight: 700;
	color: #FFFFFF;
}

div#divContent .tblHdr a
{
	color: #FFFFFF;
}

div#divContent .tblCel1 td, div#divContent .tblCel1 input
{
	background-color: #FFFFFF;
}

div#divContent .tblCel2 td, div#divContent .tblCel2 input
{
	background-color: #EFF1F6;
}

div#divContent .tblCelOver td, div#divContent .tblCelOver input
{
	background-color: #0C2D83;
	color: #FFFFFF;
	cursor: hand;
}

div#divPanels
{
	position: absolute;
	top: 198px;
	left: 753px;
}

/* ============================================================= */
/* Enquete formulier                                             */
/* ============================================================= */
#pnlEnquete td
{
	border-top:1px solid #DDE1EC;
}
#pnlEnquete .tbl
{
	background-color:#EFF1F6;
	border:1px solid #0C2D83;
	padding:3px;
}

#pnlEnquete .tblHdr
{
	background-color: #0C2D83;color:#FFF;
	width:734px;
	padding:3px;
	font-weight:bold;
}

#pnlEnquete td.tblCel2
{

	font-weight:bold;
	color:#0C2D83;
	border-top:1px solid #DDE1EC;
}

#pnlEnquete .tblCel2 li 
{
	text-align:right;
	list-style-type:none;
}

/*	
	#pnlEnquete #btnSave
	{
		background:none url(/Vestide/img/Site/knop_versturen_1.gif) no-repeat;
		width:93px;
		height:25px;
	}
*/

/* Social media icons */

.socialMediaIcons {display:block;}
.socialMediaIcons a {width:20px; height:20px; background-repeat:no-repeat; margin-left:2px; display:block; float:left;}
.socialMediaIcons a span { display:none;}
a.sm_ico_twitter {background-image:url(/Vestide/img/Site/sm_ico_twitter.gif);}
a.sm_ico_facebook {background-image:url(/Vestide/img/Site/sm_ico_facebook.gif);}
a.sm_ico_email {background-image:url(/Vestide/img/Site/sm_ico_email.gif);}
a.sm_ico_hyves {background-image:url(/Vestide/img/Site/sm_ico_hyves.gif);}