/*
Title:      	Hamont-Achel master styles for screen media
Author:     	gbe, © 2008 anaXis nv.
Updated:        Nov 16, 2008
*/

* { margin: 0; padding: 0; }
* div[width] { width: 100% !important;} /* stupid hack for eyes cms and because IE6 doesn"t understand auto */
html>body div[width] { width: auto !important; } /* stupid hack for eyes cms */
a img { border: 0; }

body { font: normal 62.5%/1.5em Helvetica,sans-serif; background: #CBD7BE; }
ol, ul { list-style-image:none; list-style-position:outside; list-style-type:none; }

/* ---- [ typography ] ------------ */
address { font-size: 1.1em; font-style: normal; }
h1 { font-size:1.4em; }
h2 { font-size: 1.2em; }
p { font-size: 1em; text-align: justify; }

/*	Meaning tags
------------------------------- */
acronym, abbr, q, dfn { border-bottom: dashed 1px #5d5e56; font-style: italic; font-weight: bold; }

/*	image positioning
--------------------------------*/
.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; padding: 0 0 0 15px;}
.image_align_left {float: left; padding: 0 15px 0 0;}

/*	Rss
--------------------------------*/
table.eyeRssFeed tr td { padding: 5px; vertical-align: top; }
table.eyeRssFeed tr.rssHeader { font-weight: bold; color: #555; }

/*	Tables
------------------------------------------*/
table th { text-align: left; vertical-align: top; }
#content table td { vertical-align: top; }

/*	wrapper
--------------------------------*/
#wrapper { background: #fff url(images/background_image.png) no-repeat right bottom; width: 890px; margin: 0 auto; padding: 5px 30px 0; }

/*	header
--------------------------------*/
#header { clear: both; overflow: hidden; margin-bottom: 19px; }
#header a.logo { display: block; float: left; width: 231px; padding-top: 27px; }
#header img.banner { float: left; margin: 0 2px 0 30px; width: 440px; }
#header fieldset { background: #E0ECD3; border: 0; float: left; height:75px; padding: 15px 6px 0; width: 114px; }
#header fieldset div.switcher { background: #fff url(images/fontsizeman.png) no-repeat 0 0; border: solid 1px #74B845; text-align: right; }
#header fieldset div.switcher a { color: #808080; text-decoration: none; padding: 0  5px 0 15px; }
#header fieldset div.switcher a:hover { text-decoration: underline; }
#header fieldset a.size1 { font-size: 11px !important; line-height: 16px; }
#header fieldset a.size2 { font-size: 16px !important; line-height: 16px; }
#header fieldset a.size3 { font-size: 22px !important; line-height: 16px; }
#header input { float: left; }
#header input.button { font-size: 1em; cursor: pointer; line-height: 1.2em; background-color:#74B845; border:1px solid #74B845;
                        color:white; height:22px; width:21px;}
#header input.text { border: solid 1px #74B845; color:#333; width:84px; height:20px; line-height:1.4em; padding:0 3px; }
#header label { color:#74B845; font-weight:bold;}
#headerHomepageLogo { float: left; width: 240px;}
#headerImages { float:left; width: 524px;}
#headerImages table { border-collapse: collapse; }
#headerImages table tr td img { margin: 0 1px; }
#headerSizeSearchOptions { float: left; width: 126px; }
#teasers { overflow: hidden; width: 400px;}
/*IE6 hack*/
*html #teasers { width: 394px;}


/* News and Events teaser startpage
--------------------------------*/
#newsteaser { overflow: hidden; margin: 10px 0px 0px 0px; }
#newsteaser div.newsitem,
#eventsteaser div.eventitem { float: left; width: 100%; overflow: hidden; margin-bottom: 5px; margin-top: 5px; }
#newsteaser div.newsitem span.date { float: left; color: #74B845; line-height: 1.8em; font-size:1.2em; }
#newsteaser div.newsitem h3 { margin-left: 5px; font-size:1.2em; line-height: 1.8em; }
#newsteaser div.newsitem h3 a { margin-left: 5px; }
#newsteaser div.newsitem img { clear: left; }
#newsteaser div.newsitem p { float: left; } 
#eventsteaser div.eventitem p { clear: both; overflow: hidden; line-height:15px;}
#eventsteaser div.eventitem h3 { font-size:0.9em; }
#eventsteaser { float: left; margin: 10px 0px 0px 10px; width:277px;}
#eventsteaser div.eventitem span.date { float:left; font-style:italic;}

/* Right container for the homepage
--------------------------------*/
#right_container {float:right; padding-bottom:83px; width:230px;}
#widgets_output {width:394px; float:left; text-align: justify;}
.widgets_title {text-align: left; line-height:15pt;}

/* TV for the homepage
--------------------------------*/
#tv_noord {padding-top: 5px; margin-left:35px;}

/*	container
--------------------------------*/
#container { clear: both; overflow: hidden; }

/*  Sitemap
--------------------------------*/
#canvas ul.sitemap li { background: transparent url(images/logo_small.png) no-repeat scroll left top; padding: 0 0 0 20px; margin: 5px 0 0 0 }

/*	navigation
--------------------------------*/
#navigation { float: left; clear:both; width: 240px; font-size: 1.2em; }
#navigation span.welcome { display: block; padding-bottom: 10px; overflow: hidden; }

/*	navigation :=menu
--------------------------------*/
#menu a { display: block; height: 44px; margin: 0 0px; width: 48px; text-decoration: none; }
#menu a.home { background: transparent url(images/btn_home.png) no-repeat scroll 0 0;}
#menu a.search { background: transparent url(images/btn_search.png) no-repeat scroll 0 0; }
#menu a.print { background: transparent url(images/btn_print.png) no-repeat scroll 0 0; }
#menu a.sitemap { background: transparent url(images/btn_sitemap.png) no-repeat scroll 0 0; }
#menu a.contact { background: transparent url(images/btn_contact.png) no-repeat scroll 0 0; }
#menu li { float: left; list-style-type: none; position: relative; }

/*	navigation :=tree
--------------------------------*/
#tree { background: #E0ECD3; clear:both; padding: 5px 0 15px 5px; }
#tree li { padding: 0 0 0 10px; }
#tree li a, 
#tree li span { color:#74B845; display:block; font-weight:bold; line-height:2em; text-decoration:none; cursor: pointer; font-size:1em;}
#tree li li a:hover { text-decoration:none; color:#635B59 !important; }
#tree li li a,
#tree li li span { color:#A8AB9D; font-size:0.8em; margin-bottom:0; padding-left:30px; text-decoration:none; background: transparent url(images/menu_icon.png) no-repeat scroll left top;}
#tree li li span:hover{ color:#000; }
#tree a.hover { cursor: pointer;  text-decoration: underline;}
#tree a.selected { color: #9D0A0E !important; text-decoration: underline; }

#tree .hitarea { background: url(../images/1ptrans.gif) 0 0 no-repeat; height: 12px; width: 12px; margin-left: -12px; float: left; cursor: pointer; display: none;}
/* fix for IE6 */
* html .hitarea { display: inline; float:none; }

/*	canvas
--------------------------------*/
#canvas { color:#5D5E56; float: left; font-size: 1.2em; margin: 0 0 30px 20px; width:630px;}
#canvas a { color:#74B845; text-decoration:none; }
#canvas a:hover { color:#635B59; }
#canvas p { line-height:150%; }
#canvas fieldset { border:solid 1px #E0ECD3; margin-top:15px; }

/*	canvas :=breadcrumbs
--------------------------------*/
#breadcrumbs { margin-bottom: 10px; }

/*	canvas :=content
--------------------------------*/
#content { margin-bottom: 30px; float:left; width: 630px; }
#content h1 { color:#74B845; margin-bottom: 1em; }
#content h2 { color:#635B59; margin: 10px 0; padding: 0 0 3px 15px; background: transparent url(images/logo_small.png) no-repeat scroll left top; }
#content ul, #content table tr td ul { list-style-type: disc; padding-left: 10px; list-style-position:inside; }
#content ol, #content table tr td ol { list-style-type: decimal; padding-left: 10px; list-style-position:inside; }


/*	footer
--------------------------------*/
#footer { clear: both; padding: 10px; overflow: hidden; }
#footer a { color: #fff; font-size: 1em; text-decoration: none; } 
#footer a:hover { text-decoration: underline; }
#footer address { color: #fff; text-align: right; margin-right: 35px; }

/* -----[ CSS editing ] ----------------	*/
div.eyeEditMenu *, 
div.eyeEditMenu #content table { margin: 0 !important; padding: 0 !important; }
div.eyeEditMenu a { cursor: pointer; }

/*	disclaimer
--------------------------------*/
#disclaimer { width: 950px; margin: 7px auto; text-align: right; color: #9B5B59; font-size: 1em; }
#disclaimer * { vertical-align: middle; font-size: 1.1em; }
#disclaimer a img { margin-left: 7px; }
#disclaimer span { padding: 0 5px; }
#disclaimer a { color: #9B5B59; text-decoration: none; }

/*  Table Events
--------------------------------*/
#content table.sessions td p {text-align:left; white-space: nowrap; }
#content table.sessions { margin: 7px 7px 15px 10px; width: 500px; }
#content table.sessions th { background-color: #74B845; text-align: center; }
#content table.sessions td { text-align: center; line-height: 14px; font-size: 1.1em; }
#content table.sessions tr.alt0 { background-color: #E0ECD3; }
#content table.sessions tr.alt1 { background-color: #E0ECD3; }
#content table.sessions td.date { width: 280px; }