/*
Title:      	Stekene master styles for screen media
Author:     	gbe, © 2008 anaXis nv.
Updated:        May 08 2008
*/

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

body { font: normal 62.5%/1.5em Arial, Verdana, sans-serif; background: #CECECE url(images/bg_body.jpg) repeat-x left 0px; }

/* ---- [ typography ] ------------ */
a { font-size: 1.1em; }
address { color: #fff; font-size: 1.1em; font-style: normal; }
h1 {
    font-size: 1.7em; line-height: 1.9em; padding-left: 28px; color: #114364;
    background: #EDEDED url(images/bullet_H1.jpg) no-repeat center left; height: 1%;
}
h2 {
    font-size: 1.5em; line-height: 1.8em; color: #444; padding-right: 18px; display: inline; 
    background: #EDEDED url(images/bullet_H2.jpg) no-repeat center right; height: 1%;
}
h3 { font-size: 1.3em; line-height: 1.6em;   }
div.news a{font-size:1.1em; font-family:Arial, Verdana,sans-serif; font-weight:bold;color:#636363;text-decoration:none;}
div.news a:hover {text-decoration:underline;}
p { font-size: 1.1em; color: #595959; margin-bottom: 20px; }
p a { font-size: 1em;}

/*	wrapper
--------------------------------*/
#wrapper { margin-top: 4px; }

/*	header
--------------------------------*/
#header { background: #fff url(images/header.jpg) no-repeat top left; clear: both; height: 183px; overflow: hidden; width: 986px; margin: 0 auto; }
#header div  { float: left; }
#header #logo{float: left; width:325px;display:block; clear:both;}
#header div h2, #header div h3 { display: none; }
#header div p { margin: 140px 0 0 113px; color: #10456D; font-weight: bold; font-size: 1.2em; }
#header table { float: right; margin-top: 28px; }
#header td img { border: solid 1px #fff !important; margin-right: 20px; }

/*	menu
--------------------------------*/
#menu { background: #10476E; clear: both; margin: 0 auto; overflow: hidden; width: 986px; }
#menu ul { float: left; padding: 15px 0 13px 15px; }
#menu ul li { background: #10476E url(images/seperator.jpg) no-repeat 0 50%; color: #fff; display: inline; list-style-type: none; padding: 3px 15px; }
#menu ul li.first { background-image: none; }
#menu ul li a { color: #fff; text-decoration: none; }
#menu ul li a:hover { color: #DBBF5E;}

/*	menu: = tools
--------------------------------*/
#tools { float: right; margin-right: 20px; }
#tools ul { float: left; }
#tools ul li { padding: 3px 5px; color: #B0B6B6; font-size: 1.8em; }
#tools ul li a { color: #B0B6B6; font-size: 1em; }
#tools ul li a.default { background: #B0B6B6; color: #10476E; }
#tools ul li a.default, #tools ul li a.bigger { margin: 0 2px; padding: 1px; border: solid 1px #B0B6B6; }
#tools fieldset { float: left; width: 183px; height: 31px; background: url(images/bg_search_box.gif); border: 0; margin: 7px 0 0 0; }
#tools fieldset label { display: none; }
#tools fieldset input.text { float: left; padding: 0; margin: 6px 0 0 6px; border: 0; width: 139px; background: none; }
#tools fieldset input.button { float: right; margin: 3px 4px 0 0; }

/*	container
--------------------------------*/
#container { width: 986px; margin: 0 auto; background: transparent url(images/bg_shadow.png) repeat-y center top; padding: 0 10px; }

/*	breadcrumb
--------------------------------*/
#breadcrumb { padding: 10px 15px 10px 30px; background: #fff url(images/bg_topcontainer.jpg) repeat-x left top; }
#breadcrumb * { color: #D8CC7A; }

/*	canvas
--------------------------------*/
#canvas { clear: both; overflow: hidden; margin: 0 20px; padding-bottom: 20px; }
#canvas div.corners { background-color: #EDEDED; padding: 10px; margin-bottom: 12px !important; }

/*	canvas: =tree
--------------------------------*/
#tree { float: left; width: 190px; margin-right: 12px; }

#tree div.t { background: url(images/dot.gif) 0 0 repeat-x; margin-bottom: 15px; }
#tree div.b { background: url(images/dot.gif) 0 100% repeat-x; }
#tree div.l { background: url(images/dot.gif) 0 0 repeat-y; }
#tree div.r { background: url(images/dot.gif) 100% 0 repeat-y; }
#tree div.bl { background: url(images/bl.gif) 0 100% no-repeat; }
#tree div.br { background: url(images/br.gif) 100% 100% no-repeat; }
#tree div.tl { background: url(images/tl.gif) 0 0 no-repeat; }
#tree div.tr { background: url(images/tr.gif) 100% 0 no-repeat; clear: both; overflow: hidden; padding: 10px 10px 20px; } 

#tree h3 { color: #919191; font-size: 1.5em; margin-bottom: 7px; } 
#tree h3 a { font-size: 1em; color: #919191; font-weight: bold; text-decoration: none; }
#tree ul { list-style: none; margin-top: 2px; display: block; }
#tree li { background: url(images/bullet.jpg) 0 7px no-repeat; border-bottom: solid 1px #D0D0D0; margin: 0 0 2px 0; padding: 2px 0 2px 12px; color: #626262; font-size: 1em; }
#tree li a { font-size: 1.1em; font-weight: bold; text-decoration: none; color: #626262; }
#tree li li { border: 0; }
#tree li span { font-size: 1.1em; font-weight: bold; text-decoration: none; color: #626262; cursor: pointer; }
#tree li.collapsable a, 
#tree li.collapsable li.collapsable a { color: #2A84C3; }
#tree li.collapsable li a, #tree li.collapsable li.collapsable li a { color: #919191; }
  
#tree a.hover { color: #D4B54B !important; cursor: pointer;  text-decoration: underline;}
#tree a.selected { color: #2A84C3!important;  }

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

/*	canvas: =content
--------------------------------*/
#content { float: left; width: 552px; margin-right: 12px; font-size: 1.1em; }
#content a.link { display: block; text-align: right; color: #114364; text-decoration: none; font-weight: bold; }
#content a.link:hover { text-decoration: underline; }
#content ul, #content ol { padding-left: 20px;  }
#content li { list-style-position: outside; list-style-type: disc; }
#content li a { color: #595959; text-decoration: none; font-size: 1em; }
#content li a:hover { text-decoration: underline; }
#content ol li { list-style-type: decimal;  }
#content p.error { color: #F00;}

#content div.news { float: left; width: 250px; margin-right: 12px; }
#content div.news h2, #content div.events h2 {
    font-size: 1.7em; line-height: 1.9em; padding-left: 28px; color: #114364;
    background: #EDEDED url(images/bullet_H1.jpg) no-repeat center left; height: 1%;
 }
#content div.news ul { padding: 0; }
#content div.news li { list-style-type: none; font-weight: bold; }
#content div.news li a { color: #636363; padding-left: 5px; text-decoration: none; }
#content div.news li a:hover { text-decoration: underline; }
#content div.events { float: left; width: 250px; }
#content div.events dt { font-size: 1em; }
#content div.events dt a {
    font-size: 1.5em; line-height: 1.6em; color: #444; padding-right: 18px; display: inline; font-weight: bold;
    background: #EDEDED url(images/bullet_H2.jpg) no-repeat center right; height: 1%; text-decoration: none;
}
#content div.events dt a:hover { text-decoration: underline; }
#content div.events dd { font-size: 1.1em; color: #595959; margin-bottom: 10px; }
#content div.events dd.date { color: #848484; }

#content table.sessions { margin: 7px 7px 15px 20px; width: 490px; }
#content table.sessions th { background-color: #10476E; text-align: center; color: #fff; }
#content table.sessions td { text-align: center; line-height: 14px; font-size: 1.1em; }
#content table.sessions tr.alt0 { background-color: #D4B54B; }
#content table.sessions tr.alt1 { background-color: #DCCF8B; }
#content table.sessions td.date { width: 130px;}

/*** IMAGES ***/ 
#content div p { overflow: hidden; }
.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; }

/*	RSS, Tables, Meaning tags
--------------------------------*/
table.eyeRssFeed tr.rssHeader { font-weight: bold;}
table.eyeRssFeed td { padding: 2px 10px 2px 4px; }
acronym, abbr, cite, q { font-weight: bold; font-style: italic; }


/*	canvas: =sidebar
--------------------------------*/
#sidebar { float: left; width: 180px; }
#sidebar div.corners { background: #D4B54B; }
#sidebar div.calendar { background: #0772BA; }
#sidebar div.calendar h3 { color: #fff; }
#sidebar h3 { color: #736228; }
#sidebar p { color: #fff;}
#sidebar table.m-cal { width: 100%; border-collapse: collapse; margin: 10px 0 5px 0; height: 140px; }
#sidebar table.m-cal * { font-size: 11px; font-weight: bold; text-align: center; color: #fff; }
#sidebar table.titelStyle { border-collapse: collapse; width: 100%; }
#sidebar table.titelStyle a {  color: #15507A; font-size: 14px; font-weight: bold; text-decoration: none; } 
#sidebar table.titelStyle td { color: #C4C658; font-size: 12px; font-weight: bold; }
#sidebar th { border-bottom: solid 1px #fff; }
#sidebar td.otherMonthStyle { color: #15507A; }
#sidebar td.todayDayStyle, #sidebar td.todayDayStyle a { color: #C4C658; }

/*	sitemap
--------------------------------*/
#sitem { font-size: 1.2em !important; color: #595959 !important; font-weight: normal; line-height: 1.4em; }
#sitem ul { font-size: inherit !important;  }
#sitem li { font-size: inherit !important;  }
ul.sitemap li li { list-style-type: circle !important; }
ul.sitemap li li li { list-style-type: square !important; }
ul.sitemap li li li li { list-style-type: disc !important; }

/*	footer
--------------------------------*/
#footer { background-color: #10476E; width: 986px; margin: 0 auto; text-align: center; padding: 7px 0 15px 0; }
#footer a { color: #fff; font-size: 1em; text-decoration: underline; }
#footer span { padding: 0 3px; }

/*	created
--------------------------------*/
#created { width: 986px; margin: 7px auto; text-align: right; }
#created * { vertical-align: middle; font-size: 1.1em; }
#created a { margin-left: 7px; }

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

div.editmenu { margin-top: -428px !important; }