/*
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-color: #fff1a5; 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; border-top:solid 1px #003772; }
address a { font-size: 1em; }
h1 {font-size: 1.7em; font-weight: normal; margin: 15px 0 15px 0; }
h1 a { font-size: 1em; }
h2 { font-size: 1.35em; margin: 5px 0 10px 0; }
/*h2 {#font-size:14px;}*/
h2 a { font-size: 1em;text-decoration:none;}
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:left;}

/* ---- [ 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; }
#headertop {height: 115px; position: relative;}

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

#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; }
#canvas table.canvasmenu { width: 945px; } 
#canvas .menubutton {font-size: 1.1em /*fixed*/;  font-weight: bold; vertical-align: top; text-align: left;width:189px;height:25px;}
#canvas .menubutton a {padding-top: 2px;padding-left:10px;padding-bottom:0px; display: block;}
/*#canvas .menubutton a:active { position: relative; top: 1px; left: 1px;}*/

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

#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 a.print {float: right;}
#content ul, #content ol { margin: 7px 7px 15px 28px; }
#content ul ul, #content ol ol { margin: 0px 0px 0px 28px; }
#content .sitemap li { padding-left: 10px;}
#content .sitemap li li { padding-left: 15px;}
#content .sitemap li li a{font-size:0.9em;}
#content .sitemap li li li { padding-left: 20px;}
/*#content .sitemap li li li a{font-size:1em;}*/
#content .sitemap li li li li { padding-left: 25px;}
#content .sitemap li li li li a{font-size:1.2em;}



#tree {float: left; text-align:left;padding:35px 0 0 0;}
#tree input, #tree fieldset { border: 0; }
#tree ul {}
#tree li { padding: 0; list-style-type: none; border:none; display: block; clear: both;  text-align: left;}
#tree li * { float:left; }
#tree li a { display:block;vertical-align:middle; }
#tree li a:active, #tree li a:hover { }
#tree li img {margin: 1px 3px 1px 2px; vertical-align: middle; width: 5px;}
#tree div {padding: 0px;}
#tree div.link {width:198px;}
#tree div.lvl1 a { padding-left: 18px; font-weight: bolder;width:180px;}
#tree div.lvl2 a { padding-left: 20px; 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 .morediv{text-align:right;}
#teaser h1 { 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;}
.fieldnoresults{font-size:1.2em;}

/* ---- [ detailsEnterprise ] -------------- */
#content #tabOrgDetails tbody tr td #tabDetailedInfo{margin-bottom:20px;width: 380px}
#content #tableorgdetails{float:left;}
#content #tableorgdetails #tabDetailedInfo{width: 380px !important;}
#content #tableorgdetails tr td span{font-size: 1.2em;}

#content #miniwebpic{float:right;}
#content #miniwebextrainfo{float:left;padding:20px 0 0 0;width:685px;}

#content #OrgContent{float:left;}

/* ---- [ 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 *, 
div.eyeEditMenu  table {margin: 0 !important; padding: 0 !important; }
#content div#eyeEditMenu table td{border:0 !important;}
#content table.mceEditor td{border:0 !important;}
#content table.mceEditor {width:412px !important;}
div.eyeEditMenu a { cursor: pointer; }
div.wysiwyg_menu { height:76px!important;}
.mceEditor { position:absolute; }
.mceButtonNormal, .mceButtonDisabled { width:20px!important; }
.mceToolbarTop  * { float:left!important; text-align:left!important; clear:none!important; }



/*-----[ classes ] -------- */
.block{position:relative;float:left;}
.back{position:absolute;bottom:0;margin-bottom:-30px;right:55px;}

/*-----[ 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: 1002px; } 

/*** IMAGES ***/ 

.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;}