/************************************************************
*															*
*	Basic stylesheet for the Lokeren website				*
*															*
*************************************************************/

/* Main Structural Elements & init
---------------------------------- */
html { padding:0; border:0; margin:0; }
body
{
	font-family: Verdana, Arial, helvetica, 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-top:0;padding:0;
	background-color:#A7B5BE;
	height:100%;
}
ol, ul, li, p, img { margin:0;padding:0;list-style-type:none; }
form { margin:0; }
div { padding:0; }

/* Images
---------------------------------- */
img { border: none; }

.image_top_left {display: block; margin-bottom: 15px;}
.image_top_middle {display: block; margin: 0 auto 15px auto;}
.image_bottom_left {display: block; margin-top: 15px;}
.image_bottom_middle {display: block; margin: 15px auto 0 auto;}
.image_align_right {float: right; margin: 0 0 0 15px;}
.image_align_left {float: left; margin: 0 15px 0 0;}

/* Meaning tags 
---------------------------------- */
acronym, abbr, q, dfn { border-bottom: dashed 1px #06305a; font-style: normal; }

/* Typho
---------------------------------- */
fieldset, td, table { font-size: 1em;vertical-align:top; }
#breadCrumb { color:#06305A; }
#breadCrumb a { color:#06305A; }

/* div section
---------------------------------- */
#wrapper { margin: 60px auto; }
#sideBarLeft { margin:0 0 9px 11px;width:200px;text-align:right;float:left;border:solid 1px #A4B6C4; }
#navigation { margin:9px 9px 0 0; }
#menu { margin-top:40px; }
#searchBar { margin:20px 0 40px 0; }
#tree { margin: 0px 0 65px 0; }
#breadCrumb { float:left;width:477px;margin:9px 0px 0px 9px;text-align:left;vertical-align:bottom; }

#footerWrapper { margin:9px 0px 0px 11px;float:left; }
#leftBottomBar { width:200px;height:9px;background-color:#9CC1DE;float:left; }
#axLogo { width:820px; text-align:center; }

/* Menu section
---------------------------------- */
#menu li { display:inline; }
#menu a { display:block; padding: 0 16px 3px 0;background:url(../images/ikon.gif) #FFF no-repeat right center;color:#737476;text-decoration:none; }
#menu a:hover { text-decoration:underline; }
#menu_SearchBox input { vertical-align: top; }
#menu_SearchBox_txtSearch { width:130px; margin-bottom:4px; font-size:1em; }

/* Tree section
---------------------------------- */
#tree ul { margin:0; }
#tree li { margin-top:5px; list-style-type:none; }
#tree h3 { color:#000;margin-bottom:5px; letter-spacing: .01em; }
#tree a { color:#6C7175; margin:0 5px; text-decoration:none; }
#tree a:active { font-weight:bold; }
#tree a:hover { text-decoration:underline; }

#treeCMS { margin-top:15px; }
#treeCMS ul { margin:0; }
#treeCMS div.lvl1 { background:url(../images/treeclose.jpg) #FFF no-repeat right center; }
#treeCMS div.lvl2 { margin-right:15px;background:url(../images/puntjes1.jpg) #F2F3F3 no-repeat right bottom; }
#treeCMS div.lvl3 { margin-right:15px;background:url(../images/puntjes2.jpg) #F2F3F3 no-repeat right bottom; }


#treeCMS div.lvl1 li { margin:5px 15px 0px 0px; }
#treeCMS div.lvl2 li { margin-right:16px; }
#treeCMS div.lvl3 li { margin-right:26px; }
#treeCMS div.lvl4 li { margin-right:36px; }
#treeCMS div.lvl5 li { margin-right:46px; }
#treeCMS div.lvl1 a { color:#6C7175;font-weight:bold; }

/* Tools section
---------------------------------- */
#menu_tools { height:26px; }
#menu_tools ul { display:inline;float:right; }
#menu_tools li { display:inline; }
#menu_tools a:hover { border-bottom:solid 1px #960200; }

/* Content section
---------------------------------- */
#infoBarBottom p { margin:0px 9px 0px 9px; }
#bottomBar p { margin:0px 0px 0px 0px; font-size:1px; }
#infoBarBottom span { font-family:Arial;color:#737476;font-size:1.0em; }

#content ol { margin-left: 25px;}
#content ol li { list-style-type: decimal;}

/* hacks - undo floats
---------------------------------- */
div.clear { clear:both; height:1px; overflow:hidden; }
br.clear { clear:both; height:0; margin:0; font-size:1px; line-height:0; }


/* wysiwyg fixes 
------------------------------------ */
#content div.editmenu {margin:0; padding:0;}
#content div.editmenu * {padding: 0; margin: 0;}
#content ul li { list-style-type: disc !important; margin-left: 16px;}




/* Anchors */
#anchors { background-color: #DCDEE9;  padding: 4px 4px 0 8px;}
#anchors li
{
    list-style-type: square;
    list-style-position: inside;
    padding-bottom: 4px;
    color: #7DA9CE;
}