/**********************************************************
*
*	Basis stylesheet voor de website Gemeente Kortessem
*
***********************************************************/

/* ---------- [ init ] ------------------- */
html { padding:0; border:0; margin:0; }
body {
	font-family: Verdana, Arial, Sans-Serif;
	font-size:62.5%; /* Sets base font size for site to 10px (because 62.5% of 16px [default browser font size] = 10px)*/
	text-align:center; margin:0; padding:0;
	background-image: url(../images/bg_sides_repeat.jpg);
	background-repeat:repeat-x;
	background-color:#B4B4B4;
	height:100%;
}
ol, ul, li { margin:0; padding:0; list-style-type:none; }
form { margin:0; }
div, h1, h2, h3, h6, p, a, span, table, tr, td, input, label { margin: 0; padding: 0; }
table { font-size:100%; }

/* ---------- [ typho ] ------------------ */
h1 { font-size:1.5em; color:#FFF; font-weight:bold; }
h2 { font-size:1.4em; }
h3 { font-size:1.2em; }
p, a, ul, li, input, label, address, legend, select { font-size:1em; color:#000; }

/* ---------- [ div ] -------------------- */
#wrapper { position:relative;text-align:left;width:747px;margin:20px auto; }
#sidebar { float:left;width:181px; margin:7px 0 0 8px; }

/* ---------- [ search ] -----------------  */
#headerBar { height:124px; background-repeat:no-repeat; background-color:#FFF; width:738px; }
#headerBarOL { height:185px;width:738px;background-repeat:no-repeat; background-color:#FFF; }
#logo { display:inline;float:right;height:94px;width:124px; margin:8px 18px 0 0; background-image:url(../images/logo_kortessem.jpg); background-repeat:no-repeat; }
#borderBottom { margin-top:4px; }
#menuBar { height:94px;background-image:url(../images/header_schuin2.jpg); background-repeat:no-repeat; }
#tools { margin: 0 4px 2px 4px; width:740px; }
#shortCuts { float:left; width:555px; margin-top:8px; }
#linkBlock { float:right; }

#contentWrapper div.photogallery { float: left; padding-left: 30px; padding-right: 10px; }
#contentWrapper div.photogallery img { border: 0; }

#modulesBlock { float:left; }
#zoomBlock { float:left; }
#printBlock { float:left; border-left:solid 1px #000; }
#toolsBlock { float:left; }
#toolBarOL { float:right; margin:4px 8px -12px 0; }

#shortCuts li { display: inline; list-style-type: none; float:left;height:20px; }
#modulesBlock li { padding: 0 4px 0 4px; border-right:solid 1px #000; }
#toolsBlock li { padding: 0 4px 0 4px; border-left:solid 1px #000; }

#shortCuts a { color:#FFF; font-weight:bold; text-decoration:none;  }
a.toolsText { display:block; padding-top:4px; }
#shortCuts a:hover { text-decoration:underline; }

#menu_SearchBox { float:left; margin:10px 0 0 4px; }
#menu_SearchBox * { vertical-align: middle; margin: 0 2px; }
#menu_SearchBox label { display: none; }
#menu_SearchBox_txtSearch { width: 110px; border-style:inset; border-color:#C4C4C4; border-width: 2px; }

#_ctl0_SearchBox { float:left; margin:10px 0 0 4px; }
#_ctl0_SearchBox * { vertical-align: middle; margin: 0 2px; }
#_ctl0_SearchBox label { display: none; }
#_ctl0_SearchBox_txtSearch { width: 110px; border-style:inset; border-color:#C4C4C4; border-width: 2px; }

#loket { float:right; margin-right:20px; }
#menu_navImg { margin: 0 4px;}
#breadcrumb { float:left; padding: 4px 7px 0 13px; width:530px;}
#breadcrumb img { margin:0 5px 0 5px; }
#breadcrumb span { color:#00339D; font-weight:bold; }

/* ---------- [ menu ] ------------------- */
.topgroup { text-align:center; margin: 2px 4px 7px 8px; font-size: 8pt; cursor:hand; }
.group { background-color: #FEFCD5; border: solid 1px #A8A40F; border-top-width: 0; font-size: .95em; }
.topitem {
	text-align: center; font-weight: bold; font-size: .95em; 
	text-transform: uppercase; color: #FFF; letter-spacing: .01em;
}
.topitemExpand {
	text-align: center; font-weight: bold; font-size: .95em; background-color: #F7AB6D;
	text-transform: uppercase; color: #FFF; letter-spacing: .01em;
}
.item {
	padding: 5px 7px; text-align: left; cursor: hand;
}
.itemExpand { 
	background-color:#FEE1A5;padding: 5px 7px; text-align: left;font-weight: bold; color: #000; cursor: hand; 
}

/* ---------- [ footer ] ------------------ */
#createdBy { text-align:right; margin:0 30px 4px 0; }
#footer { float:left; padding-top:4px; margin-right:7px; width:740px; }
#footer img { margin-top:2px; }
#footerAddress { float:left;width:558px;font-style:normal;font-size:0.9em;color:#969696;text-align:center; }
#footerLinks { float:left;width:181px; }
#footer li { display:inline; list-style-type:none; margin-top:4px;  }
#footer li a { text-decoration:none;padding:0px 5px 3px 6px;border-right:solid 1px #000; }
#footer li a.last { border:none !important; }
#footer li a:hover { text-decoration:underline; }
#colorFooterBar { margin-top:3px;background-image:url(../images/footer.gif);height:7px;background-repeat:no-repeat; }

/* ---------- [ rulers ] ------------------ */
div.rule { height:1px;background-image:url(../images/stippellijn.gif);background-repeat:repeat-x; }
div.rulerListing { height:1px;background-image:url(../images/stippellijn.gif);background-repeat:repeat-x;width:555px; }
div.btm_rule {
	clear: both; overflow: hidden; height: 7px; 
	background-image: url(../images/balk_footer.gif); background-repeat: repeat-x;
}
div.rule hr, div.btm_rule hr, div.rulerListing hr { display: none; }

/* ---------- [ misc. ] -------------------  */
br.clear { clear : both; height : 0; margin : 0; font-size : 1px; line-height : 0; }
div.clear {	clear: both; height: 1px; overflow: hidden; }