/*
Title:      	shared master styles for all departments, mainly lay-out
				more specific styles (eg. colors) are defined in the init.css files
Author:     	kvs, © 2007 anaXis nv.
Updated:        Aug 17 2007
*/

* { margin: 0; padding: 0; }
* div[width] {width: 100% !important;} /* stupid hack for eyes cms */

body {background: #4b5c92 url('images/background.jpg') repeat-x top left; text-align: center; font: 62.5%/1.8em Arial, Verdana, sans-serif;}

/* ---- [ misc: =links ] ----------- */
a img { border: 0; }

/* ---- [ typography ] ------------ */
a {font-size: 1.3em; text-decoration: none; }
a:hover { text-decoration: underline;}
/*a:visited {font-size: 1.3em;}*/
address { font-size: 1.1em; font-style: normal;}
address a { font-size: 1em; }
h1 {font-size: 2em; font-weight: normal; margin: 15px 0 15px 0; }
h1 a { font-size: 1em; }
h2 { font-size: 1.6em; margin: 5px 0 10px 0; }
h2 a { font-size: 1em;}
input { font-size: 1.1em;}
legend { font-size: 1.1em;}
li { font-size: 1.2em;}
li a { font-size: 1em;}
li ul li{font-size:1em;}
ol {list-style-type: decimal;}
select { font-size: 1.1em; }
p { font-size: 1.2em;  margin: 5px 0 15px 0;}
p a { font-size: 1em;}
td{text-align:center;}

/* ---- [ wrapper ] -------------- */
#wrapper { background: #fff; padding: 0 10px 10px 10px; width: 946px; text-align:left; margin: 0 auto;/* margin-top: 10px;*/ margin-bottom: 20px; }

/* ---- [ header ] -------------- */
#header {padding: 0 20px 0 15px; }
#headertop {height: 115px; position: relative;}

#logo {position: absolute; top: 5px; left:0;}

#topmenu {text-align: right; position:absolute; top: 10px; right:0; }
#topmenu .navigation * {display: block; float:left;}
#topmenu .navigation .seperator {padding-left: 5px; padding-right: 5px;}

.search {border:none; position:absolute; bottom: 15px; right:15px; }
.searchbis {border:none; float:right;overflow: hidden; text-align:center;padding:0;margin:5px 14px 0 0; }
.search input,.searchbis input{vertical-align: middle;}
.search input.searchbox,.searchbis input.searchbox{ padding: 2px; border: groove #bbbbbb; border-right-width: 1px; border-bottom-width: 1px; width: 140px; }

#canvas {text-align: center; overflow: hidden; border-top: solid 4px; border-bottom: solid 3px;}
#canvas table { width: 910px; } 
#canvas .menubutton {font-size: 12px /*fixed*/;  font-weight: bold; vertical-align: top; text-align: center;}
#canvas .menubutton a {padding: 10px; display: block;}
/*#canvas .menubutton a:active { position: relative; top: 1px; left: 1px;}*/

/* ---- [ container ] -------------- */
#container { padding: 0 20px 0 20px; clear: both; height:100%;float:left;}

#sidebar {width: 196px;  float:left; text-align: center; padding-top: 5px;}
#sidebar ul { list-style-type: none;}
#sidebar li {border-bottom: solid 1px; padding: 5px;}
#breadcrumb {width: 470px; float:left; padding: 5px 5px 5px 20px; overflow:hidden;}
#breadcrumb a {font-size: 1em;}

#headerappendix {width: 200px; padding: 0 5px 3px 5px;  float:right; overflow: hidden; text-align:center; }

#content {float:left; padding: 5px 5px 10px 20px; width: 685px; overflow:hidden; text-align:justify;}
#content #printdiv{clear:both; width:100%;}
#content TABLE{width:auto !important;}
#content a.print {float: right;}
#content ul, #content ol { margin: 7px 7px 15px 28px; }
#content .sitemap li { padding-left: 10px;}
#content .sitemap li li { padding-left: 15px;}
#content .sitemap li li li { padding-left: 20px;}
#content .sitemap li li li li { padding-left: 25px;}


#tree {float: left; text-align:left;}
#tree input, #tree fieldset { border: 0; }
#tree ul {}
#tree li { padding: 0; list-style-type: none; border:none; display: block; clear: both; overflow: hidden; text-align: left;}
#tree li * { float:left; }
#tree li a { display:block; }
#tree li a:active, #tree li a:hover { }
#tree li img {margin: 1px 3px 1px 2px; vertical-align: middle; width: 5px;}
#tree div {padding: px;}
#tree div.lvl1 a { padding-left: 8px; font-weight: bolder;}
#tree div.lvl2 a { padding-left: 10px; font-weight:bold ;}
#tree div.lvl3 a { padding-left: 15px; }

#tree div.lvl4 a { padding-left: 20px; }

#tree .act1 a, #tree .act2 a, #tree .act3 a, #tree .act4 a {}

#teaser h1 {font-size: 1.8em; font-weight:bold; padding: 5px; }
#teaser h2 {font-size: 1.2em; margin-bottom: 0;}
#teaser h2 a {font-size: 1em; }
#teaser p, #teaser h2 {margin: 0 0 0 10px;}

/* ---- [ searchEnterprise ] -------------- */
#searchEnterprise .block .datagrid{border-style:solid; margin:10px 0px 5px 0px;width:auto;}
#searchEnterprise .block .datagrid tbody tr td{margin:auto;padding:3px 3px 3px 3px;}
#searchEnterprise .block .datagrid .header td{font-size:1.1em;font-weight:700;}
#searchEnterprise .block{margin:15px 0 15px 0px;}
#searchEnterprise tbody tr td span{font-size:1.3em;}

/* ---- [ detailsEnterprise ] -------------- */
#content #tabOrgDetails tbody tr td #tabDetailedInfo{margin-bottom:20px;}

/* ---- [ footer ] -------------- */
#footer {text-align: center; padding-top: 20px;}
#footer address {padding: 0 20px 0 20px; }
#footer address .seperator {padding-left: 5px; padding-right: 5px;}
#footerbottom {padding: 0 20px 0 20px; font-size: 1.1em;}
#footerbottom a {font-size: 1em;}
#footerbottom span * {vertical-align:middle;}
#footerbottom  .seperator {padding-left: 5px; padding-right: 5px;}

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

/*-----[ classes ] -------- */


/*-----[ h4cks ] -------- */
/* give the inner divs the same height (not really needed for all sites)
#sidebar, #content, #teaser { margin-bottom: -10000px; padding-bottom: 10000px; }*/
/* make the menu buttons the same size (nicer hover background effect) */
#canvas .menubutton a { margin-bottom: -1000px; padding-bottom: 1010px; }