/* ----- opmaak voor de algemene elementen van internet, bis, bis VT en loket sites ----- */

body { font-family: Arial, Helvetica, sans-serif; font-size: 1em; padding: 0px; margin: 0px; background: #ffffff url(/slochteren/incontact/productie/basis/ic_website_instyle.nsf/images/algemeen-layout/$file/bg_body2.gif) repeat; }

h1 {font-size: 1em; margin:0px;}


/* ---- het alles bevattende blok ---- */
#divContainer { background-color: #ffffff; 	display: block; position: absolute; width: 950px; left: 50%; top: 0px; margin-left:-475px; }


/* ---- de kleurregel bovenin ---- */
.colorfillerTop { float: left; width: 950px; height: 6px; overflow: hidden; }


/* ---- payoff regel ---- */
#divPayoff { float: left; width: 540px; height: 30px; padding: 20px 0px 0px 30px; text-transform: uppercase; color: #939598; font-size: 13px; letter-spacing:1px; }


/* ---- zoekveld + knop ---- */
#divZoekveld { float: left; width: 230px; height: 35px; padding-top: 15px; text-align: right; }
#divZoekveld a { color: #333333; text-decoration: none; }
#divZoekveld .input { float:left; width: 180px; height: 18px; padding-left: 5px; border: 1px solid #333333; background: #f2f2f2; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; }
#divZoekveld .button { float:right; height: auto; padding: 0.3em 0.5em 0.3em 0.5em; border: 1px solid #333333; margin: 0px 0px 0px 3px; background: #e8e8e8; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; }


/* ---- adres blokje ---- */
#divAdres { float:right; width: 130px; height: 234px; padding: 20px 0px 0px 15px; font-size: 9pt; overflow: hidden;}
#divAdres a { color: gray; text-decoration: none; }
#icons a { border: 0px; margin-right: 7px; }
#icons img { border: 0px; }
#naamGemeente { text-transform: uppercase; margin:20px 0px 15px 0px; }
#adresGemeente { font-size: 8pt; margin:0px 0px 25px 0px; }


/* ---- menu onder foto ---- */
#divMenu { clear:both; float: left; width: 920px; height: 2.2em; overflow: hidden; margin: 8px 0px 8px 0px; padding: 12px 0px 0px 30px; border-top: 1px solid gray; border-bottom: 1px solid gray; text-transform: uppercase; color: gray; font-size: 0.72em; }
#divMenu a { text-decoration: none; color: gray; }
#divMenu ul { list-style-type: none;  margin: 0px; padding: 0px; }
#divMenu ul li { list-style-type: none; height: auto; margin: 0px; padding: 0px 1.8em 0px 0px; display: inline; }


/* ---- float eigenschappen tussen hoofdmenu en einde div schonen ---- */
.clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; }


/* ---- blok waarin de hoofdinhoud staat ---- */
#hoofdInhoud { clear: both;float: left; width: 900px; padding: 10px 20px 10px 30px; font-size: 0.8em; clear:left; }


/* ---- desclaimer menubalk onderin ---- */
#divDisclaimerMenu { float:left; overflow: hidden; width: 950px; height: 2em; padding: 8px 00px 0px 0px; font-size: 0.7em; text-align: right; color: #444444; }
#divDisclaimerMenu a { color: gray; text-decoration: none; }
#divDisclaimerMenu img { border: 0px; }
#divDisclaimerMenu ul { list-style-type: none; margin: 0px; padding: 0px; margin-right: 20px; }
#divDisclaimerMenu ul li{ list-style-type: none; margin: 0px; padding: 0px; display: inline; margin: 0px 0px 0px 12px; }
#upLink { background-image: url(/slochteren/incontact/productie/basis/ic_website_instyle.nsf/images/algemeen-layout/$file/up.gif); background-repeat: no-repeat; background-position: 0px 4px; float: left; margin-left: 25px; padding-left: 10px; }
#backLink { background-image: url(/slochteren/incontact/productie/basis/ic_website_instyle.nsf/images/algemeen-layout/$file/back.gif); background-repeat: no-repeat; background-position: 0px 4px; float: left; margin-left: 30px; padding-left: 7px; }

/* ---- kleurenbalk onderin ---- */
.colorfiller { float: left; width: 950px; height: 12px; overflow: hidden; }
.color1 { background: #ba0063; display: inline; float: left; width: 158px; }
.color2 { background: #7a006d; display: inline; float: left; width: 159px; }
.color3 { background: #018abe; display: inline; float: left; width: 158px; }
.color4 { background: #ef8a1e; display: inline; float: left; width: 159px; }
.color5 { background: #001b72; display: inline; float: left; width: 158px; }
.color6 { background: #aec419; display: inline; float: left; width: 158px; }


/* ---- kop- en voetcellen tabel opmaakprofiel ---- */
#tableKopcellen {margin-bottom: 10px;}
#tableVoetcellen {margin-top: 10px;}


/* ---- hoofdmenu ---- */
#divHoofdMenu { clear:both; display: block; position: absolute; left: 40px; top: 80px; font-size: 1em; z-index:9999; padding: 0 0 0 40;}
#divHoofdMenu ul img { border: 0px; }
#divHoofdMenu ul { list-style-type: none; float: left; display: inline; position: relative; margin: 0px; padding: 0px;}
#divHoofdMenu ul li{ list-style-type: none; margin: 0px; padding: 0px; display: inline; float: left; width: 100px; }
#divHoofdMenu ul li ul { position: absolute; left: -999em; top:1em; width: 17em; font-size: 0.7em; }
#divHoofdMenu ul li a { float: left; text-decoration: none; }
#divHoofdMenu ul li ul li { width: 17em; border: 0.1em solid black; margin: 2px 0 0 0;height: 2em;}
#divHoofdMenu ul li ul a { color: white; float: left; width: 16.2em; padding: 0.4em; height: 1.2em;}
#divHoofdMenu ul li ul ul { margin: -2.7em 0 0 15em; font-size: 1em; height: auto; }

#divHoofdMenu ul li:hover ul ul, #divHoofdMenu ul li:hover ul ul ul, #divHoofdMenu ul li.hover ul ul, #divHoofdMenu ul li.hover ul ul ul {
	left: -999em;
}

#divHoofdMenu ul li:hover ul, #divHoofdMenu ul li li:hover ul, #divHoofdMenu ul li li li:hover ul, #divHoofdMenu ul li.hover ul, #divHoofdMenu ul li li.hover ul, #divHoofdMenu ul li li li.hover ul { 
position: relative;
	left: auto;
}

#divHoofdMenu ul li ul :hover { background-color: white; color: black; }