html, body 
{
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:arial,sans-serif;
	text-align:center; /* center IE */
}

#frmPagina, #frmHome
{
    height:100%;
}

.error
{
	background-image: url(/Zayaz/img/Site/error.gif);
	background-repeat: no-repeat;
	width: 11px;
	height: 11px;
	overflow: hidden;
	padding-left: 16px;
}

.searchHighlight
{
	background-color: #FFFFFF;
	padding: 2px;
	border: dashed 1px #989898;
}

.popup
{
	background-color: #F3F4F3;
	padding: 10px;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center */
	width:989px;
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	text-align:left; /* reset text-align */
}

div#header {
	height: 157px;
	position:relative;
}

div#intranet_logo {
	position: absolute;
	left: 0;
	top: 0;
	background-repeat: no-repeat;
	height: 31px;
	width: 345px;
}

a#logo {
	position: absolute;
	display:block;
	right: 0px;
	top: 0;
	background-repeat: no-repeat;
	height: 157px;
	width: 220px;
	z-index:15;
}
a#logo span {display:none;}

div#left {
	width: 215px;
	position:absolute;
	top: 157px;	
/*	z-index:9;*/
	padding:0 10px;
}
div#left a
{
	text-decoration:none;
}
div#left .menuItem 
{
	font-size:16px;
}

div#left li a {/* zie fontsize css */}

div#left li
{
	position:relative;
	top:8px;
}
#divMenu img { margin-top: 4px; }
.menuSubItem, .menuSubItemSelected {/* zie ie.css */}

div#content {
	float:left;
	left: 0px;
	top: 157px;	
	width: 554px;
	padding-left:215px;
	padding-right:220px;
	padding-bottom:50px;
}
#divTitel
{
	width:554px;
	padding:7px 26px 2px 18px;
	margin: 0 0 10px 0;
}

div#main_text
{
    float:left;
	width:502px;
	margin-left:26px;
	line-height:1.4em; 
}
div#main_text td { line-height:1.4em; }
html>/**/body div#main_text
{
	width:502px;
	padding-bottom:0;
}
div#main_text ul { margin:0 0 0 15px; }
div#main_text ul li
{
	list-style-type:none;
	list-style-image:url(img/Site/bullet_li.gif);
}
html>body div#content {padding-bottom:6em;}


div#right {
	position:absolute;
	left: 769px;
	top: 157px;	
	width: 220px;
}
#menu_right {left: 0; margin:0;	padding:0; text-align:right; overflow:hidden; font-size:14px; }
#menu_right ul { list-style:none; margin:0; padding:0;  }
#menu_right li { float:left; }
#menu_right li a { display:block; width:220px; text-decoration:none; color:#777; border-bottom:1px dotted #777; padding:5px 0; background:url(img/Site/bg_menu_right.gif) no-repeat 210px 12px;}
#menu_right li a span { padding:0 16px 0 4px; display:block;}
#menu_right li a:hover { color:#000; }

.partviewMenuRight {float:left; width:220px; margin-top:10px; font-size:12px; color:#777;}

div#footer {
	position:absolute;
	bottom: 0;
	height:32px;
	width:989px;
	overflow:hidden;
	font-size:10px;
}

#footer {top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));} 

html>body div#footer {
	position:fixed;
	bottom:0;
	z-index:10; /* Prevent certain problems with form controls */
}
	
#zoeken
{
	float:left;
	width:215px;
	position:relative;
	left:5px;
}
#zoeken input
{
	float:left;
	height:20px;
	width:130px;
	position:relative;
	top:6px;
}
.zoeken, .afdrukken, .sitemap, .lettergrootte
{
	background-repeat:no-repeat;
	height:30px;
	padding:10px 0 0 21px;
	padding-right:3px;
}
html>body .zoeken, html>body .afdrukken, html>body .sitemap, html>body .lettergrootte
{
	position:relative;
	top:10px;
}
#locatie
{
	float:left;
	width:554px;
	padding:0px 5px;
	height:31px;
}
#locatie #bottom_lnkLocatie
{
	position:relative;
	top:9px;
}
#locatie ul
{
	float:left;
	margin: 8px 0px 0px 8px;
	padding:0;
}
#locatie li
{
	background-image: url(img/Site/bullet_kruimelpad.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	float: left;
	display: inline;
	padding-left: 20px;
	margin-left: 0px;
}

#locatie li a
{
    padding-right:10px;
}
#locatie td
{
	font-size:11px;
	padding:0 3px;
}
html>body #locatie
{
	width:543px;
}
#frmHome .clsLocatie
{
	display:none;
}
#print
{
	float:left;
	padding:8px 5px;
}

#fontsize
{
	float:left;
	padding:8px 5px;
}
#zoeken a, #iconen a
{
	color:#fff;
	text-decoration:none;
}	
h1 {
	font:2.0em georgia,serif; 
	padding:9px 26px;
	margin: 0;
}

h2 {
	font-size:1em;
	margin:0;
}
p { margin-top:0; }

.tblNieuws td
{
	padding-left: 5px;
	padding-right: 5px;
	border-top: solid 1px #E1E3E0;
	border-bottom: solid 1px #E1E3E0;
}
.tblNieuwsHdr td
{
	font-weight: 700;
	border-bottom: dotted 1px #ACB1AD;
	padding: 5px;
}
.tblNieuwsItem li
{
	list-style-image:url(/Zayaz/img/Site/nieuws_bullet.gif);
}
.clsNieuwsTitel
{
	font-size:1.4em;
	font-weight:700;
}
.clsNieuwsSubtitel
{
	font-weight:700;
}
#ddlNieuws { width: 442px; }
#lblSitemap ul li
{
	font-weight:bold;
	list-style-type:none;
	list-style-image:none;
}
#lblSitemap ul a
{
	text-decoration:none;
}
#lblSitemap ul a:hover
{
	text-decoration:underline;
}
#lblSitemap ul li ul li
{
	list-style-image:url(img/Site/bullet_li.gif);
	margin:3px 0 0 -3px;
	font-weight:normal;
}

/*************************/
/**       Modules       **/
/*************************/

/* Woningbezit */

#hdrPaginanr, #ftrPaginanr
{
	
	height:20px;
}

#pnlFotoweergave, #pnlLijstweergave
{
	width:505px;
}

.tblContent
{
	width:505px;
}

.clsFotoLink
{
	display: inline-block;
	border-left: dotted 1px #ACB1AD;
	border-right: dotted 1px #ACB1AD;
	border-bottom: dotted 1px #ACB1AD;
	margin-left: 5px;
	margin-right: 5px;
	padding: 3px;
	font-size: 10px;
	text-decoration: none;
}

/* Reparatie */

#divReparatieStap
{
	background-image: url(/Zayaz/img/Site/reparatie_li.gif);
	width: 8px;
	height: 14px;
	margin-left: 10px;
	margin-right: 10px;
	display:inline-block;
}

#divReparatieStap1
{
	background-image: url(/Zayaz/img/Site/reparatie_stap_1.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
	height: 24px;
}

#divReparatieStap2
{
	background-image: url(/Zayaz/img/Site/reparatie_stap_2.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
	height: 24px;
}

#divReparatieStap3
{
	background-image: url(/Zayaz/img/Site/reparatie_stap_3.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
	height: 24px;
}

#divReparatieStap4
{
	background-image: url(/Zayaz/img/Site/reparatie_stap_4.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
	height: 24px;
}

#divReparatieStap5
{
	background-image: url(/Zayaz/img/Site/reparatie_stap_5.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
	height: 24px;
}

.classReparatieTitel
{
	font-weight: 700;
}

.classReparatiePijl
{
	width: 14px;
	height: 14px;
}

.classReparatieHeader
{
	border: dotted 1px #a0c4da;
	padding: 5px;
	width: 100%;
	margin-bottom: 10px;
}

.classReparatieHeader li
{
	list-style-image: url(/Zayaz/img/Site/reparatie_li.gif);
}

table.tblReparatieTbl
{
	border: dotted 1px #a0c4da;
	margin-top: 20px;
	padding: 15px;
	width: 100%;
	padding-bottom:50px;
}

table.tblReparatieTbl td
{
	list-style-position: inside;
}

table .tblReparatieHdr
{
	margin-left: 15px;
}

image.imgReparatieAfb
{
	border: solid 1px #FFFFFF;
	margin: 5px;
}

/* FAQ */

#divFaq input
{
	background-color: #FFFFFF;
	border: none;
	border-top: dotted 1px #4C1F24;
	border-left: dotted 1px #4C1F24;
	border-bottom: dotted 1px #4C1F24;
}

.faqTblCel
{
}

.faqTblCelSelect
{
}

.faqButton
{
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 700;
	border-top: dotted 1px #4C1F24;
	border-right: dotted 1px #4C1F24;
	border-bottom: dotted 1px #4C1F24;
	height: 20px;
	text-decoration: none;
}

.faqTblHdr
{
	border: dotted 1px #4C1F24;
	padding: 5px;
}

.faqTbl
{
	margin-top: 20px;
}

.faqSelectedAntwoord
{
}

.faqSelectedVraag
{
	font-weight: 700;
	list-style-image: url(/Zayaz/img/Site/faq_li.gif);
}

.faqVraag
{
	list-style-image: url(/Zayaz/img/Site/faq_li.gif);
}

#divWoningbezitPanels
{
	position: absolute;
	top: 48px;
	left: 588px;
	width: 180px;
	height: 346px;
	overflow: auto;
	border-bottom: dotted 1px #2B4333;
}

#divWoningbezitPanels td
{
	font-size: 9px;
}

#divWoningbezitPanels .tblHdr td
{
	background-color: #2B4333;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: 700;
}

#divWoningbezitPanels .tblCel1
{
}

#divWoningbezitPanels .tblCel2
{
	background-color: #EFEFEF;
}

#divWoningbezitStatus
{
	float: left;
	border-top: dotted 1px #2B4333;
	border-bottom: dotted 1px #2B4333;
	width: 373px;
	padding: 10px;
	margin-top: 15px;
}

#copyright
{
	font-size: 9px;
}

/* Formulier */

.FormGenTitle
{
	font-weight: 700;
}

.HeaderCss
{
	border-top: dotted 1px #FFFFFF;
	width: 140px;
}
.sayIt
{
	width:69px;
	height:34px;
	cursor: hand;
	margin-bottom:5px;
}

.pageviewFooter
{
	text-align :left ;
	font-size: 9px;
	margin-top : 20px;
	display: block;
}

/* Aanpassingen 27-09-2011 - WI:6274 */

/* Menu 1 */
.doelgroepMenu { position:absolute; top:15px; left:215px; font-size:12px; line-height:18px; overflow: hidden; z-index:10; width:556px; border-top:1px dotted #d8cfce; border-bottom:1px dotted #d8cfce; padding:0;}
.doelgroepMenu span { float:left; }
.doelgroepMenu span.outer { overflow:hidden; border-right:1px dotted #d8cfce; padding:0 0px; margin:0;}
.doelgroepMenu a { width:137px; float:left; overflow:hidden; display: block; color:#4e2523; text-decoration:none; padding:0; margin:0; }
.doelgroepMenu a.menuitem1 { }
.doelgroepMenu a.menuitem1selected,
.doelgroepMenu a:hover { background:#d8cfce; }
.doelgroepMenu a span.inner {margin:5px; margin-bottom:0px; display:block; width:126px; height:42px; cursor:pointer;}

/* Menu 2 & 3 */
div#left {width:210px; padding:0;}
div#left a {float:left; clear:left; font-size:15px; line-height:14px; }
div#left a:hover { color:#000; }
div#left .menu23 { float:left; overflow:hidden; width:200px; margin:0 0 0 10px; }
div#left .menuitem2,
div#left .menuitem2selected { width:200px; margin-bottom:7px; }
div#left ul.menulist3 { float:left; width:200px; margin:5px 0 10px; padding:0; overflow:hidden;}
div#left ul.menulist3 span { float:left; background:url(img/Site/bullet_submenu.gif) no-repeat left 2px; }
div#left a.menuitem3,
div#left a.menuitem3selected { width:180px; font-size:11px; color:#444; margin-left:20px;  }
div#left a.menuitem3:hover,
div#left a.menuitem3selected:hover { color:#000; }

#divTitel { margin:0 0 10px 0; padding:0; }
#divTitel h1 { margin:0; padding:5px 26px; font-size:28px;}

/* Contactpagina */
.googlemapContact {width:220px; height:240px; margin:10px 0; display:block;}




/* 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(/Zayaz/img/Site/sm_ico_twitter.gif);}
a.sm_ico_facebook {background-image:url(/Zayaz/img/Site/sm_ico_facebook.gif);}
a.sm_ico_email {background-image:url(/Zayaz/img/Site/sm_ico_email.gif);}
a.sm_ico_hyves {background-image:url(/Zayaz/img/Site/sm_ico_hyves.gif);}


