ul
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

body 
{
	background-color: #c1c0db;
	font-size: smaller;	
}

select
{
	font-family: Verdana;
	font-size: smaller;	
}

/*een div die gecentreerd moet staan tov zijn containerdiv*/
div.center{
  position: absolute;
  left: 50%;
  top: 50%;        
}

/*
div.centerHorizontal{
  position: absolute;
  left: 50%;
}
*/

 /*http://milov.nl/code/css/verticalcenter.html*/
/*	de 'buitenste' div op de masterpage waartoe alle andere elementen behoren */
DIV.outer
  {
  width: 1000px;
  height: 700px;
  margin-left: -500px; /* half of width */
  margin-top: -350px;  /* half of height */
  background-color: #6699CC;
}

/* 
	gemeenschappelijke stijl van het tweekleurig vlak op de achtergrond.
	width = width van DIV.outer / 2
	height = height van DIV.outer
*/
DIV.outerBackground
{
	width:500px;
	height:700px;
	position:absolute;
}  

/*	
	div die al de contentElementen bevat.
	zwart kader met witomlijste rand
*/
DIV.inner
{
	width: 880px;
	height: 600px;
	margin-left: -440px;  /* half of width */
	margin-top: -300px;   /* half of height */
	background-color: #181512;
	border-color: #abb4b1;
	border-style: solid;
	border-width: 1px;
}


/*
	gemeenschappelijke stijl van de achtergrondelementen van DIV.inner.
	width = width van DIV.inner - 2 * breedte van de zwarte rand van DIV.inner
*/
DIV.innerFooter, DIV.innerBackground
{
	width: 820px;	
	margin-left: -410px;  /* half of width */
}

/*
	kleinste algemeen achtergrondElement die alle contentElementen bevat.
	de achtergrond bestaat uit blauwe bovenrand met structura-logo en onderliggen foto van gebouw
	height DIV.header + height DIV.content = height;
*/
DIV.innerBackground
{
	height: 550px;
	margin-top: -275px;   /* half of height */
}

/*
	bevat de contactinformatie van immo structura in de background-image.
*/
DIV.innerFooter
{
    height: 11px;
    margin-top: 280px;   /* height of div.innerBackground + half of height*/
}

img.innerFooter
{
	height: 11px;
	width: 819px;
}

/*
	even groot als blauwe band bovenaan, bevat de knoppen
	height DIV.header + height DIV.content = height;
*/
DIV.header
{
	width:100%;
	height:146px;
	background-image:url('../../images/businessHeaderBackGroundNoLogo.png');
}

/*
	gemeenschappelijke gegevens van de grote buttons en buttonheaders op het header panel.
	de anchors hebben zelfde grootte als de knoppen, zodat ze werken als niet enkel 
	op de content van de anchor wordt gedrukt, maar op de hele knop actief zijn.
*/
DIV.btnHdr, a.btnHdr, img.hdr
{
	height: 25px;
	width: 122px;
	text-align: center;
	float:left;
	margin-bottom: 5px;
}

img.btn, span.btn
{
	border-style: none;
	cursor: pointer;
}

DIV.btnHdrLarge, a.btnHdrLarge, img.hdrLarge
{
	height: 56px;
	width: 122px;
	text-align: center;
}

DIV.contentMaster
{
	height:404px;
	width: 820px;
	border-style: none;
	background-image:url('../../images/businessContentBackGround.png');	
}

/*
	float: left moet actief zijn, anders neemt het anchor om onduidelijke reden niet de gewenste 
	grootte aan.
*/
A.btnHdr, A.btnCnt, A.btnCntIcon, A.btnHdrLarge
{
	float:left;
}

IMG.hdr, IMG.cnt, IMG.hdrLarge, IMG.
{
	border-style: none;
}

DIV.content
{
	position: absolute;
	border-style: none;
	height:404px;
	width:625px;
	overflow:auto;
	left: 195px;
	margin: 3px;
}


DIV.opacityLayer
{
	position:absolute;
	background-color:Black;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: -8px; 
	height: 382px;
	width: 622px;
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	z-index: -1000;
}

DIV.psContentWithSmallMenu, DIV.psContentWide
{
	top:16px;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	overflow:auto;
	font-family: Verdana;
	width: 479px;
	text-align:justify;
}

DIV.srvContent, DIV.srvContentWithSmallMenu
{
	padding: 3px;
	padding-left: 5px;
	padding-right: 111px;
	position: relative;
	overflow:auto;
	font-family: Verdana;
	width: 498px; 
	text-align:justify;
	line-height: 20px;
}

DIV.srvContent
{
	top: 15px;
	height: 356px;
}

DIV.srvContentWithSmallMenu
{
	top: 80px;
	height: 306px;
}

DIV.psContentWithSmallMenu
{
	top: 46px;
	height: 340px;
}

DIV.psContentWide
{
	width: 604px;
	height: 374px;
}

DIV.PSResults
{
	margin-top: 10px;
	width: 555px;
	height: 314px;
}

/*
	gemeenschappelijke gegevens van de grote buttons en buttonheaders op het main contentpanel.

	de anchors hebben zelfde grootte als de knoppen, zodat ze werken als niet enkel 
	op de content van de anchor wordt gedrukt, maar op de hele knop actief zijn.
*/
DIV.btnCnt, DIV.btnCntHeader, a.btnCnt
{
	height: 48px;
	width: 244px;
	margin-bottom: -5px;
	text-align: center;
}

div.menuBoth, div.menuSingle
{
	top: 50px; 
	position:relative;
	height: 265px; 
}

div.menuSingle
{
	left: 183px;
	width: 300px;
}

div.menuBoth
{
	left: 58px;
	width: 500px;
}

DIV.smallMenu
{
	position: absolute;
	top: 15px;
	left: 3px;
	z-index: 10;
}

/*
	de anchors hebben zelfde grootte als de knoppen, zodat ze werken als niet enkel 
	op de content van de anchor wordt gedrukt, maar op de hele knop actief zijn.
	float: left moet actief zijn, anders werkt dit om onduidelijke reden niet voor het anchor
*/
DIV.btnCntSrvLarge, a.btnCntSrvLarge
{
	height: 60px;
	width: 122px;
	text-align: center;
	float:left;
}

/*
	de anchors hebben zelfde grootte als de knoppen, zodat ze werken als niet enkel 
	op de content van de anchor wordt gedrukt, maar op de hele knop actief zijn.
	float: left moet actief zijn, anders werkt dit om onduidelijke reden niet voor het anchor
*/
DIV.btnCntPSSmall, a.btnCntPSSmall
{
	height: 26px;
	width: 122px;
	text-align: center;
	float:left;	
}

td.value, td.key
{
	text-align:left;
}

.mail, .mailComment
{
	width: 200px;
}

.mailComment
{
	height: 50px;
}

div.noDisplay
{
	display:none;
}

.validationError
{
	font-weight:bold;
}

div.divDrawTransparent
{
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
	cursor: pointer;
}

div.divDraw001Transparent
{
	filter:alpha(opacity=1);
	-moz-opacity:0.01;
	-khtml-opacity: 0.01;
	opacity: 0.01;
	cursor: pointer;
}

DIV.btnCntIcon, a.btnCntIcon, img.btnCntIcon
{
	height: 25px;
	width: 26px;
	text-align: center;
	float:left;
	margin-bottom: 5px;
}

img.imgRegion
{
	height: 26px;
	width: 122px;
}

a.lng
{
	padding: 0px 5px 0px 5px;
}

a.lng:visited  {text-decoration: none;}
a.lng:link  {text-decoration: none}
a.lng:active  {text-decoration: none;}
a.lng:hover   {text-decoration: none;}

img.pleaseContactMe
{
	height: 22px; 
	width: 477px;	
}

img.pleaseContactMeComment
{
	height: 8px;
	width: 83px;
}

img.pleaseContactMeCompany
{
	height: 8px;
	width: 84px;
}

img.pleaseContactMeConcerning
{
	height: 8px;
	width: 111px;
}


img.pleaseContactMeEMail
{
	height: 8px;
	width: 56px;
}

img.pleaseContactMeName
{
	height: 8px;
	width: 47px;	
}

img.pleaseContactMePhone
{
	height: 8px;
	width: 59px;	
}

img.pleaseContactMeRegion
{
	height: 8px;
	width: 63px;
}