/* ===== >>> Undo default styling van browsers <<< ===== */
ul,ol { list-style:none }
address { font-style:normal }
:link,:visited { text-decoration:none }
a img,:link img,:visited img { border:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }

/*=======================================================*/



a
{
	color: #00549f;
	text-decoration: none;
}

a:hover
{
	color:#023d72;
	text-decoration: underline;
}

p
{
	padding-top:1.2em;
}

input, select, textarea
{
	background-color: #FFFFFF;
	font-family: Arial;
	font-size: 8pt;
	color: #000000;
}

.searchHighlight
{
	background-color: #00549f;
	padding: 1px;
	color: #fff;
}

.error
{
	background-image: url(/Hengelo/img/Site/error.gif);
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	padding-top: 20px;
	overflow: hidden;
}




/* ------- >>> Structuur <<< -------- */

html
{
	height:100%;
}

body
{
	background: #A3D8F7 url(/Hengelo/img/Site/bg.gif) repeat-x top;
	font-family: Arial;
	padding: 0px;
	margin: 0px;
	height: 100%;
	text-align:center;
}

#frmPagina, #frmSitemap, #frmSearch, #frmHome
{
	height:100%;
}

#divContainer
{
	background: #FFF url(/Hengelo/img/Site/bg_container.gif) repeat-y;
	position: relative;
	width: 941px;
	min-height: 100%;
	margin: 0 auto;
	text-align:left;
}

*html #divContainer
{	
	height: 100%;
}

#divCopyright
{
	visibility: hidden;
	position:absolute;
}

#divLogo
{
	position:absolute;
	top:0;
	left:0;
	background: url(/Hengelo/img/Site/bg_logo.gif) no-repeat;
	width: 241px;
	height: 156px;
}

#divLogo a
{
	background: url(/Hengelo/img/Site/logo_hover.gif) no-repeat;
	background: url(/Hengelo/img/Site/logo.gif) no-repeat;
	width:103px;
	height:144px;
	position:absolute;
	top:15px;
	left:69px;
}


#divLogo a:hover
{
	background: url(/Hengelo/img/Site/logo_hover.gif) no-repeat;
}

#divLogo a span
{
	visibility:hidden;
}

#divIllustratie
{
	position:absolute;
	top:0;
	left:241px;
	height: 98px;
	width:697px;
	z-index:100;
}

#divDoelgroepen
{
	position:absolute;
	top:98px;
	left:241px;
	width:690px;
	height:24px;
	padding-left:20px;
	z-index:200;
}


#divDoelgroep1, #divDoelgroep2, #divDoelgroep3, #divDoelgroep4
{
	float:left;
	padding-left:7px;
	height:24px;
}

#divDoelgroep1
{
	background:url(/Hengelo/img/Site/menu_1_sel.png) no-repeat 7px 0;
}

#divDoelgroep2
{
	background:url(/Hengelo/img/Site/menu_2_sel.png) no-repeat 7px 0;
}

#divDoelgroep3
{
	background:url(/Hengelo/img/Site/menu_3_sel.png) no-repeat 7px 0;
}

#divDoelgroep4
{
	background:url(/Hengelo/img/Site/menu_4_sel.png) no-repeat 7px 0;
}

#divDoelgroep1 a, #divDoelgroep2 a, #divDoelgroep3 a, #divDoelgroep4 a
{
	float:left;
}

#divDoelgroep1 a:hover img, #divDoelgroep2 a:hover img, #divDoelgroep3 a:hover img, #divDoelgroep4 a:hover img
{
	opacity: .7;
	filter: alpha(opacity=70);
	width:157px;
	height:24px;
}

#divWijkMijn
{
	position:absolute;
	top:156px;
	left:0;
	background:url(/Hengelo/img/Site/bg_wijk_mijn.gif) no-repeat;
	width:241px;
	height:115px;
	margin-bottom:15px;
}

a.wijkenenbuurten
{	
	background:url(/Hengelo/img/Site/wijkenenbuurten_over.gif) top;
	background:url(/Hengelo/img/Site/wijkenenbuurten.gif) top;
	width:93px;
	height:69px;	
	margin-top:31px;
	margin-left:22px;
	float:left;
}

a.wijkenenbuurten:hover
{
	
	background:url(/Hengelo/img/Site/wijkenenbuurten_over.gif) top;
}

a.mijnhengelo
{	
	background:url(/Hengelo/img/Site/mijnhengelo_over.gif) top;
	background:url(/Hengelo/img/Site/mijnhengelo.gif) top;
	width:93px;
	height:69px;	
	margin-top:31px;
	margin-left:13px;
	float:left;
}

a.mijnhengelo:hover
{
	background:url(/Hengelo/img/Site/mijnhengelo_over.gif) top;
}

.wijkenenbuurten span, .mijnhengelo span
{
	visibility:hidden;
}

#divMenu
{
	position:absolute;
	width:199px;
	z-index:500;
	top:275px;
	left:20px;
}

.TeWoon
{
	margin-top: 15px;
	margin-left: 52px;
}

#divTitel
{
	position:relative;
	left:241px;
	font-size: 14pt;
	font-weight: 700;
	color: #00549f;
	height:184px;
	width:645px;
	margin:0 26px 0;
	border-bottom:1px solid #d6e03d;
	padding-top:160px;
}

html>body #divTitel
{
	height:24px;
}

#divLocatie
{
	position:relative;
	top:0px;
	left:241px;
	color: #000;
	width:645px;
	margin:8px 27px 0;
	color: #00549f;
}

#divLocatie a
{
	color: #00549f;
	text-decoration: none;
	float:left;
}

#divLocatie a:hover
{
	color:#023d72;
	text-decoration: underline;
}

.locatieSeparator
{
	background:url(/Hengelo/img/Site/locatieSeparator.gif) center no-repeat;
	width:15px;
	height:7px;
	float:left;
}

html>body .locatieSeparator
{
	position:relative;
	top:4px;
}

#divWrapper
{
	background:url(/Hengelo/img/Site/bg_wrapper.gif) no-repeat 241px 122px;
}

#divContent
{
	clear:left;
	width: 658px;
	position:relative;
	padding-top:30px;
	left:266px;
	display:block;
	padding-bottom:80px;
	height:450px;
}

html>body #divContent
{
	min-height:400px;
	height:auto;
}

#divFooter
{
	background: #a3d8f5 url(/Hengelo/img/Site/bg_footer.gif) no-repeat;
	clear:left;
	position:relative;
	margin:0 auto;
	margin-top:-80px;
	width:941px;
	height:80px;
	text-align:left;
	font-size: 8pt;
}

#divIconen
{
	position:absolute;
	bottom:55px;
	left:16px;
}

#divZoeken
{
	width:223px;
	position:absolute;
	top:27px;
	left:10px;
}

#divZoeken input
{
	background-color: #00539e;
	border: none;
	font-family: Arial;
	font-size: 8pt;
	color:#ccddec;
	width:145px;
	margin-right:10px;
	float:left;
}

a.zoekKnopIcon
{
	background:url(/Hengelo/img/Site/zoekKnopIcon.gif) no-repeat 0 -2px;
	width:43px;
	height:14px;
	color:#FFF;
	float:left;
}

#divMenu a
{
	color: #00549f;
	font-size:11px;
}

#divMenu a:hover
{
	color: #5b92c4;
	text-decoration: none;
}

#divMenu .menuItem
{
	display:none;
}

#divMenu .menuItemSelected
{
	width: 199px;
	text-decoration: none;
}

#divMenu .linkMenuItemSelected
{
	display:none;
}

#divMenu .tblSubMenu
{
	margin-top: 12px;
	margin-bottom: 6px;
	font-weight:bold;
	
}

#divMenu .menuSubItem
{
	background: url(/Hengelo/img/Site/bg_menuitem.gif) no-repeat;
	width: 199px;
	height: 21px;
	border-bottom: none;
	padding-top: 3px;
	text-decoration: none;
	margin-bottom:3px;
	padding-left:12px;
}

#divMenu .menuSubItemSelected, #divMenu .menuSubItemSelectedOpen
{
	background:url(/Hengelo/img/Site/bg_menuitem_sel.png) no-repeat;
	width: 199px;
	height: 21px;
	border-bottom: none;
	padding-top: 3px;
	text-decoration: none;
	margin-bottom:3px;
	padding-left:12px;
	position: relative;
}

#divMenu .menuSubItemSelectedOpen
{
	background:url(/Hengelo/img/Site/bg_menuitem_sel_open.png) no-repeat;
}

#divMenu .menuSubItemSelected a, #divMenu .menuSubItemSelectedOpen a
{
	color: #fff;
}

#divMenu .menuSubItemSelectedOpen
{
	background:url(/Hengelo/img/Site/bg_menuitem_sel_open.png) no-repeat;
}

#divMenu .tblSubSubMenu
{
	background:#fff url(/Hengelo/img/Site/bg_subsubmenu_bottom.gif) no-repeat left bottom;
	width:199px;
	font-weight:normal;
	margin:4px 0 8px;
	padding:10px 0;
	position: relative;
	left:-12px;
	float:left;
	top:-1px;
}

html>body #divMenu .tblSubSubMenu
{
	top:0;
}

#divMenu .menuSubSubItem
{
	width: 187px;
	border-bottom: none;
	text-decoration: none;
    font-size: 11px;
    padding-left:12px;
}

#divMenu .menuSubSubItem a
{
	color:#00549f;
}

#divMenu .menuSubSubItemSelected
{
	width: 187px;
	border-bottom: none;
	text-decoration: none;
   	padding-left:12px;
}

#divMenu .menuSubSubItemSelected a
{
	color:#00549f;
	font-weight:bold;
}


.tbl
{
	background-color: #FFFFFF;
	border: solid 1px #d9e3e9;
}

.tblHdr td
{
	background-color: #00549f;
	font-size: 8pt;
	font-weight: 700;
	color: #FFFFFF;
}

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

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

.tblCel1
{
	background-color: FFFFFF;
}

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

.tblCel2
{
	background-color: #f3fafe;
}

.tblCel2 td
{
	background-color: #f3fafe;
	font-size: 8pt;
}


/* ---------- >>> Nieuws <<< ----------*/

#pnlNieuwsOverzicht
{
	
}

.tblNieuwsHdr
{
	background:#00579f;
	color:#FFF;
	
}

.tblNieuwsItem li
{
	list-style-image:url(/Hengelo/img/Site/nieuws_li.gif);
}

.clsNieuwsTitel
{
	font-weight:bold;
	font-size:1.2em;
	color:#00549f;
}

.clsNieuwsSubtitel
{
	font-style:italic;
}

#dgResult li
{
	list-style-image:url(/Hengelo/img/Site/nieuws_li.gif);
}

/* ========== >>> Sitemap  <<< ========== */

.clsSitemap ul li 
{
	margin:30px 0 0 8px;
	font-weight:bold;
}

.clsSitemap ul li ul li
{
	font-weight:normal;
	margin:10px 0 0 20px;
	list-style-image:url(/Hengelo/img/Site/bullet_subitem.gif);
}

.clsSitemap ul li ul li ul
{
	padding:0 0 0 20px;
	margin:5px 0 0 0;
}

.clsSitemap ul li ul li ul li
{
	list-style-image:url(/Hengelo/img/Site/sitemap_li.gif);
	margin:0 0 0 20px;
}

.clsSitemap ul li ul  a
{
	color:#444;
}

.clsSitemap ul li ul a:hover
{
	text-decoration:underline;
}

/* ------ >>> Sjabloon Styles <<< --------- */

h1, h2, h3, h4, h5, h6
{
	color:#00579f;
}
#wijkInCijfers 
{
	margin-top:15px;
}

#wijkInCijfers td
{
	font-size:10px;
	height:23px;
	padding-top:4px;
}

#wijkInCijfers #gegevens
{
	font-weight:bold;
	font-size:12px;
}

/* ------ >>> Formulier Styles <<< --------- */

.clsFrm td
{
	border-top:solid 1px #edf7fd;
}

.clsFrm .hdr
{
	font-weight:700;
	vertical-align: top;
}

.clsFrm input, .clsFrm select, .clsFrm textarea
{
	background-color:#edf7fd;
	border:solid 1px #a3d8f7;
}

.clsFrm .submit
{
	border:none;
}

/* Urgentieformulier */

.UrgentieDiv
{
	margin-bottom: 15px;
}

.UrgentieVraag
{
	background-image: url(/Hengelo/img/Site/urgentie_vraag_bg.gif);
	background-repeat: repeat-x;
	border: solid 1px #a3d8f5;
	padding: 10px;
	margin-top: 20px;
	font-weight: 700;
}
.UrgentieVraag table { margin-top: 10px; }
.UrgentieVraag label { font-weight: 100; }

.UrgentieToelichting
{
	background-image: url(/Hengelo/img/Site/urgentie_antwoord_bg.gif);
	background-repeat: no-repeat;
	background-color: #a3d8f5;
	padding: 10px 10px 10px 20px;
}